1 2 3 4 5 6<!DOCTYPE html> 7<html lang="en"> 8 <head> 9
9<script> 10 window.dataLayer = window.dataLayer || []; 11 window.dataLayer.push({ 12 "content_id": "8835817", 13 "content_site": "MINIONSLOT88", 14 "content_site_id": 88, 15 "content_category": "Prov", 16 "content_subcategory": "MINIONSLOT88", 17 "content_location": "Di", 18 "content_author": "", 19 "content_aid1": "", 20 "content_aid2": "", 21 "content_aid3": "", 22 "content_editor": "MINIONSLOT88 ", 23 "content_eid": "7768", 24 "content_lipsus": "", 25 "content_lipsus_id": "", 26 "content_sensi": "", 27 "content_type": "Standard", 28 "content_PublishedDate": "2025-09-08 11:29:00", 29 "content_Month_PubDate": "09", 30 "content_Year_PubDate": "2025", 31 "content_Date_PubDate": "04", 32 "content_source": "", 33 "content_tag": "MINIONSLOT88", 34 "content_title": "MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong", 35 "content_tags": "", 36 "content_total_words": 452, 37 "content_draft_type": "0", 38 "content_draft_check": "", 39 "content_draft_engine": "", 40 "content_autopaging": true, 41 "content_total_pages": 1, 42 "content_current_page": 1 43 }); 44 </script>
44 45 <title>MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong</title> 46 <meta name="description" content="MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dari turunan Slot Mahjong terbaru saat ini dengan akses anti rungkad dan peluang menang yang menarik." /> 47 <link href="//securepubads.g.doubleclick.net" rel="dns-prefetch"> 48 <link href="//asset.kompas.com" rel="dns-prefetch"> 49 <link href="//adsimg.kompas.com" rel="dns-prefetch"> 50 <link href="//tpc.googlesyndication.com" rel="dns-prefetch"> 51 <link href="//cm.g.doubleclick.net" rel="dns-prefetch"> 52 <link href="//apis.kompas.com" rel="dns-prefetch"> 53 <meta charset="utf-8"> 54 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 55 <meta name="viewport" content="width=device-width"> 56 <meta content="MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dari turunan Slot Mahjong terbaru saat ini dengan akses anti rungkad dan peluang menang yang menarik." /> 57 <link rel="prefetch" href="https://msot88.co/" as="document" /> 58 <meta name="googlebot-news" content="index, follow" /> 59 <meta name="googlebot" content="index, follow" /> 60 <meta name="author" content="MINIONSLOT88"> 61 <meta name="publisher" content="MINIONSLOT88"> 62 <meta name="robots" content="index, follow"> 63 <meta name="language" content="id" /> 64 <meta name="geo.country" content="id" /> 65 <meta name="keywords" content="minionslot88, minion slot88, minionslot88 login, minionslot88 link, minionslot88 slot" /> 66 <meta name="publisher" content="MINIONSLOT88"> 67 <meta http-equiv="content-language" content="In-Id" /> 68 <meta name="geo.placename" content="Indonesia" /> 69 <!-- S:fb meta --> 70 <meta property="og:type" content="article" /> 71 <meta property="og:image" content="https://minionslot88ku.com/img-lp/ms-41.webp" /> 72 <meta property="og:title" content="MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong" /> 73 <meta property="og:description" content="MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dari turunan Slot Mahjong terbaru saat ini dengan akses anti rungkad dan peluang menang yang menarik."> 74 <meta property="og:url" content="https://msot88.co/" /> 75 <meta property="og:site_name" content="MINIONSLOT88" /> 76 <meta property="fb:app_id" content="324557847592228" /> 77 <!-- e:fb meta --> 78 <!-- S:tweeter card --> 79 <meta name="twitter:card" content="summary_large_image" /> 80 <meta name="twitter:site" content="@MINIONSLOT88" /> 81 <meta name="twitter:creator" content="@MINIONSLOT88"> 82 <meta name="twitter:title" content="MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong" /> 83 <meta name="twitter:description" content="MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dari turunan Slot Mahjong terbaru saat ini dengan akses anti rungkad dan peluang menang yang menarik." /> 84 <meta name="twitter:image" content="https://minionslot88ku.com/img-lp/ms-41.webp" /> 85 <!-- E:tweeter card --> 86 <meta name="content_category" content="Prov" /> 87 <meta name="content_subcategory" content="MINIONSLOT88" /> 88 <meta name="content_location" content="Di" /> 89 <meta name="content_author_id" content="" /> 90 <meta name="content_author" content="" /> 91 <meta name="content_editor_id" content="7768" /> 92 <meta name="content_editor" content="MINIONSLOT88 " /> 93 <meta name="content_lipsus" content="" /> 94 <meta name="content_lipsus_id" content="" /> 95 <meta name="content_sensi" content="" /> 96 <meta name="content_type" content="Standard" /> 97 <meta name="content_PublishedDate" content="2025-09-08 11:29:00" /> 98 <meta property="article:published_time" content="2025-09-08T03:43:24+00:00" /> 99 <meta name="content_source" content="" /> 100 <meta name="content_tag" content="MINIONSLOT88" /> 101 <meta name="content_tags" content="" /> 102 <meta name="content_total_words" content="452" /> 103 <meta name="subscription" content="False" /> 104 <meta name="lestari_sdgs" content="" /> 105 <meta name="content_total_pages" content="1" /> 106 <meta name="content_current_page" content="1" /> 107 <link rel="preload" as="image" href="https://minionslot88ku.com/img-lp/ms-41.webp"> 108 <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script"> 109 <link rel="canonical" href="https://msot88.co/" /> 110 <link rel="amphtml" href="https://link.msot88.world/"> 111<link rel="alternate" hreflang="id-id" href="https://link.msot88.world/"/> 112<link rel="alternate" href="https://link.msot88.world/"/> 113<link rel="alternate" hreflang="id" href="https://link.msot88.world/"/> 114<link rel="alternate" hreflang="en" href="https://link.msot88.world/"/> 115<link rel="alternate" hreflang="x-default" href="https://link.msot88.world/"/> 116
116<script type="application/ld+json"> 117{ 118 "@context": "https://schema.org", 119 "@type": "NewsArticle", 120 "headline": "MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong", 121 "description": "MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dari turunan Slot Mahjong terbaru saat ini dengan akses anti rungkad dan peluang menang yang menarik.", 122 "url": "https://msot88.co/", 123 "mainEntityOfPage": { 124 "@type": "WebPage", 125 "@id": "https://msot88.co/" 126 }, 127 "image": { 128 "@type": "ImageObject", 129 "url": "https://minionslot88ku.com/img-lp/ms-41.webp" 130 }, 131 "author": { 132 "@type": "Organization", 133 "name": "MINIONSLOT88", 134 "url": "https://msot88.co/" 135 }, 136 "publisher": { 137 "@type": "Organization", 138 "name": "MINIONSLOT88", 139 "url": "https://msot88.co/", 140 "logo": { 141 "@type": "ImageObject", 142 "url": "https://minionslot88ku.com/img/logo-msot88.webp" 143 } 144 }, 145 "datePublished": "2025-01-01T00:00:00+07:00", 146 "dateModified": "2025-01-01T00:00:00+07:00" 147} 148</script>
148 149 <link rel="dns-prefetch" href="twitter.com"> 150 <link rel="shortcut icon" href="https://minionslot88ku.com/img/minionslot88-favicon.ico"> 151 <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/13/kompascom/desktop/css/kcm2017-article.min.css" type="text/css"> 152 <link rel="stylesheet" href="https://asset.kompas.com/data/2025/03/05/kompascom/desktop/css/kcm2017-iconpack-article.min.css" type="text/css"> 153 <link rel="stylesheet" href="https://asset.kompas.com/data/2025/08/21/0958/kgm-verify.min.css" type="text/css"> 154 <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i" as="style"> 155 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,700|Roboto:300,300i,400,400i,500,700,700i"> 156 <link rel="preconnect" href="https://scripts.jixie.media" /> 157
157<script src="https://asset.kompas.com/data/2017/wp/js/jquery-1.12.0.min.js"></script>
157 158
158<script src="https://asset.kompas.com/data/2017/wp/js/modernizr.custom.js"></script>
158 159 <link rel="preconnect" href="https://scripts.jixie.media" /> 160
160<script type="text/javascript">window.jixie_o = { accountid: "9262bf2590d558736cac4fff7978fcb1", partner_cookie: 'kmps_usrid', external_ids: ['tdid', 'tdid2', 'ifo'], sha256mail_cookie: 'usermail', ad_blocker: true, logbids: true, userprofile: true, sha256ph_cookie: 'kmps_uphn', };</script>
160 161
161<script async src="https://scripts.jixie.media/jxpublisher_3_1.min.js"></script>
161 162
162<script type="text/javascript">var keyword_data = "" var array_keywords = keyword_data.split(","); window.jixie_p = window.jixie_p || []; window.jixie_p.push({ action: "visit", parameters: { itemid: "20250904172000388", keywords: array_keywords, title: "MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong", description: "MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dari turunan Slot Mahjong terbaru saat ini dengan akses anti rungkad dan peluang menang yang menarik.", category: "Prov" } });</script>
162 163
163<script>var keywordBrandSafety = "MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dari turunan Slot Mahjong terbaru saat ini dengan akses anti rungkad dan peluang menang yang menarik.";</script>
163 164 <!-- Start Ad Blocking Recovery Message --> 165
165<script async src="https://fundingchoicesmessages.google.com/i/pub-9012468469771973?ers=1" nonce="IOvmxAasolBKwB_qzaJVMg"></script>
165 166
166<script nonce="IOvmxAasolBKwB_qzaJVMg">(function() { function signalGooglefcPresent() { if (!window.frames['googlefcPresent']) { if (document.body) { const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe); } else { setTimeout(signalGooglefcPresent, 0); } } } signalGooglefcPresent(); })();</script>
166 167 <!-- Endof Ad Blocking Recovery Message --> 168 <!-- Start: GPT Async --> 169
169<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
169 170
170<script type="text/javascript">var gptadslots=[],googletag=googletag||{};googletag.cmd=googletag.cmd||[],function(){var t=document.createElement("script");t.async=!0,t.type="text/javascript",t.src="https://securepubads.g.doubleclick.net/tag/js/gpt.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}()</script>
170 171
171<script type="text/javascript"> 172 googletag.cmd.push(function() { 173 //Adslot 1 declaration 174 gptadslots[1] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [ 175 [728, 90], 176 [970, 90], 177 [970, 250], 178 [360, 100], 179 [360, 150], 180 [384, 100], 181 [393, 100] 182 ], 'div-gpt-ad-Top_1-1').setTargeting('Pos', ['Top_1']).setTargeting('kg_pos', ['top_1']).addService(googletag.pubads()); 183 dinv = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news/vignette', googletag.enums.OutOfPageFormat.INTERSTITIAL); 184 if (dinv !== null) { 185 dinv.setTargeting('Pos', ['vignette']); 186 dinv.setTargeting('kg_pos', ['vignette']); 187 } //Adslot 2 declaration 188 gptadslots[2] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [ 189 [300, 600], 190 [300, 250], 191 [160, 600] 192 ], 'div-gpt-ad-Giant').setTargeting('Pos', ['Giant']).setTargeting('kg_pos', ['giant']).addService(googletag.pubads()); //Adslot 9 declaration 193 gptadslots[9] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [ 194 [468, 60], 195 [728, 90], 196 [970, 90], 197 [1100, 50], 198 [1100, 150] 199 ], 'div-gpt-ad-Horizontal_Ad').setTargeting('Pos', ['Horizontal_Ad']).setTargeting('kg_pos', ['horizontal_ad']).addService(googletag.pubads()); 200 gptadslots[41121] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-for-outstream').setTargeting('Pos', ['Outstream']).addService(googletag.pubads()); //Adslot 8 declaration 201 gptadslots[8] = googletag.defineSlot('/31800665/KOMPAS.COM/news/news_index', [ 202 [120, 600], 203 [160, 600] 204 ], 'div-gpt-ad-Skyscraper').setTargeting('Pos', ['Skyscraper']).setTargeting('kg_pos', ['skyscraper']).addService(googletag.pubads()); 205 gptadslots[4112] = googletag.defineOutOfPageSlot('/31800665/KOMPAS.COM/news', 'div-gpt-ad-974648810682144181-4112').setTargeting('Pos', ['native_banner_article']).setTargeting('kg_pos', ['native_banner_article']).addService(googletag.pubads()); 206 setContextualTargeting(); 207 if (typeof keywordBrandSafety === 'undefined') { 208 console.log("no article keywords"); 209 } else { 210 console.log("execute keywords"); 211 setKeywordTargeting(); 212 } 213 214 function setContextualTargeting() { 215 dfp_keywords = getKeywords(); 216 console.log(dfp_keywords); 217 googletag.pubads().setTargeting('contextual_targeting', dfp_keywords); 218 } 219 220 function getKeywords() { 221 var metas = document.getElementsByTagName('meta'); 222 var str = (metas.namedItem("content_tags") || {}).content; 223 if (str != null) { 224 var keywords = str.toLowerCase().split(",").map(function(item) { 225 return item.trim().replace(/\s\s+/g, ' '); 226 }); 227 return keywords; 228 } 229 return ['']; 230 } 231 // s:new keyword targeting via GAM 232 function setKeywordTargeting() { 233 dfp_keywords = getArticle(); 234 console.log(dfp_keywords); 235 googletag.pubads().setTargeting('keyword_targeting', dfp_keywords); 236 } 237 238 function getArticle() { 239 var strKey = keywordBrandSafety; 240 if (strKey != null) { 241 var keywords = strKey.toLowerCase().split(/[ .]/).map(function(item) { 242 return item.trim().replace(/\W*(&quot;)\W*/g, '').replace(/([^a-zA-Z0-9]$|[()\n\"])/g, ''); 243 }); 244 keywords = keywords.filter((str) => str !== ''); 245 return keywords; 246 } 247 return null; 248 } 249 // e:new keyword targeting via GAM 250 try { 251 // Retrieving local storage 252 var ls = window.localStorage; 253 var lr = ls.getItem("_jxitr"); 254 if (lr && lr.length > 2) { 255 try { 256 googletag.pubads().setTargeting('jx_audience_interest', JSON.parse(lr).join().split(',')); 257 } catch {} 258 } 259 var li = ls.getItem("_jxitd"); 260 if (li && li.length > 2) { 261 try { 262 googletag.pubads().setTargeting('jx_audience_intend', JSON.parse(li).join().split(',')); 263 } catch {} 264 } 265 } catch (e) { 266 //console.log("Localstorage not accessible or any other error: " + e.message); 267 } 268 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 269 googletag.pubads().setTargeting('kg_inv_type', 'mweb'); 270 } else { 271 googletag.pubads().setTargeting('kg_inv_type', 'desktop'); 272 } 273 googletag.pubads().setTargeting('kg_group_sites', 'kompas_com'); 274 var rl_adx_val = ''; 275 var rl_adx_sec = new Date().getSeconds(); 276 if (rl_adx_sec == 1 || rl_adx_sec == 2) { 277 rl_adx_val = '300'; 278 } 279 if (rl_adx_sec == 3 || rl_adx_sec == 4) { 280 rl_adx_val = '600'; 281 } 282 if (rl_adx_sec == 5 || rl_adx_sec == 6) { 283 rl_adx_val = '900'; 284 } 285 if (rl_adx_sec == 7 || rl_adx_sec == 8) { 286 rl_adx_val = '1200'; 287 } 288 if (rl_adx_sec == 9 || rl_adx_sec == 10) { 289 rl_adx_val = '1500'; 290 } 291 if (rl_adx_sec == 11 || rl_adx_sec == 12) { 292 rl_adx_val = '1800'; 293 } 294 console.log('rl_adx_val = ' + rl_adx_val); 295 if (rl_adx_val != '') { 296 googletag.pubads().setTargeting('rl_adx', rl_adx_val); 297 } 298 googletag.pubads().setTargeting('currentUrl', '2025/09/04/172000388'); 299 googletag.pubads().setTargeting('page', 'page_1'); 300 googletag.pubads().enableSingleRequest(); 301 googletag.enableServices(); 302 }); 303 </script>
303 304 <!-- End: GPT --> 305 <!-- (ads.google.head.rs) --> 306
306<script type="text/javascript"> 307 function fb_share(e, o) { return u = o, t = e, window.open("http://www.facebook.com/sharer.php?u=" + encodeURIComponent(u) + "&t=" + encodeURIComponent(t), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function tweet_share(t, x = '') { return u = t, window.open("https://twitter.com/intent/tweet?text=" + encodeURIComponent(u) + "&url=" + encodeURIComponent(x), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function plus_share(t) { return u = t, window.open("https://plus.google.com/share?url=" + encodeURIComponent(u), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function telegram_share(e, o, x) { return u = o, t = e, window.open("https://t.me/share/url?url=" + encodeURIComponent(u) + "&text=" + encodeURIComponent(t) + x, "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function whatsapp_share(e, o) { return u = o, t = e, window.open("https://wa.me/?text=" + encodeURIComponent(u) + " - " + encodeURIComponent(t), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } function whatsapp_share_new(e, o) { return u = o, t = e, window.open("https://wa.me/?text=" + encodeURIComponent(t) + encodeURIComponent(u), "sharer", "toolbar=0,status=0,width=626,height=436"), !1 } 308 </script>
308 309
309<script> 310 document.addEventListener('DOMContentLoaded', function() { var addebug = document.querySelectorAll('.footerCopyright'); for (i = 0; i < addebug.length; ++i) { addebug[i].addEventListener('click', function handleClick() { console.log('Debugged'); googletag.openConsole(); }); } }); 311 </script>
311 312
312<script async src="https://cdn.oval.id/tracker/p/kompas/oval_web_analytics_latest.js"></script>
312 313 <!--
313<script async src="https://cdn.oval.id/tracker/p/kompasreco/oval_web_analytics_latest.js "></script>
313 --> 314 <!-- Meta Pixel Code --> 315
315<script>
vendor: 449 bytes, line 315
315! function(f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '
315423063207362401
vendor: 29 bytes, line 315
315'); fbq('track', 'PageView');
315</script>
315 316 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=423063207362401&ev=PageView&noscript=1" /></noscript> 317 <!-- End Meta Pixel Code --> 318 </head> 319 <body class="theme--link-slot-gacor page--read -bigger"> 320 <style> 321 body.theme--link-slot-gacor.page--read.-bigger.theme-light { 322 margin: 0; 323 padding: 0; 324 color: #f6efe6; 325 font-family: 'Exo 2', Arial, sans-serif; 326 background: 327 radial-gradient(circle at top left, rgba(255, 196, 84, 0.10), transparent 22%), 328 radial-gradient(circle at top right, rgba(138, 21, 56, 0.16), transparent 24%), 329 radial-gradient(circle at bottom center, rgba(255, 110, 64, 0.08), transparent 28%), 330 linear-gradient(135deg, #080506 0%, #14080d 40%, #1f1117 70%, #0d0d0f 100%); 331 background-attachment: fixed; 332 min-height: 100vh; 333 position: relative; 334 overflow-x: hidden; 335 } 336 337 /* GRID GLOW HALUS */ 338 body.theme--link-slot-gacor.page--read.-bigger.theme-light::before { 339 content: ""; 340 position: fixed; 341 inset: 0; 342 pointer-events: none; 343 z-index: -1; 344 opacity: 0.38; 345 background-image: 346 linear-gradient(rgba(255, 196, 84, 0.04) 1px, transparent 1px), 347 linear-gradient(90deg, rgba(138, 21, 56, 0.04) 1px, transparent 1px); 348 background-size: 26px 26px; 349 } 350 351 /* VIGNETTE ELEGAN */ 352 body.theme--link-slot-gacor.page--read.-bigger.theme-light::after { 353 content: ""; 354 position: fixed; 355 inset: 0; 356 pointer-events: none; 357 z-index: -1; 358 background: 359 radial-gradient(circle at center, transparent 42%, rgba(0, 0, 0, 0.40) 100%); 360 } 361 362 /* WARNA LINK */ 363 body.theme--link-slot-gacor.page--read.-bigger.theme-light a { 364 color: #b8964a; 365 transition: all .25s ease; 366 } 367 368 body.theme--link-slot-gacor.page--read.-bigger.theme-light a:hover { 369 color: #ff8a80; 370 text-shadow: 0 0 10px rgba(255, 138, 128, 0.28); 371 } 372 373 /* CONTAINER UMUM BIAR LEBIH PREMIUM */ 374 body.theme--link-slot-gacor.page--read.-bigger.theme-light .container, 375 body.theme--link-slot-gacor.page--read.-bigger.theme-light .content, 376 body.theme--link-slot-gacor.page--read.-bigger.theme-light main { 377 position: relative; 378 z-index: 1; 379 } 380 381 /* SCROLLBAR */ 382 body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar {
383 width: 10px; 384 } 385 386 body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar-track { 387 background: #120b0d; 388 } 389 390 body.theme--link-slot-gacor.page--read.-bigger.theme-light::-webkit-scrollbar-thumb { 391 background: linear-gradient(#b8964a, #a11446, #ff8a50); 392 border-radius: 999px; 393 } 394 395 /* FIX TITLE ARTIKEL */ 396 .page--read h1, 397 .page--read .read__title, 398 .page--read .article__title, 399 .page--read .title { 400 color: #fff7ec !important; 401 opacity: 1 !important; 402 font-weight: 700 !important; 403 font-size: 32px !important; 404 line-height: 1.3; 405 text-shadow: 406 0 0 8px rgba(255, 196, 84, 0.25), 407 0 0 18px rgba(161, 20, 70, 0.18); 408 } 409 410 /* MOBILE TITLE */ 411 @media (max-width:768px) { 412 413 .page--read h1, 414 .page--read .read__title, 415 .page--read .article__title, 416 .page--read .title { 417 font-size: 24px !important; 418 } 419 } 420 421 @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;500;700&display=swap'); 422 423 /* ========================= 424 GLOBAL HEADER STYLE 425========================= */ 426 .header { 427 position: relative; 428 width: 100%; 429 max-width: 1100px; 430 margin: 0 auto; 431 z-index: 99; 432 background: 433 radial-gradient(circle at top left, rgba(255, 196, 84, .09), transparent 25%), 434 radial-gradient(circle at top right, rgba(138, 21, 56, .14), transparent 25%), 435 linear-gradient(135deg, #090507 0%, #1a0a11 45%, #22141a 100%); 436 border: 1px solid rgba(255, 204, 112, .10); 437 border-radius: 0 0 22px 22px; 438 box-shadow: 439 0 15px 40px rgba(0, 0, 0, .50), 440 0 0 20px rgba(255, 196, 84, .07), 441 0 0 35px rgba(161, 20, 70, .10); 442 overflow: hidden; 443 font-family: 'Exo 2', sans-serif; 444 } 445 446 .header::before { 447 content: ""; 448 position: absolute; 449 inset: 0; 450 background-image: 451 linear-gradient(rgba(255, 196, 84, .03) 1px, transparent 1px), 452 linear-gradient(90deg, rgba(161, 20, 70, .03) 1px, transparent 1px); 453 background-size: 22px 22px; 454 pointer-events: none; 455 opacity: .7; 456 } 457 458 .header::after { 459 content: ""; 460 position: absolute; 461 top: 0; 462 left: 0; 463 width: 100%; 464 height: 3px; 465 background: linear-gradient(90deg, #b8964a, #a11446, #ff8a50, #b8964a); 466 background-size: 250% 100%; 467 box-shadow: 0 0 14px rgba(255, 196, 84, .35); 468 animation: neonHeaderMove 6s linear infinite; 469 } 470 471 .clearfix:before, 472 .clearfix:after { 473 content: ""; 474 display: table; 475 } 476 477 .clearfix:after { 478 clear: both; 479 } 480 481 .container { 482 width: 1100px; 483 max-width: 100%; 484 margin-right: auto; 485 margin-left: auto; 486 padding-right: 18px; 487 padding-left: 18px; 488 position: relative; 489 } 490 491 .header__wrap { 492 padding: 16px 0; 493 position: relative; 494 z-index: 2; 495 } 496 497 .header__row>.row { 498 display: flex; 499 align-items: center; 500 } 501 502 .col-offset-fluid { 503 margin-right: -15px; 504 margin-left: -15px; 505 } 506 507 .header__row>div>div:first-child { 508 width: 32%; 509 } 510 511 .header__row>div>div:last-child { 512 width: 68%; 513 display: flex; 514 justify-content: flex-end; 515 align-items: center; 516 gap: 14px; 517 flex-wrap: wrap; 518 } 519 520 /* ========================= 521 LOGO 522========================= */ 523 .logo, 524 .logo a { 525 display: inline-flex; 526 align-items: center; 527 } 528 529 .logo { 530 position: relative; 531 min-width: 160px; 532 width: 350px; 533 height: 56px; 534 } 535 536 .logo img { 537 max-width: 100%; 538 width: auto; 539 height: 56px; 540 object-fit: contain; 541 filter: 542 drop-shadow(0 0 10px rgba(255, 196, 84, .16)) drop-shadow(0 0 20px rgba(161, 20, 70, .12)); 543 transition: all .35s ease; 544 } 545 546 .logo img:hover { 547 transform: scale(1.03); 548 filter: 549 drop-shadow(0 0 12px rgba(255, 196, 84, .24)) drop-shadow(0 0 24px rgba(161, 20, 70, .18)); 550 } 551 552 /* ========================= 553 SEARCH BOX 554========================= */ 555 .col-bs12-8 { 556 width: auto; 557 flex: 1; 558 min-width: 280px; 559 } 560 561 .col-offset-0 { 562 padding-right: 0; 563 padding-left: 0; 564 } 565 566 .header-search-box { 567 position: relative; 568 width: 100%; 569 max-width: 430px; 570 } 571 572 .header-search { 573 position: relative; 574 width: 100%; 575 height: 46px; 576 margin: 0; 577 } 578 579 .searchBox-wrap { 580 position: relative; 581 } 582 583 .header-search-input { 584 width: 100%; 585 height: 46px; 586 border-radius: 16px; 587 border: 1px solid rgba(255, 196, 84, .16); 588 background: 589 linear-gradient(135deg, rgba(28, 14, 18, .96), rgba(18, 10, 14, .98)); 590 color: #fff4e8; 591 font-size: 15px; 592 line-height: 1; 593 padding: 0 54px 0 18px; 594 box-shadow: 595 inset 0 0 0 1px rgba(255, 255, 255, .02), 596 0 0 10px rgba(255, 196, 84, .05); 597 transition: all .3s ease; 598 } 599 600 .header-search-input::placeholder { 601 color: #c9a987; 602 letter-spacing: .3px; 603 } 604 605 .header-search-input:focus { 606 outline: none; 607 border-color: rgba(161, 20, 70, .60); 608 box-shadow: 609 0 0 0 3px rgba(161, 20, 70, .14), 610 0 0 18px rgba(255, 196, 84, .10); 611 background: 612 linear-gradient(135deg, rgba(34, 16, 22, .98), rgba(24, 12, 17, 1)); 613 } 614 615 .header-search-button, 616 .searchClear { 617 position: absolute; 618 top: 0; 619 right: 0; 620 width: 48px; 621 height: 46px; 622 border: none; 623 background: transparent; 624 color: transparent; 625 cursor: pointer; 626 z-index: 2; 627 border-radius: 0 16px 16px 0; 628 transition: background .25s ease; 629 } 630 631 .header-search-button:hover, 632 .searchClear:hover { 633 background: rgba(255, 255, 255, .05); 634 } 635 636 .icon-search { 637 position: absolute; 638 top: 0; 639 right: 0; 640 width: 48px; 641 height: 46px; 642 pointer-events: none; 643 background-repeat: no-repeat; 644 background-position: 50%; 645 background-size: 18px; 646 z-index: 1; 647 filter: drop-shadow(0 0 8px rgba(255, 196, 84, .25)); 648 } 649 650 .searchClear { 651 display: none; 652 background-repeat: no-repeat; 653 background-position: center; 654 background-size: 15px; 655 } 656 657 .header-search-suggestion { 658 position: absolute; 659 top: calc(100% + 10px); 660 left: 0; 661 width: 100%; 662 z-index: 30; 663 } 664 665 .searchSuggest-inner { 666 background: 667 linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(24, 18, 12, .98)); 668 border: 1px solid rgba(255, 200, 120, .14); 669 border-radius: 18px; 670 box-shadow: 671 0 18px 40px rgba(0, 0, 0, .50), 672 0 0 20px rgba(255, 190, 90, .08); 673 backdrop-filter: blur(12px); 674 overflow: hidden; 675 } 676 677 /* ========================= 678 DARK MODE BUTTON 679========================= */ 680 .dark-header-item { 681 position: relative; 682 } 683 684 .dark-wrapper { 685 position: relative; 686 } 687 688 .button-default, 689 .js-darkSetter, 690 .menu-item .button-default { 691 width: 42px; 692 height: 42px; 693 border: 1px solid rgba(255, 200, 120, .14); 694 border-radius: 14px; 695 background: 696 linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 215, 140, .03)); 697 display: inline-flex; 698 align-items: center; 699 justify-content: center; 700 transition: all .3s ease; 701 box-shadow: 702 inset 0 0 12px rgba(255, 255, 255, .02), 703 0 0 0 rgba(0, 0, 0, 0); 704 } 705 706 .button-default:hover, 707 .js-darkSetter:hover, 708 .menu-item .button-default:hover { 709 transform: translateY(-2px); 710 border-color: rgba(255, 200, 120, .35); 711 box-shadow: 712 0 0 14px rgba(255, 190, 90, .14), 713 inset 0 0 12px rgba(255, 255, 255, .03); 714 } 715 716 /* DROPDOWN DARK */ 717 .dark-setting { 718 position: absolute; 719 top: calc(100% + 10px); 720 right: 0; 721 min-width: 170px; 722 background: 723 linear-gradient(145deg, rgba(15, 11, 8, .98), rgba(24, 18, 13, .98)); 724 border: 1px solid rgba(255, 200, 120, .12); 725 border-radius: 16px; 726 box-shadow: 727 0 18px 40px rgba(0, 0, 0, .45), 728 0 0 18px rgba(255, 190, 90, .08); 729 padding: 10px; 730 backdrop-filter: blur(12px); 731 } 732 733 .dark-setting ul { 734 list-style: none; 735 margin: 0; 736 padding: 0; 737 } 738 739 .dark-setting li+li { 740 margin-top: 6px; 741 } 742 743 .dark-setting .button { 744 width: 100%; 745 text-align: left; 746 color: #f0dfc2; 747 background: rgba(255, 255, 255, .03); 748 border: 1px solid rgba(255, 215, 140, .06); 749 border-radius: 12px; 750 padding: 10px 12px; 751 transition: all .25s ease; 752 } 753 754 .dark-setting .button:hover { 755 background: rgba(255, 200, 120, .10); 756 border-color: rgba(255, 200, 120, .18); 757 color: #fff8ed; 758 } 759 760 /* ========================= 761 PLUS / ICON BUTTON 762========================= */ 763 .menu-item.menu-plus .button-default, 764 .menu-plus a { 765 overflow: hidden; 766 } 767 768 .menu-plus img { 769 width: 28px; 770 height: 28px; 771 object-fit: contain; 772 border-radius: 8px; 773 } 774 775 /* ========================= 776 SSO / USER ICON 777========================= */ 778 .sso__header { 779 width: auto; 780 } 781 782 .sso__wrap { 783 list-style: none; 784 margin: 0; 785 padding: 0; 786 } 787 788 .sso__item { 789 position: relative; 790 } 791 792 .sso__link { 793 width: 42px; 794 height: 42px; 795 border-radius: 14px; 796 display: inline-flex; 797 align-items: center; 798 justify-content: center; 799 background: 800 linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 215, 140, .03)); 801 border: 1px solid rgba(255, 200, 120, .14); 802 transition: all .3s ease; 803 } 804 805 .sso__link:hover { 806 transform: translateY(-2px); 807 border-color: rgba(255, 200, 120, .35); 808 box-shadow: 0 0 16px rgba(255, 190, 90, .14); 809 } 810 811 .sso__option { 812 position: absolute; 813 top: calc(100% + 10px); 814 right: 0; 815 min-width: 230px; 816 background: 817 linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(22, 17, 12, .98)); 818 border: 1px solid rgba(255, 200, 120, .12); 819 border-radius: 18px; 820 box-shadow: 821 0 20px 40px rgba(0, 0, 0, .50), 822 0 0 18px rgba(255, 190, 90, .07); 823 padding: 10px; 824 backdrop-filter: blur(12px); 825 } 826 827 .sso__option ul { 828 list-style: none; 829 margin: 0; 830 padding: 0; 831 } 832 833 .sso__option li a { 834 display: block; 835 color: #ead8bb; 836 text-decoration: none; 837 padding: 11px 12px; 838 border-radius: 12px; 839 transition: all .25s ease; 840 } 841 842 .sso__option li a:hover { 843 background: rgba(255, 255, 255, .04); 844 color: #fff7ea; 845 transform: translateX(3px); 846 } 847 848 /* ========================= 849 SUBSCRIBE BUTTON 850========================= */ 851 .kid__wrap { 852 display: flex; 853 align-items: center; 854 } 855 856 .kid__button, 857 .menu-plus-sticky { 858 display: inline-flex; 859 align-items: center; 860 justify-content: center; 861 min-height: 42px; 862 padding: 0 18px; 863 border-radius: 999px; 864 text-decoration: none; 865 color: #0d1b2a; 866 font-weight: 700; 867 letter-spacing: .4px; 868 background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c); 869 background-size: 200% 100%; 870 box-shadow: 871 0 10px 25px rgba(255, 185, 80, .24), 872 0 0 18px rgba(255, 210, 122, .16); 873 transition: all .35s ease; 874 border: none; 875 } 876 877 .kid__button:hover, 878 .menu-plus-sticky:hover { 879 transform: translateY(-2px) scale(1.02); 880 background-position: 100% 0; 881 box-shadow: 882 0 14px 28px rgba(255, 185, 80, .30), 883 0 0 22px rgba(255, 210, 122, .22); 884 color: #120d08; 885 } 886 887 /* ========================= 888 NAVBAR 889========================= */ 890 .nav { 891 position: relative; 892 z-index: 15; 893 background: 894 linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .01)); 895 border-top: 1px solid rgba(255, 200, 120, .08); 896 backdrop-filter: blur(10px); 897 } 898 899 .nav__wrap { 900 position: relative; 901 display: flex; 902 align-items: center; 903 gap: 14px; 904 min-height: 58px; 905 } 906 907 .logo--sticky { 908 display: none; 909 } 910 911 .nav__row { 912 display: flex; 913 align-items: center; 914 flex-wrap: nowrap; 915 gap: 4px; 916 list-style: none; 917 margin: 0; 918 padding: 0; 919 overflow-x: auto; 920 scrollbar-width: none; 921 } 922 923 .nav__row::-webkit-scrollbar {
924 display: none; 925 } 926 927 .nav__item { 928 position: relative; 929 flex: 0 0 auto; 930 } 931 932 .nav__link { 933 display: inline-flex; 934 align-items: center; 935 min-height: 42px; 936 padding: 0 14px; 937 border-radius: 12px; 938 color: #f0dfc2; 939 text-decoration: none; 940 font-family: 'Chakra Petch', sans-serif; 941 font-size: 13px; 942 font-weight: 700; 943 letter-spacing: .8px; 944 text-transform: uppercase; 945 transition: all .28s ease; 946 white-space: nowrap; 947 } 948 949 .nav__link:hover { 950 color: #fffaf0; 951 background: rgba(255, 255, 255, .05); 952 box-shadow: 953 inset 0 0 0 1px rgba(255, 215, 140, .06), 954 0 0 14px rgba(255, 190, 90, .08); 955 } 956 957 .nav__item:hover>.nav__link { 958 color: #fffef9; 959 background: linear-gradient(135deg, rgba(255, 215, 140, .14), rgba(255, 184, 77, .10)); 960 } 961 962 /* ========================= 963 DROPDOWN MENU 964========================= */ 965 .nav__sub, 966 .navSub { 967 position: absolute; 968 top: calc(100% + 12px); 969 left: 0; 970 min-width: 320px; 971 background: 972 linear-gradient(145deg, rgba(14, 10, 8, .98), rgba(24, 18, 12, .98)); 973 border: 1px solid rgba(255, 200, 120, .12); 974 border-radius: 20px; 975 box-shadow: 976 0 22px 44px rgba(0, 0, 0, .54), 977 0 0 20px rgba(255, 190, 90, .08); 978 padding: 14px; 979 opacity: 0; 980 visibility: hidden; 981 transform: translateY(12px); 982 transition: all .28s ease; 983 z-index: 99; 984 backdrop-filter: blur(12px); 985 } 986 987 .nav__item:hover>.nav__sub, 988 .nav__item:hover>.navSub { 989 opacity: 1; 990 visibility: visible; 991 transform: translateY(0); 992 } 993 994 .nav__subwrap { 995 display: flex; 996 gap: 22px; 997 } 998 999 .nav__subitem, 1000 .navSub-col, 1001 .navSub-subcol { 1002 min-width: 180px; 1003 } 1004 1005 .nav__sublink, 1006 .navSub a { 1007 display: block; 1008 color: #e5d2b3; 1009 text-decoration: none; 1010 padding: 9px 10px; 1011 border-radius: 10px; 1012 font-size: 14px; 1013 line-height: 1.4; 1014 transition: all .22s ease; 1015 } 1016 1017 .nav__sublink:hover, 1018 .navSub a:hover { 1019 color: #fff9ee; 1020 background: rgba(255, 255, 255, .05); 1021 transform: translateX(4px); 1022 } 1023 1024 .nav__sublink--hot { 1025 position: relative; 1026 color: #66c0f4; 1027 } 1028 1029 .nav__sublink--hot::after { 1030 content: "HOT"; 1031 display: inline-block; 1032 margin-left: 8px; 1033 padding: 2px 6px; 1034 font-size: 9px; 1035 font-weight: 700; 1036 border-radius: 999px; 1037 background: linear-gradient(135deg, #66c0f4, #c9a96e); 1038 color: #2b1807; 1039 vertical-align: middle; 1040 } 1041 1042 .button-default, 1043 .js-darkSetter, 1044 .menu-item .button-default, 1045 .sso__link, 1046 .nav__link, 1047 .nav__sublink, 1048 .navSub a, 1049 .kid__button, 1050 .menu-plus-sticky { 1051 will-change: transform, box-shadow, background; 1052 } 1053 1054 .button-default:active, 1055 .js-darkSetter:active, 1056 .sso__link:active, 1057 .kid__button:active, 1058 .menu-plus-sticky:active { 1059 transform: scale(.96); 1060 } 1061 1062 #lestariMenu { 1063 min-width: 720px; 1064 } 1065 1066 .navSub-col.--col3 { 1067 min-width: 220px; 1068 } 1069 1070 .navSub-label { 1071 color: #d9b56d; 1072 font-size: 11px; 1073 font-weight: 700; 1074 letter-spacing: 1.5px; 1075 margin-bottom: 10px; 1076 text-transform: uppercase; 1077 text-shadow: 0 0 8px rgba(255, 200, 120, .10); 1078 } 1079 1080 .navLestariProgram { 1081 display: flex; 1082 align-items: center; 1083 justify-content: center; 1084 background: 1085 linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 215, 140, .02)); 1086 border: 1px solid rgba(255, 200, 120, .10); 1087 border-radius: 14px; 1088 padding: 10px; 1089 margin-bottom: 10px; 1090 transition: all .25s ease; 1091 box-shadow: 1092 inset 0 0 12px rgba(255, 255, 255, .02), 1093 0 0 0 rgba(0, 0, 0, 0); 1094 } 1095 1096 .navLestariProgram:hover { 1097 background: 1098 linear-gradient(135deg, rgba(255, 215, 140, .08), rgba(255, 255, 255, .04)); 1099 transform: translateY(-2px); 1100 border-color: rgba(255, 200, 120, .22); 1101 box-shadow: 1102 0 0 16px rgba(255, 190, 90, .10), 1103 0 10px 22px rgba(0, 0, 0, .18); 1104 } 1105 1106 .navLestariProgram img { 1107 max-width: 100%; 1108 max-height: 38px; 1109 object-fit: contain; 1110 filter: drop-shadow(0 0 8px rgba(255, 200, 120, .10)); 1111 } 1112 1113 .navSub-more { 1114 display: inline-flex; 1115 align-items: center; 1116 justify-content: center; 1117 margin-top: 8px; 1118 padding: 10px 14px; 1119 border-radius: 999px; 1120 text-decoration: none; 1121 color: #1f1509; 1122 font-weight: 700; 1123 background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c); 1124 background-size: 200% 100%; 1125 transition: all .25s ease; 1126 box-shadow: 1127 0 10px 22px rgba(255, 185, 80, .20), 1128 0 0 16px rgba(255, 210, 122, .14); 1129 } 1130 1131 .navSub-more:hover { 1132 transform: translateY(-2px); 1133 background-position: 100% 0; 1134 box-shadow: 1135 0 0 18px rgba(255, 190, 90, .20), 1136 0 12px 24px rgba(255, 185, 80, .24); 1137 } 1138 1139 /* ========================= 1140 SOCIAL SHARE BAR 1141========================= */ 1142 .social--fixed { 1143 position: relative; 1144 margin-top: 20px; 1145 padding: 14px 0 20px; 1146 border-top: 1px solid rgba(255, 200, 120, .08); 1147 } 1148 1149 .social--container { 1150 display: flex; 1151 align-items: center; 1152 flex-wrap: wrap; 1153 gap: 14px; 1154 } 1155 1156 .social--text, 1157 .social--dshare, 1158 .comment__read__bar span { 1159 color: #c8b089; 1160 font-size: 13px; 1161 } 1162 1163 .social--article { 1164 display: flex; 1165 align-items: center; 1166 gap: 8px; 1167 } 1168 1169 .social__item { 1170 display: flex; 1171 } 1172 1173 .social__link { 1174 width: 40px; 1175 height: 40px; 1176 border-radius: 12px; 1177 display: inline-flex; 1178 align-items: center; 1179 justify-content: center; 1180 color: #fff7ea; 1181 text-decoration: none; 1182 background: 1183 linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 215, 140, .03)); 1184 border: 1px solid rgba(255, 200, 120, .10); 1185 transition: all .28s ease; 1186 box-shadow: 1187 inset 0 0 10px rgba(255, 255, 255, .02), 1188 0 0 0 rgba(0, 0, 0, 0); 1189 } 1190 1191 .social__link:hover { 1192 transform: translateY(-2px); 1193 border-color: rgba(255, 200, 120, .28); 1194 box-shadow: 1195 0 0 14px rgba(255, 190, 90, .12), 1196 0 0 20px rgba(255, 210, 122, .08); 1197 } 1198 1199 .comment__read__bar { 1200 display: flex; 1201 align-items: center; 1202 gap: 8px; 1203 margin-left: auto; 1204 } 1205 1206 .comment__counter { 1207 color: #fff4dc; 1208 font-weight: 700; 1209 } 1210 1211 /* ========================= 1212 ICON PLACEHOLDER STYLE 1213========================= */ 1214 .icon-comment, 1215 .sso__icon__login, 1216 .sso__icon__subscription, 1217 .sso__icon__bookmark, 1218 .sso__icon__liked, 1219 .sso__icon__interest, 1220 .sso__icon__notif, 1221 .icon-darkmode, 1222 .icon-plus { 1223 filter: drop-shadow(0 0 8px rgba(255, 200, 120, .18)); 1224 } 1225 1226 /* ========================= 1227 RESPONSIVE 1228========================= */ 1229 @media (max-width: 1100px) { 1230 1231 .header, 1232 .container { 1233 width: 100%; 1234 } 1235 1236 .header__row>div>div:first-child, 1237 .header__row>div>div:last-child { 1238 width: 100%; 1239 } 1240 1241 .header__row>.row { 1242 flex-direction: column; 1243 align-items: stretch; 1244 gap: 14px; 1245 } 1246 1247 .logo { 1248 width: 100%; 1249 justify-content: center; 1250 height: auto; 1251 } 1252 1253 .logo img { 1254 height: 48px; 1255 } 1256 1257 .header__row>div>div:last-child { 1258 justify-content: center; 1259 } 1260 1261 .nav__wrap { 1262 flex-direction: column; 1263 align-items: stretch; 1264 padding-bottom: 12px; 1265 } 1266 1267 #lestariMenu { 1268 min-width: 320px; 1269 } 1270 } 1271 1272 @media (max-width: 768px) { 1273 .header { 1274 border-radius: 0 0 18px 18px; 1275 } 1276 1277 .header__wrap { 1278 padding: 14px 0; 1279 } 1280 1281 .container { 1282 padding-right: 14px; 1283 padding-left: 14px; 1284 } 1285 1286 .col-bs12-8 { 1287 min-width: 100%; 1288 } 1289 1290 .header-search-box { 1291 max-width: 100%; 1292 } 1293 1294 .header-search-input { 1295 height: 44px; 1296 font-size: 14px; 1297 border-radius: 14px; 1298 } 1299 1300 .header-search-button, 1301 .searchClear, 1302 .icon-search { 1303 width: 44px; 1304 height: 44px; 1305 } 1306 1307 .nav__link { 1308 min-height: 38px; 1309 padding: 0 12px; 1310 font-size: 12px; 1311 } 1312 1313 .nav__sub, 1314 .navSub { 1315 position: static; 1316 opacity: 1; 1317 visibility: visible; 1318 transform: none; 1319 margin-top: 10px; 1320 display: none; 1321 min-width: 100%; 1322 } 1323 1324 .nav__item:hover>.nav__sub, 1325 .nav__item:hover>.navSub { 1326 display: block; 1327 } 1328 1329 .nav__subwrap { 1330 flex-direction: column; 1331 gap: 10px; 1332 } 1333 1334 .social--container { 1335 align-items: flex-start; 1336 } 1337 1338 .comment__read__bar { 1339 margin-left: 0; 1340 } 1341 1342 .kid__button, 1343 .menu-plus-sticky { 1344 min-height: 40px; 1345 padding: 0 14px; 1346 font-size: 13px; 1347 } 1348 } 1349 1350 /* ========================= 1351 ANIMATION 1352========================= */ 1353 @keyframes neonHeaderMove { 1354 0% { 1355 background-position: 0% 50%; 1356 } 1357 1358 100% { 1359 background-position: 250% 50%; 1360 } 1361 } 1362 1363 .logo img { 1364 width: auto; 1365 } 1366 1367 .logo { 1368 width: auto; 1369 } 1370 1371 /* Avoid empty images to appear as broken */ 1372 img:not([src]):not([srcset]) { 1373 visibility: hidden; 1374 } 1375 1376 /* Fix for images to never exceed the width of the container */ 1377 img { 1378 max-width: 100%; 1379 } 1380 1381 /* BUTTON SIZE RESPONSIVE */ 1382 .responsive-button { 1383 min-width: 200px; 1384 min-height: 90px; 1385 padding: 14px 26px; 1386 font-size: 16px; 1387 font-weight: 700; 1388 color: #1b1208; 1389 border: none; 1390 border-radius: 14px; 1391 cursor: pointer; 1392 transition: all .35s ease; 1393 background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c); 1394 box-shadow: 1395 0 0 12px rgba(255, 210, 122, .45), 1396 0 0 25px rgba(255, 184, 77, .30); 1397 } 1398 1399 /* HOVER EFFECT */ 1400 .responsive-button:hover { 1401 transform: translateY(-4px) scale(1.05); 1402 box-shadow: 1403 0 0 18px rgba(255, 210, 122, .70), 1404 0 0 40px rgba(255, 184, 77, .45); 1405 } 1406 1407 /* CLICK EFFECT */ 1408 .responsive-button:active { 1409 transform: scale(.95); 1410 } 1411 1412 /* MOBILE */ 1413 @media (max-width:600px) { 1414 .responsive-button { 1415 min-width: 150px; 1416 min-height: 80px; 1417 padding: 12px 20px; 1418 font-size: 14px; 1419 } 1420 } 1421 1422 .navLestariProgram, 1423 .social__link, 1424 .responsive-button, 1425 .navSub-more { 1426 position: relative; 1427 overflow: hidden; 1428 } 1429 1430 .navLestariProgram::before, 1431 .social__link::before, 1432 .responsive-button::before, 1433 .navSub-more::before { 1434 content: ""; 1435 position: absolute; 1436 top: 0; 1437 left: -120%; 1438 width: 70%; 1439 height: 100%; 1440 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent); 1441 transition: all .7s ease; 1442 } 1443 1444 .navLestariProgram:hover::before, 1445 .social__link:hover::before, 1446 .responsive-button:hover::before, 1447 .navSub-more:hover::before { 1448 left: 140%; 1449 } 1450 1451 .most { 1452 background: 1453 linear-gradient(145deg, #120d0a, #1b140f 55%, #241b13 100%); 1454 border-radius: 18px; 1455 padding: 18px; 1456 border: 1px solid rgba(255, 210, 140, .10); 1457 box-shadow: 1458 0 12px 30px rgba(0, 0, 0, .58), 1459 inset 0 0 20px rgba(255, 210, 122, .05); 1460 } 1461
1462 /* TITLE */ 1463 .most .title__content { 1464 font-size: 18px; 1465 font-weight: 700; 1466 text-align: center; 1467 margin-bottom: 12px; 1468 background: linear-gradient(90deg, #d2b48c, #66c0f4, #c9a96e); 1469 -webkit-background-clip: text; 1470 -webkit-text-fill-color: transparent; 1471 } 1472 1473 /* LIST */ 1474 .most__list { 1475 display: flex; 1476 align-items: flex-start; 1477 gap: 10px; 1478 background: linear-gradient(135deg, rgba(255, 255, 255, .03), rgba(255, 210, 140, .02)); 1479 border-radius: 12px; 1480 padding: 14px; 1481 margin-bottom: 10px; 1482 border: 1px solid rgba(255, 210, 140, .08); 1483 transition: all .3s ease; 1484 } 1485 1486 /* HOVER */ 1487 .most__list:hover { 1488 transform: translateY(-3px); 1489 background: linear-gradient(135deg, rgba(255, 215, 140, .06), rgba(255, 255, 255, .03)); 1490 box-shadow: 1491 0 8px 18px rgba(0, 0, 0, .45), 1492 0 0 12px rgba(255, 210, 122, .12); 1493 } 1494 1495 /* ANGKA */ 1496 .most__count { 1497 min-width: 28px; 1498 width: 28px; 1499 height: 28px; 1500 display: flex; 1501 align-items: center; 1502 justify-content: center; 1503 font-size: 13px; 1504 font-weight: 700; 1505 border-radius: 8px; 1506 background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c); 1507 color: #2b1908; 1508 flex-shrink: 0; 1509 box-shadow: 0 0 10px rgba(255, 210, 122, .24); 1510 } 1511 1512 /* LINK */ 1513 .most__link { 1514 text-decoration: none; 1515 } 1516 1517 /* TEXT */ 1518 .most__title { 1519 font-size: 13px; 1520 line-height: 1.5; 1521 color: #eadcc6; 1522 } 1523 1524 /* RESPONSIVE */ 1525 @media (max-width:768px) { 1526 .most { 1527 padding: 14px; 1528 } 1529 1530 .most__count { 1531 min-width: 24px; 1532 width: 24px; 1533 height: 24px; 1534 font-size: 12px; 1535 } 1536 1537 .most__title { 1538 font-size: 12px; 1539 } 1540 } 1541 1542 /* ========================================= 1543 FOOTER PREMIUM BLACK GOLD RESPONSIVE 1544========================================= */ 1545 .footerMain { 1546 position: relative; 1547 background: 1548 radial-gradient(circle at top left, rgba(255, 210, 122, .08), transparent 25%), 1549 radial-gradient(circle at top right, rgba(255, 184, 77, .07), transparent 30%), 1550 linear-gradient(135deg, #0b0806 0%, #16100b 45%, #1f1710 100%); 1551 border-top: 1px solid rgba(255, 210, 140, .08); 1552 margin-top: 40px; 1553 padding: 40px 0 20px; 1554 overflow: hidden; 1555 box-shadow: 1556 0 -10px 40px rgba(0, 0, 0, .35), 1557 inset 0 1px 0 rgba(255, 255, 255, .02); 1558 } 1559 1560 .footerMain::before { 1561 content: ""; 1562 position: absolute; 1563 inset: 0; 1564 pointer-events: none; 1565 background-image: 1566 linear-gradient(rgba(255, 210, 122, .02) 1px, transparent 1px), 1567 linear-gradient(90deg, rgba(255, 184, 77, .02) 1px, transparent 1px); 1568 background-size: 24px 24px; 1569 opacity: .60; 1570 } 1571 1572 .footerMain .container { 1573 position: relative; 1574 z-index: 2; 1575 } 1576 1577 /* WRAP */ 1578 .footerWrap { 1579 display: flex; 1580 align-items: flex-start; 1581 justify-content: space-between; 1582 gap: 28px; 1583 flex-wrap: wrap; 1584 } 1585 1586 /* COLUMN */ 1587 .footerCol-column { 1588 flex: 1 1 300px; 1589 min-width: 280px; 1590 } 1591 1592 .footerCol-nav { 1593 flex: 1 1 220px; 1594 min-width: 220px; 1595 } 1596 1597 .footerCol-nav.--colNetwork { 1598 flex: 1 1 220px; 1599 } 1600 1601 /* LOGO */ 1602 .footerLogo { 1603 margin-bottom: 18px; 1604 } 1605 1606 .footerLogo img { 1607 max-width: 220px; 1608 height: auto; 1609 display: block; 1610 filter: 1611 drop-shadow(0 0 10px rgba(255, 210, 122, .10)) drop-shadow(0 0 18px rgba(255, 184, 77, .08)); 1612 } 1613 1614 /* SOSMED */ 1615 .footerSosmed { 1616 margin-bottom: 22px; 1617 } 1618 1619 .footerSosmed-wrap { 1620 list-style: none; 1621 display: flex; 1622 align-items: center; 1623 gap: 10px; 1624 padding: 0; 1625 margin: 0 0 10px 0; 1626 flex-wrap: wrap; 1627 } 1628 1629 .footerSosmed-link { 1630 width: 42px; 1631 height: 42px; 1632 display: inline-flex; 1633 align-items: center; 1634 justify-content: center; 1635 border-radius: 14px; 1636 text-decoration: none; 1637 background: 1638 linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 210, 140, .03)); 1639 border: 1px solid rgba(255, 210, 140, .10); 1640 transition: all .3s ease; 1641 box-shadow: inset 0 0 12px rgba(255, 255, 255, .02); 1642 } 1643 1644 .footerSosmed-link:hover { 1645 transform: translateY(-3px); 1646 border-color: rgba(255, 210, 140, .24); 1647 box-shadow: 1648 0 0 18px rgba(255, 210, 122, .10), 1649 0 0 22px rgba(255, 184, 77, .06); 1650 } 1651 1652 /* kalau icon pakai background image dari css lama */ 1653 .iconSos { 1654 transform: scale(.95); 1655 filter: brightness(1.05); 1656 } 1657 1658 /* DOWNLOAD */ 1659 .footerDownload { 1660 margin-bottom: 22px; 1661 } 1662 1663 .footerDownload-wrap { 1664 list-style: none; 1665 display: flex; 1666 gap: 12px; 1667 padding: 0; 1668 margin: 0; 1669 flex-wrap: wrap; 1670 } 1671 1672 .footerDownload-store { 1673 background: linear-gradient(135deg, rgba(255, 255, 255, .03), rgba(255, 210, 140, .02)); 1674 border: 1px solid rgba(255, 210, 140, .08); 1675 border-radius: 14px; 1676 padding: 8px 10px; 1677 transition: all .3s ease; 1678 } 1679 1680 .footerDownload-store:hover { 1681 transform: translateY(-2px); 1682 background: linear-gradient(135deg, rgba(255, 215, 140, .05), rgba(255, 255, 255, .03)); 1683 box-shadow: 0 0 16px rgba(255, 210, 122, .08); 1684 } 1685 1686 .footerDownload-store img { 1687 display: block; 1688 max-width: 140px; 1689 height: auto; 1690 } 1691 1692 /* ACHIEVEMENT */ 1693 .footerAchievement { 1694 margin-bottom: 24px; 1695 padding: 16px; 1696 border-radius: 18px; 1697 background: 1698 linear-gradient(145deg, rgba(255, 255, 255, .03), rgba(255, 210, 140, .02)); 1699 border: 1px solid rgba(255, 210, 140, .08); 1700 box-shadow: inset 0 0 15px rgba(255, 255, 255, .015); 1701 } 1702 1703 .footerAchievement-title, 1704 .footerNewsletter-title, 1705 .footerMenu-title { 1706 font-size: 16px; 1707 font-weight: 700; 1708 color: #fff1dc; 1709 margin-bottom: 14px; 1710 letter-spacing: .3px; 1711 } 1712 1713 .footerAchievement-wrap { 1714 display: flex; 1715 flex-wrap: wrap; 1716 gap: 12px; 1717 } 1718 1719 .footerAchievement-item { 1720 flex: 0 0 auto; 1721 } 1722 1723 .footerAchievement-link { 1724 display: block; 1725 } 1726 1727 .footerAchievement-img { 1728 width: 86px; 1729 height: 86px; 1730 display: flex; 1731 align-items: center; 1732 justify-content: center; 1733 border-radius: 16px; 1734 background: 1735 linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 210, 140, .02)); 1736 border: 1px solid rgba(255, 210, 140, .08); 1737 transition: all .28s ease; 1738 } 1739 1740 .footerAchievement-img:hover { 1741 transform: translateY(-2px); 1742 box-shadow: 1743 0 0 14px rgba(255, 210, 122, .08), 1744 0 0 18px rgba(255, 184, 77, .05); 1745 } 1746 1747 .footerAchievement-img img { 1748 max-width: 75%; 1749 max-height: 75%; 1750 object-fit: contain; 1751 } 1752 1753 /* NEWSLETTER / CTA */ 1754 .footerNewsletter { 1755 padding: 18px; 1756 border-radius: 18px; 1757 background: 1758 linear-gradient(135deg, rgba(255, 210, 122, .10), rgba(255, 184, 77, .08)); 1759 border: 1px solid rgba(255, 210, 140, .10); 1760 box-shadow: 1761 inset 0 0 20px rgba(255, 255, 255, .02), 1762 0 0 18px rgba(255, 210, 122, .06); 1763 } 1764 1765 .footerNewsletter-title { 1766 color: #fff4e5; 1767 line-height: 1.5; 1768 margin-bottom: 14px; 1769 } 1770 1771 .footerNewsletter-link { 1772 display: inline-flex; 1773 align-items: center; 1774 justify-content: center; 1775 min-height: 44px; 1776 padding: 0 20px; 1777 border-radius: 999px; 1778 text-decoration: none; 1779 color: #241507; 1780 font-weight: 700; 1781 letter-spacing: .4px; 1782 background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c); 1783 background-size: 200% 100%; 1784 box-shadow: 1785 0 12px 24px rgba(255, 184, 77, .20), 1786 0 0 18px rgba(255, 210, 122, .12); 1787 transition: all .35s ease; 1788 } 1789 1790 .footerNewsletter-link:hover { 1791 transform: translateY(-2px); 1792 background-position: 100% 0; 1793 color: #1c1108; 1794 box-shadow: 1795 0 14px 28px rgba(255, 184, 77, .26), 1796 0 0 22px rgba(255, 210, 122, .16); 1797 } 1798 1799 .most__list, 1800 .footerSosmed-link, 1801 .footerDownload-store, 1802 .footerAchievement-img, 1803 .footerNewsletter-link { 1804 position: relative; 1805 overflow: hidden; 1806 } 1807 1808 .most__list::before, 1809 .footerSosmed-link::before, 1810 .footerDownload-store::before, 1811 .footerAchievement-img::before, 1812 .footerNewsletter-link::before { 1813 content: ""; 1814 position: absolute; 1815 top: 0; 1816 left: -130%; 1817 width: 70%; 1818 height: 100%; 1819 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent); 1820 transition: all .8s ease; 1821 } 1822 1823 .most__list:hover::before, 1824 .footerSosmed-link:hover::before, 1825 .footerDownload-store:hover::before, 1826 .footerAchievement-img:hover::before, 1827 .footerNewsletter-link:hover::before { 1828 left: 140%; 1829 } 1830 1831 .footerMenu-wrap, 1832 .footerBottom-menu { 1833 list-style: none; 1834 margin: 0; 1835 padding: 0; 1836 } 1837 1838 .footerMenu-wrap { 1839 columns: 2; 1840 column-gap: 18px; 1841 } 1842 1843 .footerMenu-wrap li { 1844 break-inside: avoid; 1845 margin-bottom: 8px; 1846 } 1847 1848 .footerMenu-link { 1849 color: #e7d3af; 1850 text-decoration: none; 1851 line-height: 1.5; 1852 transition: all .25s ease; 1853 } 1854 1855 .footerMenu-link:hover { 1856 color: #fff8ec; 1857 text-shadow: 0 0 10px rgba(255, 210, 122, .18); 1858 padding-left: 3px; 1859 } 1860 1861 /* BOTTOM */ 1862 .footerBottom { 1863 margin-top: 34px; 1864 padding-top: 20px; 1865 border-top: 1px solid rgba(255, 210, 140, .08); 1866 } 1867 1868 .footerBottom-wrap { 1869 margin-bottom: 12px; 1870 } 1871 1872 .footerBottom-menu { 1873 display: flex; 1874 flex-wrap: wrap; 1875 gap: 10px 18px; 1876 } 1877 1878 .footerCopyright p { 1879 margin: 0; 1880 color: #bfa98a; 1881 font-size: 13px; 1882 line-height: 1.6; 1883 } 1884 1885 /* ========================================= 1886 MOBILE RESPONSIVE 1887========================================= */ 1888 @media (max-width: 991px) { 1889 .footerWrap { 1890 gap: 24px; 1891 } 1892 1893 .footerCol-column, 1894 .footerCol-nav, 1895 .footerCol-nav.--colNetwork { 1896 flex: 1 1 100%; 1897 min-width: 100%; 1898 } 1899 1900 .footerMenu-wrap { 1901 columns: 3; 1902 } 1903 } 1904 1905 @media (max-width: 768px) { 1906 .footerMain { 1907 padding: 30px 0 18px; 1908 margin-top: 28px; 1909 } 1910 1911 .footerMain .container { 1912 padding-left: 14px; 1913 padding-right: 14px; 1914 } 1915 1916 .footerWrap { 1917 display: flex; 1918 flex-direction: column; 1919 gap: 20px; 1920 } 1921 1922 .footerLogo { 1923 display: flex; 1924 justify-content: center; 1925 text-align: center; 1926 } 1927 1928 .footerLogo img { 1929 max-width: 180px; 1930 } 1931 1932 .footerSosmed-wrap, 1933 .footerDownload-wrap { 1934 justify-content: center; 1935 } 1936 1937 .footerAchievement, 1938 .footerNewsletter { 1939 padding: 16px; 1940 border-radius: 16px; 1941 } 1942 1943 .footerAchievement-title, 1944 .footerNewsletter-title, 1945 .footerMenu-title { 1946 font-size: 15px; 1947 } 1948 1949 .footerAchievement-wrap { 1950 justify-content: center; 1951 } 1952 1953 .footerAchievement-img { 1954 width: 74px; 1955 height: 74px; 1956 border-radius: 14px; 1957 } 1958 1959 .footerNewsletter { 1960 text-align: center; 1961 } 1962 1963 .footerNewsletter-link { 1964 width: 100%; 1965 max-width: 240px; 1966 } 1967 1968 .footerMenu-wrap { 1969 columns: 2; 1970 } 1971 1972 .footerBottom-menu { 1973 flex-direction: column; 1974 gap: 8px; 1975 } 1976 1977 .footerBottom-wrap, 1978 .footerCopyright { 1979 text-align: center; 1980 } 1981 } 1982 1983 @media (max-width: 480px) { 1984 .footerMain .container { 1985 padding-left: 12px; 1986 padding-right: 12px; 1987 } 1988 1989 .footerSosmed-link { 1990 width: 38px; 1991 height: 38px; 1992 border-radius: 12px; 1993 } 1994 1995 .footerDownload-store img { 1996 max-width: 120px; 1997 } 1998 1999 .footerAchievement-wrap { 2000 gap: 10px; 2001 } 2002 2003 .footerAchievement-img { 2004 width: 66px; 2005 height: 66px; 2006 } 2007 2008 .footerMenu-wrap { 2009 columns: 1; 2010 } 2011 2012 .footerMenu-link { 2013 font-size: 14px; 2014 } 2015 2016 .footerCopyright p { 2017 font-size: 12px; 2018 } 2019 } 2020 2021 .footerMenu-link, 2022 .footerBottom-menu a { 2023 position: relative; 2024 } 2025 2026 .footerMenu-link::after, 2027 .footerBottom-menu a::after { 2028 content: ""; 2029 position: absolute; 2030 left: 0; 2031 bottom: -2px; 2032 width: 0; 2033 height: 1px; 2034 background: linear-gradient(90deg, #66c0f4, #c9a96e); 2035 transition: width .3s ease; 2036 } 2037 2038 .footerMenu-link:hover::after, 2039 .footerBottom-menu a:hover::after { 2040 width: 100%; 2041 } 2042 </style>
vendor: 73 bytes, lines 2042-2044
2042 2043 <noscript> 2044 <iframe src="//www.googletagmanager.com/ns.html?id=
2044GTM-PT7PC4
vendor: 92 bytes, lines 2044-2046
2044" height="0" width="0" style="display:none;visibility:hidden"></iframe> 2045 </noscript> 2046
2046<div class="wrap"> 2047 <!-- header--> 2048 <div class="header clearfix"> 2049 <div class="row clearfix header__wrap"> 2050 <div class="container clearfix header__row"> 2051 <div class="row col-offset-fluid clearfix"> 2052 <div class="col-bs10-5 clearfix"> 2053 <div class="logo"> 2054 <a href="https://msot88.co/" data-google-interstitial="false"> 2055 <img src="https://minionslot88ku.com/img/logo-msot88.webp" alt="Logo MINIONSLOT88"> 2056 </a> 2057 <!-- <a href="https://vik.kompas.com/harapan-jurnalisme-berkelanjutan" class="anni25-link"></a> --> 2058 </div> 2059 </div> 2060 <div class="col-bs10-5 clearfix"> 2061 <!-- search --> 2062 <div class="col-bs12-8 col-offset-0"> 2063 <div class="header-search-box"> 2064 <form action="https://link.msot88.world/" class="header-search" id="fcSearch"> 2065 <div class="searchBox-wrap"> 2066 <input type="text" name="q" class="header-search-input" value="" placeholder="Dapatkan di MINIONSLOT88" autocomplete="off" list="populer" id="cSearch"> 2067 <input class="header-search-button" type="submit" name=""> 2068 <span class="icon-svg icon-search"></span> 2069 <button type="button" class="searchClear -clearSubmit" aria-label="Clear search"></button> 2070 </div> 2071 </form> 2072 <div class="header-search-suggestion searchSuggest-box"> 2073 <div class="searchSuggest-inner"> 2074 <div class="searchResult"> 2075 <div class="searchFill" id="autoFillArtikel"></div> 2076 <div class="searchFill" id="enterResult"></div> 2077 <div class="searchResult" id="enterResultArticle"></div> 2078 </div> 2079 <!-- s: suggestion search--> 2080 <div id="searchSuggestBefore"> 2081 <div id="searchSuggestLast"></div> 2082 </div> 2083 </div> 2084 </div> 2085 </div> 2086 </div> 2087 <div class="dark-header-item"> 2088 <div class="dark-wrapper js-darkWrapper"> 2089 <button type="button" class="button-default js-darkSetter" id="menu-darkmode" aria-label="Atur mode" aria-expanded="false" aria-controls="darkmode"> 2090 <span class="icon-svg icon-darkmode" aria-hidden="true"></span> 2091 </button> 2092 <div class="dark-setting"> 2093 <ul> 2094 <li> 2095 <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="system">Otomatis</button> 2096 </li> 2097 <li> 2098 <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="dark">Mode Gelap</button> 2099 </li> 2100 <li> 2101 <button type="button" role="button" class="button dark-link js-darkToggle" data-dark="light">Mode Terang</button> 2102 </li> 2103 </ul> 2104 </div> 2105 </div> 2106 </div> 2107 <!-- <div class="loyalty__link" id="loyalty_koin" style="display: none"><a href="https://play.kompas.com/loyalty"><span class="icon-svg icon-koin"></span><span class="loyalty__link__text">Koin</span><i class="loyalty__link__badge active"></i></a></div> --> 2108 <!-- play icon --> 2109 <div class="menu-item menu-plus"> 2110 <a href="https://link.msot88.world/" class="button-default" role="link" id="menu-plus" aria-label="Icon"> 2111 <span class="icon-svg icon-plus" aria-hidden="true"> 2112 <img src="https://asset.kompas.com/data/2025/03/05/1535/icon-kplus.gif" alt="Icon Kompascom+"> 2113 </span> 2114 </a> 2115 </div> 2116 <div class="sso__header col-bs12-4"> 2117 <ul class="sso__wrap"> 2118 <li class="sso__item"> 2119 <a class="sso__link sso__link__icon js-sso-user" href="https://link.msot88.world/" rel="nofollow"> 2120 <i class="sso__icon__login" id="sso__icon__login_top"></i> 2121 <i class="sso__badge" style="display: none;"></i> 2122 </a> 2123 <div class="sso__option -fixed -hide js-sso-user-board"> 2124 <ul> 2125 <li id="sso__item"> 2126 <a id="txt_signin" href="https://link.msot88.world/">
2127 <span> 2128 <i class="sso__icon__login"></i> Login </span> 2129 </a> 2130 </li> 2131 <li></li> 2132 <!-- <li><a href="https://activity.kompas.com/voucher?source=navbar" class="myvalue__btn -new"><span><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue.png" alt=""></div> Voucher</span><div class="myvalue__btn__wrap"><div class="myvalue__icon"><img class="lozad" data-src="https://asset.kompas.com/data/2024/myvalue/desktop/images/icon-myvalue-gif.gif" alt=""></div><span>Ada voucher buat kamu</span></div></a></li> --> 2133 <li> 2134 <a href="https://link.msot88.world/"> 2135 <span> 2136 <i class="sso__icon__subscription"></i> Gabung MINIONSLOT88 <i class="sso__badge__inline"></i> 2137 </span> 2138 </a> 2139 </li> 2140 <li></li> 2141 <li> 2142 <a href="https://www.armchair-travel.com"> 2143 <span> 2144 <i class="sso__icon__bookmark"></i> Konten yang disimpan </span> 2145 </a> 2146 </li> 2147 <li></li> 2148 <li> 2149 <a href="https://www.armchair-travel.com"> 2150 <span> 2151 <i class="sso__icon__liked"></i> Konten yang disukai </span> 2152 </a> 2153 </li> 2154 <li></li> 2155 <li> 2156 <a href="https://www.armchair-travel.com"> 2157 <span> 2158 <i class="sso__icon__interest"></i> Atur Minat </span> 2159 </a> 2160 </li> 2161 <li></li> 2162 <li id="feedback__item"> 2163 <a href="https://www.armchair-travel.com"> 2164 <span> 2165 <i class="sso__icon__notif"></i> Berikan Masukanmu <i class="sso__badge__inline" style="display: none;"></i> 2166 </span> 2167 </a> 2168 </li> 2169 </ul> 2170 </div> 2171 </li> 2172 </ul> 2173 </div> 2174 <div class="kid__wrap"> 2175 <a target="_blank" href="https://link.msot88.world/" rel="nofollow" class="kid__button">SUBSCRIBE MINIONSLOT88</a> 2176 </div> 2177 </div> 2178 </div> 2179 </div> 2180 </div> 2181 <!-- nav--> 2182 <div class="js-nav-offset"></div> 2183 <div class="row clearfix nav"> 2184 <!-- (ads.skin.full) --> 2185 <div class="container clearfix nav__wrap"> 2186 <div class="logo logo--sticky"> 2187 <a href="https://msot88.co/"> 2188 <img class="lozad" data-src="https://minionslot88ku.com/img/minionslot88-favicon.ico" alt="MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong" /> 2189 </a> 2190 </div> 2191 <ul class="nav__row clearfix"> 2192 <li class="nav__item"> 2193 <a href="/" class="nav__link nav__link--news">News</a> 2194 <ul class="nav__sub nav__sub--news"> 2195 <li class="nav__subwrap"> 2196 <div class="nav__subitem"> 2197 <a href="/" class="nav__sublink">Nasional</a> 2198 <a href="/" class="nav__sublink">Global</a> 2199 <a href="/" class="nav__sublink">Megapolitan</a> 2200 <a href="/" class="nav__sublink">Regional</a> 2201 <a href="/" class="nav__sublink">Pemilu</a> 2202 <a href="/" class="nav__sublink">Hype</a> 2203 <a href="/" class="nav__sublink">Konsultasi Hukum</a> 2204 <a href="/" class="nav__sublink">Cek Fakta</a> 2205 <a href="/" class="nav__sublink">Surat Pembaca</a> 2206 <a href="/" class="nav__sublink">Indeks</a> 2207 </div> 2208 <div class="nav__subitem"> 2209 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Daerah</a> 2210 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Korporasi</a> 2211 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Kementerian</a> 2212 <a href="/" class="nav__sublink nav__sublink--hot">Sorot Politik</a> 2213 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Badan Negara</a> 2214 <a href="/" class="nav__sublink nav__sublink--hot">Kelana Indonesia</a> 2215 <a href="/" class="nav__sublink nav__sublink--hot">Kalbe Health Corner</a> 2216 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Parlemen</a> 2217 <a href="/" class="nav__sublink nav__sublink--hot">Kilas BUMN</a> 2218 </div> 2219 </li> 2220 </ul> 2221 </li> 2222 <li class="nav__item"> 2223 <a href="/" class="nav__link nav__link--nusaraya">Nusaraya</a> 2224 <ul class="nav__sub nav__sub--nusaraya"> 2225 <li class="nav__subwrap"> 2226 <div class="nav__subitem"> 2227 <a href="/" class="nav__sublink">Sumatera Utara</a> 2228 <a href="/" class="nav__sublink">Sumatera Selatan</a> 2229 <a href="/" class="nav__sublink">Sumatera Barat</a> 2230 <a href="/" class="nav__sublink">Riau</a> 2231 <a href="/" class="nav__sublink">Lampung</a> 2232 <a href="/" class="nav__sublink">Banten</a> 2233 <a href="/" class="nav__sublink">Yogyakarta</a> 2234 <a href="/" class="nav__sublink">Jawa Barat</a> 2235 </div> 2236 <div class="nav__subitem"> 2237 <a href="/" class="nav__sublink">Jawa Tengah</a> 2238 <a href="/" class="nav__sublink">Jawa Timur</a> 2239 <a href="/" class="nav__sublink">Kalimantan Barat</a> 2240 <a href="/" class="nav__sublink">Kalimantan Timur</a> 2241 <a href="/" class="nav__sublink">Sulawesi Selatan</a> 2242 <a href="/" class="nav__sublink">Bali</a> 2243 <a href="/" class="nav__sublink">Indeks</a> 2244 </div> 2245 </li> 2246 </ul> 2247 </li> 2248 <li class="nav__item nav__link--new" style="flex:none;"> 2249 <a href="/" class="nav__link nav__link--tren">Jagat Literasi</a> 2250 <ul class="nav__sub nav__sub--jagat-literasi"> 2251 <li class="nav__subwrap"> 2252 <div class="nav__subitem"> 2253 <a href="/" class="nav__sublink">Artikel</a> 2254 <a href="/" class="nav__sublink">Video</a> 2255 </div> 2256 <div class="nav__subitem"> 2257 <a href="/" class="nav__sublink">Rolls</a> 2258 <a href="/" class="nav__sublink">Donasi</a> 2259 </div> 2260 </li> 2261 </ul> 2262 </li> 2263 <li class="nav__item nav__link--new"> 2264 <a href="/" class="nav__link nav__link--cahaya nav__link--cahaya">Cahaya</a> 2265 <ul class="nav__sub nav__sub--cahaya"> 2266 <li class="nav__subwrap"> 2267 <div class="nav__subitem"> 2268 <a href="/" class="nav__sublink">Aktual</a> 2269 </div> 2270 <div class="nav__subitem"> 2271 <a href="/" class="nav__sublink">Doa dan Niat</a> 2272 </div> 2273 </li> 2274 </ul> 2275 </li> 2276 <li class="nav__item"> 2277 <a href="/" class="nav__link nav__link--tekno">Tekno</a> 2278 <ul class="nav__sub nav__sub--tekno"> 2279 <li class="nav__subwrap"> 2280 <div class="nav__subitem"> 2281 <a href="/" class="nav__sublink">Apps & OS</a> 2282 <a href="/" class="nav__sublink">Gadget</a> 2283 <a href="/" class="nav__sublink">Internet</a> 2284 <a href="/" class="nav__sublink">Hardware</a> 2285 <a href="/" class="nav__sublink">Business</a> 2286 </div> 2287 <div class="nav__subitem"> 2288 <a href="/" class="nav__sublink">Game</a> 2289 <a href="/" class="nav__sublink">Galeri</a> 2290 <a href="/" class="nav__sublink">Indeks</a> 2291 <a href="/" class="nav__sublink nav__sublink--hot">Tech Innovation</a> 2292 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Internet</a> 2293 </div> 2294 </li> 2295 </ul> 2296 </li> 2297 <li class="nav__item"> 2298 <a href="/" class="nav__link nav__link--otomotif">Otomotif</a> 2299 <ul class="nav__sub nav__sub--otomotif"> 2300 <li class="nav__subwrap"> 2301 <div class="nav__subitem"> 2302 <a href="/" class="nav__sublink">Motor</a> 2303 <a href="/" class="nav__sublink">Mobil</a> 2304 <a href="/" class="nav__sublink">Sport</a> 2305 <a href="/" class="nav__sublink">Niaga</a> 2306 <a href="/" class="nav__sublink">Komunitas</a> 2307 </div> 2308 <div class="nav__subitem"> 2309 <a href="/" class="nav__sublink">Otopedia</a> 2310 <a href="/" class="nav__sublink nav__sublink--hot">Merapah</a> 2311 <a href="/" class="nav__sublink nav__sublink--hot">EV Leadership</a> 2312 <a href="/" class="nav__sublink nav__sublink--hot">Elektrifikasi</a> 2313 <a href="/" class="nav__sublink nav__sublink--hot">Pameran</a> 2314 </div> 2315 </li> 2316 </ul> 2317 </li> 2318 <li class="nav__item"> 2319 <a href="/" class="nav__link nav__link--bola">Bola</a> 2320 <ul class="nav__sub nav__sub--bola"> 2321 <li class="nav__subwrap"> 2322 <div class="nav__subitem"> 2323 <a href="/" class="nav__sublink">Timnas Indonesia</a> 2324 <a href="/" class="nav__sublink">Liga Indonesia</a> 2325 <a href="/" class="nav__sublink">Liga Italia</a> 2326 <a href="/" class="nav__sublink">Liga Champions</a> 2327 <a href="/" class="nav__sublink">Liga Lain</a> 2328 <a href="/" class="nav__sublink">Liga Inggris</a> 2329 <a href="/" class="nav__sublink">Liga Spanyol</a> 2330 </div> 2331 <div class="nav__subitem"> 2332 <a href="/" class="nav__sublink">Internasional</a> 2333 <a href="/" class="nav__sublink">Bundesliga</a> 2334 <a href="/" class="nav__sublink">Motogp</a> 2335 <a href="/" class="nav__sublink">Badminton</a> 2336 <a href="/" class="nav__sublink">Sports</a> 2337 <a href="/" class="nav__sublink">Indeks</a> 2338 </div> 2339 </li> 2340 </ul> 2341 </li> 2342 <li class="nav__item"> 2343 <a href="/" class="nav__link nav__link--lifestyle">Lifestyle</a> 2344 <ul class="nav__sub nav__sub--lifestyle"> 2345 <li class="nav__subwrap"> 2346 <div class="nav__subitem"> 2347 <a href="/" class="nav__sublink">Wellness</a> 2348 <a href="/" class="nav__sublink">Fashion</a> 2349 <a href="/" class="nav__sublink">Relationship</a> 2350 <a href="/" class="nav__sublink">Parenting</a> 2351 <a href="/" class="nav__sublink">Beauty & Grooming</a> 2352 </div> 2353 <div class="nav__subitem"> 2354 <a href="/" class="nav__sublink">Buku</a> 2355 <a href="/" class="nav__sublink">Indeks</a> 2356 <a href="/" class="nav__sublink nav__sublink--hot">Sadar Stunting</a> 2357 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Lifestyle</a> 2358 </div> 2359 </li> 2360 </ul> 2361 </li> 2362 <li class="nav__item"> 2363 <a href="/" class="nav__link nav__link--tren">Tren</a> 2364 </li> 2365 <li class="nav__item"> 2366 <a href="/" class="nav__link nav__link--lestari">Lestari</a> 2367 </li> 2368 <li class="nav__item"> 2369 <a href="/" class="nav__link nav__link--health">Health</a> 2370 <ul class="nav__sub nav__sub--health"> 2371 <li class="nav__subwrap"> 2372 <div class="nav__subitem"> 2373 <a href="/" class="nav__sublink">Penyakit A-Z</a> 2374 </div> 2375 </li> 2376 <li class="nav__subwrap"> 2377 <div class="nav__subitem"> 2378 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Kesehatan</a> 2379 </div> 2380 </li> 2381 </ul> 2382 </li> 2383 <li class="nav__item"> 2384 <a href="/" class="nav__link nav__link--money">Money</a> 2385 <ul class="nav__sub nav__sub--money"> 2386 <li class="nav__subwrap"> 2387 <div class="nav__subitem"> 2388 <a href="/" class="nav__sublink">Ekbis</a> 2389 <a href="/" class="nav__sublink">Keuangan</a> 2390 <a href="/" class="nav__sublink">Syariah</a> 2391 <a href="/" class="nav__sublink">Industri</a> 2392 <a href="/" class="nav__sublink">Energi</a> 2393 <a href="/" class="nav__sublink">Karier</a> 2394 <a href="/" class="nav__sublink">Cuan</a> 2395 <a href="/" class="nav__sublink">Belanja</a> 2396 </div> 2397 <div class="nav__subitem"> 2398 <a href="/" class="nav__sublink">Tanya Pajak</a> 2399 <a href="/" class="nav__sublink">Indeks</a> 2400 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Badan</a> 2401 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Transportasi</a> 2402 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Fintech</a> 2403 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Perbankan</a> 2404 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Investasi</a> 2405 <a href="/" class="nav__sublink nav__sublink--hot">Transaksi Digital</a> 2406 <a href="/" class="nav__sublink nav__sublink--hot">Jejak UMKM</a> 2407 </div> 2408 </li> 2409 </ul> 2410 </li> 2411 <li class="nav__item"> 2412 <a href="/" class="nav__link nav__link--properti">Properti</a> 2413 <ul class="nav__sub nav__sub--properti"> 2414 <li class="nav__subwrap"> 2415 <div class="nav__subitem"> 2416 <a href="/" class="nav__sublink">News</a> 2417 <a href="/" class="nav__sublink">Listing Properti</a> 2418 <a href="/" class="nav__sublink">Arsitektur</a> 2419 <a href="/" class="nav__sublink">Konstruksi</a> 2420 <a href="/" class="nav__sublink">Tips Properti</a> 2421 </div> 2422 <div class="nav__subitem"> 2423 <a href="/
2423" class="nav__sublink">IKN</a> 2424 <a href="/" class="nav__sublink">Homey</a> 2425 <a href="/" class="nav__sublink">Indeks</a> 2426 <a href="/" class="nav__sublink nav__sublink--hot">Sorot Properti</a> 2427 </div> 2428 </li> 2429 </ul> 2430 </li> 2431 <li class="nav__item"> 2432 <a href="/" class="nav__link nav__link--edukasi">Edukasi</a> 2433 <ul class="nav__sub nav__sub--edukasi"> 2434 <li class="nav__subwrap"> 2435 <div class="nav__subitem"> 2436 <a href="/" class="nav__sublink">Sekolah</a> 2437 <a href="/" class="nav__sublink">Edu News</a> 2438 <a href="/" class="nav__sublink">Perguruan Tinggi</a> 2439 <a href="/" class="nav__sublink">Pendidikan Khusus</a> 2440 <a href="/" class="nav__sublink">Beasiswa</a> 2441 </div> 2442 <div class="nav__subitem"> 2443 <a href="/" class="nav__sublink">Literasi</a> 2444 <a href="/" class="nav__sublink">Skola</a> 2445 <a href="/" class="nav__sublink nav__sublink--hot">Kilas Pendidikan</a> 2446 <a href="/" class="nav__sublink nav__sublink--hot">IdeAksi</a> 2447 </div> 2448 </li> 2449 </ul> 2450 </li> 2451 <li class="nav__item"> 2452 <a href="/" class="nav__link nav__link--travel">Travel</a> 2453 <ul class="nav__sub nav__sub--travel"> 2454 <li class="nav__subwrap"> 2455 <div class="nav__subitem"> 2456 <a href="/" class="nav__sublink">Travel News</a> 2457 <a href="/" class="nav__sublink">Travel Ideas</a> 2458 <a href="/" class="nav__sublink">Hotel Story</a> 2459 <a href="/" class="nav__sublink">Travelpedia</a> 2460 </div> 2461 <div class="nav__subitem"> 2462 <a href="/" class="nav__sublink">Food</a> 2463 <a href="/" class="nav__sublink">Ohayo Jepang</a> 2464 <a href="/" class="nav__sublink">Indeks</a> 2465 </div> 2466 </li> 2467 </ul> 2468 </li> 2469 <li class="nav__item"> 2470 <a href="/" class="nav__link nav__link--lainnya"> 2471 <span class="icoBase icoInline icoBurger" aria-label="Lainnya" title="Lainnya"></span> 2472 </a> 2473 <ul class="nav__sub nav__sub--lainnya"> 2474 <li class="nav__subwrap"> 2475 <div class="nav__subitem"> 2476 <a href="/" class="nav__sublink">Video</a> 2477 <a href="/" class="nav__sublink">Parapuan</a> 2478 <a href="/" class="nav__sublink">Kolom</a> 2479 <a href="/" class="nav__sublink">Sains</a> 2480 </div> 2481 <div class="nav__subitem"> 2482 <a href="/" class="nav__sublink">JEO</a> 2483 <a href="/" class="nav__sublink">Foto</a> 2484 <a href="/" class="nav__sublink">VIK</a> 2485 <a href="/" class="nav__sublink">Kata Netizen</a> 2486 </div> 2487 </li> 2488 </ul> 2489 </li> 2490 </ul> 2491 <a href="https://link.msot88.world/" rel="nofollow" class="menu-plus-sticky">MEMBERSHIP MINIONSLOT88</a> 2492 <!-- css sublink nav --> 2493 <link rel="stylesheet" href="https://asset.kompas.com/data/2025/nusatirta/desktop/css/submenu-nusatirta.css"> 2494 <ul id="lestariMenu" class="nav__sub nav__sub--lestari navSub"> 2495 <li class="navSub-col --col1"> 2496 <ul class="navSub-inner"> 2497 <li> 2498 <a href="/">Pemerintah</a> 2499 </li> 2500 <li> 2501 <a href="/">Swasta</a> 2502 </li> 2503 <li> 2504 <a href="/">LSM/Figur</a> 2505 </li> 2506 <li> 2507 <a href="/">BUMN</a> 2508 </li> 2509 <li> 2510 <a href="/">UMKM</a> 2511 </li> 2512 <li> 2513 <a href="/" class="nav__sublink--hot">Nusatirta</a> 2514 </li> 2515 </ul> 2516 </li> 2517 <li class="navSub-col --col2"> 2518 <div class="navSub-subcol --subcol"> 2519 <div class="navSub-grup"> 2520 <a href="/">Kesehatan</a> 2521 </div> 2522 <ul class="navSub-inner"> 2523 <li> 2524 <a href="/">Kehidupan sehat dan sejahtera</a> 2525 </li> 2526 <li> 2527 <a href="/">Air bersih dan sanitasi layak</a> 2528 </li> 2529 </ul> 2530 <div class="navSub-grup"> 2531 <a href="/">Pendidikan</a> 2532 </div> 2533 <ul class="navSub-inner"> 2534 <li> 2535 <a href="/">Pendidikan Berkualitas</a> 2536 </li> 2537 </ul> 2538 <div class="navSub-grup"> 2539 <a href="/">Lingkungan</a> 2540 </div> 2541 <ul class="navSub-inner"> 2542 <li> 2543 <a href="/">Energi Bersih dan Terjangkau</a> 2544 </li> 2545 <li> 2546 <a href="/">Penanganan Perubahan Iklim</a> 2547 </li> 2548 <li> 2549 <a href="/">Ekosistem Lautan</a> 2550 </li> 2551 <li> 2552 <a href="/">Ekosistem Daratan</a> 2553 </li> 2554 </ul> 2555 </div> 2556 <div class="navSub-subcol --subcol"> 2557 <div class="navSub-grup"> 2558 <a href="/">Ekonomi dan UMKM</a> 2559 </div> 2560 <ul class="navSub-inner"> 2561 <li> 2562 <a href="/">
2562Tanpa Kemiskinan</a> 2563 </li> 2564 <li> 2565 <a href="/">Tanpa Kelaparan</a> 2566 </li> 2567 <li> 2568 <a href="/">Kesetaraan Gender</a> 2569 </li> 2570 <li> 2571 <a href="/">Pekerjaan Layak dan Pertumbuhan ekonomi</a> 2572 </li> 2573 <li> 2574 <a href="/">Industri, Inovasi & Infrastruktur</a> 2575 </li> 2576 <li> 2577 <a href="/">Berkurangnya Kesenjangan</a> 2578 </li> 2579 <li> 2580 <a href="/">Kota & Pemukiman yang Berkelanjutan</a> 2581 </li> 2582 <li> 2583 <a href="/">Konsumsi & Produksi yang bertanggungjawab</a> 2584 </li> 2585 </ul> 2586 </div> 2587 </li> 2588 <li class="navSub-col --col3"> 2589 <div class="navSub-label">PROGRAM LESTARI</div> 2590 <ul class="navSub-inner"> 2591 <li> 2592 <a href="/" class="navLestariProgram"> 2593 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jagoan-lokal.png" alt="Cantikpreneurship"> 2594 </a> 2595 </li> 2596 <li> 2597 <a href="/" class="navLestariProgram"> 2598 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-bumi.png" alt="Jernihkan Bumi"> 2599 </a> 2600 </li> 2601 <li> 2602 <a href="/" class="navLestariProgram"> 2603 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-jernihkan-harapan.png" alt="Jernihkan Harapan"> 2604 </a> 2605 </li> 2606 <li> 2607 <a href="/" class="navLestariProgram"> 2608 <img src="https://asset.kompas.com/data/2023/02/2109/kompascom/desktop/images/lestari/logo-festival-ceban.png" alt="Festival Ceban"> 2609 </a> 2610 </li> 2611 <li> 2612 <a href="/" class="navLestariProgram"> 2613 <img src="https://asset.kompas.com/data/2023/06/07/kompascom/desktop/lestari/images/logo_gate_jurnalisme.png" alt="Jurnalisme Berkebangsaan"> 2614 </a> 2615 </li> 2616 <li> 2617 <a href="/" class="navLestariProgram"> 2618 <img src="https://asset.kompas.com/data/2023/06/22/kompascom/mobile/lestari/images/logo-generasibangkit.svg?v=1" alt="Generasi Bangkit"> 2619 </a> 2620 </li> 2621 </ul> 2622 <a class="navSub-more" href="/">Lihat semua</a> 2623 </li> 2624 </ul> 2625 </div> 2626 <!-- share--> 2627 <div class="social social--fixed cleafix"> 2628 <div class="social--container container"> 2629 <!-- share --> 2630 <span class="social--text">Bagikan:</span> 2631 <div class="social social--article clearfix"> 2632 <div class="social__item"> 2633 <a class="social__link social__link--facebook" href="/"> 2634 <svg class="icon icon-facebook" title="icon-facebook"> 2635 <use xlink:href="#icon-facebook" /> 2636 </svg> 2637 </a> 2638 </div> 2639 <div class="social__item"> 2640 <a class="social__link social__link--twitter" href="/"> 2641 <svg class="icon icon-twitter" title="icon-twitter"> 2642 <use xlink:href="#icon-twitter" /> 2643 </svg> 2644 </a> 2645 </div> 2646 <div class="social__item"> 2647 <a class="social__link social__link--whatsapp" href="/"> 2648 <svg class="icon icon-whatsapp" title="icon-whatsapp"> 2649 <use xlink:href="#icon-whatsapp"></use> 2650 </svg> 2651 </a> 2652 </div> 2653 <div class="social__item"> 2654 <a class="social__link social__link--telegram" href="/"> 2655 <svg class="icon icon-telegram" title="icon-telegram"> 2656 <use xlink:href="#icon-telegram"></use> 2657 </svg> 2658 </a> 2659 </div> 2660 <div class="social__item"> 2661 <a class="social__link social__link--copy" href="/" style="display: none;"> 2662 <svg class="icon icon-copy" title="icon-copy"> 2663 <use xlink:href="#icon-copy" /> 2664 </svg> 2665 </a> 2666 </div> 2667 </div> 2668 <p class="social--dshare" id="dsharetitle">MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong</p> 2669 <div class="comment__read__bar">
2670 <span>Komentar: </span> 2671 <div class="social social--article clearfix"> 2672 <div class="social__item"> 2673 <a class="social__link" href="/"> 2674 <span class="icon icon-comment"></span> 2675 <div class="comment__counter total_comment"></div> 2676 </a> 2677 </div> 2678 </div> 2679 </div> 2680 </div> 2681 </div> 2682 </div> 2683 </div> 2684
2684<script src="https://asset.kompas.com/data/2023/11/03/darkmode/js/dark-mode.min.js"></script>
2684 2685 <!-- (ads.skin) --> 2686 <!-- container--> 2687 <div class="container clearfix "> 2688
2688<script>var widgetUrls=["https://widget.kompas.com/jaga_negeri"];function getRandomWidgetUrl(){return widgetUrls[Math.floor(Math.random()*widgetUrls.length)]}document.getElementById("randomIframe").src=getRandomWidgetUrl()</script>
2688 2689 <!-- (ads.focus.update) --> 2690 <!-- read--> 2691 <div class="row mt2 col-offset-fluid clearfix"> 2692 <div class="col-bs10-10"> 2693 <!-- tagging--> 2694 <!-- breadcrumb--> 2695 <!-- breadcrumb--> 2696 <div class="breadcrumb clearfix"></div> 2697 <!-- topik pilihan --> 2698 <!-- (ads.header) --> 2699 <!-- read title--> 2700 <h1 class="read__title">MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong</h1> 2701 </div> 2702 </div> 2703 <!-- read--> 2704 <div class="row col-offset-fluid clearfix js-giant-wp-sticky-parent"> 2705 <div class="col-bs10-7 js-read-article"> 2706 <!-- read header--> 2707 <div class="read__header col-offset-fluid clearfix"> 2708 <div class="col-bs10-10"> 2709 <div class="read__time"> 2710 <a href="https://www.armchair-travel.com">MINIONSLOT88</a> 2711 </div> 2712 </div> 2713 <div class="col-bs10-10"></div> 2714 </div> 2715 <!-- photo artikel--> 2716 <link rel="stylesheet" href="https://asset.kompas.com/data/2017/wp/css/kcm2019-photo-article.min.css?v=10" type="text/css"> 2717 <div class="cover-photo -gallery" data-photostyle=""> 2718 <div class="photo__wrap"> 2719 <img width="780" height="520" src="https://minionslot88ku.com/img-lp/ms-41.webp" alt="MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong"> 2720 </div> 2721 </div> 2722 <style> 2723 /* GRID LOGIN REGISTER */ 2724 .button-login-daftar { 2725 display: grid; 2726 grid-template-columns: repeat(2, 1fr); 2727 gap: 12px; 2728 font-weight: 700; 2729 } 2730 2731 .button-login-daftar a { 2732 text-align: center; 2733 border-radius: 14px; 2734 position: relative; 2735 overflow: hidden; 2736 } 2737 2738 /* LOGIN BUTTON - GOLD DARK */ 2739 .login { 2740 color: #0d1b2a; 2741 padding: 16px 10px; 2742 font-size: 15px; 2743 background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c); 2744 border: 1px solid rgba(255, 210, 140, .3); 2745 box-shadow: 2746 0 0 12px rgba(255, 210, 122, .5), 2747 0 0 30px rgba(255, 184, 77, .3), 2748 inset 0 0 12px rgba(255, 255, 255, .2); 2749 transition: .35s; 2750 } 2751 2752 /* REGISTER BUTTON - DARK GOLD METAL */ 2753 .register { 2754 color: #fff8ec; 2755 padding: 16px 10px; 2756 font-size: 15px; 2757 background: linear-gradient(135deg, #3a2a1a, #6b4b2a, #d4af37); 2758 border: 1px solid rgba(255, 210, 140, .25); 2759 box-shadow: 2760 0 0 12px rgba(212, 175, 55, .4), 2761 0 0 25px rgba(255, 210, 122, .2), 2762 inset 0 0 12px rgba(255, 255, 255, .1); 2763 transition: .35s; 2764 } 2765 2766 /* HOVER EFFECT */ 2767 .login:hover, 2768 .register:hover { 2769 transform: translateY(-5px) scale(1.06); 2770 filter: brightness(1.1); 2771 box-shadow: 2772 0 0 18px rgba(255, 210, 122, .7), 2773 0 0 40px rgba(255, 184, 77, .4); 2774 } 2775 2776 /* CLICK EFFECT */ 2777 .login:active, 2778 .register:active { 2779 transform: scale(.96); 2780 } 2781 2782 /* SHIMMER EFFECT */ 2783 .button-login-daftar a::after { 2784 content: ""; 2785 position: absolute; 2786 top: 0; 2787 left: -120%; 2788 width: 60%; 2789 height: 100%; 2790 background: linear-gradient(120deg, 2791 transparent, 2792 rgba(255, 255, 255, .25), 2793 transparent); 2794 transition: 0.8s; 2795 } 2796 2797 .button-login-daftar a:hover::after { 2798 left: 120%; 2799 } 2800 2801 /* EXTRA GLOW BORDER */ 2802 .button-login-daftar a::before { 2803 content: ""; 2804 position: absolute; 2805 inset: 0; 2806 border-radius: 14px; 2807 padding: 1px; 2808 background: linear-gradient(135deg, #66c0f4, #c9a96e, #d2b48c); 2809 -webkit-mask: 2810 linear-gradient(#000 0 0) content-box, 2811 linear-gradient(#000 0 0); 2812 -webkit-mask-composite: xor; 2813 mask-composite: exclude; 2814 opacity: .4; 2815 transition: .3s; 2816 } 2817 2818 .button-login-daftar a:hover::before { 2819 opacity: .8; 2820 } 2821 </style> 2822 <!-- photo carousel --> 2823 <div class="photoCarousel" style="margin-top: 2%;"> 2824 <div class="photoCarousel-block" data-scroll="side"> 2825 <div class="button-login-daftar"> 2826 <a class="login" href="https://link.msot88.world/" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);"> LOGIN </a> 2827 <a class="register" href="https://link.msot88.world/" rel="nofollow noreferrer" style="color: rgba(0, 0, 0, 1);"> DAFTAR </a> 2828 <!-- e:banner nps --> 2829 </div> 2830 </div> 2831 </div> 2832 <!-- (ads.scroll.below) --> 2833 <!-- (ads.overlay) --> 2834 <!-- (ads.kiosked) --> 2835 <!-- (ads.overlay) --> 2836 <!-- read artikel--> 2837 <div class="read__article mt2 clearfix js-tower-sticky-parent"> 2838 <div class="col-bs9-7"> 2839 <!-- read content--> 2840 <div class="read__content"> 2841 <div class="clearfix"> 2842 <!-- DFP OSM End -->
2843 <span class="liftdown_v2_tanda"></span> 2844 </div> 2845 </div> 2846 <!-- Rek Video --> 2847 <!-- kg media player --> 2848 <!-- read tag--> 2849 <!-- personal quiz --> 2850 <!-- berita terkait--> 2851 </div> 2852 </div> 2853 <!-- (ads.center) --> 2854 </div> 2855 <div class="col-bs10-3"> 2856 <!-- terpopuler--> 2857 <!-- terpopuler--> 2858 <div class="most ga--most mt1 clearfix"> 2859 <div class="title title--center clearfix"> 2860 <div class="title__content">5 Komentar âââââ</div> 2861 </div> 2862 <div class="most__wrap clearfix"> 2863 <div class="most__list clearfix"> 2864 <div class="most__count">1</div> 2865 <a class="most__link" href="#"> 2866 <div class="most__title"> MINIONSLOT88 menghadirkan link tampilan terbaru situs MSOT88 dengan referensi Slot Mahjong yang mudah ditemukan. Informasinya cukup jelas sehingga saya lebih nyaman mengenali pilihan permainan yang tersedia. </div> 2867 </a> 2868 </div> 2869 <div class="most__list clearfix"> 2870 <div class="most__count">2</div> 2871 <a class="most__link" href="#"> 2872 <div class="most__title"> Saya tertarik dengan MINIONSLOT88 karena pembahasan mengenai MSOT88 dan Slot Mahjong disajikan secara ringkas. Tampilan informasinya juga cukup mudah dipahami saat mencari referensi terbaru. </div> 2873 </a> 2874 </div> 2875 <div class="most__list clearfix"> 2876 <div class="most__count">3</div> 2877 <a class="most__link" href="#"> 2878 <div class="most__title"> Tampilan terbaru MSOT88 yang dibahas MINIONSLOT88 cukup menarik untuk dikenali. Informasi mengenai Slot Mahjong tersusun rapi sehingga saya tidak kesulitan menemukan topik yang ingin diketahui. </div> 2879 </a> 2880 </div> 2881 <div class="most__list clearfix"> 2882 <div class="most__count">4</div> 2883 <a class="most__link" href="#"> 2884 <div class="most__title"> Menurut saya referensi Slot Mahjong di MINIONSLOT88 cukup praktis untuk dibaca. Pembahasan mengenai akses terbaru MSOT88 juga disampaikan dengan bahasa yang sederhana dan mudah dipahami. </div> 2885 </a> 2886 </div> 2887 <div class="most__list clearfix"> 2888 <div class="most__count">5</div> 2889 <a class="most__link" href="#"> 2890 <div class="most__title"> MINIONSLOT88 memberikan referensi terbaru mengenai MSOT88 dan Slot Mahjong dalam satu tempat. Informasi mengenai akses dan karakter permainan membuat saya lebih mudah mengenali pilihan yang ingin dijelajahi. </div> 2891 </a> 2892 </div> 2893 </div> 2894 </div> 2895</div> 2896 </div> 2897 <style> 2898 @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap'); 2899 2900 .grid__item_product-info { 2901 width: 100%; 2902 max-width: 100%; 2903 margin-bottom: 30px; 2904 box-sizing: border-box; 2905 padding: 4px; 2906 } 2907 2908 /* CARD WRAPPER */ 2909 .cyber-card { 2910 position: relative; 2911 background: 2912 radial-gradient(circle at top left, rgba(255, 215, 130, .10), transparent 35%), 2913 radial-gradient(circle at bottom right, rgba(22, 163, 74, .10), transparent 40%), 2914 linear-gradient(145deg, rgba(12, 10, 8, .97), rgba(24, 20, 14, .97)); 2915 border: 1px solid rgba(255, 215, 130, 0.24); 2916 border-radius: 18px; 2917 overflow: hidden; 2918 box-shadow: 2919 0 0 0 1px rgba(255, 215, 130, .06) inset, 2920 0 0 25px rgba(212, 175, 55, .14), 2921 0 0 45px rgba(22, 163, 74, .08), 2922 0 12px 40px rgba(0, 0, 0, .55); 2923 backdrop-filter: blur(10px); 2924 -webkit-backdrop-filter: blur(10px); 2925 transition: all .35s ease; 2926 } 2927 2928 .cyber-card:hover { 2929 transform: translateY(-4px); 2930 box-shadow: 2931 0 0 0 1px rgba(255, 215, 130, .12) inset, 2932 0 0 35px rgba(212, 175, 55, .20), 2933 0 0 60px rgba(22, 163, 74, .12), 2934 0 18px 45px rgba(0, 0, 0, .65); 2935 } 2936 2937 /* GRID OVERLAY */ 2938 .cyber-card::before { 2939 content: ''; 2940 position: absolute; 2941 inset: 0; 2942 background-image: 2943 linear-gradient(rgba(255, 215, 130, 0.03) 1px, transparent 1px), 2944 linear-gradient(90deg, rgba(22, 163, 74, 0.03) 1px, transparent 1px); 2945 background-size: 22px 22px; 2946 z-index: 0; 2947 pointer-events: none; 2948 } 2949 2950 /* CORNER + GLOW FRAME */ 2951 .cyber-card::after { 2952 content: ''; 2953 position: absolute; 2954 inset: 0; 2955 border-radius: 18px; 2956 padding: 1px; 2957 background: linear-gradient(135deg, rgba(255, 215, 130, .75), rgba(212, 175, 55, .65), rgba(22, 163, 74, .50)); 2958 -webkit-mask: 2959 linear-gradient(#fff 0 0) content-box, 2960 linear-gradient(#fff 0 0); 2961 -webkit-mask-composite: xor; 2962 mask-composite: exclude; 2963 opacity: .70; 2964 pointer-events: none; 2965 z-index: 2; 2966 } 2967 2968 /* HEADER */ 2969 .cyber-header { 2970 position: relative; 2971 display: flex; 2972 justify-content: space-between; 2973 align-items: center; 2974 gap: 12px; 2975 padding: 16px 22px; 2976 border-bottom: 1px solid rgba(255, 215, 130, .16); 2977 background: 2978 linear-gradient(90deg, rgba(212, 175, 55, .28), rgba(22, 163, 74, .10), transparent); 2979 z-index: 3; 2980 } 2981
2982 /* TITLE */ 2983 .cyber-title { 2984 font-family: 'Chakra Petch', sans-serif; 2985 font-size: 18px; 2986 font-weight: 700; 2987 color: #fff7ea; 2988 text-transform: uppercase; 2989 letter-spacing: 1.2px; 2990 margin: 0; 2991 text-shadow: 2992 0 0 12px rgba(212, 175, 55, .22), 2993 0 0 18px rgba(22, 163, 74, .10); 2994 display: flex; 2995 align-items: center; 2996 gap: 12px; 2997 } 2998 2999 .cyber-title::before { 3000 content: ''; 3001 width: 5px; 3002 height: 20px; 3003 border-radius: 10px; 3004 background: linear-gradient(to bottom, #66c0f4, #2a475e); 3005 box-shadow: 3006 0 0 10px rgba(255, 210, 122, .7), 3007 0 0 18px rgba(22, 163, 74, .45); 3008 } 3009 3010 /* STATUS */ 3011 .cyber-status { 3012 font-family: 'Chakra Petch', sans-serif; 3013 font-size: 10px; 3014 color: #f8edd6; 3015 background: rgba(255, 215, 130, 0.08); 3016 padding: 5px 10px; 3017 border: 1px solid rgba(255, 215, 130, 0.18); 3018 border-radius: 999px; 3019 display: flex; 3020 align-items: center; 3021 gap: 6px; 3022 letter-spacing: 1.2px; 3023 box-shadow: inset 0 0 10px rgba(255, 215, 130, .04); 3024 } 3025 3026 .status-dot { 3027 width: 7px; 3028 height: 7px; 3029 background: #66c0f4; 3030 border-radius: 50%; 3031 box-shadow: 0 0 10px rgba(255, 210, 122, .9); 3032 animation: cyberBlink 1.4s infinite; 3033 } 3034 3035 /* BODY */ 3036 .cyber-body { 3037 padding: 26px; 3038 position: relative; 3039 z-index: 3; 3040 } 3041 3042 .cyber-p { 3043 font-family: 'Exo 2', sans-serif; 3044 font-size: 15px; 3045 line-height: 1.8; 3046 color: #e6d7bf; 3047 margin-bottom: 15px; 3048 text-align: justify; 3049 text-shadow: 0 0 1px rgba(255, 255, 255, .04); 3050 } 3051 3052 .cyber-p:last-child { 3053 margin-bottom: 0; 3054 } 3055 3056 /* HIGHLIGHT TEXT */ 3057 .cyber-hlt { 3058 font-weight: 700; 3059 background: linear-gradient(90deg, #d2b48c, #66c0f4, #2a475e); 3060 -webkit-background-clip: text; 3061 -webkit-text-fill-color: transparent; 3062 text-shadow: 0 0 15px rgba(255, 210, 122, .18); 3063 } 3064 3065 /* FOOTER */ 3066 .cyber-footer { 3067 padding: 10px 20px; 3068 border-top: 1px solid rgba(255, 255, 255, 0.05); 3069 font-family: 'Chakra Petch', monospace; 3070 font-size: 9px; 3071 color: #a89472; 3072 text-align: right; 3073 letter-spacing: 2px; 3074 background: 3075 linear-gradient(90deg, rgba(255, 255, 255, .02), rgba(255, 215, 130, .03), rgba(22, 163, 74, .03)); 3076 z-index: 3; 3077 position: relative; 3078 } 3079 3080 /* EXTRA LIGHT SWEEP */ 3081 .cyber-header::after { 3082 content: ''; 3083 position: absolute; 3084 top: 0; 3085 left: -120%; 3086 width: 40%; 3087 height: 100%; 3088 background: linear-gradient(120deg, 3089 transparent, 3090 rgba(255, 255, 255, .14), 3091 transparent); 3092 animation: shineMove 4s linear infinite; 3093 } 3094 3095 /* ANIMATION */ 3096 @keyframes cyberBlink { 3097 3098 0%, 3099 100% { 3100 opacity: 1; 3101 box-shadow: 0 0 10px rgba(255, 210, 122, 1), 0 0 18px rgba(255, 210, 122, .85); 3102 } 3103 3104 50% { 3105 opacity: .35; 3106 box-shadow: 0 0 0 transparent; 3107 } 3108 } 3109 3110 @keyframes shineMove { 3111 0% { 3112 left: -120%; 3113 } 3114 3115 100% { 3116 left: 140%; 3117 } 3118 } 3119 3120 /* MOBILE */ 3121 @media (max-width: 480px) { 3122 .cyber-title { 3123 font-size: 15px; 3124 } 3125 3126 .cyber-header { 3127 padding: 14px 16px; 3128 } 3129 3130 .cyber-body { 3131 padding: 18px; 3132 } 3133 3134 .cyber-p { 3135 font-size: 14px; 3136 line-height: 1.75; 3137 } 3138 3139 .cyber-status { 3140 font-size: 9px; 3141 padding: 4px 8px; 3142 } 3143 } 3144 </style> 3145 <div class="grid__item_product-info mb-3"> 3146 <article class="cyber-card"> 3147 <header class="cyber-header"> 3148 <h1 class="cyber-title">MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong</h1> 3149 <div class="cyber-status">
3150 <span class="status-dot"></span> LIVE 3151 </div> 3152 </header> 3153 <div class="cyber-body"> 3154 <p style="text-align: justify;">MINIONSLOT88 merupakan link tampilan terbaru situs MSOT88 dengan referensi seputar Slot Mahjong terbaru. Informasi yang disajikan membahas karakter permainan serta fitur menarik yang dapat dikenal lebih lanjut sehingga pengunjung lebih mudah menemukan referensi yang sesuai dengan topik permainan Mahjong.</p> 3155 <p style="text-align: justify;">Sebagai referensi Slot Mahjong terbaru, MINIONSLOT88 menyajikan informasi mengenai tampilan dan akses MSOT88 yang dapat dijelajahi melalui perangkat desktop maupun smartphone. Penyajian informasi dibuat secara praktis dengan pembahasan seputar karakter permainan dan fitur yang menjadi bagian dari pengalaman menjelajahi Slot Mahjong.</p> 3156 <p style="text-align: justify;">MINIONSLOT88 juga menghadirkan informasi mengenai akses terbaru MSOT88 dengan pembahasan yang mudah dipahami. Istilah anti rungkad dan peluang menang yang menarik digunakan sebagai bagian dari referensi permainan tanpa menganggap hasil sebagai sesuatu yang pasti karena setiap putaran memiliki hasil yang bersifat acak.</p> 3157 </div> 3158 </div> 3159 </div> 3160 <div class="cyber-footer"> SITUS MSOT88 TERBARU </div> 3161 </article> 3162 </div> 3163 </div> 3164 <div class="yokai-panel-wrapper"> 3165 <div class="yokai-panel-content"> 3166 <div class="toto-header"> 3167 <h2>FAQ MINIONSLOT88</h2> 3168 <span>PANDUAN & INFORMASI SLOT MAHJONG TERBARU</span> 3169 </div> 3170 <div class="toto-faq-list"> 3171 <div class="yokai-item"> 3172 <button class="toto-question"> Apa itu MINIONSLOT88? <span class="toto-icon">+</span> 3173 </button> 3174 <div class="toto-answer"> 3175 <div class="toto-answer-inner"> 3176 <p> MINIONSLOT88 merupakan platform yang menyajikan informasi mengenai link tampilan terbaru situs MSOT88 dengan referensi seputar Slot Mahjong terbaru serta berbagai fitur permainan yang menarik untuk dikenal. </p> 3177 </div> 3178 </div> 3179 </div> 3180 <div class="yokai-item"> 3181 <button class="toto-question"> Apa yang dimaksud dengan MSOT88? <span class="toto-icon">+</span> 3182 </button> 3183 <div class="toto-answer"> 3184 <div class="toto-answer-inner"> 3185 <p> MSOT88 merupakan bagian dari referensi yang dibahas MINIONSLOT88 mengenai tampilan dan akses terbaru dengan topik Slot Mahjong. Informasi disusun secara sederhana agar pengunjung lebih mudah memahami pembahasannya. </p> 3186 </div> 3187 </div> 3188 </div> 3189 <div class="yokai-item"> 3190 <button class="toto-question"> Apa itu Slot Mahjong terbaru? <span class="toto-icon">+</span> 3191 </button> 3192 <div class="toto-answer"> 3193 <div class="toto-answer-inner"> 3194 <p> Slot Mahjong terbaru merupakan referensi permainan dengan tema Mahjong yang memiliki karakter visual serta fitur permainan yang khas. MINIONSLOT88 membahas berbagai informasi terkait tema dan fitur tersebut agar lebih mudah dikenal. </p> 3195 </div> 3196 </div> 3197 </div> 3198 <div class="yokai-item"> 3199 <button class="toto-question"> Apakah MINIONSLOT88 dapat diakses melalui ponsel? <span class="toto-icon">+</span> 3200 </button> 3201 <div class="toto-answer"> 3202 <div class="toto-answer-inner"> 3203 <p> Ya, informasi MINIONSLOT88 dapat diakses melalui perangkat desktop maupun smartphone. Tampilan yang responsif membuat pengunjung lebih mudah menjelajahi referensi MSOT88 dan Slot Mahjong terbaru. </p> 3204 </div> 3205 </div> 3206 </div> 3207 <div class="yokai-item"> 3208 <button class="toto-question"> Apakah Slot Mahjong menjamin kemenangan? <span class="toto-icon">+</span> 3209 </button> 3210 <div class="toto-answer"> 3211 <div class="toto-answer-inner"> 3212 <p> Tidak ada permainan slot yang dapat menjamin kemenangan. Hasil setiap putaran bersifat acak sehingga istilah anti rungkad maupun peluang menang yang menarik tidak dapat dianggap sebagai kepastian. MINIONSLOT88 menyajikan informasi sebagai referensi untuk mengenal karakter dan fitur permainan. </p> 3213 </div> 3214 </div> 3215 </div> 3216 </div> 3217 <div class="yokai-panel-footer"> TEMUKAN REFERENSI SLOT MAHJONG TERBARU BERSAMA MINIONSLOT88 </div> 3218 </div> 3219</div> 3220
3220<script> 3221 document.addEventListener('DOMContentLoaded', function() { const items = document.querySelectorAll('.yokai-item'); items.forEach(item => { const btn = item.querySelector('.toto-question'); const answer = item.querySelector('.toto-answer'); const icon = item.querySelector('.toto-icon'); btn.addEventListener('click', () => { const isActive = item.classList.contains('active'); items.forEach(otherItem => { otherItem.classList.remove('active'); otherItem.querySelector('.toto-answer').style.maxHeight = null; otherItem.querySelector('.toto-icon').innerText = '+'; }); if (!isActive) { item.classList.add('active'); answer.style.maxHeight = answer.scrollHeight + "px"; icon.innerText = '-'; } }); }); }); 3222 </script>
3222 3223 </div> 3224 <!-- (ads.right.2) --> 3225 <!-- trending--> 3226 <!-- trending--> 3227 <!-- (ads.right.3) --> 3228 <!-- previous--> 3229 </div> 3230 </div> 3231 </div> 3232 <!-- footer--> 3233 <!-- modals --> 3234 <div id="kcm-modals"> 3235 <div class="modals__content"></div> 3236 </div> 3237 <div id="sso_g_signin"></div> 3238 <!-- footer --> 3239 <div class="footerMain clearfix"> 3240 <div class="container"> 3241 <div class="footerWrap"> 3242 <div class="footerCol-column"> 3243 <div class="footerLogo"> 3244 <a href="https://msot88.co/" data-google-interstitial="false"> 3245 <img class="lozad" data-src="https://minionslot88ku.com/img/logo-msot88.webp" alt="MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong" width="207" height="26"> 3246 </a> 3247 </div> 3248 <div class="footerSosmed"> 3249 <ul class="footerSosmed-wrap"> 3250 <li> 3251 <a href="https://www.facebook.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Facebook"> 3252 <div class="iconSos iconSos-facebook"></div> 3253 </a> 3254 </li> 3255 <li> 3256 <a href="https://www.twitter.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="X"> 3257 <div class="iconSos iconSos-x"></div> 3258 </a> 3259 </li> 3260 <li> 3261 <a href="https://t.me/kompascomupdate" target="_blank" class="footerSosmed-link" aria-label="Telegram"> 3262 <div class="iconSos iconSos-telegram"></div> 3263 </a> 3264 </li> 3265 <li> 3266 <a href="https://instagram.com/kompascom" target="_blank" class="footerSosmed-link" aria-label="Instagram"> 3267 <div class="iconSos iconSos-instagram"></div> 3268 </a> 3269 </li> 3270 </ul> 3271 <ul class="footerSosmed-wrap"> 3272 <li> 3273 <a href="https://www.youtube.com/c/mykompascom" target="_blank" class="footerSosmed-link" aria-label="Youtube"> 3274 <div class="iconSos iconSos-youtube"></div> 3275 </a> 3276 </li> 3277 <li> 3278 <a href="https://kmp.im/AGFeTy" target="_blank" class="footerSosmed-link" aria-label="Whatsapp"> 3279 <div class="iconSos iconSos-whatsapp"></div> 3280 </a> 3281 </li> 3282 <li> 3283 <a href="https://www.tiktok.com/@kompascom?lang=en" target="_blank" class="footerSosmed-link" aria-label="Tiktok"> 3284 <div class="iconSos iconSos-tiktok"></div> 3285 </a> 3286 </li> 3287 </ul> 3288 </div> 3289 <div class="footerDownload"> 3290 <ul class="footerDownload-wrap"> 3291 <li> 3292 <a href="https://apps.apple.com/id/app/kompas-com-berita-terpercaya/id535483055" target="_blank"> 3293 <div class="footerDownload-store"> 3294 <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-appstore.png" alt="apple store"> 3295 </div> 3296 </a> 3297 </li> 3298 <li> 3299 <a href="https://play.google.com/store/apps/details?id=com.ertanto.kompas.official&hl=en&gl=US" target="_blank"> 3300 <div class="footerDownload-store"> 3301 <img class="lozad" data-src="https://asset.kompas.com/data/2017/mobile/images/id-badge-playstore.png" alt="google store"> 3302 </div> 3303 </a> 3304 </li> 3305 </ul> 3306 </div> 3307 <div class="footerAchievement"> 3308 <div class="footerAchievement-title"> Penghargaan dan sertifikat: </div> 3309 <div class="footerAchievement-wrap"> 3310 <div class="footerAchievement-item"> 3311 <a href="#" class="footerAchievement-link"> 3312 <div class="footerAchievement-img"> 3313 <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-wowbrands-2019.png" alt="WOW Brand Indonesia 2019" title="WOW Brand Indonesia 2019"> 3314 </div> 3315 </a> 3316 </div> 3317 <div class="footerAchievement-item"> 3318 <div class="footerAchievement-link"> 3319 <a href="https://money.kompas.com/read/2019/08/01/124215826/kompascom-kembali-jadi-pemenang-kategori-media-online-tepercaya" class="footerAchievement-link"> 3320 <div class="footerAchievement-img"> 3321 <img class="lozad" data-src="https://asset.kompas.com/data/2017/wp/images/logo-superbrands-2019.png" alt="Superbrand Indonesia 2019 - Trusted Online News" title="Superbrands Indonesia 2019"> 3322 </div> 3323 </a> 3324 </div> 3325 </div> 3326 <div class="footerAchievement-item"> 3327 <a href="https://ifcncodeofprinciples.poynter.org/profile/pt-kompas-cyber-media" class="footerAchievement-link" target="_blank"> 3328 <div class="footerAchievement-img"> 3329 <img class="lozad" data-src="https://asset.kompas.com/data/2024/wp/images/desktop/logo-ifcn.png" alt="International Fact-Checking Network" title="International Fact-Checking Network" loading="lazy"> 3330 </div> 3331 </a> 3332 </div> 3333 </div> 3334 </div> 3335 <div class="footerNewsletter"> 3336 <div class="footerNewsletter-title"> Dapatkan Keseruan dan Permainan Menyenangkan di MINIONSLOT88 </div> 3337 <div class="footerNewsletter-cta"> 3338 <a href="https://link.msot88.world/" class="footerNewsletter-link" rel="nofollow"> 3339 <i class="iconNewsletter"></i> DAFTAR </a> 3340 </div> 3341 </div> 3342 </div> 3343 <div class="footerCol-nav"> 3344 <div class="footerMenu-title">Kanal</div> 3345 <div class="footerMenu"> 3346 <ul class="footerMenu-wrap"> 3347 <li> 3348 <a href="/" class="footerMenu-link">News</a> 3349 </li> 3350 <li> 3351 <a href="/" class="footerMenu-link">Nasional</a> 3352 </li> 3353 <li> 3354 <a href="/" class="footerMenu-link">Global</a> 3355 </li> 3356 <li> 3357 <a href="/" class="footerMenu-link">Megapolitan</a> 3358 </li> 3359 <li> 3360 <a href="/" class="footerMenu-link">
3360Regional</a> 3361 </li> 3362 <li> 3363 <a href="/" class="footerMenu-link">Pemilu</a> 3364 </li> 3365 <li> 3366 <a href="/" class="footerMenu-link">IKN</a> 3367 </li> 3368 <li> 3369 <a href="/" class="footerMenu-link">Bola</a> 3370 </li> 3371 <li> 3372 <a href="/" class="footerMenu-link">Tekno</a> 3373 </li> 3374 <li> 3375 <a href="/" class="footerMenu-link">Otomotif</a> 3376 </li> 3377 <li> 3378 <a href="/" class="footerMenu-link">Entertainment</a> 3379 </li> 3380 <li> 3381 <a href="/" class="footerMenu-link">Sains</a> 3382 </li> 3383 <li> 3384 <a href="/" class="footerMenu-link">Health</a> 3385 </li> 3386 <li> 3387 <a href="/" class="footerMenu-link">Money</a> 3388 </li> 3389 <li> 3390 <a href="/" class="footerMenu-link">Tren</a> 3391 </li> 3392 <li> 3393 <a href="/" class="footerMenu-link">Properti</a> 3394 </li> 3395 <li> 3396 <a href="/" class="footerMenu-link">Lifestyle</a> 3397 </li> 3398 <li> 3399 <a href="/" class="footerMenu-link">Hype</a> 3400 </li> 3401 <li> 3402 <a href="/" class="footerMenu-link">Travel</a> 3403 </li> 3404 <li> 3405 <a href="/" class="footerMenu-link">Homey</a> 3406 </li> 3407 <li> 3408 <a href="/" class="footerMenu-link">Food</a> 3409 </li> 3410 <li> 3411 <a href="/" class="footerMenu-link">UMKM</a> 3412 </li> 3413 <li> 3414 <a href="/" class="footerMenu-link">Edukasi</a> 3415 </li> 3416 <li> 3417 <a href="/" class="footerMenu-link">Parapuan</a> 3418 </li> 3419 <li> 3420 <a href="/" class="footerMenu-link">Foto</a> 3421 </li> 3422 <li> 3423 <a href="/" class="footerMenu-link">Video</a> 3424 </li> 3425 <li> 3426 <a href="/" class="footerMenu-link">Kolom</a> 3427 </li> 3428 <li> 3429 <a href="/" class="footerMenu-link">VIK</a> 3430 </li> 3431 <li> 3432 <a href="/" class="footerMenu-link">JEO</a> 3433 </li> 3434 <li> 3435 <a href="/" class="footerMenu-link">Lestari</a> 3436 </li> 3437 <li> 3438 <a href="/" class="footerMenu-link">Ohayo Jepang</a> 3439 </li> 3440 <li> 3441 <a href="/" class="footerMenu-link">Pesona Indonesia</a> 3442 </li> 3443 <li> 3444 <a href="/" class="footerMenu-link">Play</a> 3445 </li> 3446 <li> 3447 <a href="/" class="footerMenu-link">Artikel Terpopuler</a> 3448 </li> 3449 <li> 3450 <a href="/" class="footerMenu-link">Artikel Terkini</a> 3451 </li> 3452 <li> 3453 <a href="/" class="footerMenu-link">Topik Pilihan</a> 3454 </li> 3455 <li> 3456 <a href="/" class="footerMenu-link">Artikel Headline</a> 3457 </li> 3458 </ul> 3459 </div> 3460 </div> 3461 <div class="footerCol-nav --colNetwork"> 3462 <div class="footerMenu-title">Network</div> 3463 <div class="footerMenu"> 3464 <ul class="footerMenu-wrap"> 3465 <li> 3466 <a href="/" class="footerMenu-link" target="_blank">MINIONSLOT88</a> 3467 </li> 3468 <li> 3469 <a href="/" class="footerMenu-link" target="_blank">MINIONSLOT88 LOGIN</a> 3470 </li> 3471 <li> 3472 <a href="/" class="footerMenu-link" target="_blank">MINIONSLOT88 DAFTAR</a> 3473 </li> 3474 <li> 3475 <a href="/" class="footerMenu-link" target="_blank">Kompasiana</a> 3476 </li> 3477 <li> 3478 <a href="/" class="footerMenu-link" target="_blank">KG Media</a> 3479 </li> 3480 <li> 3481 <a href="/" class="footerMenu-link" target="_blank">KGNow!</a> 3482 </li> 3483 <li> 3484 <a href="/" class="footerMenu-link" target="_blank">Pasangiklan.com</a> 3485 </li> 3486 <li> 3487 <a href="/" class="footerMenu-link" target="_blank">Kontan</a> 3488 </li> 3489 <li> 3490 <a href="/" class="footerMenu-link" target="_blank">Sonora</a> 3491 </li> 3492 <li> 3493 <a href="/" class="footerMenu-link" target="_blank">Grid.ID</a> 3494 </li> 3495 <li> 3496 <a href="/" class="footerMenu-link" target="_blank">GridOto.com</a> 3497 </li> 3498 <li> 3499 <a href="/" class="footerMenu-link" target="_blank">BolaSport.com</a> 3500 </li> 3501 <li> 3502 <a href="/" class="footerMenu-link" target="_blank">Parapuan</a> 3503 </li> 3504 <li> 3505 <a href="/" class="footerMenu-link" target="_blank">Tribunnews</a> 3506 </li> 3507 <li> 3508 <a href="/" class="footerMenu-link" target="_blank">Gramedia.com</a> 3509 </li> 3510 <li> 3511 <a href="/" class="footerMenu-link" target="_blank">Gramedia Digital</a> 3512 </li> 3513 </ul> 3514 </div> 3515 </div> 3516 </div> 3517 <div class="footerBottom"> 3518 <div class="footerBottom-wrap"> 3519 <ul class="footerBottom-menu"> 3520 <li> 3521 <a class="footerMenu-link" href="/">Kabar Palmerah</a> 3522 </li> 3523 <li> 3524 <a class="footerMenu-link" href="/">About Us</a> 3525 </li> 3526 <li> 3527 <a class="footerMenu-link" href="/">Advertise</a> 3528 </li> 3529 <li> 3530 <a class="footerMenu-link" href="/">Ketentuan Penggunaan</a> 3531 </li> 3532 <li> 3533 <a class="footerMenu-link" href="/">Kebijakan Data Pribadi</a> 3534 </li> 3535 <li> 3536 <a class="footerMenu-link" href="/">Pedoman Media Siber</a> 3537 </li> 3538 <li> 3539 <a class="footerMenu-link" href="/">Career</a> 3540 </li> 3541 <li> 3542 <a class="footerMenu-link" href="/">Contact Us</a> 3543 </li> 3544 </ul> 3545 </div> 3546 <div class="footerCopyright"> 3547 <p>Copyright 2026 MINIONSLOT88. All Rights Reserved.</p> 3548 </div> 3549 </div> 3550 </div> 3551 </div> 3552 </div> 3553 <style> 3554 @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Exo+2:wght@400;700&display=swap'); 3555
3556 .yokai-panel-wrapper { 3557 max-width: 900px; 3558 margin: 60px auto; 3559 position: relative; 3560 background: 3561 radial-gradient(circle at top left, rgba(255, 215, 130, .10), transparent 28%), 3562 radial-gradient(circle at bottom right, rgba(22, 163, 74, .10), transparent 32%), 3563 linear-gradient(145deg, #0a0907, #15120d 55%, #1c1710); 3564 border: 1px solid rgba(255, 215, 130, .18); 3565 border-radius: 20px; 3566 box-shadow: 3567 0 0 0 1px rgba(255, 255, 255, .03) inset, 3568 0 0 30px rgba(255, 215, 130, .07), 3569 0 0 60px rgba(22, 163, 74, .08), 3570 0 20px 50px rgba(0, 0, 0, .65); 3571 overflow: hidden; 3572 backdrop-filter: blur(8px); 3573 -webkit-backdrop-filter: blur(8px); 3574 } 3575 3576 .yokai-panel-wrapper::before { 3577 content: ''; 3578 position: absolute; 3579 inset: 0; 3580 background-image: 3581 linear-gradient(rgba(255, 215, 130, .028) 1px, transparent 1px), 3582 linear-gradient(90deg, rgba(22, 163, 74, .028) 1px, transparent 1px); 3583 background-size: 26px 26px; 3584 pointer-events: none; 3585 z-index: 0; 3586 } 3587 3588 .yokai-panel-wrapper::after { 3589 content: ''; 3590 position: absolute; 3591 top: 0; 3592 left: 0; 3593 width: 100%; 3594 height: 4px; 3595 background: linear-gradient(90deg, #d2b48c, #66c0f4, #2a475e, #d2b48c); 3596 background-size: 300% 100%; 3597 z-index: 2; 3598 box-shadow: 0 0 20px rgba(255, 210, 122, .28); 3599 animation: topGlow 6s linear infinite; 3600 } 3601 3602 .yokai-panel-content { 3603 padding: 40px; 3604 position: relative; 3605 z-index: 1; 3606 } 3607 3608 .toto-header { 3609 margin-bottom: 30px; 3610 border-left: 5px solid #66c0f4; 3611 padding-left: 20px; 3612 display: flex; 3613 flex-direction: column; 3614 position: relative; 3615 } 3616 3617 .toto-header::after { 3618 content: ''; 3619 width: 80px; 3620 height: 2px; 3621 margin-top: 12px; 3622 background: linear-gradient(90deg, #66c0f4, #2a475e); 3623 box-shadow: 0 0 12px rgba(255, 210, 122, .30); 3624 } 3625 3626 .toto-header h2 { 3627 font-family: 'Chakra Petch', sans-serif; 3628 font-size: 28px; 3629 font-weight: 700; 3630 color: #fff7ea; 3631 text-transform: uppercase; 3632 letter-spacing: 2px; 3633 margin: 0; 3634 text-shadow: 3635 0 0 10px rgba(255, 210, 122, .10), 3636 0 0 18px rgba(22, 163, 74, .08); 3637 } 3638 3639 .toto-header span { 3640 font-family: 'Exo 2', sans-serif; 3641 font-size: 12px; 3642 color: #b89d72; 3643 letter-spacing: 4px; 3644 margin-top: 6px; 3645 font-weight: 600; 3646 } 3647 3648 .toto-faq-list { 3649 display: flex; 3650 flex-direction: column; 3651 gap: 14px; 3652 } 3653 3654 .yokai-item { 3655 background: 3656 linear-gradient(145deg, rgba(24, 18, 13, .94), rgba(16, 12, 9, .97)); 3657 border: 1px solid rgba(255, 215, 130, .09); 3658 border-radius: 16px; 3659 transition: all 0.35s ease; 3660 position: relative; 3661 overflow: hidden; 3662 box-shadow: 0 8px 20px rgba(0, 0, 0, .22); 3663 } 3664 3665 .yokai-item::before { 3666 content: ''; 3667 position: absolute; 3668 inset: 0; 3669 background: linear-gradient(90deg, rgba(255, 215, 130, .04), transparent, rgba(22, 163, 74, .05)); 3670 opacity: 0; 3671 transition: opacity .35s ease; 3672 pointer-events: none; 3673 } 3674 3675 .yokai-item:hover { 3676 border-color: rgba(255, 215, 130, .24); 3677 transform: translateY(-3px); 3678 box-shadow: 3679 0 0 18px rgba(255, 210, 122, .08), 3680 0 14px 28px rgba(0, 0, 0, .35); 3681 } 3682 3683 .yokai-item:hover::before { 3684 opacity: 1; 3685 } 3686 3687 .yokai-item.active { 3688 border-color: rgba(255, 215, 130, .34); 3689 background: 3690 linear-gradient(145deg, rgba(28, 22, 16, .98), rgba(18, 14, 10, .98)); 3691 transform: translateY(-3px); 3692 box-shadow: 3693 0 0 22px rgba(255, 210, 122, .10), 3694 0 0 40px rgba(22, 163, 74, .06), 3695 0 14px 30px rgba(0, 0, 0, .42); 3696 } 3697 3698 .toto-question { 3699 width: 100%; 3700 padding: 20px 24px; 3701 background: transparent; 3702 border: none; 3703 color: #e3d5bf; 3704 font-family: 'Chakra Petch', sans-serif; 3705 font-size: 15px; 3706 font-weight: 600; 3707 text-align: left; 3708 cursor: pointer; 3709 display: flex; 3710 justify-content: space-between; 3711 align-items: center; 3712 gap: 15px; 3713 text-transform: uppercase; 3714 letter-spacing: 1px; 3715 transition: all 0.3s ease; 3716 } 3717
3718 .yokai-item.active .toto-question { 3719 color: #fffaf0; 3720 text-shadow: 0 0 10px rgba(255, 210, 122, .08); 3721 } 3722 3723 .toto-icon { 3724 min-width: 34px; 3725 min-height: 34px; 3726 display: flex; 3727 align-items: center; 3728 justify-content: center; 3729 font-size: 18px; 3730 font-weight: bold; 3731 color: #bfa57d; 3732 border-radius: 50%; 3733 background: rgba(255, 255, 255, .04); 3734 border: 1px solid rgba(255, 215, 130, .08); 3735 transition: all .35s ease; 3736 box-shadow: inset 0 0 10px rgba(255, 255, 255, .02); 3737 } 3738 3739 .yokai-item.active .toto-icon { 3740 color: #1d140a; 3741 background: linear-gradient(135deg, #d2b48c, #66c0f4, #2a475e); 3742 border-color: transparent; 3743 transform: rotate(45deg) scale(1.05); 3744 box-shadow: 3745 0 0 15px rgba(255, 210, 122, .28), 3746 0 0 25px rgba(22, 163, 74, .16); 3747 } 3748 3749 .toto-answer { 3750 max-height: 0; 3751 overflow: hidden; 3752 transition: max-height 0.45s ease; 3753 background: linear-gradient(180deg, rgba(12, 10, 8, .72), rgba(18, 14, 10, .95)); 3754 } 3755 3756 .toto-answer-inner { 3757 padding: 0 24px 24px 24px; 3758 font-family: 'Exo 2', sans-serif; 3759 font-size: 15px; 3760 line-height: 1.75; 3761 color: #d7c8b0; 3762 } 3763 3764 .toto-answer p { 3765 margin: 0; 3766 border-left: 3px solid rgba(255, 215, 130, .18); 3767 padding-left: 16px; 3768 text-align: justify; 3769 } 3770 3771 .yokai-item.active .toto-answer p { 3772 border-color: #2a475e; 3773 box-shadow: inset 1px 0 0 rgba(255, 210, 122, .10); 3774 } 3775 3776 .yokai-panel-footer { 3777 margin-top: 30px; 3778 border-top: 1px solid rgba(255, 215, 130, .08); 3779 padding-top: 16px; 3780 text-align: right; 3781 font-family: 'Chakra Petch', monospace; 3782 font-size: 10px; 3783 color: #9d8660; 3784 letter-spacing: 2px; 3785 opacity: .85; 3786 } 3787 3788 @keyframes topGlow { 3789 0% { 3790 background-position: 0% 50%; 3791 } 3792 3793 100% { 3794 background-position: 300% 50%; 3795 } 3796 } 3797 3798 @media (max-width: 768px) { 3799 .yokai-panel-content { 3800 padding: 20px; 3801 } 3802 3803 .toto-header h2 { 3804 font-size: 22px; 3805 } 3806 3807 .toto-header span { 3808 font-size: 11px; 3809 letter-spacing: 2px; 3810 } 3811 3812 .toto-question { 3813 font-size: 13px; 3814 padding: 16px 18px; 3815 } 3816 3817 .toto-answer-inner { 3818 padding: 0 18px 18px 18px; 3819 font-size: 14px; 3820 } 3821 3822 .toto-icon { 3823 min-width: 30px; 3824 min-height: 30px; 3825 font-size: 16px; 3826 } 3827 } 3828 3829 /* ========================= 3830 FIX MENU MOBILE RESPONSIVE 3831========================= */ 3832 @media (max-width: 768px) { 3833 3834 html, 3835 body { 3836 overflow-x: hidden !important; 3837 max-width: 100% !important; 3838 } 3839 3840 .header, 3841 .nav, 3842 .container, 3843 .nav__wrap { 3844 width: 100% !important; 3845 max-width: 100% !important; 3846 min-width: 0 !important; 3847 } 3848 3849 .container { 3850 padding-left: 12px !important; 3851 padding-right: 12px !important; 3852 margin-left: auto !important; 3853 margin-right: auto !important; 3854 } 3855 3856 .nav { 3857 overflow: hidden !important; 3858 } 3859 3860 .nav__wrap { 3861 display: block !important; 3862 padding: 8px 0 !important; 3863 min-height: auto !important; 3864 } 3865 3866 .nav__row { 3867 display: flex !important; 3868 flex-wrap: nowrap !important; 3869 overflow-x: auto !important; 3870 overflow-y: hidden !important; 3871 white-space: nowrap !important; 3872 gap: 6px !important; 3873 padding: 0 0 8px 0 !important; 3874 margin: 0 !important; 3875 list-style: none !important; 3876 -webkit-overflow-scrolling: touch; 3877 scrollbar-width: none; 3878 } 3879 3880 .nav__row::-webkit-scrollbar {
3881 display: none; 3882 } 3883 3884 .nav__item { 3885 flex: 0 0 auto !important; 3886 width: auto !important; 3887 } 3888 3889 .nav__link { 3890 display: inline-flex !important; 3891 align-items: center !important; 3892 justify-content: center !important; 3893 min-height: 36px !important; 3894 padding: 0 12px !important; 3895 font-size: 11px !important; 3896 line-height: 1 !important; 3897 white-space: nowrap !important; 3898 border-radius: 10px !important; 3899 } 3900 3901 .nav__sub, 3902 .navSub, 3903 #lestariMenu { 3904 display: none !important; 3905 } 3906 3907 .menu-plus-sticky { 3908 display: inline-flex !important; 3909 width: auto !important; 3910 max-width: 220px !important; 3911 margin-top: 8px !important; 3912 padding: 10px 14px !important; 3913 font-size: 12px !important; 3914 white-space: nowrap !important; 3915 } 3916 3917 .logo--sticky { 3918 display: none !important; 3919 } 3920 } 3921 3922 @media (max-width: 480px) { 3923 .nav__link { 3924 font-size: 10px !important; 3925 padding: 0 10px !important; 3926 min-height: 34px !important; 3927 } 3928 3929 .menu-plus-sticky { 3930 font-size: 11px !important; 3931 padding: 9px 12px !important; 3932 } 3933 } 3934 3935 .yokai-item, 3936 .toto-icon { 3937 position: relative; 3938 overflow: hidden; 3939 } 3940 3941 .yokai-item::after, 3942 .toto-icon::after { 3943 content: ""; 3944 position: absolute; 3945 top: 0; 3946 left: -130%; 3947 width: 60%; 3948 height: 100%; 3949 background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .14), transparent); 3950 transition: .8s; 3951 } 3952 3953 .yokai-item:hover::after, 3954 .toto-icon:hover::after { 3955 left: 130%; 3956 } 3957 </style> 3958
3958<script src="https://asset.kompas.com/data/2022/12/27/1003/kompascom/copy_credit.min.js"></script>
3958 3959
3959<script src="https://asset.kompas.com/data/2025/07/18/sso/js/sso_g_signin_fedcm.min.js"></script>
3959 3960
3960<script type="text/javascript">popup_enabled=["kgmModal-age","kgmModal-cookie","kgmModal-onetap-kompasplusreminder","kgmModal-verify-v2","kgmModal-onetap","kgmModal-onetap"]</script>
3960 3961
3961<script src="https://asset.kompas.com/data/2025/02/27/sso/js/popup_manager.min.js"></script>
3961 3962 <!--
3962<script src="https://asset.kompas.com/data/2017/wp/js/radio-stream.js"></script>
3962 --> 3963
3963<script src="https://asset.kompas.com/data/2017/wp/js/slick.min.js"></script>
3963 3964
3964<script src="https://asset.kompas.com/data/2017/wp/js/jquery.sticky-kit.min.js"></script>
3964 3965
3965<script src="https://asset.kompas.com/data/2017/wp/js/jquery.marquee.min.js?v=11"></script>
3965 3966
3966<script src="https://asset.kompas.com/data/2017/wp/js/jquery.lazyload.min.js"></script>
3966 3967
3967<script src="https://asset.kompas.com/data/2025/08/08/wp/desktop/js/main.min.js"></script>
3967 3968
3968<script src="https://asset.kompas.com/data/2025/01/21/sso/js/sso_personalisasi.min.js"></script>
3968 3969
3969<script src="https://asset.kompas.com/data/2025/03/11/sso/js/sdk-cookie-consent.min.js"></script>
3969 3970
3970<script src="https://asset.kompas.com/data/2025/sso/extender.min.js?v=113"></script>
3970 3971
3971<script src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=2"></script>
3971 3972
3972<script src="https://asset.kompas.com/data/2017/wp/js/main-photo-article.min.js?v=6"></script>
3972 3973
3973<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe.min.js"></script>
3973 3974
3974<script src="https://asset.kompas.com/data/2017/wp/js/photoswipe-ui-default.min.js"></script>
3974 3975
3975<script src="https://asset.kompas.com/data/2025/05/14/cuaca/desktop/js/main-article.min.js"></script>
3975 3976
3976<script src="https://asset.kompas.com/data/2017/wp/js/bootstrap-datepicker.min.js"></script>
3976 3977
3977<script src="https://asset.kompas.com/data/2017/wp/js/jquery.magnific-popup.min.js"></script>
3977 3978
3978<script src="https://asset.kompas.com/data/2025/07/18/kompascom/desktop/js/main-comment.min.js"></script>
3978 3979 <!-- infografis zoom--> 3980 <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 3981 <div class="pswp__bg"></div> 3982 <div class="pswp__scroll-wrap"> 3983 <div class="pswp__container"> 3984 <div class="pswp__item"></div> 3985 <div class="pswp__item"></div> 3986 <div class="pswp__item"></div> 3987 </div> 3988 <div class="pswp__ui pswp__ui--hidden"> 3989 <div class="pswp__top-bar"> 3990 <div class="pswp__counter"></div> 3991 <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> 3992 <button class="pswp__button pswp__button--share" title="Share"></button> 3993 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 3994 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 3995 <div class="pswp__preloader"> 3996 <div class="pswp__preloader__icn"> 3997 <div class="pswp__preloader__cut"> 3998 <div class="pswp__preloader__donut"></div> 3999 </div> 4000 </div> 4001 </div> 4002 </div> 4003 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 4004 <div class="pswp__share-tooltip"></div> 4005 </div> 4006 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> 4007 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button> 4008 <div class="pswp__caption"> 4009 <div class="pswp__caption__center"></div> 4010 </div> 4011 </div> 4012 </div> 4013 </div> 4014
4014<script>!function(){var t=(new Date).getTime();$(document.body).bind("mousemove keypress",function(e){t=(new Date).getTime()}),setTimeout(function e(){9e5<=(new Date).getTime()-t?window.location.reload(!0):setTimeout(e,1e4)},1e4)}()</script>
4014 4015
4015<script>function setCookieUkid(t,e,i){var o=new Date;o.setTime(o.getTime()+24*i*60*60*1e3);var s="expires="+o.toUTCString();document.cookie=t+"="+e+";"+s+";domain=.kompas.com;path=/;"}if(-1==document.cookie.indexOf("ukid=")){var xhttp=new XMLHttpRequest;xhttp.onreadystatechange=function(){4==this.readyState&&200==this.status&&setCookieUkid("ukid",JSON.parse(xhttp.responseText).ukid,365)},xhttp.open("GET","https://apis.kompas.com/api/activity/user",!0),xhttp.send()}</script>
4015 4016
4016<script>!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},r="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");r&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,u=e.load,c=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=u,o=c,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(u(t[e]),f(t[e]),c(t[e])))},triggerLoad:function(t){b(t)||(u(t),f(t),c(t))},observer:s}}})</script>
4016 4017
4017<script type="text/javascript">$(document).ready(function(){lozad(".lozad",{load:function(a){a.src=a.dataset.src,a.onload=function(){a.classList.add("fade")}}}).observe()})</script>
4017 4018
4018<script src="https://asset.kompas.com/data/2024/08/26/kgmverify/js/kgmverify.min.js"></script>
4018 4019
4019<script>function getCookie(name) { var name = name + '='; var cookies = decodeURIComponent(document.cookie).split(';'); for (var i = 0; i < cookies.length; i++) { var c=cookies[i]; while (c.charAt(0)==' ' ) { c=c.substring(1); } if (c.indexOf(name)==0) { return c.substring(name.length, c.length); } } } let popup_state=JSON.parse(getCookie('popup_state')); if (popup_state.active_popup_id==5) { KgmVerifyWidget({ publisher: "kompascom" }); }</script>
4019 4020
4020<script async src="https://asset.kompas.com/data/2025/02/03/1452/freepremium_newsletter.js"></script>
4020 4021
4021<script async src="https://asset.kompas.com/data/2025/01/14/js/kompasplus_reminder.js"></script>
4021 4022 <div class="modalContent reactionModal" data-modal-target="reaction-share"> 4023 <div class="modalHeader"> 4024 <div class="modalTitle"></div> 4025 <button class="button buttonDismiss modalDismiss" aria-label="Close" data-modal-button="dismiss"> 4026 <span class="icoBase icoDismiss"></span> 4027 </button> 4028 </div> 4029 <div class="modalBody socmedModal"> 4030 <div class="socmedTitle">Bagikan artikel ini melalui</div> 4031 <div class="socmedList"><a href="javascript:void(0);" class="button buttonFacebook socmedButton" role="button" aria-label="Share to Facebook"><span class="icoSocmed icoFacebook"></span><span class="socmedTxt">Facebook</span></a><a href="javascript:void(0);" class="button buttonTwitter socmedButton" role="button" aria-label="Share to Twitter"><span class="icoSocmed icoTwitter"></span><span class="socmedTxt">X</span></a><a href="javascript:void(0);" class="button buttonWhatsapp socmedButton" role="button" aria-label="Share to Whatsapp"><span class="icoSocmed icoWhatsapp"></span><span class="socmedTxt">Whatsapp</span></a><a target="_blank" href="javascript:void(0);" class="button buttonLine socmedButton" role="button" aria-label="Share to Line"><span class="icoSocmed icoLine"></span><span class="socmedTxt">Line</span></a><a href="javascript:void(0);" class="button buttonTelegram socmedButton" role="button" aria-label="Share to Telegram"><span class="icoSocmed icoTelegram"></span><span class="socmedTxt">Telegram</span></a><a href="javascript:void(0);" class="button buttonCopyLink socmedButton" role="button" aria-label="Share to Copy Link" data-form="copyLinkUrl" data-copy="copy-url" data-title="URL Berhasil disalin"><span class="icoSocmed icoCopyLink"></span><span class="socmedTxt">Copy Link</span></a></div> 4032 <textarea class="socmedSrc" type="text" id="copyLinkUrl" value="" style="display: none;"></textarea> 4033 </div> 4034 </div> 4035
4035<script> 4036 (function() { 4037 $('body').on('click', '.reaction > * .buttonShare, .listPop > * .buttonShare', function(e) { 4038 if ($(this).data("type") == 'buku') { 4039 let title = $(this).data("title"); 4040 let url = $(this).data("url").replace('http://', 'https://'); 4041 let copy_link = url; 4042 let modals = $('.reactionModal'); 4043 modals.find('.modalTitle').html(title); 4044 modals.find('#copyLinkUrl').html(copy_link); 4045 modals.find('.socmedTitle').html('Bagikan buku ini melalui'); 4046 modals.find('.buttonFacebook').attr("onclick", `fb_share('$MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong','$https://msot88.co/')`); 4047 modals.find('.buttonTwitter').attr("onclick", `tweet_share('$https://msot88.co/')`); 4048 modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('', '$https://msot88.co/')`); 4049 modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?$https://msot88.co/`); 4050 modals.find('.buttonTelegram').attr("onclick", `telegram_share('$MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong', '$https://msot88.co/')`); 4051 } else { 4052 let title = $(this).data("title"); 4053 let url = $(this).data("url").replace('http://', 'https://'); 4054 let campaign = $(this).data("campaign"); 4055 let modals = $('.reactionModal'); 4056 let tagline_tw = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus2 \\nDownload aplikasi: https://kmp.im/app2'; 4057 let tagline_wa = ''; //'\\n\\nKompascom+ baca berita tanpa iklan: https://kmp.im/plus3 \\nDownload aplikasi: https://kmp.im/app3'; 4058 let tagline_ln = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus4%0D%0ADownload aplikasi: https://kmp.im/app4'; 4059 let tagline_tg = ''; //'%0D%0A%0D%0AKompascom%2B baca berita tanpa iklan: https://kmp.im/plus5%0D%0ADownload aplikasi: https://kmp.im/app5'; 4060 let type = $(this).data("type") ? $(this).data("type") : 'article'; 4061 let title_klik = (type == 'article') ? 'Klik untuk baca' : 'Klik untuk lihat video'; 4062 let title_wa = '*' + title + '*\\n\\n' + title_klik + ':\\n'; 4063 let title_tele = '**' + title + '**'; 4064 let utm_campaign = custom_utm_campaign(); 4065 let copy_link = url + '?utm_source=Various&utm_medium=Referral&utm_campaign=' + utm_campaign; 4066 modals.find('.modalTitle').html(title); 4067 modals.find('#copyLinkUrl').html(copy_link); 4068 modals.find('.buttonFacebook').attr("onclick", `fb_share('$MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong','$https://msot88.co/?utm_source=Facebook&utm_medium=Referral&utm_campaign=${utm_campaign}')`); 4069 if (title.length < 200) { 4070 modals.find('.buttonTwitter').attr("onclick", `tweet_share('$MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong\\n\\n` + title_klik + `: $https://msot88.co/?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_tw}')`); 4071 } else { 4072 modals.find('.buttonTwitter').attr("onclick", `tweet_share('$MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong\\n\\n` + title_klik + `: $https://msot88.co/?utm_source=Twitter&utm_medium=Referral&utm_campaign=${utm_campaign}')`); 4073 } 4074 modals.find('.buttonWhatsapp').attr("onclick", `whatsapp_share_new('${title_wa}', '$https://msot88.co/?utm_source=Whatsapp&utm_medium=Referral&utm_campaign=${utm_campaign}${tagline_wa}')`); 4075 modals.find('.buttonLine').attr("href", `https://line.me/R/msg/text/?$MINIONSLOT88 : Link Tampilan Terbaru Situs MSOT88 Dari Slot Mahjong%0D%0A%0D%0A` + title_klik + `:%0D%0A$https://msot88.co/%3Futm_source=Line%26utm_medium=Referral%26utm_campaign=${utm_campaign}${tagline_ln}`); 4076 modals.find('.buttonTelegram').attr("onclick", `telegram_share('${title_tele}', '$https://msot88.co/?utm_source=Telegram&utm_medium=Referral&utm_campaign=${utm_campaign}', '${tagline_tg}')`); 4077 } 4078 openModal('reaction-share'); 4079 }); 4080 })(); 4081 4082 function custom_utm_campaign() { 4083 if (window.location.hostname.indexOf('activity') == 0) { 4084 if (window.location.pathname == '/saved') { 4085 return 'Saved_Desktop' 4086 } else if (window.location.pathname == '/like') { 4087 return 'Liked_Desktop' 4088 } 4089 } else { 4090 var el_socmedList = document.querySelector('.socmedList'); 4091 if (!!el_socmedList) { 4092 var data_area = el_socmedList.getAttribute('data-area'); 4093 if (data_area == 'top') {
4094 return 'Top_Desktop' 4095 } else if (data_area == 'bottom') { 4096 return 'Bottom_Desktop' 4097 } else { 4098 return 'AIML_Widget_Desktop' 4099 } 4100 } 4101 } 4102 return 'Sticky_Desktop' 4103 } 4104 </script>
4104 4105 <!-- reaction toast --> 4106 <div class="toast" data-toast="bottom"> 4107 <div class="toastContent"></div> 4108 <a href="#" class="button buttonDismiss toastDismiss" aria-label="Dismiss" role="button" data-toast-button="dismiss">Oke</a> 4109 </div> 4110
4110<script> 4111 var el_badge = document.querySelector('.sso__badge') 4112 var el_badge_menu = document.querySelector('.sso__badge__inline') 4113 4114 function checkSession() { 4115 var badge_temp_session = getCookie("_badge_temp_session") 4116 var badge_session = getCookie("badge_session") 4117 var badge_first_click = getCookie("badge_first_click"); 4118 if (badge_temp_session == "" && badge_session == "") { 4119 setCookie("_badge_temp_session", 1) 4120 setCookie("badge_session", 1, 8760) 4121 // console.log("test badge temp 1") 4122 } else if (badge_temp_session == "" && badge_session == 1) { 4123 setCookie("_badge_temp_session", 1) 4124 setCookie("badge_session", 2, 8760) 4125 // console.log("test badge temp 2") 4126 } else if (badge_temp_session == "" && badge_session == 2 && badge_first_click == 1) { 4127 setCookie("_badge_temp_session", 1) 4128 setCookie("badge_session", 3, 8760) 4129 // console.log("test badge temp 3") 4130 } 4131 setCookie("_badge_temp_session", 1) 4132 } 4133 checkSession() 4134 4135 function checkCookieBadgeNps() { 4136 var badge_session = getCookie("badge_session") 4137 var badge_first_click = getCookie("badge_first_click") 4138 var click_icon_badge = getCookie("click_icon_badge") 4139 var feedback_click = getCookie("feedback_click_badge") 4140 // show badge jika sesi berikutnya 4141 if (badge_session == 2) { 4142 el_badge.style.display = "block" 4143 el_badge_menu.style.display = "block" 4144 // console.log("test 1") 4145 } 4146 // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali, maka hide badge icon login 4147 if (badge_session == 2 && badge_first_click == 1) { 4148 el_badge.style.display = "none" 4149 // console.log("test 2") 4150 // jika tidak cek, 4151 // jika ada di sesi berikutnya dan telah click badge icon utk pertama kali 4152 // atau jika di sesi berikutnya dan cookie click icon badge expired 4153 // atau jika di sesi berikutnya dan cookie badge feedback success expired 4154 } else if ((badge_session == 3 && badge_first_click == 1) || (badge_session == 3 && document.cookie.indexOf("click_icon_badge=") == -1) || (badge_session == 3 && document.cookie.indexOf("badge_feedback_success=") == -1)) { 4155 el_badge.style.display = "block" 4156 el_badge_menu.style.display = "block" 4157 // console.log("test 3") 4158 } 4159 // hide jika ada cookie click icon badge masih aktif 4160 // utk cek cookie 2 jam, 1 hari, 1 minggu dan 4 minggu. 4161 if (document.cookie.indexOf("click_icon_badge=") != -1) { 4162 el_badge.style.display = "none" 4163 // console.log("test 4") 4164 } 4165 // jika "Berikan masukkanmu" telah dikilk, maka hide 4166 // jika tidak cek jika sesi > 1 dan cookie feedback click badge "Berikan masukkanmu" expired, maka show 4167 if (document.cookie.indexOf("feedback_click_badge=") != -1) { 4168 el_badge_menu.style.display = "none" 4169 // console.log("test 5") 4170 } else if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge=") == -1) { 4171 el_badge_menu.style.display = "block" 4172 // console.log("test 6") 4173 } 4174 // hide jika telah memberi penilaian 4175 if (document.cookie.indexOf("badge_feedback_success=") != -1) { 4176 el_badge.style.display = "none" 4177 el_badge_menu.style.display = "none" 4178 // console.log("test 7") 4179 } 4180 } 4181 checkCookieBadgeNps() 4182 var sso__icon__login_top = document.getElementById('sso__icon__login_top') 4183 sso__icon__login_top.addEventListener('click', function() { 4184 var badge_session = getCookie("badge_session") 4185 var badge_first_click = getCookie("badge_first_click") 4186 var feedback_success = getCookie("badge_feedback_success") 4187 var click_icon_badge = getCookie("click_icon_badge") 4188 var click_icon_counter_badge = getCookie("click_icon_counter_badge") 4189 if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { 4190 // click untuk pertama kali di sesi berikutnya 4191 if (badge_session == 2 && badge_first_click == "") { 4192 el_badge.style.display = "none" 4193 el_badge_menu.style.display = "block"
4194 setCookie("badge_first_click", 1, 8760) 4195 // console.log("click 1") 4196 // click jika sesi berikutnya setelah mengklik icon badge utk pertama kali 4197 } else { 4198 // jika belum ada cookie click icon badge 4199 // dan ada di sesi berikutnya setelah click icon pertama kali 4200 // dan counter click icon kosong atau 0 4201 if (badge_session == 3 && click_icon_badge == "" && (click_icon_counter_badge == "" || click_icon_counter_badge == 0)) { 4202 setCookie("click_icon_counter_badge", 1, 8760) 4203 setCookie("click_icon_badge", 1, 2) 4204 el_badge.style.display = "none" 4205 el_badge_menu.style.display = "block" 4206 // console.log("clicked 1") 4207 // Jika cookie badge click icon expired dan counter = 1, maka set 1 hari 4208 } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 1) { 4209 setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760) 4210 setCookie("click_icon_badge", 2, 24) 4211 el_badge.style.display = "none" 4212 el_badge_menu.style.display = "block" 4213 // console.log("clicked 2") 4214 // Jika cookie badge click icon expired dan counter = 2, maka set 1 minggu 4215 } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge == 2) { 4216 setCookie("click_icon_counter_badge", parseInt(click_icon_counter_badge) + 1, 8760) 4217 setCookie("click_icon_badge", 3, 168) 4218 el_badge.style.display = "none" 4219 el_badge_menu.style.display = "block" 4220 // console.log("clicked 3") 4221 // Jika cookie badge click icon expired dan counter lebih dari 2, maka set 4 minggu 4222 } else if (document.cookie.indexOf("click_icon_badge=") == -1 && click_icon_counter_badge > 2) { 4223 setCookie("click_icon_counter_badge", 0, 8760) // reset badge counter click icon 4224 setCookie("click_icon_badge", 4, 672) 4225 el_badge.style.display = "none" 4226 el_badge_menu.style.display = "block" 4227 // console.log("clicked 4") 4228 } 4229 // console.log("click 2") 4230 } 4231 // jika feedback click expired dan counter >= 0, maka show 4232 var feedback_click_counter = getCookie("feedback_click_counter_badge") 4233 if (badge_session > 1 && document.cookie.indexOf("feedback_click_badge") == -1 && feedback_click_counter >= 0) { 4234 el_badge_menu.style.display = 'block' 4235 } 4236 } 4237 }) 4238 var feedback__item = document.getElementById('feedback__item') 4239 feedback__item.addEventListener("click", function() { 4240 var feedback_click = getCookie("feedback_click_badge") 4241 var feedback_success = getCookie("badge_feedback_success") 4242 var feedback_click_counter = getCookie("feedback_click_counter_badge") 4243 if (feedback_success == "" || document.cookie.indexOf("badge_feedback_success=") == -1) { 4244 // jika belum ada cookie feedback click counter, maka set 2 jam 4245 if (feedback_click_counter == "" || feedback_click_counter == 0) { 4246 setCookie("feedback_click_counter_badge", 1, 8760) 4247 setCookie("feedback_click_badge", 1, 2) 4248 el_badge_menu.style.display = "none" 4249 // console.log("feedback clicked 1") 4250 // Jika cookie feedback click badge expired dan counter 1, maka set 1 hari 4251 } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 1) { 4252 setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760) 4253 setCookie("feedback_click_badge", 2, 24) 4254 el_badge_menu.style.display = "none" 4255 // console.log("feedback clicked 2") 4256 // Jika cookie feedback click badge expired dan counter 2, maka set 1 minggu 4257 } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter == 2) {
4258 setCookie("feedback_click_counter_badge", parseInt(feedback_click_counter) + 1, 8760) 4259 setCookie("feedback_click_badge", 3, 168) 4260 el_badge_menu.style.display = "none" 4261 // console.log("feedback clicked 3") 4262 // Jika cookie feedback click badge expired dan counter > 2, maka set 4 minggu 4263 } else if (document.cookie.indexOf("feedback_click_badge=") == -1 && feedback_click_counter > 2) { 4264 setCookie("feedback_click_counter_badge", 0, 8760) 4265 setCookie("feedback_click_badge", 4, 672) 4266 el_badge_menu.style.display = "none" 4267 // console.log("feedback clicked 4") 4268 } else { 4269 // jika di sesi sebelumnya sudah diklik tapi belum isi feedback 4270 el_badge_menu.style.display = "none" 4271 // console.log("feedback clicked 5") 4272 } 4273 } 4274 }) 4275 4276 function setCookie(name, value, hour) { 4277 var expires = ""; 4278 if (hour) { 4279 var date = new Date(); 4280 date.setTime(date.getTime() + (hour * 60 * 60 * 1000)); 4281 expires = "; expires=" + date.toUTCString(); 4282 } 4283 document.cookie = name + "=" + (value || "") + expires + "; ;domain=.kompas.com;path=/"; 4284 } 4285 4286 function getCookie(cname) { 4287 var name = cname + "="; 4288 var decodedCookie = decodeURIComponent(document.cookie); 4289 var ca = decodedCookie.split(';'); 4290 for (var i = 0; i < ca.length; i++) { 4291 var c = ca[i]; 4292 while (c.charAt(0) == ' ') { 4293 c = c.substring(1); 4294 } 4295 if (c.indexOf(name) == 0) { 4296 return c.substring(name.length, c.length); 4297 } 4298 } 4299 return ""; 4300 } 4301 // action create cookie badge_feedback_success expired 90 hari 4302 var onSubmitNps = document.getElementById("nps-submit") 4303 if (onSubmitNps !== null) { 4304 onSubmitNps.addEventListener("click", function(e) { 4305 // e.preventDefault() 4306 setCookie("badge_feedback_success", 1, 2160) 4307 }) 4308 } 4309 </script>
4309 4310
4310<script>const showAllBtnJs = document.querySelector('#show_all_news') if (!!showAllBtnJs) { showAllBtnJs.addEventListener('click', function() { const startPage = showAllBtnJs.dataset.startPage const url = new URL(window.location.href); window.location.href = `${url.origin}${url.pathname}?page=all#page${startPage}`; }) }</script>
4310 4311 <section class="kgmModal -hide" id="kgmModal-onetap" data-event-category="KG Media ID Account" data-event-action="View KG Onetap" data-event-label="" data-event-track="impression" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close"> 4312 <div class="kgmModal-block"> 4313 <div class="kgmModal-header"> 4314 <div class="kgmModal-header-inner"> 4315 <div class="kgmModal-header-logo"> 4316 <img class="lozad" data-src="https://asset.kompas.com/data/2023/03/30/kompascom/images/logo-kompascom.svg?v=1" alt="logo-Kompas.com"> 4317 </div> 4318 <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="Tags Button" data-event-track="click" data-url="" type="button" id="kgmModal-onetap-close-tag" class="kgmModal-close" style="display:none;"></button> 4319 <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="See All Button" data-event-track="click" type="button" id="kgmModal-onetap-close-page" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button> 4320 <button data-event-category="KG Media ID Account" data-event-action="ClickClose KG Onetap" data-event-label="" data-event-track="click" type="button" id="kgmModal-onetap-close-iteraction" onclick="document.getElementById('kgmModal-onetap').classList.add('-hide');oneTapHide();return false;" class="kgmModal-close" style="display:none;"></button> 4321 </div> 4322 </div> 4323 <div class="kgmModal-body"> 4324 <div class="kgmModal-center"> 4325 <div class="kgmModal-title" id="kgmModal-title">Join Sekarang Juga Untuk Info Lebih Lanjut Hanya Di MINIONSLOT88</div> 4326 </div> 4327 <div class="kgmModal-onetap"> 4328 <!-- google --> 4329 <div class="form-google"> 4330 <div id="kgOne1"> 4331 <div id="g_id_onload" data-client_id="776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-service="a29tcGFz" data-continue="aHR0cHM6Ly93d3cua29tcGFzLmNvbS9qYXdhLWJhcmF0L3JlYWQvMjAyNS8wOS8wNC8xNzIwMDAzODgva29tcG9sLWNvc21hcy1kaXBlY2F0LXRpZGFrLWhvcm1hdC1wZXJuYWgtdGVyc2VyZXQta2FzdXMtcGVueWlyYW1hbj91dG1fc291cmNlPWxvZ2luX2tnb25ldGFw" data-login_uri="https://account.kompas.com/social/user" data-scope="public_profile,email,openid" data-provider="google" data-nonce="" data-auto_prompt="false"></div> 4332 <div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="filled_blue" data-text="continue_with" data-size="large" data-logo_alignment="left" onclick="actionGoogleLogin()"> 4333 <div class="S9gUrf-YoZ4jf" style="position: relative;" onclick="actionGoogleLogin()"> 4334 <div> 4335 <div tabindex="0" role="button" aria-labelledby="button-label" class="nsm7Bb-HzV7m-LgbsSe hJDwNd-SxQuSe MFS4be-v3pZbf-Ia7Qfc MFS4be-Ia7Qfc uaxL4e-RbRzK"> 4336 <div class="nsm7Bb-HzV7m-LgbsSe-MJoBVe"></div> 4337 <div class="nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb "> 4338 <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf"> 4339 <div class="nsm7Bb-HzV7m-LgbsSe-Bz112c"> 4340 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="LgbsSe-Bz112c"> 4341 <g> 4342 <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path> 4343 <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path> 4344 <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path> 4345 <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path> 4346 <path fill="none" d="M0 0h48v48H0z"></path> 4347 </g> 4348 </svg> 4349 </div> 4350 </div>
4351 <span class="nsm7Bb-HzV7m-LgbsSe-BPrWId">Continue with Google</span> 4352 <span class="L6cTce" id="button-label">Continue with Google</span> 4353 </div> 4354 </div> 4355 </div> 4356 <div id="gsi_42450_629583-wrapper" class="L5Fo6c-sM5MNb"> 4357 <iframe src="https://accounts.google.com/gsi/button?type=standard&shape=rectangular&theme=filled_blue&text=continue_with&size=large&logo_alignment=left&client_id=776828813358-infk4sje3q07sa8mg8n6lq1mk2pdkkua.apps.googleusercontent.com&iframe_id=gsi_42450_629583&as=JlGuvviOkWwkjKNkPHeL8A" allow="identity-credentials-get" id="gsi_42450_629583" title="Sign in with Google Button" style="display: block; position: relative; top: 0px; left: 0px; height: 0px; width: 0px; border: 0px;" tabindex="-1"></iframe> 4358 <div id="gsi_42450_629583-overlay" class="L5Fo6c-bF1uUb" tabindex="0"></div> 4359 </div> 4360 </div> 4361 </div> 4362 </div> 4363 <div id="kgOne2" style="display:none;"> 4364 <div id="googleLgnBtn"></div> 4365 </div> 4366 </div> 4367 <!-- screen 1 --> 4368 <!-- screen 2 --> 4369 <!-- screen 3 --> 4370 </div> 4371 <div class="kgmModal-divider -clean"> 4372 <span>atau</span> 4373 </div> 4374 <div class="kgmModal-method"> 4375 <a href="https://link.msot88.world/">Gunakan metode lain</a> 4376 </div> 4377 </div> 4378 <div class="kgmModal-footer"> 4379 <div class="kgmModal-info">Dengan login, kamu menyetujui <a href="https://www.armchair-travel.com" target="_blank">Kebijakan Data Pribadi</a> 4380 </div> 4381 </div> 4382 </div> 4383 </section> 4384
4384<script src="https://accounts.google.com/gsi/client" async defer></script>
4384 4385
4385<script> 4386 var url_continue = "https://msot88.co/"; 4387 4388 function oneTapShow(tipe = '') { 4389 let otd = document.getElementById('kgmModal-onetap') 4390 if (!!otd) { 4391 let kgOne1 = document.getElementById('kgOne1'); 4392 let kgOne2 = document.getElementById('kgOne2'); 4393 kgOne2.style.display = 'none'; 4394 kgOne1.style.display = 'block'; 4395 otd.classList.remove('-hide'); 4396 document.body.classList.add('-locked'); 4397 } 4398 } 4399 4400 function oneTapHide() { 4401 let otd = document.getElementById('kgmModal-onetap') 4402 if (!!otd) { 4403 otd.classList.add('-hide'); 4404 document.body.classList.remove('-locked'); 4405 } 4406 } 4407 4408 function hideButtonClose() { 4409 document.getElementById('kgmModal-onetap-close-tag').style.display = 'none'; 4410 document.getElementById('kgmModal-onetap-close-page').style.display = 'none'; 4411 document.getElementById('kgmModal-onetap-close-iteraction').style.display = 'none'; 4412 } 4413 // // // start all kanal tag rule 4414 // document.querySelectorAll(".tag__article__link").forEach(element => element.addEventListener('click', event => { 4415 // event.preventDefault() 4416 // hideButtonClose(); 4417 // var kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag'); 4418 // kgmModalOneTapClose.style.display = "block"; 4419 // kgmModalOneTapClose.dataset.url = element.getAttribute("href"); 4420 // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger=tags_btn') 4421 // document.getElementById('kgmModal-title').innerHTML = 'Baca berita bertopik serupa dengan login menggunakan akun kamu'; 4422 // var script = document.createElement("script"); 4423 // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 4424 // document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Tags Button'; 4425 // oneTapShow(); 4426 // })); 4427 // let kgmModalOneTapClose = document.getElementById('kgmModal-onetap-close-tag'); 4428 // if (!!kgmModalOneTapClose) { 4429 // kgmModalOneTapClose.addEventListener('click', function (e) { 4430 // var url_tag = kgmModalOneTapClose.dataset.url; 4431 // window.location.href = url_tag; 4432 // }); 4433 // } 4434 // // end all kanal tag rule 4435 // 4436 // start food tag rule 4437 let pageShow = document.getElementById('show_all'); 4438 if (!!pageShow) { 4439 pageShow.addEventListener('click', function(e) { 4440 hideButtonClose(); 4441 var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); 4442 kgmModalOneTapPage.style.display = "block"; 4443 document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=seeall_btn'); 4444 document.getElementById('kgmModal-title').innerHTML = 'Login untuk akses baca lebih lengkap'; 4445 var script = document.createElement("script"); 4446 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 4447 document.getElementById('kgmModal-onetap').dataset.eventLabel = 'See All Button'; 4448 oneTapShow(); 4449 }); 4450 } 4451 $(document).on("click", "#commentFormLogin", function() { 4452 var komentar_url = $(this).data('komentar-url'); 4453 hideButtonClose(); 4454 var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); 4455 kgmModalOneTapPage.style.display = "block"; 4456 document.getElementById('g_id_onload').dataset.continue = btoa(komentar_url + '?lgn_source=kgonetap&lgn_trigger=comment_article'); 4457 document.getElementById('kgmModal-title').innerHTML = 'Login untuk menyampaikan komentarmu.'; 4458 var script = document.createElement("script"); 4459 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 4460 document.getElementById('kgmModal-onetap').dataset.eventLabel = 'Comment Article'; 4461 oneTapShow(); 4462 }); 4463 document.addEventListener('DOMContentLoaded', function() { 4464 const elementKgOneTapAction = document.querySelectorAll('[data-kgonetap-action]'); 4465 if (!!elementKgOneTapAction) { 4466 elementKgOneTapAction.forEach(function(el) { 4467 el.addEventListener('click', function() {
4468 const kgOneTapAction = el.getAttribute('data-kgonetap-action'); 4469 let kgOneTapTitle = 'Login untuk menyampaikan komentarmu.'; 4470 let lgnTrigger = ''; 4471 let eventLabel = 'See All Button'; 4472 if (kgOneTapAction == 'COMMENT_POST') { 4473 kgOneTapTitle = 'Login untuk menyampaikan komentarmu.'; 4474 lgnTrigger = 'comment_post_btn'; 4475 eventLabel = 'Comment Post Button'; 4476 } else if (kgOneTapAction == 'COMMENT_LIKE') { 4477 kgOneTapTitle = 'Login untuk menyukai komentar ini'; 4478 lgnTrigger = 'comment_like_btn'; 4479 eventLabel = 'Comment Like Button'; 4480 } else if (kgOneTapAction == 'COMMENT_DISLIKE') { 4481 kgOneTapTitle = 'Login untuk menanggapi komentar ini'; 4482 lgnTrigger = 'comment_dislike_btn'; 4483 eventLabel = 'Comment Disike Button'; 4484 } else if (kgOneTapAction == 'COMMENT_REPLY') { 4485 kgOneTapTitle = 'Login untuk membalas komentar ini'; 4486 lgnTrigger = 'comment_reply_btn'; 4487 eventLabel = 'Comment Reply Button'; 4488 el.querySelector('.commentButton').textContent = 'Balas'; 4489 el.closest('.commentItem').querySelector('.reply_form').style.display = 'none'; 4490 } else if (kgOneTapAction == 'MYVALUE_CLAIM') { 4491 kgOneTapTitle = 'Login untuk mendapatkan voucher'; 4492 lgnTrigger = 'claim_voucher_button'; 4493 eventLabel = 'Claim Voucher Button'; 4494 } 4495 hideButtonClose(); 4496 var kgmModalOneTapPage = document.getElementById('kgmModal-onetap-close-page'); 4497 kgmModalOneTapPage.style.display = "block"; 4498 document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + lgnTrigger); 4499 document.getElementById('kgmModal-title').innerHTML = kgOneTapTitle; 4500 var script = document.createElement("script"); 4501 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 4502 const dataEventLabel = document.getElementById('kgmModal-onetap'); 4503 if (!!dataEventLabel) { 4504 dataEventLabel.dataset.eventLabel = eventLabel; 4505 const otherDataEventLabel = dataEventLabel.querySelectorAll('[data-event-label]'); 4506 if (!!otherDataEventLabel) { 4507 otherDataEventLabel.forEach(function(label) { 4508 label.dataset.eventLabel = eventLabel 4509 }) 4510 } 4511 } 4512 oneTapShow(); 4513 }); 4514 }); 4515 } 4516 }) 4517 // start reaction rule 4518 document.querySelectorAll(".reactionIteration").forEach(element => element.addEventListener('click', event => { 4519 hideButtonClose(); 4520 var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction'); 4521 kgmModalOneTapIteraction.style.display = "block"; 4522 var trigger_touch_point = 'click_like'; 4523 var label = 'Like'; 4524 var title = 'Suka konten ini? Login untuk menyimpan preferensimu'; 4525 if (element.dataset.ttp == 'dislike') { 4526 trigger_touch_point = 'click_dislike'; 4527 label = 'Dislike'; 4528 title = 'Kurang suka konten ini? Login untuk menyimpan preferensimu'; 4529 } else if (element.dataset.ttp == 'bookmark') { 4530 trigger_touch_point = 'click_bookmark'; 4531 label = 'Bookmark'; 4532 title = 'Login untuk simpan dan baca nanti'; 4533 } else if (element.dataset.ttp == 'like_comment') { 4534 trigger_touch_point = 'click_like_comment'; 4535 label = 'Like Comment' 4536 title = 'Login untuk kasih jempol buat komentar ini.'; 4537 } else if (element.dataset.ttp == 'dislike_comment') { 4538 trigger_touch_point = 'click_dislike_comment'; 4539 label = 'Dislike Comment' 4540 title = 'Tidak setuju dengan komentar ini? Login untuk ikut menanggapi'; 4541 } 4542 // document.getElementById('g_id_onload').dataset.continue = btoa(url_continue+'?lgn_source=kgonetap&lgn_trigger='+trigger_touch_point) 4543 document.getElementById('kgmModal-title').innerHTML = title; 4544 // var script = document.createElement("script"); 4545 // (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 4546 // document.getElementById('kgmModal-onetap').dataset.eventLabel = label 4547 // document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label 4548 oneTapShow('reaction'); 4549 })); 4550 // end reaction rule 4551 // start comment rule 4552 let CommentShow = document.getElementById('btnSendIteration'); 4553 if (!!CommentShow) { 4554 CommentShow.addEventListener('click', function(e) { 4555 hideButtonClose(); 4556 var kgmModalOneTapIteraction = document.getElementById('kgmModal-onetap-close-iteraction'); 4557 kgmModalOneTapIteraction.style.display = "block"; 4558 var trigger_touch_point = 'click_post_comment'; 4559 var label = 'Post Comment' 4560 var title = 'Login untuk menyampaikan komentarmu.'; 4561 document.getElementById('g_id_onload').dataset.continue = btoa(url_continue + '?lgn_source=kgonetap&lgn_trigger=' + trigger_touch_point) 4562 document.getElementById('kgmModal-title').innerHTML = title; 4563 var script = document.createElement("script"); 4564 (script.src = "https://accounts.google.com/gsi/client"), (script.defer = !0), (script.async = !0), document.head.appendChild(script); 4565 document.getElementById('kgmModal-onetap').dataset.eventLabel = label 4566 document.getElementById('kgmModal-onetap-close-iteraction').dataset.eventLabel = label 4567 oneTapShow(); 4568 }); 4569 } 4570 // end comment rule 4571 function getMeta(metaName) { 4572 const metas = document.getElementsByTagName('meta'); 4573 for (let i = 0; i < metas.length; i++) { 4574 if (metas[i].getAttribute('name') === metaName) { 4575 return metas[i].getAttribute('content'); 4576 } 4577 } 4578 return ''; 4579 } 4580 const closeModalOneTap = document.querySelector('#kgmModal-onetap-close-iteraction'); 4581 if (!!closeModalOneTap) { 4582 closeModalOneTap.addEventListener('click', function() { 4583 localStorage.removeItem('reaction_like_temp') 4584 localStorage.removeItem('reaction_dislike_temp') 4585 localStorage.removeItem('reaction_bookmark_temp') 4586 }) 4587 } 4588 </script>
4588 4589
4589<script> 4590 var addebug = document.querySelectorAll('.cpRight'); 4591 for (i = 0; i < addebug.length; ++i) { 4592 addebug[i].addEventListener('click', function handleClick() { 4593 googletag.openConsole(); 4594 }); 4595 }; 4596 </script>
4596 4597
4597<script> 4598 var inject_baca_juga = document.getElementsByClassName('inject-baca-juga'); 4599 if (inject_baca_juga.length > 0) { 4600 var xhr_auto_baca_juga = new XMLHttpRequest(); 4601 xhr_auto_baca_juga.open("POST", "https://recommendation.kgdata.dev/rec/kompascom/api/v2/recommendation/item", true); 4602 xhr_auto_baca_juga.setRequestHeader("Content-Type", "application/json"); 4603 xhr_auto_baca_juga.onreadystatechange = function() { 4604 if (xhr_auto_baca_juga.readyState === 4 && xhr_auto_baca_juga.status === 200) { 4605 var json_baca_juga = JSON.parse(xhr_auto_baca_juga.responseText); 4606 for (var i = 0; i < inject_baca_juga.length; i++) { 4607 inject_baca_juga[i].innerHTML = ' < p > < strong > Baca juga: < a href = "'+json_baca_juga.items[i].url.replace('http:/','https:/')+'?source=bacajuga&engine=C" 4608 class = "inner-link-baca-juga" 4609 target = "_self" > '+json_baca_juga.items[i].title+' < /a> < /strong> < /p>'; 4610 } 4611 } 4612 }; 4613 var data = JSON.stringify({ 4614 "pageurl": "https://msot88.co/", 4615 "pagetype": "baca-juga" 4616 }); 4617 xhr_auto_baca_juga.send(data); 4618 } 4619 </script>
4619 4620 <!-- Custom Welcome Popup --> 4621 <style> 4622 .r22-popup-overlay { 4623 position: fixed; 4624 inset: 0; 4625 z-index: 999999; 4626 display: none; 4627 align-items: center; 4628 justify-content: center; 4629 padding: 18px; 4630 background: rgba(0, 0, 0, 0.78); 4631 backdrop-filter: blur(6px); 4632 } 4633 4634 .r22-popup-overlay.is-active { 4635 display: flex; 4636 } 4637 4638 .r22-popup-box { 4639 position: relative; 4640 width: min(550px, 95vw); 4641 overflow: hidden; 4642 border-radius: 18px; 4643 border: 1px solid rgba(255, 205, 70, 0.72); 4644 background: 4645 linear-gradient(145deg, rgba(12, 8, 0, 0.98), rgba(35, 24, 3, 0.98)); 4646 box-shadow: 4647 0 0 20px rgba(255, 200, 60, 0.35), 4648 0 0 70px rgba(255, 184, 28, 0.20), 4649 inset 0 0 18px rgba(255, 218, 90, 0.12); 4650 animation: r22PopupIn 0.28s ease-out; 4651 } 4652 4653 .r22-popup-close { 4654 position: absolute; 4655 top: 10px; 4656 right: 10px; 4657 z-index: 3; 4658 width: 34px; 4659 height: 34px; 4660 border: 1px solid rgba(255, 215, 95, 0.8); 4661 border-radius: 50%; 4662 background: rgba(0, 0, 0, 0.72); 4663 color: #ffe18a; 4664 font-size: 24px; 4665 line-height: 30px; 4666 font-weight: 700; 4667 cursor: pointer; 4668 transition: 0.2s ease; 4669 } 4670 4671 .r22-popup-close:hover { 4672 transform: scale(1.06); 4673 background: #2d1800; 4674 color: #ffffff; 4675 } 4676 4677 /* BANNER KOTAK */ 4678 .r22-popup-image { 4679 display: block; 4680 width: 100%; 4681 aspect-ratio: 1 / 1; 4682 object-fit: cover; 4683 object-position: center; 4684 } 4685 4686 .r22-popup-actions { 4687 display: flex; 4688 gap: 14px; 4689 justify-content: center; 4690 align-items: center; 4691 padding: 16px 18px 20px; 4692 background: 4693 radial-gradient(circle at center, rgba(255, 196, 46, 0.18), transparent 55%), 4694 linear-gradient(180deg, rgba(16, 10, 0, 0.96), rgba(0, 0, 0, 0.98)); 4695 } 4696 4697 .r22-popup-btn { 4698 flex: 1; 4699 max-width: 260px; 4700 display: inline-flex; 4701 align-items: center; 4702 justify-content: center; 4703 min-height: 46px; 4704 padding: 12px 22px; 4705 border-radius: 999px; 4706 text-decoration: none; 4707 text-transform: uppercase; 4708 font-weight: 900; 4709 letter-spacing: 0.7px; 4710 color: #1b1000 !important; 4711 background: linear-gradient(180deg, #fff3a6 0%, #f6c941 42%, #b67800 100%); 4712 border: 1px solid #ffe58c; 4713 box-shadow: 4714 0 4px 0 #6a3c00, 4715 0 0 16px rgba(255, 202, 60, 0.45); 4716 transition: 0.18s ease; 4717 } 4718 4719 .r22-popup-btn:hover { 4720 transform: translateY(-2px); 4721 filter: brightness(1.08); 4722 text-decoration: none; 4723 } 4724 4725 .r22-popup-btn.r22-register { 4726 color: #ffffff !important; 4727 background: linear-gradient(180deg, #ff5b5b 0%, #d71920 45%, #810000 100%); 4728 border-color: #ff8a8a; 4729 box-shadow: 4730 0 4px 0 #4d0000, 4731 0 0 16px rgba(255, 48, 48, 0.42); 4732 } 4733 4734 body.r22-popup-open { 4735 overflow: hidden; 4736 } 4737 4738 @keyframes r22PopupIn { 4739 from { 4740 opacity: 0; 4741 transform: translateY(18px) scale(0.97); 4742 } 4743 4744 to { 4745 opacity: 1; 4746 transform: translateY(0) scale(1); 4747 } 4748 } 4749 4750 @media (max-width: 640px) { 4751 .r22-popup-overlay { 4752 padding: 12px; 4753 } 4754 4755 .r22-popup-box { 4756 width: 95vw; 4757 border-radius: 14px; 4758 } 4759 4760 .r22-popup-image { 4761 aspect-ratio: 1 / 1; 4762 object-fit: cover; 4763 } 4764 4765 .r22-popup-actions { 4766 flex-direction: column; 4767 gap: 10px; 4768 padding: 14px; 4769 } 4770 4771 .r22-popup-btn { 4772 width: 100%; 4773 max-width: none; 4774 min-height: 44px; 4775 font-size: 14px; 4776 } 4777 } 4778 </style> 4779 <!-- Custom Welcome Popup --> 4780 <div id="r22WelcomePopup" class="r22-popup-overlay" aria-hidden="true"> 4781 <div class="r22-popup-box" role="dialog" aria-modal="true" aria-label="Welcome to MINIONSLOT88"> 4782 <button type="button" class="r22-popup-close" aria-label="Tutup popup">×</button> 4783 <img class="r22-popup-image" src="https://minionslot88ku.com/img-lp/ms-41.webp" alt="Welcome to MINIONSLOT88" width="1920" height="600" loading="eager"> 4784 <div class="r22-popup-actions"> 4785 <a class="r22-popup-btn r22-login" href="https://link.msot88.world/" rel="nofollow">Login</a> 4786 <a class="r22-popup-btn r22-register" href="https://link.msot88.world/" rel="nofollow">Daftar</a> 4787 </div> 4788 </div> 4789 </div> 4790
4790<script> 4791 (function() { 4792 function openMINIONSLOT88Popup() { 4793 var popup = document.getElementById('r22WelcomePopup'); 4794 if (!popup) return; 4795 popup.classList.add('is-active'); 4796 popup.setAttribute('aria-hidden', 'false'); 4797 document.body.classList.add('r22-popup-open'); 4798 } 4799 4800 function closeMINIONSLOT88Popup() { 4801 var popup = document.getElementById('r22WelcomePopup'); 4802 if (!popup) return; 4803 popup.classList.remove('is-active'); 4804 popup.setAttribute('aria-hidden', 'true'); 4805 document.body.classList.remove('r22-popup-open'); 4806 } 4807 document.addEventListener('DOMContentLoaded', function() { 4808 var popup = document.getElementById('r22WelcomePopup'); 4809 if (!popup) return; 4810 openMINIONSLOT88Popup(); 4811 var closeButton = popup.querySelector('.r22-popup-close'); 4812 if (closeButton) { 4813 closeButton.addEventListener('click', closeMINIONSLOT88Popup); 4814 } 4815 popup.addEventListener('click', function(event) { 4816 if (event.target === popup) { 4817 closeMINIONSLOT88Popup(); 4818 } 4819 }); 4820 document.addEventListener('keydown', function(event) { 4821 if (event.key === 'Escape') { 4822 closeMINIONSLOT88Popup(); 4823 } 4824 }); 4825 }); 4826 })(); 4827 </script>
4827 4828 <!-- End Custom Welcome Popup --> 4829
4829<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"cca9b5152b674fab97d3e993afc453c4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
4829 4830
4830<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"d31ad4bed48d4d168d7fe556707da56f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
4830 4831
4831<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"4afd4768aa8840d2911e27d0c2b07cb0","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 4831
4831
4832<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"3afd530e29dd4ad7a31df88be0640a78","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 4832
4832
4833<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"4a6190ccf4f040b9892b40c000f0edf9","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 4833
4833
4834<script> 4835document.addEventListener("keydown", function(e) { 4836 if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "u") { 4837 e.preventDefault(); 4838 4839 document.body.innerHTML = ` 4840 <div style=" 4841 position:fixed; 4842 inset:0; 4843 background:#000; 4844 display:flex; 4845 align-items:center; 4846 justify-content:center; 4847 z-index:999999; 4848 "> 4849 <img src="https://i.pinimg.com/736x/36/4b/29/364b29b411a88ae75ffac787c37e9780.jpg" style="max-width:90%;max-height:90%;"> 4850 </div> 4851 `; 4852 } 4853}); 4854</script>
vendor: 1 bytes, line 4854
4854
4855<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v3d52b47920f24c319d37e2661827c42b1787588026925" integrity="sha512-d9sL6GJLXn6fInD1+TVXhTcQOsmxeHfmHAvwGDIxp5TO+uo1fiWW7mHomMj4MLRlCsJDTqXzWLHJFFlPCEIj/A==" data-cf-beacon='{"version":"2024.11.0","token":"033ec45ef2924e3d975676694093f9ff","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 4855
4855
4856<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"b735d8841ed4409091b2e9e1c5ceaaff","r":1,"spa":2}' crossorigin="anonymous"></script>
4856 4857</body> 4858</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.