It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://gudanglagu321.cc

  1. <!DOCTYPE html>
  2. <html lang="id">
  3.  
  4. <head>
  5.    <meta charset="UTF-8" />
  6.  
  7.    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  8.    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9.    <meta name="HandheldFriendly" content="True" />
  10.    <meta name="MobileOptimized" content="320" />
  11.    <meta name="keywords" content="download lagu, download lagu mp3, download mp3 gratis, download mp3, download lagu gratis, mp3 download, gudang lagu, downloadlagu321, download lagu 321, gudanglagu321, lagu123" />
  12.    <title>Download Lagu Mp3 Cepat, Gudang Lagu Gratis 2025</title>
  13.    <meta name="description" content="GudangLagu321 adalah situs download lagu MP3 gratis atau download lagu tanpa aplikasi, situs gudang lagu terbaik." />
  14.    <link rel="canonical" href="https://wwd.gudanglagu321.cc/" />
  15.  
  16.    <meta property="og:url" content="https://wwd.gudanglagu321.cc/" />
  17.    <meta property="og:type" content="website" />
  18.    <meta property="og:site_name" content="Gudanglagu321.cc" />
  19.    <meta property="og:title" content="Download Lagu Mp3 Cepat, Gudang Lagu Gratis 2025" />
  20.    <meta property="og:description" content="GudangLagu321 adalah situs download lagu MP3 gratis atau download lagu tanpa aplikasi, situs gudang lagu terbaik." />
  21.    <meta property="og:image" content="/assets/img/og-images.png" />
  22.        <meta name="robots" content="index, follow" />
  23.    <meta content="index, follow" name="yahoobot" />
  24.    <meta content="index, follow" name="googlebot" />
  25.        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  26.  
  27.    
  28.    
  29.    
  30.        <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png" />
  31.    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  32.    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  33.  
  34.    <meta name="google-site-verification" content="-3m7slQmmvjSFiM5XNYibNIQBnkdcetDTj7TmzRTwiw" />
  35.  
  36.    <link crossorigin="crossorigin" href="https://fonts.gstatic.com" rel="preconnect" />
  37.    <link crossorigin="crossorigin" href="https://i.ytimg.com" rel="preconnect" />
  38.  
  39.    <link rel="preload" href="/boxicons/fonts/boxicons.woff2" as="font" type="font/woff2" crossorigin="anonymous">
  40.  
  41.    <link rel="preload" href="/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0" as="font" type="font/woff2" crossorigin="anonymous">
  42.  
  43.  <script>
  44.    window.onload = function() {
  45.      var boxiconsFont = new FontFace('BoxIcons', 'url(/boxicons/fonts/boxicons.woff2) format("woff2")', { style: 'normal', weight: '400' });
  46.      var fontAwesomeFont = new FontFace('FontAwesome', 'url(/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0) format("woff2")', { style: 'normal', weight: '400' });
  47.  
  48.      Promise.all([
  49.        boxiconsFont.load(),
  50.        fontAwesomeFont.load()
  51.      ]).then(function() {
  52.        document.fonts.add(boxiconsFont);
  53.        document.fonts.add(fontAwesomeFont);
  54.      });
  55.    };
  56. </script>
  57.    <link as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="preload" />
  58.  
  59.    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
  60.  
  61.    <link rel="stylesheet" href="/boxicons/css/boxicons.min.css" media="all" />
  62.    <link rel="stylesheet" href="/font-awesome/4.5.0/css/font-awesome.min.css" media="all" />
  63.  
  64.    <style type="text/css">/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width: 100%;height: auto;}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);/*border-color:#2563eb;*/-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#6b7280;opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7280;opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}select{-webkit-print-color-adjust:exact;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;color-adjust:exact;padding-right:2.5rem}[multiple]{-webkit-print-color-adjust:unset;background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-print-color-adjust:exact;-ms-flex-negative:0;--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;color-adjust:exact;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px auto -webkit-focus-ring-color}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:375px){.container{max-width:375px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:#072344;max-width:65ch}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:#007c85;font-weight:600;text-decoration:underline;-webkit-transition:color .3s;transition:color .3s}.prose :where(a):not(:where([class~=not-prose] *)):hover{color:#072344}.prose :where(strong):not(:where([class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:disc;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){background-color:#cceeec;border-color:#065a68;border-left-width:1rem;border-radius:3px;color:#007c85;font-style:normal;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding:1rem 1.5rem;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote):not(:where([class~=not-prose] *)) p{font-weight:400;margin:0}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose] *)){font-weight:900}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose] *)){font-weight:800}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose] *)){font-weight:700}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose] *)){font-weight:700}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:var(--tw-prose-links)}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose] *)){padding:.5714286em;vertical-align:baseline}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where(img):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(video):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(h2 code):not(:where([class~=not-prose] *)){font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose :where(li):not(:where([class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose>:where(ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose>:where(ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose>:where(ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose>:where(ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose>:where(ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose>:where(:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose>:where(:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose :where(p,li):not(:where([class~=not-prose] *)){font-weight:300}.prose :where(h1,h2,h3,h4,h5,h6):not(:where([class~=not-prose] *)){font-weight:600}.prose :where(ul>li):not(:where([class~=not-prose] *)):before{background-color:#072344}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;left:0;right:0;top:0}.left-0{left:0}.bottom-0{bottom:0}.top-0{top:0}.right-0{right:0}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.mx-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.mr-2{margin-right:.5rem}.mr-8{margin-right:2rem}.mr-6{margin-right:1.5rem}.mb-1{margin-bottom:.25rem}.ml-auto{margin-left:auto}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mt-8{margin-top:2rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mt-5{margin-top:1.25rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.ml-3{margin-left:.75rem}.ml-1{margin-left:.25rem}.mt-10{margin-top:2.5rem}.mb-12{margin-bottom:3rem}.mt-12{margin-top:3rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.hidden{display:none}.h-0{height:0}.h-7{height:1.75rem}.h-16{height:4rem}.max-h-screen{max-height:100vh}.w-full{width:100%}.w-2\/3{width:66.666667%}.w-auto{width:auto}.w-16{width:4rem}.max-w-none{max-width:none}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-grey-lighter{--tw-border-opacity:1;border-color:rgb(236 238 241/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(7 35 68/var(--tw-border-opacity))}.border-secondary{--tw-border-opacity:1;border-color:rgb(0 170 161/var(--tw-border-opacity))}.border-green{--tw-border-opacity:1;border-color:rgb(0 124 133/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-green{--tw-bg-opacity:1;background-color:rgb(0 124 133/var(--tw-bg-opacity))}.bg-green-light{--tw-bg-opacity:1;background-color:rgb(204 238 236/var(--tw-bg-opacity))}.bg-grey-lightest{--tw-bg-opacity:1;background-color:rgb(239 240 243/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(0 170 161/var(--tw-bg-opacity))}.bg-grey-light{--tw-bg-opacity:1;background-color:rgb(204 215 224/var(--tw-bg-opacity))}.bg-yellow-light{--tw-bg-opacity:1;background-color:rgb(248 237 208/var(--tw-bg-opacity))}.bg-blue-light{--tw-bg-opacity:1;background-color:rgb(179 214 241/var(--tw-bg-opacity))}.bg-opacity-80{--tw-bg-opacity:0.8}.p-4{padding:1rem}.p-2{padding:.5rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-12{padding-bottom:3rem;padding-top:3rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.pt-5{padding-top:1.25rem}.pl-5{padding-left:1.25rem}.pt-16{padding-top:4rem}.pb-8{padding-bottom:2rem}.pr-2{padding-right:.5rem}.pl-2{padding-left:.5rem}.pr-5{padding-right:1.25rem}.pt-3{padding-top:.75rem}.pt-8{padding-top:2rem}.pt-4{padding-top:1rem}.pt-10{padding-top:2.5rem}.pb-3{padding-bottom:.75rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pb-16{padding-bottom:4rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.font-body{font-family:Poppins,sans-serif}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-2xl{font-size:18px;line-height:2rem}.text-3xl{font-size:22px;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-primary{--tw-text-opacity:1;color:rgb(7 35 68/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-green{--tw-text-opacity:1;color:rgb(0 124 133/var(--tw-text-opacity))}.text-grey{--tw-text-opacity:1;color:rgb(173 182 196/var(--tw-text-opacity))}.text-blue-dark{--tw-text-opacity:1;color:rgb(7 35 68/var(--tw-text-opacity))}.text-yellow-dark{--tw-text-opacity:1;color:rgb(218 165 18/var(--tw-text-opacity))}.text-blue{--tw-text-opacity:1;color:rgb(0 116 209/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(0 170 161/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.placeholder-primary::-webkit-input-placeholder{--tw-placeholder-opacity:1;color:rgb(7 35 68/var(--tw-placeholder-opacity))}.placeholder-primary::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(7 35 68/var(--tw-placeholder-opacity))}.placeholder-primary:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(7 35 68/var(--tw-placeholder-opacity))}.placeholder-primary::-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(7 35 68/var(--tw-placeholder-opacity))}.placeholder-primary::placeholder{--tw-placeholder-opacity:1;color:rgb(7 35 68/var(--tw-placeholder-opacity))}.opacity-75{opacity:.75}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-colors{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.container{max-width:600px}@media (min-width:640px){.container{max-width:700px}}@media (min-width:768px){.container{max-width:850px}}.twitter-card{--tw-bg-opacity:1;background-color:rgb(246 232 198/var(--tw-bg-opacity));border-radius:.25rem;margin-bottom:2rem;margin-top:2rem;padding:2rem 1.5rem}@media (min-width:640px){.twitter-card{margin-bottom:2.5rem;margin-top:2.5rem}}@media (min-width:768px){.twitter-card{padding-left:2.5rem;padding-right:2.5rem}}.twitter-card .twitter-card-title{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-top:0}.dark .twitter-card .twitter-card-title,.twitter-card .twitter-card-title{--tw-text-opacity:1;color:rgb(7 35 68/var(--tw-text-opacity))}@media (min-width:640px){.twitter-card .twitter-card-title{font-size:1.25rem;line-height:1.75rem}}.twitter-card .twitter-card-source{--tw-text-opacity:1;display:block;font-size:.875rem;font-weight:300;line-height:1.25rem;padding-top:.5rem;-webkit-text-decoration-line:underline;text-decoration-line:underline}.twitter-card .twitter-card-btn,.twitter-card .twitter-card-source{color:rgb(7 35 68/var(--tw-text-opacity));font-family:Poppins,sans-serif}.twitter-card .twitter-card-btn{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(7 35 68/var(--tw-border-opacity));border-width:1px;display:inline-block;font-weight:600;margin-bottom:0;margin-top:2rem;padding:.5rem 1.25rem;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.twitter-card .twitter-card-btn:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(7 35 68/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.twitter-card .twitter-card-btn{margin-bottom:1rem}}.hover\:border-secondary:hover{--tw-border-opacity:1;border-color:rgb(0 170 161/var(--tw-border-opacity))}.hover\:bg-green:hover{--tw-bg-opacity:1;background-color:rgb(0 124 133/var(--tw-bg-opacity))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(0 170 161/var(--tw-text-opacity))}.hover\:text-green:hover{--tw-text-opacity:1;color:rgb(0 124 133/var(--tw-text-opacity))}.focus\:border-secondary:focus{--tw-border-opacity:1;border-color:rgb(0 170 161/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 170 161/var(--tw-ring-opacity))}.group:hover .group-hover\:h-2{height:.5rem}.group:hover .group-hover\:bg-yellow{--tw-bg-opacity:1;background-color:rgb(244 208 111/var(--tw-bg-opacity))}.group:hover .group-hover\:text-green{--tw-text-opacity:1;color:rgb(0 124 133/var(--tw-text-opacity))}.group:hover .group-hover\:text-secondary{--tw-text-opacity:1;color:rgb(0 170 161/var(--tw-text-opacity))}.dark .dark\:prose-dark{color:#fff}.dark .dark\:prose-dark :where(a):not(:where([class~=not-prose] *)){color:#00aaa1}.dark .dark\:prose-dark :where(a):not(:where([class~=not-prose] *)):hover{color:#007c85}.dark .dark\:prose-dark :where(h1,h2,h3,h4,h5,h6):not(:where([class~=not-prose] *)){color:#fff}.dark .dark\:prose-dark :where(ul>li):not(:where([class~=not-prose] *)):before{background-color:#00aaa1}.dark .dark\:border-secondary{--tw-border-opacity:1;border-color:rgb(0 170 161/var(--tw-border-opacity))}.dark .dark\:border-green-light{--tw-border-opacity:1;border-color:rgb(204 238 236/var(--tw-border-opacity))}.dark .dark\:bg-primary{--tw-bg-opacity:1;background-color:rgb(7 35 68/var(--tw-bg-opacity))}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-green-light{--tw-text-opacity:1;color:rgb(204 238 236/var(--tw-text-opacity))}.dark .dark\:hover\:border-secondary:hover{--tw-border-opacity:1;border-color:rgb(0 170 161/var(--tw-border-opacity))}.dark .dark\:hover\:text-secondary:hover,.dark .group:hover .dark\:group-hover\:text-secondary{--tw-text-opacity:1;color:rgb(0 170 161/var(--tw-text-opacity))}@media (min-width:640px){.sm\:mr-6{margin-right:1.5rem}.sm\:mr-0{margin-right:0}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-0{margin-top:0}.sm\:mr-3{margin-right:.75rem}.sm\:ml-3{margin-left:.75rem}.sm\:inline-block{display:inline-block}.sm\:w-3\/4{width:75%}.sm\:w-1\/2{width:50%}.sm\:flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.sm\:py-12{padding-bottom:3rem;padding-top:3rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:pb-12{padding-bottom:3rem}.sm\:pt-8{padding-top:2rem}.sm\:pt-10{padding-top:2.5rem}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:768px){.md\:h-10{height:2.5rem}.md\:w-1\/3{width:33.333333%}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:py-20{padding-bottom:5rem}.lg\:pt-20,.lg\:py-20{padding-top:5rem}.lg\:pt-12{padding-top:3rem}.lg\:pt-16{padding-top:4rem}.lg\:pb-20{padding-bottom:5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}</style>
  65.    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
  66.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/atom-one-dark.min.css" /><!--<script>hljs.initHighlightingOnLoad();</script>-->
  67.    <style type="text/css">
  68.        @media (min-width:540px) {
  69.            .searchs {
  70.                width: 70%;
  71.                margin: auto
  72.            }
  73.        }
  74.  
  75.        @media (min-width:600px) {
  76.            .searchs {
  77.                width: 60%;
  78.                margin: auto
  79.            }
  80.        }
  81.  
  82.        @media (min-width:768px) {
  83.            .searchs {
  84.                width: 60%;
  85.                margin: auto
  86.            }
  87.        }
  88.  
  89.        @media (min-width:820px) {
  90.            .searchs {
  91.                width: 60%;
  92.                margin: auto
  93.            }
  94.        }
  95.  
  96.        @media (min-width:1024px) {
  97.            .searchs {
  98.                width: 50%;
  99.                margin: auto
  100.            }
  101.        }
  102.  
  103.        .search-form form {
  104.            position: relative;
  105.            /* margin-bottom: 1rem; */
  106.            border-radius: 1.5rem;
  107.        }
  108.  
  109.        .search-form input {
  110.            outline: 2px solid rgb(0 182 255);
  111.        }
  112.  
  113.        .search-form input {
  114.            height: 3rem;
  115.            width: 100%;
  116.            border-radius: 1.5rem;
  117.            border-width: 1px;
  118.            --tw-border-opacity: 1;
  119.            border-color: rgb(0 182 255);
  120.            --tw-bg-opacity: 1;
  121.            background-color: rgb(255 255 255);
  122.            padding-left: 1rem;
  123.            padding-right: 3.5rem;
  124.        }
  125.  
  126.        .search-form button {
  127.            position: absolute;
  128.            top: 0.375rem;
  129.            right: 0.375rem;
  130.            display: inline-flex;
  131.            height: 2.25rem;
  132.            width: 4.25rem;
  133.            align-items: center;
  134.            justify-content: center;
  135.            border-radius: 1.5rem;
  136.            --tw-bg-opacity: 1;
  137.            background-color: rgb(255 96 2);
  138.            font-size: .875rem;
  139.            line-height: 1.25rem;
  140.            font-weight: 500;
  141.            --tw-text-opacity: 1;
  142.            color: rgb(255 255 255);
  143.        }
  144.  
  145.  
  146.        :is(.dark .search-form input) {
  147.            outline: 2px solid rgb(0 182 255);
  148.        }
  149.  
  150.        :is(.dark .search-form input) {
  151.            height: 3rem;
  152.            width: 100%;
  153.            border-radius: 1.5rem;
  154.            border-width: 1px;
  155.            --tw-border-opacity: 1;
  156.            outline: 2px solid rgb(0 182 255);
  157.            --tw-bg-opacity: 1;
  158.            background-color: rgb(255 255 255);
  159.            padding-left: 1rem;
  160.            padding-right: 3.5rem;
  161.        }
  162.  
  163.        :is(.dark .search-form button) {
  164.            position: absolute;
  165.            top: 0.375rem;
  166.            right: 0.375rem;
  167.            display: inline-flex;
  168.            height: 2.25rem;
  169.            width: 4.25rem;
  170.            align-items: center;
  171.            justify-content: center;
  172.            border-radius: 1.5rem;
  173.            --tw-bg-opacity: 1;
  174.            background-color: rgb(255 96 2);
  175.            font-size: .875rem;
  176.            line-height: 1.25rem;
  177.            font-weight: 500;
  178.            --tw-text-opacity: 1;
  179.            color: rgb(255 255 255);
  180.        }
  181.  
  182.        .bg-con {
  183.            background-color: #fff
  184.        }
  185.  
  186.        :is(.dark .bg-con) {
  187.            background-color: rgb(7 35 68/var(--tw-bg-opacity))
  188.        }
  189.  
  190.        .rounded-md {
  191.            border-radius: 10px
  192.        }
  193.  
  194.        .line-clamp-1 {
  195.            overflow: hidden;
  196.            display: -webkit-box;
  197.            -webkit-box-orient: vertical;
  198.            -webkit-line-clamp: 1
  199.        }
  200.  
  201.        .line-clamp-2 {
  202.            overflow: hidden;
  203.            display: -webkit-box;
  204.            -webkit-box-orient: vertical;
  205.            -webkit-line-clamp: 2
  206.        }
  207.  
  208.        #wrapper {
  209.            padding-bottom: 5px
  210.        }
  211.  
  212.        @media(min-width:1024px) {
  213.            #wrapper {
  214.                padding-bottom: 5px
  215.            }
  216.        }
  217.  
  218.        #wrapper:not(.full) {
  219.            display: flex;
  220.            flex-direction: column;
  221.            gap: 15px
  222.        }
  223.  
  224.        @media(min-width:1024px) {
  225.            #wrapper:not(.full) {
  226.                flex-direction: row
  227.            }
  228.        }
  229.  
  230.        #primary {
  231.            flex: 1 1 0%
  232.        }
  233.  
  234.        @media(min-width:1024px) {
  235.            #secondary {
  236.                width: 250px
  237.            }
  238.        }
  239.  
  240.        .pt-5x {
  241.            padding-top: 5px
  242.        }
  243.  
  244.        .ptb-5x {
  245.            padding-top: 5px;
  246.            padding-bottom: 5px
  247.        }
  248.  
  249.        .list-item {
  250.            position: relative;
  251.            display: flex;
  252.            gap: .75rem;
  253.            padding-top: 10px;
  254.            padding-bottom: 10px;
  255.            border-bottom: 1px solid #adadad;
  256.            border-bottom-style: dashed
  257.        }
  258.  
  259.        .list-item .image-cover {
  260.            height: 80px;
  261.            width: 110px;
  262.            overflow: hidden;
  263.            --tw-bg-opacity: 1;
  264.            background-color: rgb(243 244 246 / var(--tw-bg-opacity))
  265.        }
  266.  
  267.        .list-item .item-content {
  268.            flex: 1 1 0%
  269.        }
  270.  
  271.        .list-item .image-cover img {
  272.            height: 100%;
  273.            width: 100%;
  274.            -o-object-fit: cover;
  275.            object-fit: cover
  276.        }
  277.  
  278.        .item-duration {
  279.            position: absolute;
  280.            background-color: #000;
  281.            opacity: .6;
  282.            color: #fff;
  283.            padding: 2px;
  284.            border-radius: 5px;
  285.            bottom: 5px;
  286.            right: 5px;
  287.            font-size: 12px
  288.        }
  289.  
  290.        .image-cover {
  291.            position: relative;
  292.            display: inline-block
  293.        }
  294.  
  295.        .image-cover img {
  296.            max-width: 100%;
  297.            height: auto;
  298.            display: block
  299.        }
  300.  
  301.        img.lazy.loaded {
  302.            visibility: visible;
  303.            opacity: 1
  304.        }
  305.  
  306.        img.lazy {
  307.            transition-property: all;
  308.            transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  309.            transition-duration: .5s
  310.        }
  311.  
  312.        .search-form ul {
  313.            position: absolute;
  314.            top: 100%;
  315.            left: 0;
  316.            z-index: 40;
  317.            margin-top: 1rem;
  318.            max-height: 240px;
  319.            width: 100%;
  320.            overflow: auto;
  321.            border-radius: .375rem;
  322.            border-width: 1px;
  323.            --tw-bg-opacity: 1;
  324.            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  325.            padding-top: .5rem;
  326.            padding-bottom: .5rem;
  327.            text-align: left;
  328.            --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  329.            --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  330.            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  331.        }
  332.  
  333.        :is(.dark .search-form ul) {
  334.            border-color: transparent;
  335.            --tw-bg-opacity: 1;
  336.            background-color: rgb(75 85 99 / var(--tw-bg-opacity))
  337.        }
  338.  
  339.        :is(.dark .search-form ul li) {
  340.            color: #fff
  341.        }
  342.  
  343.        .search-form ul li {
  344.            cursor: pointer;
  345.            padding: .125rem 1rem
  346.        }
  347.  
  348.        .search-form ul li:hover,
  349.        .search-form ul .active {
  350.            --tw-bg-opacity: 1;
  351.            background-color: rgb(107 114 128 / var(--tw-bg-opacity))
  352.        }
  353.  
  354.        span.highlight {
  355.            color: #b94400
  356.        }
  357.  
  358.        :is(.dark span.highlight) {
  359.            color: #ff8036
  360.        }
  361.  
  362.        .bg-green {
  363.            background: #087b87
  364.        }
  365.  
  366.        .button-dl {
  367.            font-family: roboto, arial, Arial;
  368.            cursor: pointer;
  369.            text-align: center;
  370.            display: inline-block;
  371.            max-width: 280px;
  372.            height: 60px;
  373.            border-radius: 25px;
  374.            margin-bottom: 20px;
  375.            line-height: 40px
  376.        }
  377.  
  378.        .pagination-button-previous {
  379.            margin-right: 10px
  380.        }
  381.  
  382.        .bg-orange {
  383.            background-color: rgb(255 96 2);
  384.        }
  385.  
  386.        .hover\:bg-orange-dark:hover {
  387.            background-color: rgb(235 87 0);
  388.        }
  389.  
  390.        .dl-b {
  391.            color: #FFF;
  392.            background: #087b87;
  393.            border-radius: 10px;
  394.            padding: 6px 8px;
  395.            font-size: 15px !important;
  396.            display: inline-block;
  397.            font-weight: 700
  398.        }
  399.  
  400.        .hover\:dl-b:hover {
  401.            color: #FFF;
  402.            background: #065f69;
  403.            border-radius: 10px;
  404.            padding: 6px 8px;
  405.            font-size: 15px !important;
  406.            display: inline-block;
  407.            font-weight: 700
  408.        }
  409.  
  410.        .icon-bg {
  411.            color: #0014ff
  412.        }
  413.  
  414.        :is(.dark .icon-bg) {
  415.            color: #cccf00
  416.        }
  417.  
  418.        .single-meta {
  419.            margin-top: .75rem;
  420.            margin-bottom: -0.375rem;
  421.            display: flex;
  422.            align-items: center;
  423.            gap: .375rem;
  424.            padding-bottom: 1.5rem;
  425.            font-size: .875rem;
  426.            line-height: 1.25rem;
  427.            --tw-text-opacity: 1;
  428.            color: rgb(107 114 128 / var(--tw-text-opacity))
  429.        }
  430.  
  431.        :is(.dark .single-meta) {
  432.            color: #fff
  433.        }
  434.  
  435.        .main-bg {
  436.            --tw-bg-opacity: 1;
  437.            background-color: rgb(243 244 246 / var(--tw-bg-opacity))
  438.        }
  439.  
  440.        :is(.dark .main-bg) {
  441.            background-color: #000123
  442.        }
  443.  
  444.        #wrap-video {
  445.            margin-top: 0;
  446.            position: relative;
  447.            padding-bottom: 56.25%;
  448.            padding-top: 25px;
  449.            height: 0
  450.        }
  451.  
  452.        #wrap-video iframe {
  453.            position: absolute;
  454.            top: 0;
  455.            left: 0;
  456.            width: 100%;
  457.            height: 100%
  458.        }
  459.  
  460.        .myOtherTable {
  461.            background-color: #d3f3ff;
  462.            border-collapse: collapse;
  463.            color: #000;
  464.            font-size: 14px
  465.        }
  466.  
  467.        .myOtherTable th {
  468.            background-color: #bdb76b;
  469.            color: #fff;
  470.            width: 50%;
  471.            padding: 5px 10px 5px 10px
  472.        }
  473.  
  474.        .myOtherTable td,
  475.        .myOtherTable th {
  476.            padding: 5px 10px 5px 10px;
  477.            border: 0
  478.        }
  479.  
  480.        .myOtherTable td {
  481.            border-bottom: 1px dotted #bdb76b;
  482.            padding: 5px 10px 5px 10px
  483.        }
  484.  
  485.        .gt {
  486.            /*max-width: 1000px;*/
  487.            /*margin: auto;*/
  488.            /*padding: 5px;*/
  489.            /*border-radius: 3px;*/
  490.            /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);*/
  491.            /*margin-top: 10px*/
  492.        }
  493.  
  494.        .pc90 {
  495.            margin: 10px;
  496.            border-radius: 3px;
  497.            font-size:15px;
  498.            /*background: 0;
  499.            display: block*/
  500.        }
  501.  
  502.        .break {
  503.            word-break: break-word
  504.        }
  505.  
  506.        .font-kcl {
  507.            font-size: 13px;
  508.        }
  509.  
  510.        .hs__item__image,
  511.        .w-20s,
  512.        .w-60p {
  513.            object-fit: cover
  514.        }
  515.  
  516.        /*.hs,.slider9 {
  517.    overflow-x: scroll;
  518.    scrollbar-width: none;
  519.    -ms-overflow-style: none
  520. }*/
  521.  
  522.        .hs,
  523.        .slider9 {
  524.            overflow-x: scroll;
  525.            scrollbar-width: none;
  526.            -ms-overflow-style: none
  527.        }
  528.  
  529.        .hs::-webkit-scrollbar,
  530.        .slider9::-webkit-scrollbar {
  531.            display: none;
  532.        }
  533.  
  534.        .hs,
  535.        .hs__header,
  536.        .hs__item {
  537.            display: flex
  538.        }
  539.  
  540.        @media only screen and (max-width: 600px) {
  541.            .chart-grid {
  542.                width: 26%
  543.            }
  544.  
  545.            .play {
  546.                opacity: 0.8;
  547.                display: block;
  548.                transition: transform .2s;
  549.                width: 18px;
  550.                top: calc(50% - 12px);
  551.                right: calc(50% - 12px);
  552.            }
  553.  
  554.            .hs__item:hover .play {
  555.                opacity: 1
  556.            }
  557.        }
  558.  
  559.        .hs {
  560.            /*justify-content: space-between;
  561.    -webkit-overflow-scrolling: touch*/
  562.        }
  563.  
  564.        .hs__header {
  565.            align-items: center;
  566.            width: 100%
  567.        }
  568.  
  569.        .hs__headline {
  570.            flex: 1
  571.        }
  572.  
  573.        .hs__arrows {
  574.            align-self: center;
  575.            width: 48px;
  576.            height: 48px;
  577.            display: flex;
  578.            align-items: center
  579.        }
  580.  
  581.        .hs__arrows .arrow:before {
  582.            content: '';
  583.            display: inline-block;
  584.            vertical-align: middle;
  585.            content: "";
  586.            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNScgaGVpZ2h0PSc5JyB2aWV3Qm94PScwIDAgMTUgOSc+PHBhdGggZmlsbD0nI2N1cnJlbnRDb2xvcicgZD0nTTcuODY3IDguNTc0bC03LjIyLTcuMjIuNzA3LS43MDhMNy44NjcgNy4xNiAxNC4wNS45OGwuNzA2LjcwNycvPjwvc3ZnPg==);
  587.            background-size: contain;
  588.            opacity: 1;
  589.            width: 18px;
  590.            height: 12px;
  591.            cursor: pointer
  592.        }
  593.  
  594.        .hs__arrows .arrow.disabled:before {
  595.            opacity: .3
  596.        }
  597.  
  598.        .hs__arrows .arrow.arrow-prev:before {
  599.            transform: rotate(90deg);
  600.            margin-right: 10px
  601.        }
  602.  
  603.        .hs__arrows .arrow.arrow-next:before {
  604.            transform: rotate(-90deg)
  605.        }
  606.  
  607.        :is(.dark .dark\:arrow) {
  608.        filter: invert(1);
  609.        -webkit-filter: invert() hue-rotate(180deg) brightness(105%) contrast(105%);
  610.        }
  611.  
  612.        /*.hs__item {
  613.    flex-grow: 1;
  614.    flex-shrink: 0;
  615.    flex-basis: calc(100%/8.5 - (10px * 2) - (20px/8.5));
  616.    width: calc(100%/8.5 - (10px * 2) - (20px/8.5));
  617.    margin: 5px;
  618.    justify-content: center;
  619.    align-items: center;
  620.    flex-direction: column;
  621.    position: relative;
  622.    user-select: none
  623. }*/
  624.  
  625.        .hs__container {
  626.            display: flex;
  627.            flex-wrap: wrap;
  628.            /* Mengatur item untuk membungkus ke baris baru saat ukuran layar berkurang */
  629.            margin: -5px;
  630.            /* Kompensasi margin yang ditetapkan pada .hs__item */
  631.        }
  632.  
  633.        .hs__item {
  634.            flex-grow: 1;
  635.            flex-shrink: 0;
  636.            flex-basis: calc(100%/8.5 - (10px * 2) - (20px/8.5));
  637.            /*width: calc(100%/8.5 - (10px * 2) - (20px/8.5));*/
  638.            margin: 5px;
  639.            justify-content: center;
  640.            align-items: center;
  641.            flex-direction: column;
  642.            position: relative;
  643.            user-select: none;
  644.        }
  645.  
  646.        .hs__item__image__wrapper {
  647.            position: relative;
  648.            width: 110px;
  649.            /* Lebar tetap */
  650.            padding-bottom: 72.73%;
  651.            /* Sesuaikan nilai untuk menghasilkan rasio yang diinginkan (80/110) */
  652.            height: 80px;
  653.        }
  654.  
  655.        .hs__item__image {
  656.            position: absolute;
  657.            top: 0;
  658.            left: 0;
  659.            width: 100%;
  660.            height: 100%;
  661.            object-fit: cover;
  662.            /* Mencegah gambar terdistorsi */
  663.        }
  664.  
  665.        @media only screen and (max-width: 990px) {
  666.            .hs__item {
  667.                /*flex-basis:calc(100%/3.5 - (10px * 2) - (20px/3.5));*/
  668.                /*width: calc(100%/3.5 - (10px * 2) - (20px/3.5))*/
  669.            }
  670.        }
  671.  
  672.        .hs__item:last-child {
  673.            /*margin-left: calc(5px * 2)*/
  674.            margin-right: 0px;
  675.        }
  676.  
  677.        .hs__item:last-child:after {
  678.            content: "";
  679.            display: block;
  680.            position: absolute;
  681.            width: 10px;
  682.            height: 1px;
  683.            /*right: calc(10px * 2 * -1)*/
  684.        }
  685.  
  686.        .hs__item:first-child {
  687.            /*margin-left: calc(5px * 2)*/
  688.            margin-left: 0px;
  689.        }
  690.  
  691.        .hs__item__description {
  692.            z-index: 1;
  693.            align-self: flex-start;
  694.            margin: 10px 0;
  695.            width: 100%;
  696.            height: 100%;
  697.        }
  698.  
  699.        .hs__item__subtitle {
  700.            color: #a0aec0
  701.        }
  702.  
  703.        /*.hs__item__image__wrapper {
  704.    position: relative;
  705.    width: 100%;
  706.    height: 0;
  707.    padding-bottom: 100%
  708. }
  709.  
  710. .hs__item__image {
  711.    position: absolute;
  712.    width: 100%;
  713.    height: 100%
  714. }*/
  715.  
  716.        @media only screen and (min-width: 990px) {
  717.            .hs__wrapper {
  718.                overflow: hidden
  719.            }
  720.        }
  721.  
  722.        @media(hover: none) and (pointer:coarse) {
  723.            /*.hs__wrapper .hs__arrows {
  724.        display:none
  725.    }*/
  726.  
  727.            .hs__wrapper .hs__item {
  728.                flex: 1 0 calc(18% - 10px * 2);
  729.                /*width: calc(18% - 10px * 2)*/
  730.            }
  731.        }
  732.  
  733.        @media only screen and (hover: none) and (pointer:coarse) and (max-width:990px) {
  734.            .hs__wrapper .hs__item {
  735.                flex: 1 0 calc(26% - 5px * 2);
  736.                /*width: calc(26% - 5px * 2)*/
  737.            }
  738.        }
  739.  
  740.        .hs-parent {
  741.            overflow-x: hidden;
  742.            width: 100%;
  743.            margin: 0 auto;
  744.            mix-blend-mode: invert;
  745.            position: relative
  746.        }
  747.  
  748.        .hs-parent:after {
  749.            content: '';
  750.            width: 100vw;
  751.            height: 100%;
  752.            position: absolute;
  753.            left: 50%;
  754.            top: 0;
  755.            transform: translateX(-50%);
  756.            z-index: -1
  757.        }
  758.  
  759.        .play {
  760.            position: absolute;
  761.            margin: 0 auto;
  762.            z-index: 2;
  763.            width: 30px;
  764.            height: 30px;
  765.            padding: 4px 10px 10px;
  766.            background: #000000b3;
  767.            border-radius: 50%
  768.        }
  769.  
  770.        @media only screen and (min-width: 600px) {
  771.            .play {
  772.                display: none;
  773.                top: calc(50% - 17px);
  774.                right: calc(50% - 12px);
  775.            }
  776.  
  777.            .hs__item:hover .play {
  778.                display: block;
  779.                background: #3333339e;
  780.                border-radius: 50%
  781.            }
  782.  
  783.            .hs__item:hover img {
  784.                scale: 1.03;
  785.                -ms-transform: scale(1.03);
  786.                -webkit-transform: scale(1.03);
  787.                opacity: .7
  788.            }
  789.  
  790.            .hs__item img {
  791.                transition: transform .2s
  792.            }
  793.        }
  794.        .tableh {
  795.    display: table;
  796.    background-color: #fff;
  797.    margin-top: 12px;
  798. }
  799.  
  800. .tableh {
  801.    border-collapse: collapse;
  802.    margin: auto;
  803.    /*margin-top: 5px;*/
  804.    border-radius: 0px;
  805.    /*width: 99%;*/
  806. }.tdh {
  807.    padding: 10px 2px;
  808.    border: 1px solid #efeeee;
  809. }.center, .tableh {
  810.    text-align: center;
  811. }.tdl {
  812.    padding: 10px 2px;
  813.    border: 1px solid #efeeee;
  814.    border-left:0px;
  815. }.tdr {
  816.    padding: 10px 2px;
  817.    border: 1px solid #efeeee;
  818.    border-right: 0px;
  819. }:is(.dark .tdl) {
  820.    border: 1px solid #000123;
  821.    padding: 10px 2px;
  822.    border-left:0px;
  823. }:is(.dark .tdr) {
  824.    border: 1px solid #000123;
  825.    padding: 10px 2px;
  826.    border-right: 0px;
  827. }
  828.    </style>
  829.    <script async type="text/javascript">
  830.        try {
  831.            if (localStorage.theme === 'dark') {
  832.                document.documentElement.classList.add('dark')
  833.            } else {
  834.                document.documentElement.classList.remove('dark')
  835.            }
  836.        } catch (_) {}
  837.    </script>
  838.    <script src="https://unpkg.com/alpinejs@3.13.3/dist/cdn.min.js" defer></script>
  839. </head>
  840.  
  841. <body x-data="global()" x-init="themeInit()" :class="isMobileMenuOpen ? 'max-h-screen overflow-hidden relative' : ''" class="dark:bg-primary">
  842.  
  843.    <main class="main-bg">
  844.  
  845.        <header class="bg-con">
  846.            <div class="container mx-auto" style="max-width:1000px">
  847.                <div class="flex items-center justify-between py-4 lg:py-4">
  848.                    <a href="/" class="flex items-center">
  849.                        <span href="/" class="mr-2">
  850.                            <img src="/assets/img/icon-logo.svg" style="width:40px;height:40px" alt="logo" />
  851.                        </span>
  852.                        <p class="hidden font-body text-2xl font-bold text-primary dark:text-white lg:block">
  853.                            Gudanglagu321.cc                        </p>
  854.                    </a>
  855.                    <div class="flex items-center lg:hidden">
  856.                        <i class="bx mr-8 cursor-pointer text-3xl text-primary dark:text-white" @click="themeSwitch()" :class="isDarkMode ? 'bxs-sun' : 'bxs-moon'"></i>
  857.  
  858.                        <svg width="24" height="15" xmlns="http://www.w3.org/2000/svg" @click="isMobileMenuOpen = true" @click="themeSwitch()" :style="isDarkMode ? 'fill:white' : 'fill:black'">
  859.                            <g fill-rule="evenodd">
  860.                                <rect width="24" height="3" rx="1.5" />
  861.                                <rect x="8" y="6" width="16" height="3" rx="1.5" />
  862.                                <rect x="4" y="12" width="20" height="3" rx="1.5" />
  863.                            </g>
  864.                        </svg>
  865.                    </div>
  866.                    <div class="hidden lg:block">
  867.                        <ul class="flex items-center">
  868.  
  869.                            <li class="group relative mr-6 mb-1">
  870.                                <div class="absolute left-0 bottom-0 z-20 h-0 w-full opacity-75 transition-all group-hover:h-2 group-hover:bg-yellow"></div>
  871.                                <a href="/download/dj-tiktok" class="relative z-30 block px-2 font-body text-lg font-medium text-primary transition-colors group-hover:text-green dark:text-white dark:group-hover:text-secondary">Dj TikTok</a>
  872.                            </li>
  873.  
  874.                            <li class="group relative mr-6 mb-1">
  875.                                <div class="absolute left-0 bottom-0 z-20 h-0 w-full opacity-75 transition-all group-hover:h-2 group-hover:bg-yellow"></div>
  876.                                <a href="/download/dj-remix" class="relative z-30 block px-2 font-body text-lg font-medium text-primary transition-colors group-hover:text-green dark:text-white dark:group-hover:text-secondary">Dj Remix</a>
  877.                            </li>
  878.  
  879.                            <li class="group relative mr-6 mb-1">
  880.                                <div class="absolute left-0 bottom-0 z-20 h-0 w-full opacity-75 transition-all group-hover:h-2 group-hover:bg-yellow"></div>
  881.                                <a href="/download/dangdut-koplo" class="relative z-30 block px-2 font-body text-lg font-medium text-primary transition-colors group-hover:text-green dark:text-white dark:group-hover:text-secondary">Dangdut</a>
  882.                            </li>
  883.  
  884.                            <li class="group relative mr-6 mb-1">
  885.                                <div class="absolute left-0 bottom-0 z-20 h-0 w-full opacity-75 transition-all group-hover:h-2 group-hover:bg-yellow"></div>
  886.                                <a href="/download/indonesia-terbaru" class="relative z-30 block px-2 font-body text-lg font-medium text-primary transition-colors group-hover:text-green dark:text-white dark:group-hover:text-secondary">Indonesia</a>
  887.                            </li>
  888.  
  889.                            <li class="group relative mr-6 mb-1">
  890.                                <div class="absolute left-0 bottom-0 z-20 h-0 w-full opacity-75 transition-all group-hover:h-2 group-hover:bg-yellow"></div>
  891.                                <a href="/download/barat-terbaru" class="relative z-30 block px-2 font-body text-lg font-medium text-primary transition-colors group-hover:text-green dark:text-white dark:group-hover:text-secondary">Barat</a>
  892.                            </li>
  893.  
  894.                            <li class="group relative mr-6 mb-1">
  895.                                <div class="absolute left-0 bottom-0 z-20 h-0 w-full opacity-75 transition-all group-hover:h-2 group-hover:bg-yellow"></div>
  896.                                <a href="/download/k-pop-terbaru" class="relative z-30 block px-2 font-body text-lg font-medium text-primary transition-colors group-hover:text-green dark:text-white dark:group-hover:text-secondary">K-Pop</a>
  897.                            </li>
  898.  
  899.                            <li>
  900.                                <i class="bx cursor-pointer text-3xl text-primary dark:text-white" @click="themeSwitch()" :class="isDarkMode ? 'bxs-sun' : 'bxs-moon'"></i>
  901.                            </li>
  902.                        </ul>
  903.                    </div>
  904.                </div>
  905.            </div>
  906.  
  907.            <div class="pointer-events-none fixed inset-0 z-50 flex bg-black bg-opacity-80 opacity-0 transition-opacity lg:hidden" :class="isMobileMenuOpen ? 'opacity-100 pointer-events-auto' : ''">
  908.                <div class="ml-auto w-2/3 bg-green p-4 md:w-1/3">
  909.                    <i class="bx bx-x absolute top-0 right-0 mt-4 mr-4 text-4xl text-white" @click="isMobileMenuOpen = false"></i>
  910.                    <ul class="mt-8 flex flex-col">
  911.  
  912.                        <li class="">
  913.                            <a href="/download/dj-remix" class="mb-3 block px-2 font-body text-lg font-medium text-white">Dj Remix</a>
  914.                        </li>
  915.  
  916.                        <li class="">
  917.                            <a href="/download/dj-tiktok" class="mb-3 block px-2 font-body text-lg font-medium text-white">Dj TikTok</a>
  918.                        </li>
  919.  
  920.                        <li class="">
  921.                            <a href="/download/dangdut-koplo" class="mb-3 block px-2 font-body text-lg font-medium text-white">Dangdut</a>
  922.                        </li>
  923.  
  924.                        <li class="">
  925.                            <a href="/download/indonesia-terbaru" class="mb-3 block px-2 font-body text-lg font-medium text-white">Indonesia</a>
  926.                        </li>
  927.  
  928.                        <li class="">
  929.                            <a href="/download/barat-terbaru" class="mb-3 block px-2 font-body text-lg font-medium text-white">Barat</a>
  930.                        </li>
  931.  
  932.                        <li class="">
  933.                            <a href="/download/k-pop-terbaru" class="mb-3 block px-2 font-body text-lg font-medium text-white">K-Pop</a>
  934.                        </li>
  935.  
  936.                    </ul>
  937.                </div>
  938.            </div>
  939.        </header><div class="pt-5x">
  940.    <section>
  941.        <div class="container mx-auto py-6 bg-con">
  942.            <div>
  943.                <div class="flex items-center pb-6">
  944.                    <i class="fa fa-star fa-2x" style="color:#00b6ff" aria-hidden="true"></i>
  945.                    <h1 class="ml-3 font-body text-3xl font-semibold text-primary dark:text-white md:text-3xl lg:text-3xl">
  946.                        Download Lagu Mp3
  947.                    </h1>
  948.                </div>
  949.                <center>
  950.                    <div class="pt-3 sm:w-3/4">
  951.                        <p class="font-body text-2xl font-light text-primary dark:text-white">
  952.                            Download Lagu MP3 Secara Cepat, Mudah dan Gratis!
  953.                        </p>
  954.                    </div>
  955.                </center>
  956.                <div class="card search-form py-6">
  957.                    <div class="searchs">
  958.                        <form action="/search.php" class="w-full max-w-md mx-auto bg-white shadow-md" method="GET">
  959.                            <input type="text" name="q" class="w-full px-4 py-2 leading-6 text-gray-700 placeholder-gray-500" placeholder="Search / YouTube URL" spellcheck="false" autocomplete="off" required="">
  960.                            <button type="submit" aria-label="Search" class="mt-3 w-full px-4 py-2 bg-indigo-600 text-white hover:bg-indigo-700 focus:outline-none focus:shadow-outline">
  961.                                <i class="fa fa-search" aria-hidden="true"></i>
  962.                            </button>
  963.                            <ul class="suggest-results hidden"></ul>
  964.                        </form>
  965.                    </div>
  966.                </div>
  967.    </section>
  968.  
  969.    <div class="pt-5x">
  970.        <section>
  971.            <div class="container border-grey-lighter py-6 lg:py-6 bg-con">
  972.                <div class="flex items-center pb-6">
  973.                    <i class="fa fa-pencil-square-o fa-lg" style="color:#00b6ff" aria-hidden="true"></i>
  974.                    <div class="ml-3 font-body text-2xl font-semibold text-primary dark:text-white">
  975.                        Blog
  976.                    </div>
  977.                </div>
  978.                <div class="pc90">
  979.                    <p class="font-body dark:text-white">
  980.                        <u><b>Gudanglagu321.cc</b></u> - <i>Situs download lagu, mp3, video gratis - lagu terbaru 2025, download mp3 cepat dan mudah. Gudang lagu berbagai Genre dari berbagai negara.</i>
  981.                    </p>
  982.                </div>
  983.            </div>
  984.        </section>
  985.  
  986.        <div class="ptb-5x">
  987.            <div id="wrapper" class="container bg-con">
  988.                <div id="primary">
  989.                    <section>
  990.                        <div class="py-6 lg:py-6">
  991.                            <div class="flex items-center">
  992.                                <i class="fa fa-music fa-lg" style="color:#00b6ff" aria-hidden="true"></i>
  993.                                <h2 class="ml-3 font-body text-2xl font-semibold text-primary dark:text-white">
  994.                                    Trending                                </h2>
  995.                                <a href="/blog" class="flex items-center pl-10 font-body italic text-green transition-colors hover:text-secondary dark:text-green-light dark:hover:text-secondary">All posts <i class="fa fa-long-arrow-right" style="padding-left:7px" aria-hidden="true"></i>
  996.                                </a>
  997.                            </div>
  998.  
  999.  
  1000.                            <article class="list-item">
  1001.    <div class="image-cover">
  1002.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/de/66/16/de66167a-b776-e44d-240b-ed7179189256/028324762121.png/170x170bb.png?resize=110,80" alt="Raim Laode - Lesung Pipi" class="lazy">
  1003.    <span class="item-duration">03:45</span>
  1004.    </div>
  1005.    <div class="item-content">
  1006.      <a href="/download/raim-laode-lesung-pipi" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Raim Laode - Lesung Pipi</a>
  1007.      <div class="pt-4">
  1008.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Raim Laode</div>
  1009.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 31 August 2023</div>
  1010.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.43 MB</div>
  1011.      </div>
  1012.      </div></article><article class="list-item">
  1013.    <div class="image-cover">
  1014.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music112/v4/12/67/6a/12676ab7-6d68-0dac-a3ee-aee732198f53/859761675336_cover.jpg/170x170bb.png?resize=110,80" alt="Fourtwnty - Mangu (feat. Charita Utami)" class="lazy">
  1015.    <span class="item-duration">04:22</span>
  1016.    </div>
  1017.    <div class="item-content">
  1018.      <a href="/download/fourtwnty-mangu-feat-charita-utami" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Fourtwnty - Mangu (feat. Charita Utami)</a>
  1019.      <div class="pt-4">
  1020.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Fourtwnty</div>
  1021.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 20 April 2022</div>
  1022.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 4.00 MB</div>
  1023.      </div>
  1024.      </div></article><article class="list-item">
  1025.    <div class="image-cover">
  1026.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/6d/4f/8e/6d4f8e52-c9ea-957c-1611-7777e6ab6010/8721215087298.png/170x170bb.png?resize=110,80" alt="Batas Senja - Kita Usahakan Lagi" class="lazy">
  1027.    <span class="item-duration">03:53</span>
  1028.    </div>
  1029.    <div class="item-content">
  1030.      <a href="/download/batas-senja-kita-usahakan-lagi" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Batas Senja - Kita Usahakan Lagi</a>
  1031.      <div class="pt-4">
  1032.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Batas Senja</div>
  1033.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 11 April 2025</div>
  1034.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.56 MB</div>
  1035.      </div>
  1036.      </div></article><article class="list-item">
  1037.    <div class="image-cover">
  1038.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music211/v4/57/f9/e9/57f9e9ef-eb79-b242-c8ae-8e1e9477a139/5054197341953.jpg/170x170bb.png?resize=110,80" alt="NIKI - You'll Be In My Heart" class="lazy">
  1039.    <span class="item-duration">04:01</span>
  1040.    </div>
  1041.    <div class="item-content">
  1042.      <a href="/download/niki-you-ll-be-in-my-heart" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">NIKI - You'll Be In My Heart</a>
  1043.      <div class="pt-4">
  1044.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> NIKI</div>
  1045.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 14 September 2022</div>
  1046.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.68 MB</div>
  1047.      </div>
  1048.      </div></article><article class="list-item">
  1049.    <div class="image-cover">
  1050.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music211/v4/67/7a/b8/677ab8f8-cd9c-2e9b-3133-ef00f59bbb49/24UM1IM17368.rgb.jpg/170x170bb.png?resize=110,80" alt="Rony Parulian - Tak Ada Ujungnya" class="lazy">
  1051.    <span class="item-duration">03:22</span>
  1052.    </div>
  1053.    <div class="item-content">
  1054.      <a href="/download/rony-parulian-tak-ada-ujungnya" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Rony Parulian - Tak Ada Ujungnya</a>
  1055.      <div class="pt-4">
  1056.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Rony Parulian</div>
  1057.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 15 November 2024</div>
  1058.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.08 MB</div>
  1059.      </div>
  1060.      </div></article><article class="list-item">
  1061.    <div class="image-cover">
  1062.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music211/v4/57/f8/d2/57f8d295-5ea9-f7b2-70ff-9494ce50fc5c/cover.jpg/170x170bb.png?resize=110,80" alt="Hindia - semua lagu cinta terdengar sama" class="lazy">
  1063.    <span class="item-duration">03:58</span>
  1064.    </div>
  1065.    <div class="item-content">
  1066.      <a href="/download/hindia-semua-lagu-cinta-terdengar-sama" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Hindia - semua lagu cinta terdengar sama</a>
  1067.      <div class="pt-4">
  1068.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Hindia</div>
  1069.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 24 February 2025</div>
  1070.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.63 MB</div>
  1071.      </div>
  1072.      </div></article><article class="list-item">
  1073.    <div class="image-cover">
  1074.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/f1/28/34/f12834cb-932f-cca6-58d7-3b5a790d83c2/cover.jpg/170x170bb.png?resize=110,80" alt=".Feast - Nina" class="lazy">
  1075.    <span class="item-duration">04:37</span>
  1076.    </div>
  1077.    <div class="item-content">
  1078.      <a href="/download/feast-nina" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">.Feast - Nina</a>
  1079.      <div class="pt-4">
  1080.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> .Feast</div>
  1081.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 05 July 2024</div>
  1082.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 4.23 MB</div>
  1083.      </div>
  1084.      </div></article><article class="list-item">
  1085.    <div class="image-cover">
  1086.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/da/09/0a/da090a2d-3b84-b796-4ad6-1a1a574e6e8b/25UMGIM55617.rgb.jpg/170x170bb.png?resize=110,80" alt="Yovie Widianto & Tiara Andini - Tanpa Cinta" class="lazy">
  1087.    <span class="item-duration">04:15</span>
  1088.    </div>
  1089.    <div class="item-content">
  1090.      <a href="/download/yovie-widianto-tiara-andini-tanpa-cinta" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Yovie Widianto & Tiara Andini - Tanpa Cinta</a>
  1091.      <div class="pt-4">
  1092.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Yovie Widianto & Tiara Andini</div>
  1093.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 25 April 2025</div>
  1094.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.89 MB</div>
  1095.      </div>
  1096.      </div></article><article class="list-item">
  1097.    <div class="image-cover">
  1098.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/4b/8b/94/4b8b9447-9525-74ef-44cd-f5409151a778/5021732545244.jpg/170x170bb.png?resize=110,80" alt="The Lantis - Bunga Maaf" class="lazy">
  1099.    <span class="item-duration">04:12</span>
  1100.    </div>
  1101.    <div class="item-content">
  1102.      <a href="/download/the-lantis-bunga-maaf" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">The Lantis - Bunga Maaf</a>
  1103.      <div class="pt-4">
  1104.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> The Lantis</div>
  1105.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 15 November 2024</div>
  1106.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.85 MB</div>
  1107.      </div>
  1108.      </div></article><article class="list-item">
  1109.    <div class="image-cover">
  1110.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/b2/cd/06/b2cd06d9-36eb-f65d-9965-13594355d7d0/8721253856672.png/170x170bb.png?resize=110,80" alt="Faris Adam - Stecu" class="lazy">
  1111.    <span class="item-duration">03:43</span>
  1112.    </div>
  1113.    <div class="item-content">
  1114.      <a href="/download/faris-adam-stecu" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Faris Adam - Stecu</a>
  1115.      <div class="pt-4">
  1116.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Faris Adam</div>
  1117.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 05 March 2025</div>
  1118.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.40 MB</div>
  1119.      </div>
  1120.      </div></article><article class="list-item">
  1121.    <div class="image-cover">
  1122.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/b3/35/8b/b3358bb3-a49b-6181-a08a-71602bedb7a0/cover.jpg/170x170bb.png?resize=110,80" alt="Juan Reza - PICA PICA" class="lazy">
  1123.    <span class="item-duration">03:24</span>
  1124.    </div>
  1125.    <div class="item-content">
  1126.      <a href="/download/juan-reza-pica-pica" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Juan Reza - PICA PICA</a>
  1127.      <div class="pt-4">
  1128.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Juan Reza</div>
  1129.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 04 September 2024</div>
  1130.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.11 MB</div>
  1131.      </div>
  1132.      </div></article><article class="list-item">
  1133.    <div class="image-cover">
  1134.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/a7/3d/80/a73d8019-6646-6a48-411f-78744bfb7af5/3617390765036.jpg/170x170bb.png?resize=110,80" alt="MikkyZia & F4dli - Aku Dah Lupa" class="lazy">
  1135.    <span class="item-duration">03:02</span>
  1136.    </div>
  1137.    <div class="item-content">
  1138.      <a href="/download/mikkyzia-f4dli-aku-dah-lupa" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">MikkyZia & F4dli - Aku Dah Lupa</a>
  1139.      <div class="pt-4">
  1140.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> MikkyZia & F4dli</div>
  1141.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 04 March 2025</div>
  1142.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 2.78 MB</div>
  1143.      </div>
  1144.      </div></article><article class="list-item">
  1145.    <div class="image-cover">
  1146.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/3f/46/89/3f4689f8-be7e-9864-b473-572626089a50/717124511267.png/170x170bb.png?resize=110,80" alt="Raim Laode - Komang" class="lazy">
  1147.    <span class="item-duration">03:42</span>
  1148.    </div>
  1149.    <div class="item-content">
  1150.      <a href="/download/raim-laode-komang" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Raim Laode - Komang</a>
  1151.      <div class="pt-4">
  1152.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Raim Laode</div>
  1153.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 17 August 2022</div>
  1154.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.39 MB</div>
  1155.      </div>
  1156.      </div></article><article class="list-item">
  1157.    <div class="image-cover">
  1158.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music211/v4/be/26/82/be26829f-da6a-7e18-11b4-eb53f5b89d72/25UMGIM58861.rgb.jpg/170x170bb.png?resize=110,80" alt="Raisa - Terserah" class="lazy">
  1159.    <span class="item-duration">04:00</span>
  1160.    </div>
  1161.    <div class="item-content">
  1162.      <a href="/download/raisa-terserah" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Raisa - Terserah</a>
  1163.      <div class="pt-4">
  1164.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Raisa</div>
  1165.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 30 April 2025</div>
  1166.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.66 MB</div>
  1167.      </div>
  1168.      </div></article><article class="list-item">
  1169.    <div class="image-cover">
  1170.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/85/fb/9f/85fb9ff2-a11e-c5d8-0795-eda9e68b4ad9/8994945026756.jpg/170x170bb.png?resize=110,80" alt="Prince Poetiray & Quinn Salman - Selalu Ada di Nadimu (Original Soundtrack From "JUMBO")" class="lazy">
  1171.    <span class="item-duration">02:54</span>
  1172.    </div>
  1173.    <div class="item-content">
  1174.      <a href="/download/prince-poetiray-quinn-salman-selalu-ada-di-nadimu-original-soundtrack-from-jumbo" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Prince Poetiray & Quinn Salman - Selalu Ada di Nadimu (Original Soundtrack From "JUMBO")</a>
  1175.      <div class="pt-4">
  1176.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Prince Poetiray & Quinn Salman</div>
  1177.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 03 April 2025</div>
  1178.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 2.66 MB</div>
  1179.      </div>
  1180.      </div></article><article class="list-item">
  1181.    <div class="image-cover">
  1182.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music126/v4/55/99/d0/5599d05f-7c00-ff28-8a3b-2e6c6f8f4b74/cover.jpg/170x170bb.png?resize=110,80" alt="Andmesh - Anugerah Terindah" class="lazy">
  1183.    <span class="item-duration">04:42</span>
  1184.    </div>
  1185.    <div class="item-content">
  1186.      <a href="/download/andmesh-anugerah-terindah" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Andmesh - Anugerah Terindah</a>
  1187.      <div class="pt-4">
  1188.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Andmesh</div>
  1189.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 27 February 2023</div>
  1190.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 4.30 MB</div>
  1191.      </div>
  1192.      </div></article><article class="list-item">
  1193.    <div class="image-cover">
  1194.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/7c/ee/4f/7cee4fc6-0697-0aa1-dbff-1f8f6fe43450/25UMGIM01795.rgb.jpg/170x170bb.png?resize=110,80" alt="Salma Salsabil - Berharap Pada Timur" class="lazy">
  1195.    <span class="item-duration">03:41</span>
  1196.    </div>
  1197.    <div class="item-content">
  1198.      <a href="/download/salma-salsabil-berharap-pada-timur" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Salma Salsabil - Berharap Pada Timur</a>
  1199.      <div class="pt-4">
  1200.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Salma Salsabil</div>
  1201.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 24 January 2025</div>
  1202.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.37 MB</div>
  1203.      </div>
  1204.      </div></article><article class="list-item">
  1205.    <div class="image-cover">
  1206.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/ae/76/50/ae765056-41da-e915-45f9-15987eb64fb4/196872887792.jpg/170x170bb.png?resize=110,80" alt="Jaz - Hilang" class="lazy">
  1207.    <span class="item-duration">04:19</span>
  1208.    </div>
  1209.    <div class="item-content">
  1210.      <a href="/download/jaz-hilang" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Jaz - Hilang</a>
  1211.      <div class="pt-4">
  1212.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Jaz</div>
  1213.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 27 February 2025</div>
  1214.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.95 MB</div>
  1215.      </div>
  1216.      </div></article><article class="list-item">
  1217.    <div class="image-cover">
  1218.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/24/aa/01/24aa01e6-b661-de42-abe5-583e483f8c63/25UMGIM02590.rgb.jpg/170x170bb.png?resize=110,80" alt="Lomba Sihir - Sofa" class="lazy">
  1219.    <span class="item-duration">04:54</span>
  1220.    </div>
  1221.    <div class="item-content">
  1222.      <a href="/download/lomba-sihir-sofa" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Lomba Sihir - Sofa</a>
  1223.      <div class="pt-4">
  1224.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Lomba Sihir</div>
  1225.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 19 February 2025</div>
  1226.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 4.49 MB</div>
  1227.      </div>
  1228.      </div></article><article class="list-item">
  1229.    <div class="image-cover">
  1230.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/8a/16/f6/8a16f66b-c45e-0fa9-6b08-5c4b1fbf9787/5034644492919.jpg/170x170bb.png?resize=110,80" alt="MALIQ & D'Essentials - Kumpul Bocah (Original Soundtrack From “JUMBO")" class="lazy">
  1231.    <span class="item-duration">04:15</span>
  1232.    </div>
  1233.    <div class="item-content">
  1234.      <a href="/download/maliq-d-essentials-kumpul-bocah-original-soundtrack-from-jumbo" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">MALIQ & D'Essentials - Kumpul Bocah (Original Soundtrack From “JUMBO")</a>
  1235.      <div class="pt-4">
  1236.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> MALIQ & D'Essentials</div>
  1237.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 27 February 2025</div>
  1238.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.89 MB</div>
  1239.      </div>
  1240.      </div></article><article class="list-item">
  1241.    <div class="image-cover">
  1242.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music221/v4/26/0c/be/260cbe21-9d2d-a2ab-3391-f8fde6ad6840/198704005169_Cover.jpg/170x170bb.png?resize=110,80" alt="Juicy Luicy - Lampu Kuning" class="lazy">
  1243.    <span class="item-duration">03:59</span>
  1244.    </div>
  1245.    <div class="item-content">
  1246.      <a href="/download/juicy-luicy-lampu-kuning" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Juicy Luicy - Lampu Kuning</a>
  1247.      <div class="pt-4">
  1248.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Juicy Luicy</div>
  1249.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 28 June 2024</div>
  1250.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.65 MB</div>
  1251.      </div>
  1252.      </div></article><article class="list-item">
  1253.    <div class="image-cover">
  1254.    <img src="/assets/img/blank.png" data-src="https://i0.wp.com/is1-ssl.mzstatic.com/image/thumb/Music116/v4/c4/54/f3/c454f336-285c-8c05-921f-67e104feda22/cover.jpg/170x170bb.png?resize=110,80" alt="For Revenge - Serana" class="lazy">
  1255.    <span class="item-duration">04:10</span>
  1256.    </div>
  1257.    <div class="item-content">
  1258.      <a href="/download/for-revenge-serana" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">For Revenge - Serana</a>
  1259.      <div class="pt-4">
  1260.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> For Revenge</div>
  1261.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-calendar icon-bg" aria-hidden="true"></i> 06 September 2022</div>
  1262.      <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.81 MB</div>
  1263.      </div>
  1264.      </div></article>                        </div>
  1265.  
  1266.                </div>
  1267.  
  1268.                </section>
  1269.                <div id="secondary">
  1270.                    <section>
  1271.                    <div class="pt-6">
  1272.                        <div class="flex items-center">
  1273.                        <i class="fa fa-hashtag fa-lg" style="color:#00b6ff" aria-hidden="true"></i>
  1274.                            <h3 class="ml-3 font-body text-2xl font-semibold text-primary dark:text-white">
  1275.                            Hot Tracks
  1276.                            </h3>
  1277.                        </div>
  1278.                <article class="list-item">
  1279.                                                <div class="image-cover">
  1280.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/Bl0Gtp5FMd4/mqdefault.jpg" alt="You'll Be in My Heart (Spotify Singles)" class="lazy loaded">
  1281.                                                <span class="item-duration">04:02</span>
  1282.                                                </div>
  1283.                                                <div class="item-content">
  1284.                                                <a href="/download/you-ll-be-in-my-heart-spotify-singles" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">You'll Be in My Heart (Spotify Singles)</a>
  1285.                                                <div class="pt-4">
  1286.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> NIKI</div>
  1287.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.69 MB</div>
  1288.                                                </div>
  1289.                                                </div></article><article class="list-item">
  1290.                                                <div class="image-cover">
  1291.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/SzebIgHlSSE/mqdefault.jpg" alt="DJ STECU STECU SETELAN CUEK BARU MALU SLOW VIRAL TIKTOK FULL SONG MAMAN FVNDY 2025" class="lazy loaded">
  1292.                                                <span class="item-duration">03:33</span>
  1293.                                                </div>
  1294.                                                <div class="item-content">
  1295.                                                <a href="/download/dj-stecu-setelan-cuek-baru-malu-slow-viral-tiktok-full-song-maman-fvndy-2025" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">DJ STECU STECU SETELAN CUEK BARU MALU SLOW VIRAL TIKTOK FULL SONG MAMAN FVNDY 2025</a>
  1296.                                                <div class="pt-4">
  1297.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Maman Fvndy Rmx</div>
  1298.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.25 MB</div>
  1299.                                                </div>
  1300.                                                </div></article><article class="list-item">
  1301.                                                <div class="image-cover">
  1302.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/2VLqZtded_0/mqdefault.jpg" alt="Maher Zain & Harris J - Qalbi Fil Madinah | | قلبي في المدينة" class="lazy loaded">
  1303.                                                <span class="item-duration">04:08</span>
  1304.                                                </div>
  1305.                                                <div class="item-content">
  1306.                                                <a href="/download/maher-zain-harris-j-qalbi-fil-madinah-قلبي-في-المدينة" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Maher Zain & Harris J - Qalbi Fil Madinah | | قلبي في المدينة</a>
  1307.                                                <div class="pt-4">
  1308.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Awakening Music</div>
  1309.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.78 MB</div>
  1310.                                                </div>
  1311.                                                </div></article><article class="list-item">
  1312.                                                <div class="image-cover">
  1313.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/c6PeWqj-moU/mqdefault.jpg" alt="MARK 마크 '1999' MV" class="lazy loaded">
  1314.                                                <span class="item-duration">04:10</span>
  1315.                                                </div>
  1316.                                                <div class="item-content">
  1317.                                                <a href="/download/mark-마크-1999-mv" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">MARK 마크 '1999' MV</a>
  1318.                                                <div class="pt-4">
  1319.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> SMTOWN</div>
  1320.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.81 MB</div>
  1321.                                                </div>
  1322.                                                </div></article><article class="list-item">
  1323.                                                <div class="image-cover">
  1324.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/btUKk7tXjw0/mqdefault.jpg" alt="Silvy Kumalasari - Ayang Ayang | Duh Dewo Dewaning Asmoro" class="lazy loaded">
  1325.                                                <span class="item-duration">06:59</span>
  1326.                                                </div>
  1327.                                                <div class="item-content">
  1328.                                                <a href="/download/silvy-kumalasari-ayang-duh-dewo-dewaning-asmoro" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Silvy Kumalasari - Ayang Ayang | Duh Dewo Dewaning Asmoro</a>
  1329.                                                <div class="pt-4">
  1330.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Berkah Talenta</div>
  1331.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 6.39 MB</div>
  1332.                                                </div>
  1333.                                                </div></article><article class="list-item">
  1334.                                                <div class="image-cover">
  1335.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/iS00r_SZR0o/mqdefault.jpg" alt="SEMAKIN SAYANG SEMAKIN KEJAM - DIANDRA AYU FT IRWAN KRISDIYANTO - SIMPATIK MUSIC" class="lazy loaded">
  1336.                                                <span class="item-duration">06:34</span>
  1337.                                                </div>
  1338.                                                <div class="item-content">
  1339.                                                <a href="/download/semakin-sayang-kejam-diandra-ayu-ft-irwan-krisdiyanto-simpatik-music" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">SEMAKIN SAYANG SEMAKIN KEJAM - DIANDRA AYU FT IRWAN KRISDIYANTO - SIMPATIK MUSIC</a>
  1340.                                                <div class="pt-4">
  1341.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> SIMPATIK MUSIC OFFICIAL</div>
  1342.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 6.01 MB</div>
  1343.                                                </div>
  1344.                                                </div></article><article class="list-item">
  1345.                                                <div class="image-cover">
  1346.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/dsY--VepYU0/mqdefault.jpg" alt="PUTRI KRISTYA FEAT ERI PRAS - CINTA TAK TERPISAHKAN (Official Live M/V)" class="lazy loaded">
  1347.                                                <span class="item-duration">06:10</span>
  1348.                                                </div>
  1349.                                                <div class="item-content">
  1350.                                                <a href="/download/putri-kristya-feat-eri-pras-cinta-tak-terpisahkan-official-live-m-v" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">PUTRI KRISTYA FEAT ERI PRAS - CINTA TAK TERPISAHKAN (Official Live M/V)</a>
  1351.                                                <div class="pt-4">
  1352.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Putri Kristya</div>
  1353.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 5.65 MB</div>
  1354.                                                </div>
  1355.                                                </div></article><article class="list-item">
  1356.                                                <div class="image-cover">
  1357.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/F0d8JJUNkqo/mqdefault.jpg" alt="Tabola Bale - Silet Open Up Ft Jacson Zeran - Juan Reza & Diva Aurel" class="lazy loaded">
  1358.                                                <span class="item-duration">04:35</span>
  1359.                                                </div>
  1360.                                                <div class="item-content">
  1361.                                                <a href="/download/tabola-bale-silet-open-up-ft-jacson-zeran-juan-reza-diva-aurel" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Tabola Bale - Silet Open Up Ft Jacson Zeran - Juan Reza & Diva Aurel</a>
  1362.                                                <div class="pt-4">
  1363.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> SILET OPEN UP</div>
  1364.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 4.20 MB</div>
  1365.                                                </div>
  1366.                                                </div></article><article class="list-item">
  1367.                                                <div class="image-cover">
  1368.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/3HSYwQFosjQ/mqdefault.jpg" alt="Selalu Ada di Nadimu (Original Soundtrack From “JUMBO")" class="lazy loaded">
  1369.                                                <span class="item-duration">02:55</span>
  1370.                                                </div>
  1371.                                                <div class="item-content">
  1372.                                                <a href="/download/selalu-ada-di-nadimu-original-soundtrack-from-jumbo" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Selalu Ada di Nadimu (Original Soundtrack From “JUMBO")</a>
  1373.                                                <div class="pt-4">
  1374.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Prince Poetiray - Topic</div>
  1375.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 2.67 MB</div>
  1376.                                                </div>
  1377.                                                </div></article><article class="list-item">
  1378.                                                <div class="image-cover">
  1379.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/qr4oH_06IZM/mqdefault.jpg" alt="ENHYPEN (엔하이픈) 'Loose' Official Lyric Video" class="lazy loaded">
  1380.                                                <span class="item-duration">03:35</span>
  1381.                                                </div>
  1382.                                                <div class="item-content">
  1383.                                                <a href="/download/enhypen-엔하이픈-loose-official-lyric-video" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">ENHYPEN (엔하이픈) 'Loose' Official Lyric Video</a>
  1384.                                                <div class="pt-4">
  1385.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> HYBE LABELS</div>
  1386.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 3.28 MB</div>
  1387.                                                </div>
  1388.                                                </div></article><article class="list-item">
  1389.                                                <div class="image-cover">
  1390.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/lHFOzj1_suE/mqdefault.jpg" alt="Denny Caknan - SINARENGAN (feat. Bella Bonita) [Official Music Video]" class="lazy loaded">
  1391.                                                <span class="item-duration">06:54</span>
  1392.                                                </div>
  1393.                                                <div class="item-content">
  1394.                                                <a href="/download/denny-caknan-sinarengan-feat-bella-bonita-official-music-video" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Denny Caknan - SINARENGAN (feat. Bella Bonita) [Official Music Video]</a>
  1395.                                                <div class="pt-4">
  1396.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> DENNY CAKNAN</div>
  1397.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 6.32 MB</div>
  1398.                                                </div>
  1399.                                                </div></article><article class="list-item">
  1400.                                                <div class="image-cover">
  1401.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/czhvXXAicXU/mqdefault.jpg" alt="RAY PENI - LENGIS CANANG {Si Hitam Manis Siap Siap Ku Pinang} //" class="lazy loaded">
  1402.                                                <span class="item-duration">08:34</span>
  1403.                                                </div>
  1404.                                                <div class="item-content">
  1405.                                                <a href="/download/ray-peni-lengis-canang-si-hitam-manis-siap-ku-pinang" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">RAY PENI - LENGIS CANANG {Si Hitam Manis Siap Siap Ku Pinang} //</a>
  1406.                                                <div class="pt-4">
  1407.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Putu Bejo Official</div>
  1408.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 7.84 MB</div>
  1409.                                                </div>
  1410.                                                </div></article><article class="list-item">
  1411.                                                <div class="image-cover">
  1412.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/9BAGJjndLgc/mqdefault.jpg" alt="ANDAI TAK BERPISAH - Difarina Indra Adella ft. Fendik Adella - OM ADELLA" class="lazy loaded">
  1413.                                                <span class="item-duration">06:00</span>
  1414.                                                </div>
  1415.                                                <div class="item-content">
  1416.                                                <a href="/download/andai-tak-berpisah-difarina-indra-adella-ft-fendik-om" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">ANDAI TAK BERPISAH - Difarina Indra Adella ft. Fendik Adella - OM ADELLA</a>
  1417.                                                <div class="pt-4">
  1418.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Henny Adella</div>
  1419.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 5.49 MB</div>
  1420.                                                </div>
  1421.                                                </div></article><article class="list-item">
  1422.                                                <div class="image-cover">
  1423.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/iKqfKv-32MM/mqdefault.jpg" alt="Silvy Kumalasari - Gerigis (Kari Manis Kurang Manis Tambahi Gulo)|(Official Music Video)" class="lazy loaded">
  1424.                                                <span class="item-duration">06:51</span>
  1425.                                                </div>
  1426.                                                <div class="item-content">
  1427.                                                <a href="/download/silvy-kumalasari-gerigis-kari-manis-kurang-tambahi-gulo-official-music-video" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Silvy Kumalasari - Gerigis (Kari Manis Kurang Manis Tambahi Gulo)|(Official Music Video)</a>
  1428.                                                <div class="pt-4">
  1429.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Berkah Talenta</div>
  1430.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 6.27 MB</div>
  1431.                                                </div>
  1432.                                                </div></article><article class="list-item">
  1433.                                                <div class="image-cover">
  1434.                                                <img src="/assets/img/blank.png" data-src="https://i.ytimg.com/vi/rugEbpjjC7A/mqdefault.jpg" alt="Niken Salindry - AYANG AYANG - Kembar Music" class="lazy loaded">
  1435.                                                <span class="item-duration">04:54</span>
  1436.                                                </div>
  1437.                                                <div class="item-content">
  1438.                                                <a href="/download/niken-salindry-ayang-kembar-music" class="block font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary line-clamp-2">Niken Salindry - AYANG AYANG - Kembar Music</a>
  1439.                                                <div class="pt-4">
  1440.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-user icon-bg" aria-hidden="true"></i> Kembar Music Digital</div>
  1441.                                                <div class="font-body text-sm font-light text-primary dark:text-white"><i class="fa fa-file-audio-o icon-bg" aria-hidden="true"></i> 4.49 MB</div>
  1442.                                                </div>
  1443.                                                </div></article>
  1444.  
  1445.                </div> </div> </div> </div><section>
  1446.                    <!--<div class="py-6 lg:py-6">
  1447.                        <div class="flex items-center pb-6">
  1448.                            <i class="fa fa-globe fa-lg" style="color:#00b6ff" aria-hidden="true"></i>
  1449.                            <h3 class="ml-3 font-body text-2xl font-semibold text-primary dark:text-white">
  1450.                            Recent Search
  1451.                            </h3>
  1452.                        </div>
  1453.                        <ul><li><div>
  1454.  
  1455.                        <a href="/download/bahrudin-palapa" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1456.                <span class="w-9/10 pr-8">
  1457.                <div class="font-body text-sm text-primary dark:text-white break">Bahrudin Palapa</div>
  1458.                </span>
  1459.                <span class="w-1/10">
  1460.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1461.                </span>
  1462.                </a>
  1463.                
  1464.                    </div></li><li><div>
  1465.  
  1466.                        <a href="/download/burdin" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1467.                <span class="w-9/10 pr-8">
  1468.                <div class="font-body text-sm text-primary dark:text-white break">Burdin</div>
  1469.                </span>
  1470.                <span class="w-1/10">
  1471.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1472.                </span>
  1473.                </a>
  1474.                
  1475.                    </div></li><li><div>
  1476.  
  1477.                        <a href="/download/selalu-ada-di-nadimu-original-soundtrack-from-jumbo" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1478.                <span class="w-9/10 pr-8">
  1479.                <div class="font-body text-sm text-primary dark:text-white break">Selalu Ada Di Nadimu Original Soundtrack From Jumbo</div>
  1480.                </span>
  1481.                <span class="w-1/10">
  1482.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1483.                </span>
  1484.                </a>
  1485.                
  1486.                    </div></li><li><div>
  1487.  
  1488.                        <a href="/download/raim-laode-lesung-pipi" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1489.                <span class="w-9/10 pr-8">
  1490.                <div class="font-body text-sm text-primary dark:text-white break">Raim Laode Lesung Pipi</div>
  1491.                </span>
  1492.                <span class="w-1/10">
  1493.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1494.                </span>
  1495.                </a>
  1496.                
  1497.                    </div></li><li><div>
  1498.  
  1499.                        <a href="/download/suara-pikat-ciblek-dan-burung-kecil" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1500.                <span class="w-9/10 pr-8">
  1501.                <div class="font-body text-sm text-primary dark:text-white break">Suara Pikat Ciblek Dan Burung Kecil</div>
  1502.                </span>
  1503.                <span class="w-1/10">
  1504.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1505.                </span>
  1506.                </a>
  1507.                
  1508.                    </div></li><li><div>
  1509.  
  1510.                        <a href="/download/mangu" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1511.                <span class="w-9/10 pr-8">
  1512.                <div class="font-body text-sm text-primary dark:text-white break">Mangu</div>
  1513.                </span>
  1514.                <span class="w-1/10">
  1515.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1516.                </span>
  1517.                </a>
  1518.                
  1519.                    </div></li><li><div>
  1520.  
  1521.                        <a href="/download/vadly-nyonk" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1522.                <span class="w-9/10 pr-8">
  1523.                <div class="font-body text-sm text-primary dark:text-white break">Vadly Nyonk</div>
  1524.                </span>
  1525.                <span class="w-1/10">
  1526.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1527.                </span>
  1528.                </a>
  1529.                
  1530.                    </div></li><li><div>
  1531.  
  1532.                        <a href="/download/bajidoran" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1533.                <span class="w-9/10 pr-8">
  1534.                <div class="font-body text-sm text-primary dark:text-white break">Bajidoran</div>
  1535.                </span>
  1536.                <span class="w-1/10">
  1537.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1538.                </span>
  1539.                </a>
  1540.                
  1541.                    </div></li><li><div>
  1542.  
  1543.                        <a href="/download/vad" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1544.                <span class="w-9/10 pr-8">
  1545.                <div class="font-body text-sm text-primary dark:text-white break">Vad</div>
  1546.                </span>
  1547.                <span class="w-1/10">
  1548.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1549.                </span>
  1550.                </a>
  1551.                
  1552.                    </div></li><li><div>
  1553.  
  1554.                        <a href="/download/dewi-dewa" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1555.                <span class="w-9/10 pr-8">
  1556.                <div class="font-body text-sm text-primary dark:text-white break">Dewi Dewa</div>
  1557.                </span>
  1558.                <span class="w-1/10">
  1559.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1560.                </span>
  1561.                </a>
  1562.                
  1563.                    </div></li><li><div>
  1564.  
  1565.                        <a href="/download/batas-senja-kita-usahakan-lagi" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1566.                <span class="w-9/10 pr-8">
  1567.                <div class="font-body text-sm text-primary dark:text-white break">Batas Senja Kita Usahakan Lagi</div>
  1568.                </span>
  1569.                <span class="w-1/10">
  1570.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1571.                </span>
  1572.                </a>
  1573.                
  1574.                    </div></li><li><div>
  1575.  
  1576.                        <a href="/download/lend-me-your-voice-belle-english" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1577.                <span class="w-9/10 pr-8">
  1578.                <div class="font-body text-sm text-primary dark:text-white break">Lend Me Your Voice Belle English</div>
  1579.                </span>
  1580.                <span class="w-1/10">
  1581.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1582.                </span>
  1583.                </a>
  1584.                
  1585.                    </div></li><li><div>
  1586.  
  1587.                        <a href="/download/fourtwnty-mangu-feat-charita-utami" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1588.                <span class="w-9/10 pr-8">
  1589.                <div class="font-body text-sm text-primary dark:text-white break">Fourtwnty Mangu Feat Charita Utami</div>
  1590.                </span>
  1591.                <span class="w-1/10">
  1592.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1593.                </span>
  1594.                </a>
  1595.                
  1596.                    </div></li><li><div>
  1597.  
  1598.                        <a href="/download/valdy-nyonk" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1599.                <span class="w-9/10 pr-8">
  1600.                <div class="font-body text-sm text-primary dark:text-white break">Valdy Nyonk</div>
  1601.                </span>
  1602.                <span class="w-1/10">
  1603.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1604.                </span>
  1605.                </a>
  1606.                
  1607.                    </div></li><li><div>
  1608.  
  1609.                        <a href="/download/dj-pulang-malu-tak-pulang-rindu" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1610.                <span class="w-9/10 pr-8">
  1611.                <div class="font-body text-sm text-primary dark:text-white break">Dj Pulang Malu Tak Pulang Rindu</div>
  1612.                </span>
  1613.                <span class="w-1/10">
  1614.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1615.                </span>
  1616.                </a>
  1617.                
  1618.                    </div></li><li><div>
  1619.  
  1620.                        <a href="/download/mahesa-musik-bukan-yang-pertama" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1621.                <span class="w-9/10 pr-8">
  1622.                <div class="font-body text-sm text-primary dark:text-white break">Mahesa Musik Bukan Yang Pertama</div>
  1623.                </span>
  1624.                <span class="w-1/10">
  1625.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1626.                </span>
  1627.                </a>
  1628.                
  1629.                    </div></li><li><div>
  1630.  
  1631.                        <a href="/download/band-kalem" class="mb-3 flex items-center justify-between border border-grey-lighter px-2 py-2 sm:px-2">
  1632.                <span class="w-9/10 pr-8">
  1633.                <div class="font-body text-sm text-primary dark:text-white break">Band Kalem</div>
  1634.                </span>
  1635.                <span class="w-1/10">
  1636.                <i class="fa fa-chevron-right" style="color:#00b6ff" aria-hidden="true"></i>
  1637.                </span>
  1638.                </a>
  1639.                
  1640.                    </div></li>                </ul>
  1641.            </div>
  1642.        </div>
  1643.    </div>
  1644. </div>
  1645.  
  1646. </section>-->
  1647. <section style="padding-bottom:5px">
  1648.    <table class="tableh container bg-con tbs">
  1649.        <tbody>
  1650.            <tr>
  1651.                <td class="tdl"><a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" href="/download/lagu-terbaru">Download Lagu Terbaru</a></td>
  1652.                <td class="tdr"><a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" href="/download/lagu-indonesia">TOP Lagu Indonesia</a></td>
  1653.            </tr>
  1654.            <tr>
  1655.                <td class="tdl"><a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" href="/download/lagu-dangdut">Gudang Lagu Dangdut</a></td>
  1656.                <td class="tdr"><a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" href="/download/lagu-barat">Download Lagu Barat</a></td>
  1657.            </tr>
  1658.            <tr>
  1659.                <td colspan="2" class="tdl tdr center text-primary dark:text-white"><a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Download Lagu Dangdut Koplo" href="/download/dangdut-koplo-terbaru">Dangdut Koplo</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Download Lagu Cover" href="/download/cover-terbaru">Cover</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Aceh" href="/download/lagu-aceh-terbaru">Aceh</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Rohani" href="/download/rohani-terbaru">Rohani</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Batak Terbaru" href="/download/lagu-batak-terbaru">Batak</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Minang" href="/download/lagu-minang-terbaru">Minang</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Lagu Mandarin Terbaru" href="/download/lagu-mandarin-terbaru">Mandarin</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Indonesia Terbaru" href="/download/lagu-indonesia-terbaru">Indonesia</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Malaysia Teraru" href="/download/lagu-anak-anak-terbaru">Anak Anak</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Lagu Nostalgia" href="/download/lagu-nostalgia">Nostalgia</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Lagu Pop Teraru" href="/download/lagu-pop-terbaru">Pop</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Lagu Lawas" href="/download/lagu-lawas">Lawas</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Sholawat Terbaru" href="/download/sholawat-terbaru">Sholawat</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Suara Burung" href="/download/suara-burung">Suara Burung</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Lagu OST Terbaru" href="/download/ost-terbaru">OST</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Suara Burung" href="/download/nada-dering">Nada Dering</a> | <a class="font-body text-md font-semibold text-primary transition-colors hover:text-green dark:text-white dark:hover:text-secondary" title="Lagu K-Pop Terbaru" href="/download/lagu-kpop-terbaru">K-Pop</a></td>
  1660.            </tr>
  1661.        </tbody>
  1662.    </table>
  1663. </section>
  1664. </main>
  1665. <div class="container mx-auto py-4">
  1666.    <div class="flex flex-col items-center justify-between border-t border-grey-lighter py-4 sm:flex-row sm:py-4">
  1667.        <div class="mr-auto flex flex-col items-center sm:flex-row">
  1668.            <a href="/" class="mr-auto sm:mr-6">
  1669.                <img src="/assets/img/icon-logo.svg" style="width:40px;height:40px" alt="logo">
  1670.            </a>
  1671.            <p class="pt-5 font-body font-light text-primary dark:text-white sm:pt-0">
  1672.                &copy; 2025 <a href="/">Gudanglagu321.cc</a>
  1673.            </p>
  1674.        </div>
  1675.        <div class="mr-auto flex items-center pt-5 sm:mr-0 sm:pt-0">
  1676.  
  1677.            <a href="/" aria-label="Facebook">
  1678.                <i class="text-4xl text-primary dark:text-white pl-5 hover:text-secondary dark:hover:text-secondary transition-colors bx bxl-facebook"></i>
  1679.            </a>
  1680.  
  1681.            <a href="/" aria-label="Twitter">
  1682.                <i class="text-4xl text-primary dark:text-white pl-5 hover:text-secondary dark:hover:text-secondary transition-colors bx bxl-twitter"></i>
  1683.            </a>
  1684.  
  1685.            <a href="/" aria-label="Whatsapp">
  1686.                <i class="text-4xl text-primary dark:text-white pl-5 hover:text-secondary dark:hover:text-secondary transition-colors bx bxl-whatsapp"></i>
  1687.            </a>
  1688.  
  1689.        </div>
  1690.    </div>
  1691. </div>
  1692. </div>
  1693. </div>
  1694. </div>
  1695. </div>
  1696. </div>
  1697. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
  1698. <script>
  1699.    document.addEventListener("DOMContentLoaded", () => {
  1700.        $(function(t) {
  1701.            let s = window.location.href;
  1702.            t("aside ul li a").each(function() {
  1703.                this.href === s && (t(this).closest("li").addClass("currentli font-semibold"), t(this).addClass("active"))
  1704.            })
  1705.        }), $(function(t) {
  1706.            let s = window.location.href;
  1707.            t(".option-button a").each(function() {
  1708.                this.href === s && (t(this).addClass("bg-purple-600 text-white"), t(this).removeClass("dark:bg-gray-700"), t(this).removeClass("dark:bg-gray-700"), t(this).removeClass("text-gray-700"))
  1709.            })
  1710.        });
  1711.        $("a").on("click", function() {
  1712.            $('.progress-bar').removeClass('hidden');
  1713.            $('#full_loading').removeClass('full');
  1714.            $('#full_loading').addClass('in');
  1715.        });
  1716.    });
  1717.  
  1718.    var instance = $(".hs__wrapper");
  1719.    $.each(instance, function(s, e) {
  1720.            var t = $(instance[s]).find(".arrow"),
  1721.                i = t.filter(".arrow-prev"),
  1722.                n = t.filter(".arrow-next"),
  1723.                o = $(instance[s]).find(".hs"),
  1724.                l = 0,
  1725.                c = 0,
  1726.                a = o[0].scrollWidth - o[0].clientWidth / 2 - o.width() / 2;
  1727.            $(t).on("click", function() {
  1728.                    $(this).hasClass("arrow-next") ? (l = o.width() / 2 + o.scrollLeft() - 10,
  1729.                        o.animate({
  1730.                            scrollLeft: l
  1731.                        })) : (l = o.width() / 2 - o.scrollLeft() - 10,
  1732.                        o.animate({
  1733.                            scrollLeft: -l
  1734.                        }))
  1735.                }),
  1736.                $(o).on({
  1737.                    mousemove: function(s) {
  1738.                        var e = s.pageX - this.offsetLeft;
  1739.                        c && (this.scrollLeft = this.sx + c - e)
  1740.                    },
  1741.                    mousedown: function(s) {
  1742.                        this.sx = this.scrollLeft,
  1743.                            c = s.pageX - this.offsetLeft
  1744.                    },
  1745.                    scroll: function(s) {
  1746.                        o.scrollLeft() > a - 10 ? n.addClass("disabled") : 10 > o.scrollLeft() ? i.addClass("disabled") : (n.removeClass("disabled"),
  1747.                            i.removeClass("disabled"))
  1748.                    }
  1749.                }),
  1750.                $(document).on("mouseup", function() {
  1751.                    c = 0
  1752.                }),
  1753.                $(o).mousedown(function() {
  1754.                    $(this).mousemove(function() {
  1755.                        $(".hs__item").css("pointer-events", "none")
  1756.                    })
  1757.                }),
  1758.                $(o).mouseup(function() {
  1759.                    $(".hs__item").css("pointer-events", "all"),
  1760.                        $(this).mousemove(function() {
  1761.                            $(".hs__item").css("pointer-events", "all")
  1762.                        })
  1763.                })
  1764.        }),
  1765.        $(".hs__item").css("cursor", "pointer"),
  1766.        $(".hs__item").click(function() {
  1767.            window.location.href = $(this).data("href")
  1768.        });
  1769. </script>
  1770. <script async type="text/javascript">
  1771.    function global() {
  1772.        return {
  1773.            isMobileMenuOpen: false,
  1774.            isDarkMode: false,
  1775.            themeInit() {
  1776.                if (
  1777.                    localStorage.theme === "dark" ||
  1778.                    (!("theme" in localStorage) &&
  1779.                        window.matchMedia("(prefers-color-scheme: dark)").matches)
  1780.                ) {
  1781.                    localStorage.theme = "dark";
  1782.                    document.documentElement.classList.add("dark");
  1783.                    this.isDarkMode = true;
  1784.                } else {
  1785.                    localStorage.theme = "light";
  1786.                    document.documentElement.classList.remove("dark");
  1787.                    this.isDarkMode = false;
  1788.                }
  1789.            },
  1790.            themeSwitch() {
  1791.                if (localStorage.theme === "dark") {
  1792.                    localStorage.theme = "light";
  1793.                    document.documentElement.classList.remove("dark");
  1794.                    this.isDarkMode = false;
  1795.                } else {
  1796.                    localStorage.theme = "dark";
  1797.                    document.documentElement.classList.add("dark");
  1798.                    this.isDarkMode = true;
  1799.                }
  1800.            },
  1801.        };
  1802.    }
  1803. </script>
  1804. <script async type="text/javascript">
  1805.    const a = new IntersectionObserver((r, o) => {
  1806.        r.forEach(t => {
  1807.            if (t.isIntersecting) {
  1808.                const e = t.target;
  1809.                e.src = e.dataset.src, e.dataset.srcset !== void 0 && (e.srcset = e.dataset.srcset), e.classList.add("loaded"), a.unobserve(e)
  1810.            }
  1811.        })
  1812.    });
  1813.    document.querySelectorAll("img.lazy").forEach(r => {
  1814.        a.observe(r)
  1815.    });
  1816.    const d = (r, o) => {
  1817.            const t = "suggest_" + Math.round(1e5 * Math.random());
  1818.            window[t] = n => {
  1819.                delete window[t], document.body.removeChild(e), o(n)
  1820.            };
  1821.            const e = document.createElement("script");
  1822.            e.src = `${r}${r.indexOf("?")>=0?"&":"?"}&callback=${t}`, document.body.appendChild(e)
  1823.        },
  1824.        s = document.querySelector(".suggest-results");
  1825.    document.querySelector(".search-form input").addEventListener("keyup", r => {
  1826.        const o = [];
  1827.        if (r.code === "ArrowUp" || r.code === "ArrowDown") {
  1828.            if (!s.classList.contains("hidden")) {
  1829.                const t = s.querySelector("li.active");
  1830.                let e = !1;
  1831.                t ? r.code === "ArrowUp" && t.previousElementSibling || r.code === "ArrowDown" && t.nextElementSibling ? (t.classList.remove("active"), r.code === "ArrowUp" && t.previousElementSibling ? t.previousElementSibling.classList.add("active") : t.nextElementSibling.classList.add("active"), document.querySelector(".search-form input").value = s.querySelector("li.active").textContent) : e = !0 : s.querySelector("li:first-child").classList.add("active"), e || s.querySelector(".active").scrollIntoView({
  1832.                    block: "nearest"
  1833.                })
  1834.            }
  1835.        } else d(`https://suggestqueries.google.com/complete/search?q=${r.target.value}&hl=us&client=youtube-reduced&ds=yt&callback=supermp3`, t => {
  1836.            if (t != null && t[1] && t[1].length) {
  1837.                if (o.push(...t[1].map(e => e[0])), s.innerHTML = "", o.length) {
  1838.                    s.classList.remove("hidden");
  1839.                    for (const e of o) s.innerHTML += `<li>${e}</li>`
  1840.                } else s.classList.add("hidden");
  1841.                s.querySelectorAll("li").forEach(e => {
  1842.                    e.addEventListener("mousedown", n => {
  1843.                        n.preventDefault(), s.classList.add("hidden"), document.querySelector(".search-form input").value = e.textContent, document.querySelector(".search-form form").submit()
  1844.                    })
  1845.                })
  1846.            } else s.classList.add("hidden")
  1847.        })
  1848.    });
  1849.    document.querySelector(".search-form input").addEventListener("focus", () => {
  1850.        s.querySelectorAll("li").length && s.classList.contains("hidden") && s.classList.remove("hidden")
  1851.    });
  1852.    document.querySelector(".search-form input").addEventListener("blur", () => {
  1853.        s.classList.contains("hidden") || s.classList.add("hidden")
  1854.    });
  1855. </script>
  1856. <!-- Google tag (gtag.js) -->
  1857. <script async src="https://www.googletagmanager.com/gtag/js?id=G-LZY67GNRH9"></script>
  1858. <script>
  1859.  window.dataLayer = window.dataLayer || [];
  1860.  function gtag(){dataLayer.push(arguments);}
  1861.  gtag('js', new Date());
  1862.  
  1863.  gtag('config', 'G-LZY67GNRH9');
  1864. </script>
  1865. </body>
  1866.  
  1867. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda