√ I podcast di Rockol - Rockol Talks e 33 giri al minuto

<!DOCTYPE html> <html class="no-js" lang="it" prefix="og: http://ogp.me/ns#"> <head> <style> /** Nasconde gli svg prima del caricamento effettivo del CSS */ svg { display: none; } </style> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>√ I podcast di Rockol - Rockol Talks e 33 giri al minuto</title>   <link rel="preconnect" href="https://static.rockol.it"> <link rel="dns-prefetch" href="https://static.rockol.it" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>  <link rel="preconnect" href="https://images.rockol.it"> <link rel="dns-prefetch" href="https://images.rockol.it">  <link rel="preconnect" href="//cdn.iubenda.com"> <link rel="dns-prefetch" href="//cdn.iubenda.com">  <link rel="preload" as="style" href="https://static.rockol.it/assets/static/ver.202502061305/css/rockol.min.css">  <link rel="preload" href="https://static.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js" as="script"> <style> /* lora-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/lora-v35-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lora-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lora'; font-style: normal; font-weight: 700; src: url('https://static.rockol.it/assets/fonts/lora-v35-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-100 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-500 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('https://static.rockol.it/assets/fonts/roboto-v47-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-100 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 100; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-condensed-900 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 900; src: url('https://static.rockol.it/assets/fonts/roboto-condensed-v27-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } </style> <link rel="stylesheet" type="text/css" href="https://static.rockol.it/assets/static/ver.202502061305/css/rockol.min.css">  <meta name="description" content="Interviste, racconti e approfondimenti in versione Podcast: Rockol Talks e 33 giri al minuto sono le produzioni targate Rockol."> <meta name="robots" content="max-snippet:-1, max-video-preview:-1, max-image-preview:large"> <meta name="type" content="altro"> <meta name="article:section" content="podcast"> <link rel="canonical" href="https://www.rockol.it/podcast"> <link rel="image_src" href="https://www.rockol.it/assets/templates/others/podcast/images/bg.png">   <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@rockolpoprock"> <meta name="twitter:title" content="√ I podcast di Rockol - Rockol Talks e 33 giri al minuto"> <meta name="twitter:description" content="Interviste, racconti e approfondimenti in versione Podcast: Rockol Talks e 33 giri al minuto sono le produzioni targate Rockol."> <meta name="twitter:image:src" content="https://www.rockol.it/assets/templates/others/podcast/images/bg.png"> <meta name="twitter:domain" content="https://www.rockol.it">   <meta property="fb:app_id" content="324191534279970"/> <meta property="og:admins" content="1163511037"/> <meta property="og:title" content="√ I podcast di Rockol - Rockol Talks e 33 giri al minuto"/> <meta property="og:site_name" content="Rockol"/> <meta property="og:locale" content="it_IT"/> <meta property="og:type" content="article"/> <meta property="og:url" content="https://www.rockol.it/podcast"/> <meta property="og:image" content="https://www.rockol.it/assets/templates/others/podcast/images/bg.png"/> <meta property="og:image:secure_url" content="https://www.rockol.it/assets/templates/others/podcast/images/bg.png"/> <meta property="og:image:width" content="645"/> <meta property="og:image:height" content="482"/> <meta property="og:description" content="Interviste, racconti e approfondimenti in versione Podcast: Rockol Talks e 33 giri al minuto sono le produzioni targate Rockol."/>  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="author" content="Rockol.com s.r.l."> <meta name="application-name" content="Rockol.IT"> <script> // Marca il documento come js ready (compatibile con IE10) var html = document.querySelector('html'); html.classList.remove('no-js'); html.classList.add('js'); </script>   <link rel="sitemap" type="application/xml" title="Rockol.it - sitemap" href="/sitemap-index.xml">  <link rel="search" href="https://www.rockol.it/os-main.xml" type="application/opensearchdescription+xml" title="Rockol.it - Music Search"/>  <link rel="icon" type="image/png" href="https://static.rockol.it/assets/img/favicons/favicon-96x96.ver.202502061305.png" sizes="96x96"/> <link rel="icon" type="image/svg+xml" href="https://static.rockol.it/assets/img/favicons/favicon.ver.202502061305.svg"/> <link rel="icon" href="https://static.rockol.it/assets/img/favicons/favicon.ver.202502061305.ico"/> <link rel="apple-touch-icon" sizes="180x180" href="https://static.rockol.it/assets/img/favicons/apple-touch-icon.ver.202502061305.png"/> <meta name="apple-mobile-web-app-title" content="Rockol.it"/> <link rel="manifest" href="https://static.rockol.it/assets/img/favicons/site.ver.202502061305.webmanifest"/>  <link rel="alternate" href="https://www.rockol.it/rss/news" type="application/rss+xml" title="Rockol News"> <link rel="alternate" href="https://www.rockol.it/rss/dischi" type="application/rss+xml" title="Rockol Dischi"> <link rel="alternate" href="https://www.rockol.it/rss/concerti" type="application/rss+xml" title="Rockol Concerti"> <link rel="alternate" href="https://www.rockol.it/rss/gallerie-fotografiche" type="application/rss+xml" title="Rockol Gallerie Fotografiche"> <link rel="alternate" href="https://www.rockol.it/rss/video" type="application/rss+xml" title="Rockol Video"> <script> // Initialize Firebase window.config = { apiKey: "AIzaSyB5cAIA-BfhhPFSBIJjIdztuXsdXIQEflw", authDomain: "myrockol.firebaseapp.com", databaseURL: "https://myrockol.firebaseio.com/", messagingSenderId: "733704253707", projectId: "firebase-myrockol", appId: "1:733704253707:web:23953e5d99c764293b720e" }; </script> <script async src="https://static.rockol.it/assets/static/ver.202502061305/js/vendors.min.js"></script> <script async src="https://static.rockol.it/assets/static/ver.202502061305/js/main.min.js"></script> <script async src="https://static.rockol.it/assets/static/ver.202502061305/js/myRockol.min.js"></script> <script type="text/javascript" src="https://static.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js"></script>  <script type="application/ld+json" > {"@type":"WebSite","url":"https:\/\/www.rockol.it","name":"Rockol.it","alternateName":"Rockol - la musica online \u00e8 qui","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.rockol.it\/search?s={search_term_string}","query-input":"required name=search_term_string"},"@context":"http:\/\/schema.org"} </script> <script type="application/ld+json" > {"@type":"Organization","url":"https:\/\/www.rockol.it","name":"Rockol.com S.R.L.","legalName":"Rockol.com S.R.L.","email":"rocko@rockol.it","logo":{"@context":"http:\/\/schema.org","@type":"ImageObject","name":"Rockol.it Logo","url":"https:\/\/rockol-img.s3.amazonaws.com\/assets\/img\/2019\/logo-big.png"},"address":{"@type":"PostalAddress","addressCountry":"IT","addressLocality":"Milano","addressRegion":"Lombardia","postalCode":"20122","streetAddress":"Via S. Damiano, 9"},"sameAs":["https:\/\/it.wikipedia.org\/wiki\/Rockol","https:\/\/www.facebook.com\/rockol","https:\/\/www.linkedin.com\/company\/rockol\/","https:\/\/www.instagram.com\/rockol.it\/","https:\/\/twitter.com\/rockolpoprock","https:\/\/www.rockol.it"],"@context":"http:\/\/schema.org"} </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-RQQRWQL1QP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RQQRWQL1QP'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4X2JQVYQY5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag( 'config', 'G-4X2JQVYQY5' ); const advTrackingManagement = () => { let advErogando = false; let eventSent = false; let debug = true; const event_values = { TAG_NON_PRESENTE: 1, DIV_EROGATO: 2, DIV_NON_EROGATO: 3, } const log = (...data) => { if (debug) { console.info(...['EROGAZIONE ADV', ...data]); } } const monitoraAdv = () => { // Logica per determinare se l'adv sta erogando let time = 0; let time_out = 1000 * 5; let interval_ms = 200; let intervalId = setInterval(() => { log("Controllo"); time += interval_ms; // Se ho superato il timeout esco e invio if (time > time_out) { log("Timeout"); sendEvent(event_values.DIV_NON_EROGATO); clearInterval(intervalId) } const div_unita_0 = document.querySelector('div[data-adunitid="0"]'); const div_unita_16 = document.querySelector('div[data-adunitid="16"]'); const divDaCercare = div_unita_0 || div_unita_16 || null; // Se l'ad unit non è in pagina invio il fatto che l'adv non è attivo if (divDaCercare === null) { log("No Ad - Unit"); sendEvent(event_values.TAG_NON_PRESENTE); clearInterval(intervalId); return; } // Se l'ad unit è in pagina ed è fillato con una adv allora mando l'evento di ok const divInterno = divDaCercare.querySelector('div[data-google-query-id]'); if (divInterno) { log("Ad presente"); advErogando = true; sendEvent(event_values.DIV_EROGATO); clearInterval(intervalId) return; } }, interval_ms); } const sendEvent = (event_value) => { if (eventSent) { return; } log('Invio evento con valore ' + event_value); gtag('event', 'emp_adv', { 'send_to': 'G-4X2JQVYQY5', 'event_category': 'Adv', 'event_label': 'EMP Adv', 'value': event_value }); eventSent = true; } document.addEventListener('DOMContentLoaded', function() { monitoraAdv(); }); window.addEventListener('beforeunload', function() { sendEvent(event_values.DIV_NON_EROGATO); }); }; advTrackingManagement(); </script>  <script type="text/plain" class="_iub_cs_activate-inline" data-iub-purposes="4"> !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', '1595219114265672'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" alt="" style="display:none" class="_iub_cs_activate" data-iub-purposes="4" data-suppressedsrc="https://www.facebook.com/tr?id=1595219114265672&ev=PageView&noscript=1" /> </noscript>  <script> window.loaderConfig_ = { domain: 'www.rockol.it', path: '/js/vendors/webtrekk/smart-pixel-core-v1.2.6/', file: 'smart-pixel.min.js' }; window.wtSmart = window.wtSmart || []; window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient = new WtRockolClient(wtSmart, {"trackId":"525983702053258","trackDomain":"rockolitalia01.wt-eu02.net","page":{"name":"https:\/\/www.rockol.it\/podcast","title":"I podcast di Rockol - Rockol Talks e 33 giri al minuto","articleTitle":"I podcast di Rockol - Rockol Talks e 33 giri al minuto"}}); WebtrekkRockolClient.setContentGroup({"1":"Aggregato Rockol - Web","2":"Rockol.it - Web","3":"Altre sezioni","5":"www.rockol.it","4":"Pagine varie - istituzionali"}); WebtrekkRockolClient.setCustomParams({1: (function getRefresh() { if (RegExp('[?&]' + 'refresh_cens$').exec(window.location.search)) return 'refresh_cens'; else if (RegExp('[?&]' + 'refresh_ce$').exec(window.location.search)) return 'refresh_ce'; else return 'no-refresh'; })(),2: document.title,5: "",10: ""}); WebtrekkRockolClient.sendPageImpression(); }); document.addEventListener('DOMContentLoaded', function () { window.wtSmart.push(function (wtSmart) { window.WebtrekkRockolClient.trackAdvEvents(); }); }, false); </script> <script type="text/javascript" async src="https://static.rockol.it/assets/static/ver.202502061305/js/webtrekkRockolSmartPixel.js"></script> <noscript> <div> <img src="https://rockolitalia01.wt-eu02.net/525983702053258/wt.pl?p=322,0" height="1" width="1" alt=""/> </div> </noscript>  <style type="text/css"> #iubenda-cs-banner { font-size: 15px !important; background: none !important; line-height: 1.4 !important; position: fixed !important; z-index: 99999998 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex !important; will-change: opacity; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.4s ease !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox { flex-shrink: 0 !important; display: flex !important; align-items: center !important; margin-left: 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1 { width: 64px !important; height: 32px !important; border-radius: 32px !important; transition: background-position 0.4s ease, background-color 0.4s ease !important; background-color: #CCC !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zM5.729 5.033a.5.5 0 0 0-.638.058l-.058.07a.5.5 0 0 0 .058.637l3.201 3.201-3.201 3.203a.5.5 0 0 0 .707.707l3.201-3.203 3.203 3.203.07.058a.5.5 0 0 0 .637-.058l.058-.07a.5.5 0 0 0-.058-.637L9.706 8.999l3.203-3.201a.5.5 0 0 0-.707-.707L8.999 8.292 5.798 5.091z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: top 4px left 4px !important; background-size: 24px 24px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked { background-color: #1CC691 !important; background-position: top 4px left 36px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4.646 5.646l-6.198 6.2-3.1-3a.5.5 0 1 0-.696.718l3.454 3.342a.5.5 0 0 0 .701-.006l6.547-6.546a.5.5 0 1 0-.708-.708z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.sm { background-position: top 3px left 27px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial] { background-color: #FFD24D !important; background-position: top 4px left 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm4 8.5H5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1:checked[value=partial].sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked.half.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1:checked[value=partial].sm { background-position: top 3px left 15px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input.style1.sm, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input.style1.sm { width: 48px !important; height: 24px !important; border-radius: 24px !important; background-size: 18px 18px !important; background-position: top 3px left 3px !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input::-ms-check, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input::-ms-check { visibility: hidden !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input:not([disabled]), #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input:not([disabled]) { cursor: pointer !important; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox input[disabled], #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox input[disabled] { opacity: 0.35; } #iubenda-cs-banner #iubenda-cs-banner .iub-toggle-checkbox .iub-caption, #iubenda-cs-banner #iubenda-iframe .iub-toggle-checkbox .iub-caption { display: none !important; } #iubenda-cs-banner [class*=" iub"], #iubenda-cs-banner [class^=iub], #iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) * { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #iubenda-cs-banner.iubenda-cs-overlay:before { content: "" !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.5) !important; z-index: 1 !important; pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-center { align-items: center !important; justify-content: center !important; } #iubenda-cs-banner.iubenda-cs-top { align-items: flex-start !important; } #iubenda-cs-banner.iubenda-cs-bottom { align-items: flex-end !important; } #iubenda-cs-banner.iubenda-cs-left { justify-content: flex-start !important; } #iubenda-cs-banner.iubenda-cs-right { justify-content: flex-end !important; } #iubenda-cs-banner.iubenda-cs-visible { opacity: 1 !important; } #iubenda-cs-banner.iubenda-cs-visible > * { pointer-events: auto !important; } #iubenda-cs-banner.iubenda-cs-slidein .iubenda-cs-container { transition: transform 0.4s ease !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-top .iubenda-cs-container { transform: translateY(-48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-bottom .iubenda-cs-container { transform: translateY(48px) !important; } #iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible .iubenda-cs-container { transform: translateY(0) !important; } #iubenda-cs-banner .iubenda-cs-container { position: relative !important; z-index: 2 !important; } #iubenda-cs-banner .iubenda-cs-container.iubenda-cs-themed { display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-brand { display: flex !important; padding: 16px !important; flex-shrink: 0 !important; } #iubenda-cs-banner .iubenda-cs-brand > div { display: flex !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-brand img { max-width: 192px !important; max-height: 32px !important; } #iubenda-cs-banner .iubenda-cs-content { position: relative !important; z-index: 1 !important; overflow: hidden !important; transition: transform 0.4s ease !important; background-color: #000000 !important; color: #FFFFFF !important; font-size: 14px !important; display: flex; flex-direction: column; } #iubenda-cs-banner .iubenda-cs-rationale { position: relative !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto; } #iubenda-cs-banner .iubenda-cs-close-btn { z-index: 1 !important; top: 6px !important; right: 0 !important; margin: 10px !important; min-width: 32px !important; height: 32px !important; padding: 6px !important; font-size: 24px !important; line-height: 0 !important; font-weight: lighter !important; cursor: pointer !important; text-align: center !important; border: 1px solid transparent !important; border-radius: 4px !important; opacity: 0.7 !important; align-self: flex-end !important; } #iubenda-cs-banner .iubenda-cs-close-btn:hover { opacity: 1 !important; } #iubenda-cs-banner .iubenda-banner-content { font-weight: 300 !important; padding: 16px !important; flex: 1 1 auto !important; overflow-y: auto !important; } #iubenda-cs-banner .iubenda-banner-content a { cursor: pointer !important; color: currentColor !important; opacity: 0.7 !important; text-decoration: underline !important; } #iubenda-cs-banner .iubenda-banner-content a:hover { opacity: 1 !important; } #iubenda-cs-banner #iubenda-cs-title { margin-bottom: 16px !important; margin-top: 8px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-counter { text-align: center !important; position: relative !important; z-index: 1 !important; display: none; pointer-events: none; flex-shrink: 0; padding: 8px !important; font-size: 13px !important; font-weight: bold !important; } #iubenda-cs-banner .iubenda-cs-cwa-button { font-weight: bold !important; font-size: 13px !important; background: rgba(255, 255, 255, 0.1) !important; color: white !important; padding: 8px 14px !important; flex-shrink: 0; border-radius: 4px !important; text-align: center !important; z-index: 1 !important; margin: 16px !important; margin-bottom: 0 !important; cursor: pointer !important; } #iubenda-cs-banner .iubenda-cs-cwa-button:focus, #iubenda-cs-banner .iubenda-cs-cwa-button:hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-cwa-button { box-shadow: 0 8px 16px 4px rgba(0, 0, 0, 0.2) !important; } } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-cwa-button { align-self: flex-end; } } #iubenda-cs-banner .iubenda-cs-opt-group { z-index: 1 !important; display: flex !important; margin-top: 0 !important; flex-shrink: 0 !important; color: #000000 !important; margin: 16px !important; margin-top: 0 !important; } #iubenda-cs-banner .iubenda-cs-opt-group > div { display: flex !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group { align-items: center !important; justify-content: space-between !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom { margin-right: auto !important; align-self: start !important; justify-content: flex-start !important; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { margin-left: auto !important; align-self: end !important; justify-content: flex-end !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner .iubenda-cs-opt-group-custom:not(.iubenda-cs-opt-group-granular) { order: 2; } #iubenda-cs-banner .iubenda-cs-opt-group-consent { order: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding: 8px 32px !important; border-radius: 64px !important; cursor: pointer !important; font-weight: bold !important; font-size: 100% !important; margin-top: 4px !important; margin-bottom: 4px !important; text-align: center !important; border: 0 !important; background-color: #1a1a1a !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.focus, #iubenda-cs-banner .iubenda-cs-opt-group button.hover { box-shadow: 0 0 0 999px inset rgba(0, 0, 0, 0.1) !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-opt-group button:not(:last-of-type) { margin-right: 8px !important; } } @media (max-width: 639px) { #iubenda-cs-banner .iubenda-cs-opt-group button { padding: 8px 24px !important; width: 100% !important; display: block; text-align: center !important; margin: 6px 3px !important; flex: 1; } } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary, #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-accept-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { background-color: #0073CE !important; color: #FFFFFF !important; } #iubenda-cs-banner.iubenda-cs-padded:not(.iubenda-cs-branded) .iubenda-banner-content { padding-right: 48px !important; } #iubenda-cs-banner.iubenda-cs-padded .iubenda-cs-close-btn { position: absolute !important; } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-padded).iubenda-cs-branded .iubenda-cs-cwa-button { position: absolute !important; } } @media (min-width: 640px) { #iubenda-cs-banner:not(.iubenda-cs-branded):not(.iubenda-cs-no-heading) .iubenda-cs-cwa-button { position: absolute !important; top: -4px !important; right: -4px !important; padding: 5px 10px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-top .iubenda-cs-brand, #iubenda-cs-banner.iubenda-cs-branded:not(.iubenda-cs-default-floating).iubenda-cs-bottom .iubenda-cs-brand { border-radius: 8px !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-cwa-button { margin: 15px !important; } } #iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-close-btn { height: 32px !important; min-width: 32px !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge-outer { height: 0 !important; } #iubenda-cs-banner.iubenda-cs-default:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-left) .iubenda-cs-brand-badge-outer { margin-left: auto !important; margin-right: 0 !important; float: right !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-cs-brand-badge-outer, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-bottom .iubenda-cs-brand-badge-outer { order: -1 !important; display: inline-flex !important; } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: 0 -8px 0 !important; } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand { margin: -8px -8px 0 !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 auto !important; width: calc(992px - 32px) !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-brand div { margin: 0 8px !important; } } #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-container { width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 992px !important; margin: 16px auto !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-brand-badge { margin: 0 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-container { width: 992px !important; } } @media (max-width: 991px) { #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-cs-container { width: 100% !important; } } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 480px !important; } } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group { flex-direction: column !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group > div, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group > div { width: 100% !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group button, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group button { display: block !important; width: 100% !important; text-align: center !important; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-custom, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-custom { order: 2; } #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group-consent, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group-consent { order: 1; } #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { box-shadow: 0 8px 48px rgba(0, 0, 0, 0.15) !important; max-width: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default-floating .iubenda-cs-content { border-radius: 4px !important; margin: 16px !important; } } #iubenda-cs-banner.iubenda-cs-scrollable .iubenda-banner-content { mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px) !important; } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-container, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-content, #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-rationale { height: 100% !important; } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-fix-height.iubenda-cs-default-floating .iubenda-cs-content { height: calc(100% - 32px) !important; } } #iubenda-cs-banner.iubenda-cs-fix-height .iubenda-cs-brand img { max-width: 75% !important; } #iubenda-cs-banner a[href]:focus, #iubenda-cs-banner button:focus, #iubenda-cs-banner input:focus, #iubenda-cs-banner textarea:focus, #iubenda-cs-banner select:focus, #iubenda-cs-banner details:focus, #iubenda-cs-banner [tabindex]:not([tabindex="-1"]):focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge { flex-shrink: 0 !important; margin: 16px !important; padding: 6px 34px 6px 10px !important; background: white !important; display: inline-flex; border-radius: 6px !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.1) !important; align-self: flex-end; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='19' viewBox='0 0 9 19' width='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m4.1555.211426c.81725.000101 1.61499.249693 2.28656.715401.67157.465713 1.18496 1.125343 1.47153 1.890693.28657.76536.33266 1.59996.13211 2.39221-.20055.79226-.63818 1.50441-1.25438 2.04124l.87593 11.02083h-7.023493l.875933-11.02083c-.616206-.53683-1.053841-1.24898-1.254391-2.04124-.2005501-.79225-.154458-1.62685.132114-2.39221.286572-.76535.799967-1.42498 1.471537-1.890693.67157-.465708 1.46931-.7153 2.28655-.715401z' fill='%231cc691' fill-rule='evenodd'/%3E%3C/svg%3E") !important; background-position: center right 12px !important; background-repeat: no-repeat !important; color: #222 !important; font-weight: normal !important; font-size: 14px !important; pointer-events: auto !important; } #iubenda-cs-banner .iubenda-cs-brand-badge:hover { border: 1px solid rgba(0, 0, 0, 0.4) !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span { border-right: 1px solid rgba(0, 0, 0, 0.1) !important; padding-right: 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge > span > span { text-decoration: underline !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text { font-size: 11px !important; font-weight: bold !important; text-align: right !important; margin: -4px 16px 12px !important; } #iubenda-cs-banner .iubenda-cs-brand-badge-text a { color: inherit; } #iubenda-cs-banner .iubenda-iframe-spinner ~ .iubenda-iframe-badge-container .iubenda-cs-brand-badge { display: none !important; } #iubenda-cs-banner .iubenda-granular-controls-container { --iub-granular-background: rgba(0, 0, 0, .02); --iub-granular-border: rgba(0, 0, 0, 0.08); --iub-granular-toggle-background: rgba(0, 0, 0, 0.2); display: flex; flex-wrap: wrap; flex-shrink: 0; margin-bottom: 16px !important; border-top: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { flex-basis: 100%; display: flex !important; gap: 10px !important; padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 14px !important; background-color: var(--iub-granular-background) !important; margin: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1 { width: 48px !important; height: 24px !important; background-position: top 3px left 3px !important; background-size: 18px 18px !important; background-color: var(--iub-granular-toggle-background) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1, #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' fill='%23fff' fill-rule='evenodd' r='10'/%3E%3C/svg%3E") !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked { background-position: top 3px left 27px !important; background-color: #1cc691 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial] { background-position: top 3px left 15px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2) { padding-top: 16px !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-bottom: 16px !important; border-bottom: 1px solid var(--iub-granular-border) !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox { flex-basis: 50%; flex-direction: column-reverse; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: none !important; } @media (max-width: 991px) { #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox { min-width: 0 !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label { max-width: 100%; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox label span { display: block; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #iubenda-cs-banner .iubenda-granular-controls-container .granular-control-checkbox--mobile-hidden { display: none !important; } } #iubenda-cs-banner.iubenda-cs-black .iubenda-granular-controls-container { --iub-granular-background: rgba(255, 255, 255, .02); --iub-granular-border: rgba(255, 255, 255, 0.08); --iub-granular-toggle-background: rgba(255, 255, 255, 0.2); } @media (min-width: 640px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox { flex: 1 !important; flex-direction: column-reverse !important; padding: 14px 10px !important; border: 1px solid var(--iub-granular-border) !important; border-right: 0 !important; border-top: 0 !important; padding-top: 16px !important; } } @media (min-width: 992px) { #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container { grid-gap: 24px !important; padding: 16px 16px 32px !important; border-top: 0 !important; margin-bottom: 0 !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox--disabled, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox--disabled { display: flex !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child { padding-left: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child { padding-right: 16px !important; } #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-top .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:nth-child(2), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd), #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:last-child, #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center.iubenda-cs-bottom .iubenda-granular-controls-container .granular-control-checkbox:first-child:nth-last-child(odd) ~ .granular-control-checkbox:nth-last-child(2) { flex: 0 1 auto !important; flex-direction: row !important; background-color: transparent !important; padding: 0 !important; border: none !important; margin: 0 !important; } } .iubenda-tp-btn *, .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn *, .iubenda-uspr-btn:not([data-tp-nostyle]) { font-size: 100% !important; width: auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none !important; box-sizing: border-box !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; font-family: -apple-system, sans-serif !important; text-decoration: none !important; color: currentColor !important; background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0 0 !important; background-repeat: repeat !important; border: 0 !important; border-color: #000 !important; border-color: currentColor !important; border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; float: none !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; background-origin: padding-box !important; background-origin: padding-box !important; background-clip: border-box !important; background-size: auto !important; -o-border-image: none !important; border-image: none !important; border-radius: 0 !important; border-radius: 0 !important; box-shadow: none !important; -moz-column-count: auto !important; column-count: auto !important; -moz-column-gap: normal !important; column-gap: normal !important; -moz-column-rule: medium none #000 !important; column-rule: medium none #000 !important; -moz-column-span: none !important; column-span: none !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; hyphens: manual !important; perspective: none !important; perspective-origin: 50% 50% !important; text-shadow: none !important; transition: all 0s ease 0s !important; transform: none !important; transform-origin: 50% 50% !important; transform-style: flat !important; word-break: normal !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .iubenda-tp-btn:not([data-tp-nostyle]), .iubenda-uspr-btn:not([data-tp-nostyle]) { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; line-height: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; font-size: 14px !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) !important; color: rgba(0, 0, 0, 0.65) !important; background-color: white !important; display: inline-block !important; vertical-align: middle !important; } .iubenda-tp-btn.iubenda-tp-btn--warning:before, .iubenda-uspr-btn.iubenda-tp-btn--warning:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 17 17' width='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.79042 2.81577c.7788-1.28272 2.64036-1.28272 3.41918 0l5.9459 9.79333c.8093 1.3328-.1503 3.038-1.7095 3.038h-11.89195c-1.55927 0-2.5188026-1.7052-1.709576-3.038z' fill='%23fb6666'/%3E%3Cpath d='m14.446 15.1471h-11.89195c-1.16945 0-1.889102-1.2789-1.28218-2.2785l5.94595-9.79334c.5841-.96204 1.98026-.96204 2.56436 0l5.94592 9.79334c.607.9996-.1127 2.2785-1.2821 2.2785z' stroke='%23000' stroke-opacity='.1'/%3E%3Cg fill='%23fff'%3E%3Crect height='4.97619' rx='.497619' width='.995238' x='8' y='6'/%3E%3Cpath d='m8 12.5c0-.2761.22386-.5.5-.5.27614 0 .5.2239.5.5 0 .2761-.22386.5-.5.5-.27614 0-.5-.2239-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-size: 24px 24px; background-repeat: no-repeat; position: absolute; top: -16px; right: -16px; width: 32px; height: 32px; z-index: 2147483647 !important; } .iubenda-tp-btn[data-tp-icon], .iubenda-uspr-btn[data-tp-icon] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231CC691' fill-rule='evenodd' d='M16 7a4 4 0 0 1 2.627 7.016L19.5 25h-7l.873-10.984A4 4 0 0 1 16 7z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 32px 32px !important; background-position: top 0.5px left 1px !important; } .iubenda-tp-btn[data-tp-circle], .iubenda-uspr-btn[data-tp-circle] { border-radius: 32px !important; } .iubenda-tp-btn[data-tp-label]:after, .iubenda-uspr-btn[data-tp-label]:after { content: attr(data-tp-label) !important; padding: 0 16px !important; white-space: nowrap !important; } .iubenda-tp-btn[data-tp-label][data-tp-icon]:after, .iubenda-uspr-btn[data-tp-label][data-tp-icon]:after { padding-left: calc(16px + 8px + 8px) !important; } .iubenda-tp-btn[data-tp-float], .iubenda-uspr-btn[data-tp-float] { position: fixed !important; } .iubenda-tp-btn[data-tp-float]:not([data-tp-anchored]), .iubenda-uspr-btn[data-tp-float]:not([data-tp-anchored]) { margin: 16px !important; } .iubenda-tp-btn[data-tp-float]:focus, .iubenda-uspr-btn[data-tp-float]:focus { outline: 2px solid -webkit-focus-ring-color !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-anchored] { margin: 0 16px !important; border-radius: 6px !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { margin: 0 !important; top: 75% !important; transform: translateY(-50%) !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored][data-tp-hover][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { margin: 0 !important; top: 50% !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; transform-origin: bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-left] { left: 0 !important; transform: translateY(-50%) rotate(90deg) !important; transform-origin: left bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover])[data-tp-label][data-tp-float=center-right] { right: 0 !important; transform: translateY(-50%) rotate(-90deg) !important; transform-origin: right bottom !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right][data-tp-anchored] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right] { top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left][data-tp-anchored], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right][data-tp-anchored] { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-left], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-left], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-left] { left: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right] { right: 0 !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:after { max-width: 0 !important; overflow: hidden !important; display: block !important; padding: 0 !important; opacity: 0 !important; transition: max-width 0.6s ease, padding 0.6s ease, opacity 0.6s ease !important; } .iubenda-tp-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after, .iubenda-uspr-btn[data-tp-float][data-tp-hover][data-tp-label]:hover:after { max-width: 192px !important; padding-left: calc(16px + 8px + 8px) !important; padding-right: 10px !important; opacity: 1 !important; } .iubenda-tp-btn:focus, .iubenda-uspr-btn:focus { outline-width: 2px !important; outline-style: solid !important; outline-color: #005fcc !important; outline-offset: 2px !important; } .iubenda-uspr-btn { border: 1px solid rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1) !important; border-radius: 0.5rem !important; font-family: sans-serif !important; font-weight: bold !important; overflow: hidden !important; display: inline-flex !important; flex-wrap: wrap !important; background: white !important; color: #280404 !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left], .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { border-radius: 0 !important; border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; top: auto !important; bottom: 32px !important; flex-wrap: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] *, .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] * { white-space: nowrap !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-left] { left: 0 !important; transform: translateX(46px) rotate(-90deg) !important; transform-origin: left bottom !important; } .iubenda-uspr-btn[data-tp-float][data-tp-anchored]:not([data-tp-hover]):not([data-tp-label])[data-tp-float=center-right] { right: 0 !important; transform: translateX(-46px) rotate(90deg) !important; transform-origin: right bottom !important; } @media (min-width: 480px) { .iubenda-uspr-btn[data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float=top-right] .iubenda-cs-preferences-link, .iubenda-uspr-btn[data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float=bottom-right] .iubenda-cs-preferences-link { flex-direction: row-reverse !important; } } .iubenda-uspr-btn a { padding: 0.75rem !important; cursor: pointer !important; flex: 1 1 auto !important; display: inline-flex !important; align-items: center !important; grid-gap: 0.5rem !important; } .iubenda-uspr-btn a img { width: 2.5rem !important; flex-shrink: 0 !important; } .iubenda-uspr-btn a:hover { background-color: rgba(0, 0, 0, 0.025) !important; } .iubenda-uspr-btn a:first-of-type { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important; } /* ----------------- MOBILE SDK ----------------- */ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible { justify-content: center!important; align-items: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container { max-height: 100%!important; display: flex!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content { height: auto!important; border-radius: 0!important; margin: 0!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { text-align: center!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { display: flex!important; flex-direction: column!important; height: 100%!important; } .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content { flex: 1; overflow-y: auto!important; margin: 0!important; padding: 16px 16px 48px!important; max-height: inherit!important; mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 15%) !important; } @media (max-width: 799px) { .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer #iubFooterIabBtnContainer + #iubFooterBtnContainer { -webkit-transform: translateY(-20px) !important; -ms-transform: translateY(-20px) !important; transform: translateY(-20px) !important; } } @media (min-width: 992px) { .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-banner-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-opt-group { margin: 24px!important; } .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale { width: 100% !important; margin: 0 !important; } } .no-banner #iubenda-cs-banner { display: none!important; } /** fix scrolling in iOS 10 **/ .iubenda-mobile-sdk #iubenda-cs-banner.iubenda-cs-visible .iubenda-cs-container, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content, .iubenda-mobile-sdk #iubenda-cs-banner .iubenda-cs-rationale { height: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-top-container { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe #iab-container { position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; } /** iframe **/ .iubenda-mobile-sdk #iubenda-iframe #iubenda-iframe-popup { height: 100%!important; width: 100%!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-close-btn { display: none!important; } .iubenda-mobile-sdk #iubenda-iframe { background-color: transparent!important; } /* Fix cookie policy trimming on older Android devices */ .iubenda-mobile-sdk #iubenda-iframe iframe { background-color: transparent!important; position:absolute!important; bottom:0!important; top:0!important; } .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-spinner { top: 50px !important; } /* Fix TCF widget overlapping footer in older Android devices */ .iubenda-mobile-sdk #iubenda-iframe .iubenda-iframe-footer { z-index: 9999!important; } /* Fix popovers going behind footer buttons and not scrolling */ .iubenda-mobile-sdk #iubenda-iframe.iub-popover-visible .iub-popover { z-index: 10000!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content { position: relative!important; } .iubenda-mobile-sdk #iubenda-iframe .iub-popover-content > div { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; } /* Fix purposes widget not scrolling on older iOS and Android devices */ .iubenda-mobile-sdk #purposes-container { -webkit-overflow-scrolling: touch!important; position: absolute!important; top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; overflow: auto!important; } </style> <style> #iubenda-cs-paragraph { font-size: 12px; } .iubenda-cs-brand > img { padding-left: 8px !important; } #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { font-weight: 600 !important; background-color: #000 !important; margin: auto !important; } @media (min-width: 640px) { #iubenda-cs-banner .iubenda-cs-container button.rockol-iubenda-cs-reject-btn.iubenda-cs-btn-primary { position: absolute !important; right: 0 !important; padding: 8px 32px !important; top: 11px !important; } } #iubenda-cs-banner .iubenda-cs-brand { margin-bottom: 0 !important; padding-bottom: 0 !important; } #iubenda-cs-banner .iubenda-banner-content.iubenda-custom-content { margin-top: 0 !important; padding-top: 0 !important; } .rockol-amp-consent #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-container { width: 100vw !important; height: 100vh !important; } .rockol-amp-consent #iubenda-cs-banner .iubenda-cs-content { width: 100% !important; height: 100% !important; } /* // Da usale per il times close #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn { position: absolute !important; top: 0 !important; width: 20px !important; right: 0 !important; } */ </style> <script type="text/javascript"> const SecondPreferencePanel = function () { return { consentGiven: false, getPanel() { return document.querySelector('#iubenda-second-panel'); }, getInnerPanel() { return document.querySelector('#iubenda-second-panel-inner'); }, show() { this.movePanelAbove(); this.getPanel().classList.remove('hidden'); }, hide() { this.getPanel().classList.add('hidden') }, acceptAll() { _iub.cs.api.acceptAll(); _iub.cs.api.ui.banner.removeBanner(); this.hide(); this.consentGiven = true; }, reject() { if (!this.consentGiven) { _iub.cs.api.rejectAll(); this.consentGiven = true; } this.hide(); _iub.cs.api.ui.banner.removeBanner(); }, movePanelAbove() { const banner_container = document.querySelector('#iubenda-cs-banner'); const iubenda_banner = document.querySelector('.iubenda-cs-container'); const secondPanel = this.getPanel(); const secondPanelInner = this.getInnerPanel(); if (banner_container) { const bannerZIndex = window.getComputedStyle(banner_container).getPropertyValue('z-index'); if (!isNaN(parseInt(bannerZIndex))) { secondPanel.style.zIndex = parseInt(bannerZIndex) + 1; } } if (iubenda_banner) { const {height} = iubenda_banner.getBoundingClientRect(); secondPanelInner.style['min-height'] = height + 'px'; } }, } } const IubendaBannerManipulator = () => { return { insertRejectButton() { if (document.querySelector('.rockol-iubenda-cs-reject-btn')) { return; } const customPanelGroup = document.querySelector('.iubenda-cs-brand'); const button = this.createRejectButton(); customPanelGroup.insertAdjacentElement('afterend', button); }, createRejectButton() { // Creazione dell'elemento button var button = document.createElement("button"); // Impostazione degli attributi button.setAttribute("tabindex", "0"); button.setAttribute("role", "button"); button.setAttribute("aria-pressed", "false"); // Aggiunta delle classi CSS button.className = "rockol-iubenda-cs-reject-btn iubenda-cs-btn-primary"; // Impostazione del testo del bottone button.textContent = "Continua senza accettare →"; button.addEventListener('click', () => { secondPanel.show(); }) return button; }, removeOriginalRejectButton() { document.querySelector('.iubenda-cs-reject-btn').remove(); }, moveCustomSettingsButton() { const customizeButton = document.querySelector('.iubenda-cs-customize-btn'); const acceptButton = document.querySelector('.iubenda-cs-accept-btn.iubenda-cs-btn-primary'); const targetParent = acceptButton.parentNode; targetParent.insertBefore(customizeButton, acceptButton); } } }; const secondPanel = new SecondPreferencePanel(); const iubendaBannerManipulator = IubendaBannerManipulator(); var _iub = _iub || []; _iub.csConfiguration = {"lang":"it","invalidateConsentWithoutLog":true,"consentOnContinuedBrowsing":true,"enableTcf":true,"googleAdditionalConsentMode":true,"perPurposeConsent":true,"siteId":"2003257","cookiePolicyId":"96867379","banner":{"position":"bottom","brandBackgroundColor":"none","brandTextColor":"black","logo":"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDAuMTYiIGhlaWdodD0iMzQwLjE2Ij4KICA8c3R5bGU+CiAgICAuc3Qwe2ZpbGw6I2ZmZn0KICA8L3N0eWxlPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDQuMDYgMTQyLjI3YzMuNDggMi43IDcuMzUgMy40IDkuMjItLjgyIDEuODYtNC4yMS0uNDktOC4zNi0zLjk3LTExLjA2LTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMi40OSA4LjM3IDQuMDEgMTEuMXpNNzAuMSAyMTkuMTZjLTMuNTItMi43NC03LjQtMy40My05LjI2Ljc4LTEuODYgNC4yMS40OSA4LjM2IDQuMDIgMTEuMDkgMy40OCAyLjcgNy4zNSAzLjQgOS4yMi0uODIgMS44NS00LjIxLS41LTguMzUtMy45OC0xMS4wNXoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjU5IDBDNzUuNjYuMjctLjI3IDc2LjY0IDAgMTcwLjU3czc2LjY0IDE2OS44NiAxNzAuNTcgMTY5LjU5IDE2OS44Ni03Ni42NCAxNjkuNTktMTcwLjU3UzI2My41Mi0uMjcgMTY5LjU5IDB6TTEwMS40IDkyLjYzbDMwLjA1IDIzLjM0LTQuMDQgOS4xMy0zMC4wNS0yMy4zNCA0LjA0LTkuMTN6bS03LjA0IDM0LjEzYzMuODYtOC43MyAxMS4zMS0xMS44NyAxOS4xMi01LjggNy43NyA2LjAzIDkuMzUgMTYuMTkgNS40OSAyNC45Mi0zLjg2IDguNzMtMTEuMzEgMTEuODctMTkuMDggNS44NC03LjgxLTYuMDctOS4zOS0xNi4yMy01LjUzLTI0Ljk2em0tMjEuNjUgMzAuODNsMTYuNDEgMTIuNzUuMDUtLjEtNi41My0xNS4yOSA0LjQyLTEwIDYuNzMgMTcuNTcgMTcuMTMtLjA2LTQuODkgMTEuMDYtMTQuODgtMS43NC0uMDQuMSAxMS42NSA5LjA1LTQuMDMgOS4xMy0zMC4wNS0yMy4zNCA0LjAzLTkuMTN6bS0yLjgxIDI0LjU0YzEuMjEtMi43NCAyLjY5LTQuODYgNC41Mi02LjI0bDUuNjcgNS4yOWMtMS42NC45Ny0yLjc5IDIuMzMtMy43NSA0LjUxLTEuNzUgMy45Ni0uNjYgOC45IDMuNDEgMTIuMDUgMy43NSAyLjkxIDcuNzYgMS4yNSA5LjUtMi43MS45Mi0yLjA4IDEuNDMtNC40OCAxLjM4LTYuNTZsNi4xNCA0LjVjLS4zMyAyLjgxLTEuMTggNS44My0yLjI2IDguMjctMy44NiA4LjczLTExLjMxIDExLjg3LTE5LjA4IDUuODQtNy44MS02LjA3LTkuMzktMTYuMjItNS41My0yNC45NXptLTYuMjQgODcuMzFsLTIzLjUzLTE4LjI3IDMuNjgtOC4zMiA0LjMzIDMuMzcuMDQtLjFjLTIuMjktMy44OS0zLjE3LTcuNjQtMS40Mi0xMS42LjQ3LTEuMDcgMS4xLTIuMDggMS42NC0yLjg4bDYuNTcgNS43MmMtLjcyLjgxLTEuMTcgMS44Mi0xLjY0IDIuODktMS44OCA0LjI2LS4xOCA4Ljc5IDQuNDIgMTIuMzZsOS45MyA3LjcyLTQuMDIgOS4xMXptLTIuOTgtMjguOTdjLTcuODEtNi4wNy05LjM5LTE2LjIyLTUuNTQtMjQuOTUgMy44Ni04LjczIDExLjMxLTExLjg3IDE5LjEyLTUuOCA3Ljc3IDYuMDMgOS4zNSAxNi4xOSA1LjQ5IDI0LjkyLTMuODUgOC43Mi0xMS4zIDExLjg2LTE5LjA3IDUuODN6bTIxMC42OS05Mi42NmMtNi45Ni01LjE2LTE1LjM1LTYuMjUtMjUuNzItNi4yMi0zNy4zOC4xMS01Ny42IDI0Ljk2LTcyIDU3LjU3TDE1OCAyMzQuNmMtOC41OCAyMC4yMi0zOS44NiA1Mi4wOC04NC41MSAzOS4wM2w4Mi44OS0xODcuNjYgNjcuMzYtLjE5LTEzLjc1IDMxLjEzaC43NGMyMy4yNy0yMy4zOCA1MC4wNS0zMy44MiA3Ni4zMy0zMy45bDEyLjk1LS4wNC0yOC42NCA2NC44NHoiLz4KPC9zdmc+Cg==","acceptButtonDisplay":true,"customizeButtonDisplay":true,"textColor":"#ffffff","backgroundOverlay":true,"backgroundColor":"#000","listPurposes":true,"explicitWithdrawal":true,"rejectButtonDisplay":true,"rejectButtonColor":"#000","closeButtonDisplay":false,"acceptButtonCaption":"Accetta e continua a leggere","rejectButtonCaption":"Continua senza accettare"},"enableRemoteConsent":true,"invalidateConsentBefore":"2025-01-17"}; _iub.csConfiguration.callback = { // Su banner mostrato andare a cambiare il DOM per inserire il nostro pulsante che semplicemente mostra il secondo pannello onBannerShown: function () { iubendaBannerManipulator.insertRejectButton(); iubendaBannerManipulator.removeOriginalRejectButton(); }, onPreferenceFirstExpressed: function () { __tcfapi('getTCData', 2, function (tcData) { if (secondPanel.consentGiven) { return; } secondPanel.consentGiven = true; var allTcfPurposesAccepted = Object .keys(tcData.purpose.consents) .every(function (purposeId) { return tcData.purpose.consents[purposeId] === true; }); var isCpFullyAccepted = _iub.cs.api.isConsentGiven(); if (allTcfPurposesAccepted && isCpFullyAccepted) { secondPanel.hide(); } else { secondPanel.show(); } }); } } </script> <script> window.iubendaActivateScripts = function () { try { if (_iub && _iub.cs && _iub.cs.api && _iub.cs.api.activateSnippets) { _iub.cs.api.activateSnippets(); } } catch (err) { console.error(err); } } </script> <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> <div id="iubenda-second-panel" class="hidden inset-0 fixed w-full h-full" style="z-index: 100"> <div class="absolute inset-0 bg-black opacity-50"></div> <div id="iubenda-second-panel-inner" class="absolute z-10 inset-x-0 bottom-0 bg-black text-white flex flex-col items-center justify-end p-8"> <div class="flex flex-col space-y-4 mx-auto max-w-4xl"> <h2 class="heading text-xl">Per una decisione informata</h2> <p><strong>Ulteriori dettagli</strong></p> <div class="text-xs"> <p> Accettando i cookie di profilazione, ti verranno proposti annunci pubblicitari che rispecchiano i tuoi interessi, supportando il nostro impegno nel fornire contenuti gratuiti di qualità. </p> <p> Se invece scegli di attivare solo i cookie necessari, sarai esposto a pubblicità generica che potrebbe interferire con la tua esperienza di navigazione, dato che non sarà possibile gestire né la sua frequenza né il suo contenuto. </p> <p> Puoi modificare in ogni momento le tue scelte dal <a href="#" class="iubenda-cs-preferences-link underline">pannello delle preferenze</a> </p> </div> </div> <div class="flex flex-col items-center justify-center space-y-4"> <button class="rounded-full px-6 py-3 text-sm font-bold" style="background: #0073ce;" onclick="secondPanel.acceptAll()"> Accetta e continua a leggere </button> <button onclick="secondPanel.reject()" class="rounded-full bg-gray-900 bg-black px-6 py-3 text-xs"> Installa solo i cookie strettamente necessari </button> </div> </div> </div> </head> <body style="background: transparent !important;"> <style> *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } @layer __play_components__; .pc-relative { position: relative; } .pc-z-0 { z-index: 0; } .pc-z-10 { z-index: 10; } .pc-mx-auto { margin-left: auto; margin-right: auto; } .pc--mt-4 { margin-top: -1rem; } .pc--mt-5 { margin-top: -1.25rem; } .pc-mb-12 { margin-bottom: 3rem; } .pc-mt-4 { margin-top: 1rem; } .pc-block { display: block; } .pc-flex { display: flex; } .pc-inline-flex { display: inline-flex; } .pc-hidden { display: none; } .pc-h-12 { height: 3rem; } .pc-h-4 { height: 1rem; } .pc-h-8 { height: 2rem; } .pc-h-\[350px\] { height: 350px; } .pc-min-h-\[200px\] { min-height: 200px; } .pc-min-h-screen { min-height: 100vh; } .pc-w-4 { width: 1rem; } .pc-w-8 { width: 2rem; } .pc-w-full { width: 100%; } .pc-max-w-\[990px\] { max-width: 990px; } .pc--skew-y-2 { --tw-skew-y: -2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .pc-skew-y-2 { --tw-skew-y: 2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .pc-flex-col { flex-direction: column; } .pc-items-center { align-items: center; } .pc-justify-center { justify-content: center; } .pc-justify-between { justify-content: space-between; } .pc-space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .pc-space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .pc-space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .pc-space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .pc-space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .pc-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .pc-space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .pc-divide-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } .pc-divide-gray-800 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1)); } .pc-overflow-hidden { overflow: hidden; } .pc-overflow-y-auto { overflow-y: auto; } .pc-rounded { border-radius: 0.25rem; } .pc-rounded-md { border-radius: 0.375rem; } .pc-border { border-width: 1px; } .pc-border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .pc-border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .pc-bg-\[\#002c30\] { --tw-bg-opacity: 1; background-color: rgb(0 44 48 / var(--tw-bg-opacity, 1)); } .pc-bg-\[\#de231a\] { --tw-bg-opacity: 1; background-color: rgb(222 35 26 / var(--tw-bg-opacity, 1)); } .pc-bg-\[\#eada1c\] { --tw-bg-opacity: 1; background-color: rgb(234 218 28 / var(--tw-bg-opacity, 1)); } .pc-bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .pc-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .pc-bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .pc-from-\[\#7aaaaf\] { --tw-gradient-from: #7aaaaf var(--tw-gradient-from-position); --tw-gradient-to: rgb(122 170 175 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .pc-from-\[\#f3f3f3\] { --tw-gradient-from: #f3f3f3 var(--tw-gradient-from-position); --tw-gradient-to: rgb(243 243 243 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .pc-from-yellow-200 { --tw-gradient-from: #fef08a var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .pc-to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .pc-fill-current { fill: currentColor; } .pc-p-10 { padding: 2.5rem; } .pc-px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .pc-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .pc-px-4 { padding-left: 1rem; padding-right: 1rem; } .pc-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .pc-py-12 { padding-top: 3rem; padding-bottom: 3rem; } .pc-py-4 { padding-top: 1rem; padding-bottom: 1rem; } .pc-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .pc-pb-0 { padding-bottom: 0px; } .pc-pb-4 { padding-bottom: 1rem; } .pc-pb-8 { padding-bottom: 2rem; } .pc-pl-2 { padding-left: 0.5rem; } .pc-pr-4 { padding-right: 1rem; } .pc-pt-14 { padding-top: 3.5rem; } .pc-pt-16 { padding-top: 4rem; } .pc-pt-2 { padding-top: 0.5rem; } .pc-text-left { text-align: left; } .pc-text-center { text-align: center; } .pc-text-2xl { font-size: 1.5rem; line-height: 2rem; } .pc-text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .pc-text-6xl { font-size: 3.75rem; line-height: 1; } .pc-text-7xl { font-size: 4.5rem; line-height: 1; } .pc-text-base { font-size: 1rem; line-height: 1.5rem; } .pc-text-sm { font-size: 0.875rem; line-height: 1.25rem; } .pc-text-xl { font-size: 1.25rem; line-height: 1.75rem; } .pc-font-extrabold { font-weight: 800; } .pc-font-medium { font-weight: 500; } .pc-font-semibold { font-weight: 600; } .pc-uppercase { text-transform: uppercase; } .pc-leading-tight { line-height: 1.25; } .pc-tracking-widest { letter-spacing: 0.1em; } .pc-text-\[\#002c30\] { --tw-text-opacity: 1; color: rgb(0 44 48 / var(--tw-text-opacity, 1)); } .pc-text-\[\#624d3d\] { --tw-text-opacity: 1; color: rgb(98 77 61 / var(--tw-text-opacity, 1)); } .pc-text-\[\#7aaaaf\] { --tw-text-opacity: 1; color: rgb(122 170 175 / var(--tw-text-opacity, 1)); } .pc-text-\[\#921c15\] { --tw-text-opacity: 1; color: rgb(146 28 21 / var(--tw-text-opacity, 1)); } .pc-text-\[\#ffe8e7\] { --tw-text-opacity: 1; color: rgb(255 232 231 / var(--tw-text-opacity, 1)); } .pc-text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .pc-text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .pc-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .pc-text-white\/50 { color: rgb(255 255 255 / 0.5); } .pc-underline { text-decoration-line: underline; } .pc-shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .pc-shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .pc-shadow-\[\#002c30\] { --tw-shadow-color: #002c30; --tw-shadow: var(--tw-shadow-colored); } .pc-shadow-\[\#624d3d\] { --tw-shadow-color: #624d3d; --tw-shadow: var(--tw-shadow-colored); } .pc-drop-shadow-\[4px_4px_0px_\#b71c14\] { --tw-drop-shadow: drop-shadow(4px 4px 0px #b71c14); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .pc-drop-shadow-\[4px_4px_0px_rgba$152\,144\,22\,\.5$\] { --tw-drop-shadow: drop-shadow(4px 4px 0px rgba(152,144,22,.5)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .pc-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .pc-duration-200 { transition-duration: 200ms; } .pc-duration-300 { transition-duration: 300ms; } @theme { /* ... */ } .hover\:pc-bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:pc-text-\[\#025c64\]:hover { --tw-text-opacity: 1; color: rgb(2 92 100 / var(--tw-text-opacity, 1)); } .hover\:pc-text-\[\#8c552b\]:hover { --tw-text-opacity: 1; color: rgb(140 85 43 / var(--tw-text-opacity, 1)); } .focus\:pc-outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:pc-ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:pc-ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1)); } .focus\:pc-ring-offset-2:focus { --tw-ring-offset-width: 2px; } .pc-group:hover .group-hover\:pc-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 640px) { .sm\:pc-block { display: block; } .sm\:pc-inline { display: inline; } .sm\:pc-hidden { display: none; } .sm\:pc-w-1\/3 { width: 33.333333%; } .sm\:pc-w-2\/3 { width: 66.666667%; } .sm\:pc-max-w-xl { max-width: 36rem; } .sm\:pc-skew-y-1 { --tw-skew-y: 1deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:pc-flex-row { flex-direction: row; } .sm\:pc-items-start { align-items: flex-start; } .sm\:pc-space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:pc-space-x-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:pc-space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:pc-space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:pc-border { border-width: 1px; } .sm\:pc-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:pc-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:pc-pb-2 { padding-bottom: 0.5rem; } .sm\:pc-text-left { text-align: left; } .sm\:pc-text-base { font-size: 1rem; line-height: 1.5rem; } .sm\:pc-text-sm { font-size: 0.875rem; line-height: 1.25rem; } .sm\:pc-no-underline { text-decoration-line: none; } .sm\:pc-shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 768px) { .md\:pc-w-2\/5 { width: 40%; } .md\:pc-text-xl { font-size: 1.25rem; line-height: 1.75rem; } } </style> <style> html { scroll-padding-top: 96px; } @media (min-width: 640px) { html { scroll-padding-top: 70px; } } .prose a { text-decoration: pc-underline; font-weight: semibold; } </style> <div data-mobile-header class=" md:hidden sticky top-0 left-0 right-0 bg-white border-0 border-b border-rockol-blue border-solid z-index-sticky-content ">  <div class="absolute top-0 left-0 z-20 pt-1 pl-2"> <a href="https://www.rockol.it/" class="text-rockol-blue"> <svg class="svg-icon w-[80px] h-[80px] text-rockol-blue border-2 border-white rounded-full" xmlns="http://www.w3.org/2000/svg" viewBox="250.86 127.56 340.16 340.16" xml:space="preserve" > <path fill="currentColor" d="M420.94 467.72c93.93 0 170.08-76.15 170.08-170.08s-76.15-170.08-170.08-170.08-170.08 76.15-170.08 170.08 76.15 170.08 170.08 170.08"/> <path fill="white" d="M324.06 400.91c44.61 13.18 75.99-18.59 84.62-38.79l15.75-35.39c14.5-32.57 34.79-57.37 72.17-57.37 10.36 0 18.75 1.11 25.7 6.29l28.83-64.77h-12.95c-26.28 0-53.1 10.36-76.43 33.68h-.74l13.84-31.09h-67.36M299.09 358.83c-.54.81-1.17 1.82-1.65 2.88-1.76 3.95-.88 7.71 1.39 11.61l-.05.1-4.32-3.38-3.7 8.31 23.47 18.34 4.06-9.12-9.91-7.74c-4.6-3.59-6.28-8.12-4.39-12.38.47-1.07.93-2.08 1.65-2.88l-6.55-5.74zM324.76 357.49c-1.87 4.21-5.75 3.5-9.22.79-3.51-2.74-5.86-6.9-3.98-11.1 1.87-4.21 5.75-3.5 9.26-.76 3.47 2.72 5.82 6.87 3.94 11.07m.26-20.49c-7.8-6.09-15.26-2.97-19.14 5.75-3.88 8.72-2.33 18.88 5.46 24.97 7.75 6.05 15.21 2.94 19.09-5.78 3.89-8.73 2.34-18.89-5.41-24.94M325.27 303.17c-1.83 1.37-3.32 3.49-4.53 6.23-3.88 8.72-2.33 18.88 5.46 24.97 7.75 6.05 15.21 2.94 19.09-5.78 1.08-2.43 1.94-5.45 2.28-8.26l-6.13-4.51c.04 2.08-.48 4.48-1.4 6.56-1.76 3.95-5.77 5.6-9.51 2.68-4.06-3.17-5.13-8.11-3.37-12.06.97-2.18 2.12-3.54 3.77-4.5l-5.66-5.33zM319.55 293.99l29.98 23.42 4.06-9.12-11.62-9.08.04-.1 14.88 1.78 4.92-11.05-17.13.01-6.69-17.59-4.44 9.99 6.48 15.31-.05.1-16.37-12.79z"/> <g><path fill="white" d="M364.23 268.85c-1.87 4.21-5.75 3.5-9.22.79-3.51-2.74-5.86-6.9-3.98-11.1 1.87-4.21 5.75-3.5 9.26-.76 3.47 2.71 5.81 6.87 3.94 11.07m.26-20.49c-7.8-6.09-15.26-2.97-19.14 5.75-3.88 8.72-2.33 18.88 5.46 24.97 7.75 6.05 15.21 2.94 19.09-5.78 3.89-8.73 2.34-18.89-5.41-24.94"/></g> <path fill="white" d="M348.43 229.11l29.98 23.43 4.07-9.12-29.99-23.43z"/> </svg> </a> </div>  <div class="h-14 flex items-center w-full bg-rockol-blue px-4 top-0"> <nav class="h-full w-full menu-2019 flex-grow roboto font-black uppercase tracking-wider flex items-center justify-between" :class="{'dropdown-active': dropdown}"> <div class="flex w-full justify-end text-white space-x-3"> <icon-login-button data-cy="myRockolLogin" class="font-black font-semibold scale-75 relative z-10" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white !border-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> <button aria-label="Apri menù completo" type="button" @click.prevent="dropdown.mobileMainMenu = !dropdown.mobileMainMenu" class="fill-current " :class="{'bg-gray-900 h-full text-white': dropdown.mobileMainMenu}" :style="{color: dropdown.mobileMainMenu ? 'white !important' : 'currentColor'}"> <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon h-5 w-5" viewBox="0 0 24 24"> <path fill="current-color" d="M24 11v3H0v-3h24Zm-6 7v3H0v-3h18Zm6-14v3H0V4h24Z"></path> </svg> </button> </div> </nav> </div>  <div class="bg-white w-full h-[33px] relative pl-[85px] pr-4 flex justify-end relative"> <div class="min-[355px]:hidden absolute h-full top-0 bottom-0 right-4 bg-gradient-to-l pointer-events-none from-white to-transparent w-4 z-10"></div> <div class="overflow-x-auto min-[355px]:overflow-x-hidden text-xs min-[370px]:text-sm relative lora font-bold z-0 flex items-center justify-between space-x-2 tracking-tighter"> <a href="https://www.rockol.it/news" class="section-news flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Notizie</div> </a> <a href="https://www.rockol.it/recensioni-musicali" class="section-ascoltati-e-usciti flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Recensioni</div> </a> <a href="https://www.rockol.it/concerti" class="section-live flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>Live</div> </a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" href="https://musicbiz.rockol.it" label="MusicBiz"> <a href="https://musicbiz.rockol.it" class="section-musicbiz flex items-center space-x-1"> <div class="w-2 h-2 bg-alternate-color rounded-full mt-0.5"></div> <div>MusicBiz</div> </a> </musicbiz-portal-link> </div> </div> <section v-cloak class="md:hidden">  <div v-if="dropdown.mobileMainMenu" class="z-10 top-0 left-0 right-0 fixed scrolling-touch w-full h-14"> <div class="h-14 flex items-center w-full bg-rockol-blue px-4 top-0"> <nav class="h-full w-full menu-2019 flex-grow roboto font-black uppercase tracking-wider flex items-center justify-between" :class="{'dropdown-active': dropdown}"> <div class="flex w-full justify-end text-white space-x-3"> <button aria-label="Apri-menù-completo" type="button" @click.prevent="dropdown.mobileMainMenu = !dropdown.mobileMainMenu" class="fill-current " :class="{'h-full text-white': dropdown.mobileMainMenu}" :style="{color: dropdown.mobileMainMenu ? 'white !important' : 'currentColor'}">  <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon h-6 w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </button> </div> </nav> </div> </div> <div v-if="dropdown.mobileMainMenu"> <div class="fixed top-[90px] bg-white bottom-0 inset-x-0 flex flex-col"> <div class="bg-rockol-blue shrink-0"> <form action="https://www.rockol.it/search" method="GET"> <div class="flex items-center justify-between"> <input name="s" class="text-xl text-white bg-transparent px-4 border-0 w-full p-2 outline-none mb-0" placeholder="Cerca" @keydown.esc="hideSearch"> <button type="submit" class="text-white p-4">  <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon h-6 w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </button> </div> </form> </div> <div class="overflow-y-auto flex-grow"> <nav> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-news"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Notizie</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/news" class="">Tutti gli articoli</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/news/ultime-24-ore" class="">Ultime 24 Ore</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/news/piu-lette" class="">Più lette</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/oggi-nel-rock" class="">Accadde Oggi</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/magazine" class="">Magazine</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/tutto-su/playlists-225470" class="">Playlists</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-ascoltati-e-usciti"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Ascoltati e usciti</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/recensioni-musicali/album" class="">Recensioni album</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/uscite-discografiche" class="">Uscite discografiche</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/recensioni-musicali/singoli" class="">Singoli</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-live"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Live</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/concerti" class="">Concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti/oggi" class="">Oggi in concerto</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti-italia" class="">Concerti in Italia</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/concerti/ricerca" class="">Cerca concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/news/dal-vivo" class="">Recensioni concerti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/gallerie-fotografiche" class="">Gallerie fotografiche</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-musicbiz"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="https://musicbiz.rockol.it/" class="">MusicBiz</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-libri"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="https://www.rockol.it/recensioni-musicali/libri" class="">Libri</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-video"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Video</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/videoclip/" class="">Video</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/video-channel/VideoInterviste/" class="">Videointerviste</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/video-channel/Live-Rockol/" class="">Live @ Rockol</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Altre sezioni</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/artisti" class="">Artisti</a> </li> <li class="leading-none"> <a href="https://musicbiz.rockol.it/classifiche-musicali" class="">Classifiche</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/chi-l-ha-detto" class="">Chi l'ha detto?</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-testi"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <a href="/" class="">Testi</a> </h3> </div> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Seguici</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.instagram.com/rockol.it/" class="">Instagram</a> </li> <li class="leading-none"> <a href="https://www.facebook.com/rockol/" class="">Facebook</a> </li> <li class="leading-none"> <a href="https://www.youtube.com/user/rockolvideo" class="">Youtube</a> </li> <li class="leading-none"> <a href="https://www.linkedin.com/company/rockol" class="">LinkedIn</a> </li> <li class="leading-none"> <a href="https://x.com/rockolpoprock/" class="">X.com</a> </li> </ul> </div> </div> <div class="w-full px-4 border-b border-rockol-blue-dark/50 section-altro"> <div class=" heading py-4 px-4 pb-3 flex items-center space-x-2 "> <div class="lora font-bold flex items-center space-x-2"> <div class="w-2 h-2 rounded-full bg-alternate-color"></div> <h3> <span class="">Info & contatti</span> </h3> </div> </div> <div> <ul class="roboto text-sm text-black p-4 pt-0 px-4 pl-8 grid grid-cols-2 gap-2"> <li class="leading-none"> <a href="https://www.rockol.it/info/chi-siamo" class="">Chi siamo</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/contatti" class="">Contatti</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/copyright" class="">Copyright</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/pubblicita" class="">Pubblicità</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/privacy" class="">Privacy</a> </li> <li class="leading-none"> <a href="https://www.iubenda.com/privacy-policy/96867379/cookie-policy" class="">Cookie policy</a> </li> <li class="leading-none"> <a href="https://www.rockol.it/info/legal/codice-etico" class="">Codice etico</a> </li> <li class="leading-none"> <a href="#" class="">Preferenze di consenso</a> </li> <li class="leading-none"> <a href="#" class="">Preferenze tracciamento pubblicitario</a> </li> </ul> </div> </div> </nav> </div> </div> </div> </section> </div> <header id="header" class="sticky top-0 relative z-index-sticky-content"> <div class="hidden md:block bg-rockol-blue w-full border-b border-b-rockol-blue border-solid"> <div class="container mx-auto relative"> <div class="ml-2 -mt-3 absolute inset-0"> <div class="mt-[4px] ml-[5px] w-[90px] h-[90px] fill-current bg-white absolute rounded-full"></div> <a class="absolute flex items-center justify-center top-0 left-0 text-rockol-blue bg-white rounded-full" href="https://www.rockol.it/"> <svg xmlns="http://www.w3.org/2000/svg" class="w-[90px] h-[90px] fill-current" viewBox="0 0 340.16 340.16"> <path d="M104.15 142.08c3.47 2.71 7.34 3.42 9.22-.79s-.47-8.36-3.94-11.07-7.39-3.45-9.26.76.46 8.36 3.98 11.1Zm-34.19 76.79c-3.51-2.75-7.39-3.46-9.26.75s.47 8.36 4 11.11 7.35 3.41 9.22-.79-.49-8.36-3.96-11.07Z"/> <path d="M170.08 0a170.08 170.08 0 1 0 170.08 170.08A170.08 170.08 0 0 0 170.08 0Zm-68.45 92.43 30 23.43-4.09 9.12-30-23.42Zm-7.09 34.11c3.88-8.71 11.34-11.83 19.14-5.74s9.29 16.21 5.41 24.93-11.34 11.84-19.09 5.78-9.39-16.25-5.46-24.97ZM72.8 157.31l16.37 12.79v-.1l-6.48-15.31 4.44-10 6.68 17.58h17.13l-4.92 11.05-14.87-1.78v.1l11.62 9.08-4.06 9.13-30-23.43Zm-2.88 24.53a15.55 15.55 0 0 1 4.53-6.23l5.66 5.31a9.06 9.06 0 0 0-3.77 4.5 10.06 10.06 0 0 0 3.38 12.06c3.73 2.93 7.75 1.28 9.51-2.67a16.14 16.14 0 0 0 1.4-6.56l6.13 4.51a30.2 30.2 0 0 1-2.28 8.26c-3.89 8.72-11.35 11.84-19.1 5.78s-9.39-16.24-5.51-24.96Zm-6.55 87.34L39.9 250.84l3.7-8.31 4.32 3.38.05-.1c-2.27-3.9-3.15-7.66-1.39-11.61a19 19 0 0 1 1.65-2.88l6.55 5.74a10.78 10.78 0 0 0-1.65 2.88c-1.89 4.25-.2 8.78 4.39 12.37l9.91 7.75Zm-2.83-29c-7.8-6.09-9.35-16.25-5.47-25s11.34-11.84 19.14-5.75 9.3 16.21 5.42 24.93-11.4 11.82-19.09 5.82Zm211-92c-6.95-5.18-15.34-6.29-25.7-6.29-37.38 0-57.67 24.79-72.17 57.36l-15.75 35.39c-8.64 20.19-40 52-84.63 38.78l83.33-187.49h67.36l-13.84 31.09h.74c23.34-23.32 50.16-33.68 76.43-33.68h13Z"/> </svg> </a> </div> </div> <div class="h-[36px]"> <div class="container pl-32 mx-auto _bg-red-500 h-full flex items-center"> <nav class="flex -mx-4 items-center w-full text-white divide-x text-xs tracking-wide font-semibold roboto leading-none "> <a class="px-4" href="/classifiche-musicali">Classifiche</a> <a class="px-4" href="/podcast">Podcast</a> <a class="px-4" href="/videoclip/">Video</a> <a class="px-4" href="/singoli">Singoli</a> <a class="px-4" href="/tutto-su/playlists-225470">Playlist</a> </nav> </div> </div> <div class="h-[48px] bg-white lora font-bold"> <div class="container pl-32 mx-auto h-full flex items-center"> <div class="flex items-center h-full justify-between w-full space-x-4 md:space-x-8 "> <nav class="flex grow items-center justify-between max-w-xl" :class="{'dropdown-active': dropdown}"> <a href="https://www.rockol.it/news" class="section-news h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Notizie</span>  <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-3 mt-1 h-4 dropdown-chevron" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> <a href="https://www.rockol.it/recensioni-musicali" class="section-ascoltati-e-usciti h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Recensioni</span>  <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon ml-3 mt-1 h-4 dropdown-chevron" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg> </a> <a href="https://www.rockol.it/concerti" class="section-live h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl" data-temp-mouseenter="showDropdown('shows')" data-temp-mouseleave="hideDropdown()" > <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>Concerti</span> </a> <musicbiz-portal-link music-biz-teleport-url="https://musicbiz.rockol.it/bridge" href="https://musicbiz.rockol.it" label="MusicBiz"> <div class="section-musicbiz"> <a href="https://musicbiz.rockol.it" class="h-full flex items-center justify-center h-full space-x-1 hover:text-gray-600 space-x-2 text-base lg:text-xl"> <div class="bg-alternate-color w-3 h-3 rounded-full"></div> <span>MusicBiz</span> </a> </div> </musicbiz-portal-link> </nav> <div class="shrink-0 h-full flex items-center space-x-5"> <div class="h-full"> <button aria-label="Apri-ricerca" type="button" class="fill-current h-full flex items-center justify-center !-mr-3 px-3 relative" :class="{'bg-rockol-blue-dark text-white': dropdown.search}" @click.prevent="toggleFixedDropdown('search')" > <div v-cloak class="bg-rockol-blue-dark absolute h-2 inset-x-0" style="bottom: -2px;" v-if="dropdown.search"></div>  <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-icon h-6 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> </svg> </button> </div> <icon-login-button data-cy="myRockolLogin" class="heading font-black font-semibold" v-slot:default="{loginStateChecking}"> <div class="login-header__button-container cursor-pointer relative block h-8 w-8 text-white rounded-full overflow-hidden border-2 focus:outline-none focus:border-gray-900"> <div class="login-header__button-bg inset-0 absolute bg-gray-300"></div> <div class="inset-0 absolute flex items-center justify-center"> <svg class=" fill-current h-6 mt-2 inset-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.76 24.43"> <path fill="currentColor" d="M22.81 18.03a6 6 0 00-2.58-1.54c-4.68-1.1-5-1.82-5.29-2.5a2.63 2.63 0 01.25-2.41c2.09-4 2.54-7.32 1.24-9.47A4.56 4.56 0 0012.32 0a4.58 4.58 0 00-4.14 2.15c-1.3 2.17-.86 5.52 1.27 9.43a2.65 2.65 0 01.27 2.4c-.32.71-.74 1.45-5.31 2.51A7.46 7.46 0 001.5 18.2a6.45 6.45 0 00-1.18 6.13h12.13l12.15.12a4.07 4.07 0 00.16-1.8 6.32 6.32 0 00-1.95-4.62z"/> </svg> </div> </div> </icon-login-button> <div class="h-full"> <button type="button" aria-label="Apri-menù-completo" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="fill-current h-full flex items-center justify-center !-ml-3 px-3 relative" :class="{'bg-rockol-blue-dark h-full text-white hover:text-white': dropdown.desktopMainMenu}"> <svg xmlns="http://www.w3.org/2000/svg" class="svg-icon h-5 w-5" viewBox="0 0 24 24"> <path fill="current-color" d="M24 11v3H0v-3h24Zm-6 7v3H0v-3h18Zm6-14v3H0V4h24Z"></path> </svg> </button> </div> </div> </div> </div> </div> </div> </div> <section v-cloak class="hidden sm:block"> <div v-if="dropdown.desktopMainMenu" @mouseenter="showDropdown('desktopMainMenu')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="relative mx-auto container max-width-container bg-rockol-blue-dark pt-8 pb-8"> <h2 class="sr-only">Rockol - sezioni principali</h2> <nav class="flex items-start justify-between -mx-4 px-4"> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Notizie</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/news" >Tutti gli articoli</a></li> <li><a href="https://www.rockol.it/news/ultime-24-ore" >Ultime 24 Ore</a></li> <li><a href="https://www.rockol.it/news/piu-lette" >Più lette</a></li> <li><a href="https://www.rockol.it/oggi-nel-rock" >Accadde Oggi</a></li> <li><a href="https://www.rockol.it/magazine" >Magazine</a></li> <li><a href="https://www.rockol.it/tutto-su/playlists-225470" >Playlists</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Ascoltati e usciti</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/recensioni-musicali/album" >Recensioni album</a></li> <li><a href="https://www.rockol.it/uscite-discografiche" >Uscite discografiche</a></li> <li><a href="https://www.rockol.it/recensioni-musicali/singoli" >Singoli</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Live</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/concerti" >Concerti</a></li> <li><a href="https://www.rockol.it/concerti/oggi" >Oggi in concerto</a></li> <li><a href="https://www.rockol.it/concerti-italia" >Concerti in Italia</a></li> <li><a href="https://www.rockol.it/concerti/ricerca" >Cerca concerti</a></li> <li><a href="https://www.rockol.it/news/dal-vivo" >Recensioni concerti</a></li> <li><a href="https://www.rockol.it/gallerie-fotografiche" >Gallerie fotografiche</a></li> <li><a href="https://www.rockol.it/biglietti" >Acquista Biglietti</a></li> </ul> </nav> </div> <div class="mx-4"> <h3 class="heading lora m-0 mb-4 font-black font-roboto-regular">Video</h3> <nav> <ul class="underline list-none p-0 text-xs"> <li><a href="https://www.rockol.it/videoclip/" >Video</a></li> <li><a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li><a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> </ul> </nav> </div> <div class="mx-4"> <nav> <ul class="-mt-2 underline lora list-none heading leading-normal text-lg space-y-0.5 font-roboto-regular heading space-y-2 font-black"> <li><a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li><a href="https://musicbiz.rockol.it" target="_blank" rel="noopener noreferrer" >MusicBiz</a></li> <li><a href="https://www.rockol.it/artisti" >Artisti</a></li> <li><a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a></li> <li><a href="https://testicanzoni.rockol.it/" >Testi</a></li> <li><a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li><a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer" ><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></a></li> <li><a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> </ul> </nav> </div> </nav> </div> </div> <div v-if="dropdown.news" @mouseenter="showDropdown('news')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl lora mb-4 font-black font-roboto-regular text-center">News</h3> <keep-alive> <dropdown key="news" :elements='{"last-24-hours":{"label":"Ultime 24 Ore","route":"https:\/\/www.rockol.it\/news\/ultime-24-ore","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/s_KgIsmX99M1AlDRC9o3GkjLEhY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/pearljam25.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750142\/mike-mccready-pearl-jam-aneddoto-furto-riff-chitarra-kiss-alive","title":"Il riff che i Pearl Jam \u0027rubarono\u0027 ai Kiss","abstract":"Mike McCready e il suo amore per la band di Simmons e Stanley"},{"imageUrl":"https:\/\/images.rockol.it\/SdBbf65FntHFnkeVbtHNE-9nh8s=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/e9ac3938-6385-61d4-9cf4-95bde7ad70a7.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750140\/skillet-concerto-bonsai-bologna-15-giugno-info-biglietti","title":"Skillet in concerto a Bologna","abstract":"La rock band di Memphis sarà al BOnsai Bologna il 15 giugno"},{"imageUrl":"https:\/\/images.rockol.it\/zXJQ2_nao2gDImqz9tSJUPoP1fs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/spotify-logo-png-rgb-green-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750139\/spotify-nuovo-abbonamento-dedicato-ai-superfan","title":"Spotify lancerà un nuovo abbonamento dedicato ai superfan?","abstract":"Lo riporta Bloomberg: Music Pro andrebbe ad aggiungersi ai già esistenti piani Premium e Free"},{"imageUrl":"https:\/\/images.rockol.it\/NeeP4OxCJ9Ot18uGRTx0KcQxrAA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/placebo-pordenone-blues-festival-2024-02.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750138\/insulti-giorgia-meloni-brian-molko-placebo-sara-processato-vilipendio","title":"Insulti a Meloni, Brian Molko sarà processato per vilipendio","abstract":"Il frontman dei Placebo aveva insultato il nostro primo ministro in concerto a Stupinigi nel 2023"}]},"most-read":{"label":"Le più lette","route":"https:\/\/www.rockol.it\/news\/piu-lette","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/w6cnEWX4crAaZEA7JVbzE-88A_I=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/sanremo-2025.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749972\/sanremo-2025-canzoni-in-gara-pagelle-voti-prima-serata","title":"Sanremo 2025, prima serata: meglio la tv che la musica","abstract":"Le pagelle: ritmo e spettacolo, ma le canzoni? Bene Giorgia, Corsi, Brunori, Olly, Thiele, Rose. "},{"imageUrl":"https:\/\/images.rockol.it\/ZWTblRy9GJ1U8IDkc0oZZzV1pkI=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/scandinavian-broadcasts-1969-led-zeppelin-cover-ts1596936850.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750005\/album-led-zeppelin-coda-robert-plant-critico","title":"L\u0027album dei Led Zeppelin da cui Robert Plant si dissocia","abstract":"Il 25 settembre 1980 morì John Bonham, per la band non aveva più senso continuare"},{"imageUrl":"https:\/\/images.rockol.it\/iSY9qNSEK7kMJdweupymHIjI-cY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/credits-simone-biavati-dscf0565.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750077\/sanremo-2025-pagelle-e-voti-della-serata-cover-e-duetti-recensione","title":"Sanremo 2025, le cover: la serata più divertente. Le pagelle","abstract":"Lucio Corsi\/Topo Gigio star della serata: diversi tributi interessanti e qualche caduta di tono. "},{"imageUrl":"https:\/\/images.rockol.it\/FkIN51fPdF47Kg0On2-4PW5lVGw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/20250212-023255.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750100\/sanremo-2025-vincitore-pagelle-finale-voti-performance-e-canzoni","title":"Un Sanremo con poche sorprese: le pagelle","abstract":"Nessuno aveva visto arrivare Corsi e Brunori così in alto. Ma tutto il resto è stato prevedibile"}]},"industria":{"label":"MusicBiz","route":"https:\/\/musicbiz.rockol.it","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/zXJQ2_nao2gDImqz9tSJUPoP1fs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/spotify-logo-png-rgb-green-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750139\/spotify-nuovo-abbonamento-dedicato-ai-superfan","title":"Spotify lancerà un nuovo abbonamento dedicato ai superfan?","abstract":"Lo riporta Bloomberg: Music Pro andrebbe ad aggiungersi ai già esistenti piani Premium e Free"},{"imageUrl":"https:\/\/images.rockol.it\/cD4I13kaBAFpPoi0Zs3_im6piOw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/20250130-103441.JPG","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750128\/sanremo-2025-crescita-streaming-grazie-a-festival-dati-numeri-fimi","title":"Sanremo 2025, il Festival spinge gli stream: i dati","abstract":"Nella settimana della manifestazione i volumi di ascolto sono cresciuti dell’11,6%"},{"imageUrl":"https:\/\/images.rockol.it\/bnxK6-KdotF8QwgfKRN2pz5ML1I=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/wmglogo2024.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750124\/warner-music-completata-l-acquisizione-di-africori","title":"Warner Music, completata l’acquisizione di Africori","abstract":"\u0027Un momento fondamentale nella nostra evoluzione in Africa\u0027"},{"imageUrl":"https:\/\/images.rockol.it\/F0y7Gm1hgS12re18p3ueNKjIFtA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/universal-music-group-logo2-1.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750122\/a-universal-music-la-quota-di-maggioranza-di-a-sketch","title":"A Universal Music la quota di maggioranza di A-Sketch","abstract":"La major entra in controllo di una delle principali aziende musicali del paese"}]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.reviews" @mouseenter="showDropdown('reviews')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl lora mb-4 font-black font-roboto-regular text-center">Recensioni</h3> <keep-alive> <dropdown key="reviews" :elements='{"recensioni":{"label":"Album","route":"https:\/\/www.rockol.it\/recensioni-musicali\/album","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/_yuFpEn5OXzEFTbSovGitBD3AZs=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/sleepless-empire-lacuna-coil-cover-ts1739532030.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11354\/lacuna-coil-sleepless-empire","rating":"8.0","title":"L’impero insonne raccontato dai Lacuna Coil","abstract":"La band pubblica il decimo album: un racconto della contemporaneità dal suono granitico e diretto"},{"imageUrl":"https:\/\/images.rockol.it\/q0pS-8bZmyZDnDG-Solud_6R4c8=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/sharon-van-etten-the-attachment-theory-sharon-van-etten-cover-ts1738943589.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11353\/sharon-van-etten-sharon-van-etten-the-attachment-theory","rating":"7.5","title":"Sharon Van Etten strizza l\u0027occhio alla new wave, e fa centro","abstract":"\u0022Sharon Van Etten \u0026 The Attachment Theory\u0022 regala una nuova veste alla musicista statunitense"},{"imageUrl":"https:\/\/images.rockol.it\/8xN5GYS0g4q__4HZRgBsfW4ZmQ8=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/lay-low-eddie-chacon-cover-ts1739042408.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11352\/eddie-chacon-lay-low","rating":"7.5","title":"Lay Low, il soul scarno e minimale di Eddie Chacon ","abstract":"Terzo album della nuova vita artistica di Chacon prodotto da Nick Hakim. Tra soul e psichedelia."},{"imageUrl":"https:\/\/images.rockol.it\/0ndLlvdNmAvu1or3EYUICWF2v14=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/fame-jake-la-furia-cover-ts1738314419.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11346\/jake-la-furia-fame","rating":"7.0","title":"Jake La Furia: un album solista per chi ha “fame” di rap","abstract":"Prodotto da Night Skinny, è vecchia scuola e allo stesso tempo fresco. Ma senza novità. "}]},"libri":{"label":"Libri","route":"https:\/\/www.rockol.it\/recensioni-musicali\/libri","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/NTrXy4t5RyKva7VMJBdS8IQdBR0=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/bella-ciao.2024-11-12-04-06-57.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1582\/jacopo-tomatis-bella-ciao","rating":"8.5","title":"Le storie vere di un titolo iconico","abstract":"Una canzone, uno spettacolo, un disco"},{"imageUrl":"https:\/\/images.rockol.it\/_DRsFFk-hW6qImI5PkJuLSn8AtQ=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/bartoletti.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1587\/marino-bartoletti-il-festival-degli-dei","rating":"6.5","title":"Sanremo in paradiso","abstract":"In gara, solo cantanti defunti"},{"imageUrl":"https:\/\/images.rockol.it\/xoTljA3RSoxmQoTi7qGlAs3VhCw=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/nico.2024-11-12-04-06-56.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1580\/jennifer-otter-bickerdicke-nico-la-biografia","rating":"7.5","title":"\u0022Oracolo dei giganti e dei perdenti\u0022","abstract":"Così ha detto di lei Iggy Pop"},{"imageUrl":"https:\/\/images.rockol.it\/QaxjSUq8mHGxJ3k48BOO4NbdQTU=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/everett.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1579\/mark-oliver-everett-cose-che-i-miei-nipoti-devono-sapere","rating":"8.0","title":"\u0022Uno dei migliori libri mai scritti da un artista\u0022","abstract":"Lo ha detto Pete Townshend"}]},"singoli":{"label":"Singoli","route":"https:\/\/www.rockol.it\/recensioni-musicali\/singoli","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/4nGo4pGuvH3sEUCB6ByE07at9JQ=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/emis-killa-ph-credit-mattia-guolo.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749791\/emis-killa-demoni-canzone-di-sanremo-ascolta-recensione-testo-lazza","rating":null,"title":"Emis Killa: \u0022Demoni\u0022 e l\u0027effetto \u0022Cenere\u0022 che non c\u0027è","abstract":"Il rapper condivide il brano che avrebbe dovuto presentare a Sanremo e annuncia un live. "},{"imageUrl":"https:\/\/images.rockol.it\/OAgCj92YMD1nRghSuU7bAF5w7d0=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/cristina-d-avena-075-copia.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749722\/cristina-d-avena-e-gabry-ponte-canzone-fantasanremo-e-jingle-festival","rating":null,"title":"Cristina D’Avena: la sigla “Occhi di FantaSanremo” è un amarcord","abstract":"Il gioco abbraccia la nostalgia, mentre Gabry Ponte firma il jingle tamarrissimo del Festival."},{"imageUrl":"https:\/\/images.rockol.it\/2mfdOgY_-iaCS_Lft-6zZSg5RuY=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/1-maldite-coez-1.2025-01-16-14-33-13.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749380\/coez-mal-di-te-nuovo-singolo-recensione-testo-anteprima","rating":null,"title":"Coez, svolta brit: il singolo “Mal di te”","abstract":"Tra progressioni blues e chitarre distorte, il cantautorapper torna a spiazzare: l\u0027ascolto"},{"imageUrl":"https:\/\/images.rockol.it\/BQzW707bjz3O3spzb1GhGNSmym4=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/laioung-2.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749340\/laioung-ritorno-con-2016-recensione-singolo-nostalgia-scena-trap","rating":null,"title":"È tornato Laioung ed è subito 2016","abstract":"Fu l’anno in cui il rapper, insieme ad altri, sdoganò la trap. Ma perché tornare indietro?"}]},"uscite":{"label":"Uscite discografiche","route":"https:\/\/www.rockol.it\/uscite-discografiche","has-panel":false,"component":"DropdownArticle","items":[]},"singoli-sezione":{"label":"Singoli in uscita","route":"https:\/\/www.rockol.it\/singoli","has-panel":false,"component":"DropdownArticle","items":[]}}' ></dropdown> </keep-alive> </div> </div> <div v-if="dropdown.shows" @mouseenter="showDropdown('shows')" @mouseleave="hideDropdown()" class="absolute bg-rockol-blue-dark text-white w-screen border-b-2 border-black border-solid"> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container pt-4 pb-8"> <h3 class="text-3xl mb-4 font-black font-roboto-regular uppercase text-center">Concerti</h3> <keep-alive> <dropdown key="shows" :elements='{"tutti-i-concerti":{"label":"Tutti i concerti","route":"#","component":"DropdownShowList","has-panel":true,"items":[{"left-menu":[{"label":"Concerti di ","suffix":"Oggi","route":"https:\/\/www.rockol.it\/concerti-oggi"},{"label":"Concerti della ","suffix":"Settimana","route":"https:\/\/www.rockol.it\/concerti-settimana"},{"label":"Concerti del ","suffix":"Weekend","route":"https:\/\/www.rockol.it\/concerti-weekend"}],"places":[{"place":"Bologna","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-bologna-p-b9xr0pgdqy5"},{"place":"Segrate","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-segrate-milano-p-oj5d6okmdwv"},{"place":"Assago","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-assago-milano-p-y78ew3krjoa"},{"place":"Cremona","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-cremona-p-bwod5yklr54"},{"place":"Padova","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-padova-p-x67e7w0lrqa"},{"place":"Vicenza","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-vicenza-p-7nvdmk4yemx"},{"place":"Cervignano del Friuli","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-cervignano-del-friuli-udine-p-49oe3q4d8bp"},{"place":"Mantova","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-mantova-p-7korjywyrqw"},{"place":"Santarcangelo di Romagna","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-santarcangelo-di-romagna-rimini-p-bwod5pqbr54"},{"place":"Torino","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-torino-p-knoroga7d3w"},{"place":"Brescia","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-brescia-p-79zdgmbkd0b"},{"place":"Pavia","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-pavia-p-gl8r8nqnrk7"},{"place":"Roma","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-roma-p-4j9e9maxr63"},{"place":"San Donà di Piave","nrOfShows":5,"route":"https:\/\/www.rockol.it\/concerti-san-dona-di-piave-venezia-p-y78ewxv8rjo"}]}]},"cerca-concerti":{"label":"Cerca Concerti","route":"#","has-panel":true,"component":"DropdownShowSearch","items":[1]},"recensioni-concerti":{"label":"Recensioni concerti","route":"#","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/rEYlkRZf8EtV56ZrYUWorEtXbsE=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/soul-asylum-live-milano-febbraio-2025.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750012\/soul-asylum-live-milano-febbraio-2025-tour-slowly-but-shirley-scaletta","title":"Soul Asylum: l’anima sferragliante dell’alternative rock","abstract":"I Soul Asylum mancavano dall’Italia da tanto tempo, addirittura dal 1994 (quando si erano esibiti al Rolling Stone di Milano …, storico locale cittadino che ora non c’è più..."},{"imageUrl":"https:\/\/images.rockol.it\/uCFyyczQ5vW8QYVyy2JbNISxnp8=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/marilyn-manson-at-milano-rockol-029.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749981\/marilyn-manson-recensione-concerto-milano","title":"Marilyn Manson: un ritorno che strizza l’occhio al passato","abstract":"Una carriera di talento, ma anche di eccessi, di provocazioni, di leggende metropolitane. Un personaggio visto con diffidenza da alcuni, ma amato da tanti altri, affascinati..."},{"imageUrl":"https:\/\/images.rockol.it\/WeNB5zrR9W0Z6gM5rTwou8LyH2I=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/max-pezzali-live-forum-milano-foto-28-12-24-2.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-749238\/max-pezzali-883-live-milano-2025-forum-con-le-hit-recensione","title":"Max Pezzali, l’essenza della musica pop (anche sul palco)","abstract":"Sicuramente la frase “questa casa non è un albergo” è un mantra risuonato\u0026nbsp;nelle orecchie di più generazioni.\u0026nbsp;Max Pezzali con gli 883 ha raccontato l’adolescenza..."},{"imageUrl":"https:\/\/images.rockol.it\/2Wm3dRi-gtUnGMP5KBUGkbx_EjA=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/gabbani-foto-cover-live-milano-forum-dicembre-2024-2.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-748967\/francesco-gabbani-recensione-live-concerto-milano-dicembre-2024","title":"Francesco Gabbani coinvolge con il suo pop di spessore","abstract":"Dopo la sua prima volta al Forum di Milano (1 ottobre 2022) Francesco Gabbani torna nel palazzetto milanese e lo fa forte di una nuova, quarta, presenza al Festival di Sanremo..."}]}}' ></dropdown> </keep-alive> </div> </div>  <button type="button" v-if="dropdown.search" class="fixed top-0 left-0 right-0 bottom-0 w-full h-full opacity-0 cursor-default" @click="hideFixedDropdown()"></button> <div v-if="dropdown.search" class="absolute text-white w-screen bg-rockol-blue-dark "> <div class="mx-auto container max-width-container bg-rockol-blue-dark max-width-container py-8 pt-6"> <form action="/search" method="GET"> <div class="flex items-center justify-center -mx-4"> <input id="searchInput" ref="searchInput" name="s" placeholder="Cerca" class=" text-4xl text-white bg-rockol-blue-dark border-0 border-b border-white/10 border-solid w-full m-0 p-0 mx-4 pt-2 focus:outline-none placeholder-white opacity-95" @keydown.esc="hideSearch"> <button type="submit" class="sr-only">Cerca</button> <a href="#" @click.prevent="hideFixedDropdown()"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon svg-icon text-white h-12 mx-4 px-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></a> </div> </form> </div> </div> </section> </header> <div class="pc-relative pc-mx-auto pc-mb-12 pc-min-h-screen pc-w-full pc-max-w-[990px] pc-flex-col pc-justify-center pc-overflow-hidden pc-bg-white"> <div class="pc-py-6 pc-pb-4"> <h1 class="pc-text-center pc-text-6xl pc-font-extrabold">I podcast di Rockol</h1> </div> <div class="pc-relative pc-z-10 pc-flex pc-flex-col pc-space-y-1 sm:pc-flex-row pc-items-center pc-justify-center sm:pc-space-x-4 pc-py-4"> <a href="#music_biz" class="pc-inline-flex pc-underline sm:pc-no-underline pc-text-center pc-items-center pc-rounded-md sm:pc-border pc-border-gray-300 pc-bg-white pc-px-2 pc-py-1 sm:pc-px-6 sm:pc-py-3 pc-text-base pc-font-medium pc-text-gray-700 sm:pc-shadow-sm hover:pc-bg-gray-50 focus:pc-outline-none focus:pc-ring-2 focus:pc-ring-indigo-500 focus:pc-ring-offset-2" >Rockol MusicBiz</a> <a href="#rockol_talks" class="pc-inline-flex pc-underline sm:pc-no-underline pc-text-center pc-items-center pc-rounded-md sm:pc-border pc-border-gray-300 pc-bg-white pc-px-2 pc-py-1 sm:pc-px-6 sm:pc-py-3 pc-text-base pc-font-medium pc-text-gray-700 pc-shadow-sm hover:pc-bg-gray-50 focus:pc-outline-none focus:pc-ring-2 focus:pc-ring-indigo-500 focus:pc-ring-offset-2" >Rockol Talks</a> <a href="#33_giri_al_minuto" class="pc-inline-flex pc-underline sm:pc-no-underline pc-text-center pc-items-center pc-rounded-md sm:pc-border pc-border-gray-300 pc-bg-white pc-px-2 pc-py-1 sm:pc-px-6 sm:pc-py-3 pc-text-base pc-font-medium pc-text-gray-700 sm:pc-shadow-sm hover:pc-bg-gray-50 focus:pc-outline-none focus:pc-ring-2 focus:pc-ring-indigo-500 focus:pc-ring-offset-2" >33 Giri Al Minuto</a> </div> <div x-data="musicBiz()" class="pc-mt-4 pc-overflow-hidden" id="music_biz"> <div class="pc--mt-4 pc-w-full pc-skew-y-2 pc-space-y-4 pc-bg-[#de231a]"> <div class="pc-relative pc-flex pc-min-h-[200px] pc--skew-y-2 pc-justify-between pc-overflow-hidden pc-p-10 pc-py-12 pc-pt-14"> <div class="pc-relative pc-z-10 pc-space-y-6 pc-pr-4"> <h2 class="pc-text-center pc-text-6xl pc-font-extrabold pc-text-white pc-drop-shadow-[4px_4px_0px_#b71c14] sm:pc-text-left"> Rockol MusicBiz</h2> <div class="pc-block sm:pc-hidden"> <img src="/assets/templates/others/podcast/images/bg-music-biz-podcast.png"/> </div> <div class="sm:pc-max-w-xl"> <p class="pc-text-center pc-text-2xl pc-text-[#ffe8e7] sm:pc-inline sm:pc-inline sm:pc-text-left"> Gli eventi, le notizie e i dati dell’industria musicale, raccontata attraverso la sua costante trasformazione e i suoi protagonisti.</p> </div> </div> <div class="pc-hidden pc-pl-2 sm:pc-block md:pc-w-2/5"> <img src="/assets/templates/others/podcast/images/bg-music-biz-podcast.png" class="shadow-lg"/> </div> </div> </div> <div class="pc--mt-4 pc-flex pc-w-full pc-flex-col pc-items-center pc-space-y-6 pc-space-x-0 pc-bg-gradient-to-b pc-from-[#f3f3f3] pc-to-transparent pc-px-10 pc-py-12 sm:pc-flex-row sm:pc-items-start sm:pc-space-y-0 sm:pc-space-x-8"> <div class="pc-space-y-4 pc-text-[#921c15] sm:pc-w-2/3"> <h2 class="pc-text-center pc-text-3xl pc-font-semibold sm:pc-text-left"> <span x-text="activeEpisode.name"></span> </h2> <span x-show="activeEpisode.release_date" class="text-sm"> (<span x-text="activeEpisode.release_date"></span>) </span> <iframe style="pc-border-radius:12px" :src="`https://open.spotify.com/embed/episode/${activeEpisode.id}?utm_source=generator&theme=0`" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy" src="https://open.spotify.com/embed/episode/13LFyRY5RPfDjU4XAYptnH?utm_source=generator&theme=0" data-dashlane-frameid="3096671420417" width="100%" height="152" frameborder="0"></iframe> <p x-html="activeEpisode.description" class="pc-prose pc-text-sm sm:pc-text-base"></p> </div> <div class="pc-w-full pc-space-y-4 sm:pc-w-1/3"> <h2 class="pc-pt-2 pc-text-center pc-text-xl pc-font-semibold pc-uppercase pc-tracking-widest pc-text-[#921c15]"> Episodi</h2> <div class="pc-h-[350px] pc-w-full pc-divide-y-2 pc-divide-gray-800 pc-overflow-y-auto pc-rounded pc-border pc-border-gray-800 pc-bg-black pc-text-white/50 pc-shadow-md pc-shadow-[#624d3d]"> <template x-for="episode in podcast.episodes"> <button @click="changeActivePodcast(episode)" class="pc-group w-full pc-flex pc-items-center pc-space-x-4 pc-px-4 pc-py-4 pc-text-sm pc-leading-tight pc-text-white/50"> <div class="pc-transition pc-duration-300 group-hover:pc-text-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="pc-h-8 pc-w-8" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecapv="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"/> </svg> </div> <span class="pc-text-left pc-transition pc-duration-300 group-hover:pc-text-white"> <span x-text="episode.name"></span> <span x-show="episode.release_date" class="text-xs"> <br><span x-text="episode.release_date" style="font-size: 10px;"></span> </span> </span> </button> </template> </div> </div> </div> <div class="pc-flex pc-flex-col pc-space-y-2 pc-px-4 pc-pb-8 pc-text-center pc-text-xl pc-text-[#921c15]"> <div>Ascolta <strong>MusicBiz</strong> su tutte le piattaforme:</div> <div class="px-text-xl pc-flex pc-flex-col pc-items-center pc-justify-center pc-space-y-2 pc-space-x-0 sm:pc-flex-row sm:pc-space-y-0 sm:pc-space-x-6 sm:pc-text-sm md:pc-text-xl"> <a href="https://open.spotify.com/show/5cW99b1IHEuJin0iuJLW1d" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"> <path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"></path> </svg> <span>Spotify</span> </a> <a href="https://podcasts.apple.com/us/podcast/rockol-musicbiz/id1674896000" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> <path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path> </svg> <span>Apple podcast</span> </a> <a href="https://www.spreaker.com/show/rockol-music-biz" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path d="m8.307 1-2.82 3.27-4.223-.911 4.34 3.686-4.268 3.732 4.205-.992L8.421 13l.356-4.3 3.959-1.742-3.982-1.665L8.31 1h-.003Z"></path> </svg> <span>Spreaker</span> </a> <a href="https://www.google.com/podcasts?feed=aHR0cHM6Ly93d3cuc3ByZWFrZXIuY29tL3Nob3cvNTc5OTkwNS9lcGlzb2Rlcy9mZWVk" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg"> <g stroke-linecap="round" stroke-width="48.5"> <path d="m24.26 186.32v27.351" stroke="currentColor"></path> <path d="m375.74 186.32v27.351" stroke="currentColor"></path> <path d="m112.13 104.27v89.46m0 74.645v27.351" stroke="currentColor"></path> <path d="m287.87 206.26v89.46m0-191.46v27.351" stroke="currentColor"></path> <path d="m200 127.06v145.87m0-248.68v27.351m0 296.78v27.351" stroke="currentColor"></path> </g> </svg> <span>Google Podcast</span> </a> </div> </div> </div> <div x-data="rockolTalks()" class="pc-mt-4 pc-overflow-hidden" id="rockol_talks"> <div class="pc--mt-4 pc-w-full pc-skew-y-2 pc-space-y-4 pc-bg-[#eada1c]"> <div class="pc-relative pc-flex pc-min-h-[200px] pc--skew-y-2 pc-justify-between pc-overflow-hidden pc-p-10 pc-py-12 pc-pt-14"> <div class="pc-relative pc-z-10 pc-space-y-6"> <h2 class="pc-text-center pc-text-7xl pc-font-extrabold pc-text-black pc-drop-shadow-[4px_4px_0px_rgba(152,144,22,.5)] sm:pc-text-left"> Rockol Talks </h2> <div class="pc-block sm:pc-hidden"> <img src="/assets/templates/others/podcast/images/bg.png"/> </div> <div class="sm:pc-max-w-xl"> <p class="pc-text-center pc-text-3xl pc-text-[#624d3d] sm:pc-inline sm:pc-inline sm:pc-text-left"> La voce dei protagonisti del mondo della musica. Racconti, interviste e chiacchierate con i protagonisti della musica contemporanea.</p> </div> </div> <div class="pc-hidden pc-pl-2 sm:pc-block md:pc-w-2/5"> <img src="/assets/templates/others/podcast/images/bg.png"/> </div> </div> </div> <div class="pc--mt-4 pc-flex pc-w-full pc-flex-col pc-items-center pc-space-y-6 pc-space-x-0 pc-bg-gradient-to-b pc-from-yellow-200 pc-to-transparent pc-px-10 pc-py-12 sm:pc-flex-row sm:pc-items-start sm:pc-space-y-0 sm:pc-space-x-8"> <div class="pc-space-y-4 pc-text-[#624d3d] sm:pc-w-2/3"> <h2 class="pc-text-center pc-text-3xl pc-font-semibold sm:pc-text-left"> <span x-text="activeEpisode.name"></span> </h2> <span x-show="activeEpisode.release_date" class="text-sm"> (<span x-text="activeEpisode.release_date"></span>) </span> <iframe style="pc-border-radius:12px" :src="`https://open.spotify.com/embed/episode/${activeEpisode.id}?utm_source=generator&theme=0`" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe> <p x-html="activeEpisode.description" class="pc-prose pc-text-sm sm:pc-text-base"></p> </div> <div class="pc-w-full pc-space-y-4 sm:pc-w-1/3"> <h2 class="pc-pt-2 pc-text-center pc-text-xl pc-font-semibold pc-uppercase pc-tracking-widest pc-text-[#624d3d]"> Episodi</h2> <div class="pc-h-[350px] pc-w-full pc-divide-y-2 pc-divide-gray-800 pc-overflow-y-auto pc-rounded pc-border pc-border-gray-800 pc-bg-black pc-text-white/50 pc-shadow-md pc-shadow-[#624d3d]"> <template x-for="episode in podcast.episodes"> <button @click="changeActivePodcast(episode)" class="pc-group w-full pc-flex pc-items-center pc-space-x-4 pc-px-4 pc-py-4 pc-text-sm pc-leading-tight pc-text-white/50"> <div class="pc-transition pc-duration-300 group-hover:pc-text-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="pc-h-8 pc-w-8" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecapv="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"/> </svg> </div> <span class="pc-text-left pc-transition pc-duration-300 group-hover:pc-text-white"> <span x-text="episode.name"></span> <span x-show="episode.release_date" class="text-xs"> <br><span x-text="episode.release_date" style="font-size: 10px;"></span> </span> </span> </button> </template> </div> </div> </div> <div class="pc-flex pc-flex-col pc-space-y-2 pc-px-4 pc-pb-8 pc-text-center pc-text-xl pc-text-[#624d3d]"> <div>Ascolta <strong>Rockol Talks</strong> su tutte le piattaforme:</div> <div class="px-text-xl pc-flex pc-flex-col pc-items-center pc-justify-center pc-space-y-2 pc-space-x-0 sm:pc-flex-row sm:pc-space-y-0 sm:pc-space-x-6 sm:pc-text-sm md:pc-text-xl"> <a href="https://open.spotify.com/show/5WyuH02KPnR7TuSUJfxcDa" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"> <path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"></path> </svg> <span>Spotify</span> </a> <a href="https://podcasts.apple.com/us/podcast/rockol-talks/id1647752556" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> <path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path> </svg> <span>Apple podcast</span> </a> <a href="https://music.amazon.it/podcasts/1caf7118-5c15-44c7-82b0-c3552af70198/rockol-talks" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M257.2 162.7c-48.7 1.8-169.5 15.5-169.5 117.5 0 109.5 138.3 114 183.5 43.2 6.5 10.2 35.4 37.5 45.3 46.8l56.8-56S341 288.9 341 261.4V114.3C341 89 316.5 32 228.7 32 140.7 32 94 87 94 136.3l73.5 6.8c16.3-49.5 54.2-49.5 54.2-49.5 40.7-.1 35.5 29.8 35.5 69.1zm0 86.8c0 80-84.2 68-84.2 17.2 0-47.2 50.5-56.7 84.2-57.8v40.6zm136 163.5c-7.7 10-70 67-174.5 67S34.2 408.5 9.7 379c-6.8-7.7 1-11.3 5.5-8.3C88.5 415.2 203 488.5 387.7 401c7.5-3.7 13.3 2 5.5 12zm39.8 2.2c-6.5 15.8-16 26.8-21.2 31-5.5 4.5-9.5 2.7-6.5-3.8s19.3-46.5 12.7-55c-6.5-8.3-37-4.3-48-3.2-10.8 1-13 2-14-.3-2.3-5.7 21.7-15.5 37.5-17.5 15.7-1.8 41-.8 46 5.7 3.7 5.1 0 27.1-6.5 43.1z"></path> </svg> <span>Amazon music</span> </a> <a href="https://www.spreaker.com/show/rockol-talks" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path d="m8.307 1-2.82 3.27-4.223-.911 4.34 3.686-4.268 3.732 4.205-.992L8.421 13l.356-4.3 3.959-1.742-3.982-1.665L8.31 1h-.003Z"></path> </svg> <span>Spreaker</span> </a> <a href="https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuc3ByZWFrZXIuY29tL3Nob3cvNTY2NDgxNS9lcGlzb2Rlcy9mZWVk" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#8c552b]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg"> <g stroke-linecap="round" stroke-width="48.5"> <path d="m24.26 186.32v27.351" stroke="currentColor"></path> <path d="m375.74 186.32v27.351" stroke="currentColor"></path> <path d="m112.13 104.27v89.46m0 74.645v27.351" stroke="currentColor"></path> <path d="m287.87 206.26v89.46m0-191.46v27.351" stroke="currentColor"></path> <path d="m200 127.06v145.87m0-248.68v27.351m0 296.78v27.351" stroke="currentColor"></path> </g> </svg> <span>Google Podcast</span> </a> </div> </div> </div> <div x-data="trentatreGiri()" class="pc-overflow-hidden" id="33_giri_al_minuto"> <div class="pc-w-full"> <div class="pc-relative pc-z-10 pc-flex pc-justify-between pc-overflow-hidden"> <img src="/assets/templates/others/podcast/images/bg-33-giri.jpg"/> </div> <div class="font-semi pc-relative pc-z-10 pc-bg-[#002c30] pc-py-6 pc-px-4 pc-pb-0 pc-text-center pc-text-2xl pc-text-[#7aaaaf] sm:pc-pb-2"> Il Podcast che racconta la storia della Musica in collaborazione con Rockol </div> <div class="pc-relative pc-z-0 pc--mt-5 pc-h-12 pc-skew-y-2 pc-bg-[#002c30] sm:pc-skew-y-1"></div> </div> <div class="pc--mt-5 pc-flex pc-w-full pc-flex-col pc-items-center pc-space-y-6 pc-space-x-0 pc-bg-gradient-to-b pc-from-[#7aaaaf] pc-to-transparent pc-px-10 pc-py-12 pc-pt-16 sm:pc-flex-row sm:pc-items-start sm:pc-space-y-0 sm:pc-space-x-8"> <div class="pc-space-y-4 pc-text-[#002c30] sm:pc-w-2/3"> <h2 class="pc-text-center pc-text-3xl pc-font-semibold sm:pc-text-left"> <span x-text="activeEpisode.name"></span> </h2> <span x-show="activeEpisode.release_date" class="text-sm"> (<span x-text="activeEpisode.release_date"></span>) </span> <iframe style="pc-border-radius:12px" :src="`https://open.spotify.com/embed/episode/${activeEpisode.id}?utm_source=generator&theme=0`" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe> <p x-html="activeEpisode.description" class="pc-prose pc-text-sm sm:pc-text-base"></p> </div> <div class="pc-w-full pc-space-y-6 sm:pc-w-1/3"> <h2 class="pc-text-center pc-text-xl pc-font-semibold pc-uppercase pc-tracking-widest">Episodi</h2> <div class="pc-h-[350px] pc-w-full pc-divide-y-2 pc-divide-gray-800 pc-overflow-y-auto pc-rounded pc-border pc-border-gray-800 pc-bg-black pc-text-white/50 pc-shadow-md pc-shadow-[#002c30]"> <template x-for="episode in podcast.episodes"> <button @click="changeActivePodcast(episode)" class="pc-group w-full pc-flex pc-items-center pc-space-x-4 pc-px-4 pc-py-4 pc-text-sm pc-leading-tight pc-text-white/50"> <div class="pc-transition pc-duration-300 group-hover:pc-text-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="pc-h-8 pc-w-8" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecapv="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"/> </svg> </div> <span class="pc-text-left pc-transition pc-duration-300 group-hover:pc-text-white"> <span x-text="episode.name"></span> <span x-show="episode.release_date" class="text-xs"> <br><span x-text="episode.release_date" style="font-size: 10px;"></span> </span> </span> </button> </template> </div> </div> </div> <div class="pc-flex pc-flex-col pc-space-y-2 pc-px-4 pc-text-center pc-text-xl pc-text-[#002c30]"> <div>Ascolta <strong>33 giri al minuto</strong> su tutte le piattaforme:</div> <div class="pc-flex pc-flex-col pc-items-center pc-justify-center pc-space-x-0 sm:pc-flex-row sm:pc-space-y-0 sm:pc-space-x-6"> <a href="https://open.spotify.com/show/2uRhZ6IQZhU3dHPxWE36yH?si=68562d2acdc2492a" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#025c64]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"> <path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"></path> </svg> <span>Spotify</span> </a> <a href="https://podcasts.apple.com/us/podcast/33-giri-al-minuto/id1604375876" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#025c64]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> <path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path> </svg> <span>Apple podcast</span> </a> <a href="https://music.amazon.it/podcasts/5b9d5fed-b5a8-4a2b-894f-d62d09a02046/33-giri-al-minuto" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#025c64]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M257.2 162.7c-48.7 1.8-169.5 15.5-169.5 117.5 0 109.5 138.3 114 183.5 43.2 6.5 10.2 35.4 37.5 45.3 46.8l56.8-56S341 288.9 341 261.4V114.3C341 89 316.5 32 228.7 32 140.7 32 94 87 94 136.3l73.5 6.8c16.3-49.5 54.2-49.5 54.2-49.5 40.7-.1 35.5 29.8 35.5 69.1zm0 86.8c0 80-84.2 68-84.2 17.2 0-47.2 50.5-56.7 84.2-57.8v40.6zm136 163.5c-7.7 10-70 67-174.5 67S34.2 408.5 9.7 379c-6.8-7.7 1-11.3 5.5-8.3C88.5 415.2 203 488.5 387.7 401c7.5-3.7 13.3 2 5.5 12zm39.8 2.2c-6.5 15.8-16 26.8-21.2 31-5.5 4.5-9.5 2.7-6.5-3.8s19.3-46.5 12.7-55c-6.5-8.3-37-4.3-48-3.2-10.8 1-13 2-14-.3-2.3-5.7 21.7-15.5 37.5-17.5 15.7-1.8 41-.8 46 5.7 3.7 5.1 0 27.1-6.5 43.1z"></path> </svg> <span>Amazon music</span> </a> <a href="https://www.spreaker.com/show/33-giri-al-minuto_1" target="_blank" rel="noopener noreferrer" class="pc-flex pc-items-center pc-space-x-2 pc-transition pc-duration-200 hover:pc-text-[#025c64]"> <svg class="pc-h-4 pc-w-4 pc-fill-current" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path d="m8.307 1-2.82 3.27-4.223-.911 4.34 3.686-4.268 3.732 4.205-.992L8.421 13l.356-4.3 3.959-1.742-3.982-1.665L8.31 1h-.003Z"></path> </svg> <span>Spreaker</span> </a> </div> </div> </div> </div> <div id="userspikeRegistrationForm" class="modal fade" ng-if="!registration.complete"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <span class="modal-title mod-xl-title">Registrati a MyRockol</span> </div> <div class="modal-body vue-instance"> <registration-form></registration-form> </div> </div>  </div>  </div> <template id="myrockol-popover-menu"> <div class="fixed modal-content inset-0 overlay-dark--light flex items-center justify-center " v-if="store.state.loginPanel.open"> <div class=" border-1 border-gray-800 border-solid absolute bg-white m-8 p-8 mt-0 shadow-strong-1 max-w-sm flex items-center justify-center overflow-hidden"> <div id="logged-in-bar" v-if="store.getters.userLoggedInAndValid"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div class="heading text-3xl mb-4"> {{ store.state.user.profile.displayName }} </div> <div class="user-menu-choices"> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/profile" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo">Il tuo profilo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai al tuo profilo"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bell" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/stream" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai allo stream">Stream</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bookmark" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M0 512V48C0 21.49 21.49 0 48 0h288c26.51 0 48 21.49 48 48v464L192 400 0 512z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/follow" class="userSpikeTooltip qtipTrigger" target="_self" title="Vedi quello che stai seguendo">Cosa stai seguendo</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a id="notifications" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg></a> </div> <div class="px-4 "> <a id="profile" href="https://www.rockol.it/my/faq.php" class="userSpikeTooltip qtipTrigger" target="_self" title="Vai alle domande frequenti">Faq</a> </div> </div> <div class="flex -mx-4 font-bold mb-2 text-xl items-center"> <div class="px-4 text-right"> <a href="#" class="userSpikeTooltip qtipTrigger logout"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sign-out-alt" class="svg-icon w-8 h-8" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z"></path></svg></a> </div> <div class="px-4 "> <a href="#" class="userSpikeTooltip qtipTrigger logout" @click="logOut()">Log out</a> </div> </div> </div> </div> <div id="logged-out-bar" v-if="!store.getters.userLoggedIn" class="flex flex-col items-center justify-center text-center relative"> <button type="button" aria-label="Close-panel" @click.prevent="closePanel()" class="absolute top-0 right-0 p-4"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-icon w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> <div> <div v-show="loginInProgress" class="flex flex-col items-center justify-center mb-4"> <strong class="heading block text-3xl mb-4">Login in corso</strong> <div class="loader loader--dark"></div> </div> <div class="user-menu-social" v-show="!loginInProgress">  <div class="block custom-login-panel" v-if="!showRegistrationForm">  <div class="mb-4" v-if="!showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai già un profilo Rockol? Accedi!</span> <custom-login :disabled="loginInProgress" class="mb-4"></custom-login> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = true" class="underline">Hai dimenticato la password?</a> </div> </div>  <div class="mb-4" v-if="showResetPasswordForm"> <span class="heading block text-3xl mb-4">Hai dimenticato la password?</span> <p class="text-sm mb-4"> Inserisci l'indirizzo e-mail fornito in fase di registrazione e richiedi il reset della password. </p> <reset-password-form class="mb-4"></reset-password-form> <div class="text-center text-xxs"> <a href="#" @click.prevent="showResetPasswordForm = false" class="underline">Procedi al login</a> </div> </div> <div class="mod-md-title text-center"> <button data-cy="registerNewUserFromMainLoginPanel" type="button" class="text-lg font-bold " @click="showRegistrationForm = true"> Non sei registrato? <span class="text-red-600 underline hover:text-red-700">Registrati ora a MyRockol!</span> </button> </div> </div>  <div class="mb-4" v-if="showRegistrationForm"> <span class="heading block text-3xl mb-4">Registrati!</span> <quick-registration-form :cancel-callback="hideRegistrationForm"></quick-registration-form> </div>  <div class="border-b border-gray-500 border-solid my-4"></div> <strong class="heading block text-xl mb-4">Accedi con</strong>  <div class="flex -mx-2 mb-4 items-center justify-center">  <social-login :link-css-class="'social-login fb'" :icon-css-class="'fa-facebook'" provider="facebook.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" > <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook" class="svg-icon w-8 h-8 mx-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path> </svg></social-login>  <social-login :link-css-class="'social-login tw'" :icon-css-class="'fa-twitter'" provider="twitter.com" :login-enabled="!loginInProgress && isSocialLoginEnabled" @login-not-enabled="loginNotEnableMessage()" > <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-icon w-8 h-8 mx-2" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path> </svg></social-login> </div> <div class="text-xxs"> <input type="checkbox" value="1" v-model="socialLoginEnabled" name="user-auth-privacy" id="user-auth-privacy-social"> <label for="user-auth-privacy-social"> autorizzazione al <a href="https://www.rockol.it/info/privacy" target="_blank" rel="noopener noreferrer" class="underline" >trattamento dei dati</a> </label> <span v-if="socialLoginError" class="text-danger"><br>{{socialLoginError}}</span> </div> </div> <p class="user-menu-social alert bg-info text-center text-gray-600 text-sm mt-4"> <small>In caso di problemi scrivi a <span class="font-semibold">myrockol@rockol.it</span></small> </p> </div> </div> </div> </div> </template> </div> </main> <footer id="site-footer" class="w-full relative bg-gray-800 z-index-content"> <h2 class="sr-only">Rockol - Menù footer</h2> <nav class="rockol-container w-full mx-auto text-white bg-rockol-blue-dark border-0 border-t border-rockol-blue border-solid py-8"> <div class="mx-auto max-width-container mb-4"> <div class="list-none p-0 space-y-4 sm:space-y-0 mx-auto max-w-2xl sm:max-w-full sm:flex flex-wrap justify-center text-base w-full pb-8"> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Notizie </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news" >Tutti gli articoli</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news/ultime-24-ore" >Ultime 24 Ore</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news/piu-lette" >Più lette</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/oggi-nel-rock" >Accadde Oggi</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/magazine" >Magazine</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/tutto-su/playlists-225470" >Playlists</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Ascoltati e usciti </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/recensioni-musicali/album" >Recensioni album</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/uscite-discografiche" >Uscite discografiche</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/recensioni-musicali/singoli" >Singoli</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Seguici </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.instagram.com/rockol.it/" target="_blank" rel="noopener noreferrer" >Instagram</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.facebook.com/rockol/" target="_blank" rel="noopener noreferrer" >Facebook</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer" ><a href="https://www.youtube.com/user/rockolvideo" target="_blank" rel="noopener noreferrer">Youtube</a></a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.linkedin.com/company/rockol" target="_blank" rel="noopener noreferrer" >LinkedIn</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://x.com/rockolpoprock/" target="_blank" rel="noopener noreferrer" >X.com</a></li> </ul> </nav> </div> </div> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Live </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti" >Concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti/oggi" >Oggi in concerto</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti-italia" >Concerti in Italia</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/concerti/ricerca" >Cerca concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/news/dal-vivo" >Recensioni concerti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/gallerie-fotografiche" >Gallerie fotografiche</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Video </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/videoclip/" >Video</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/video-channel/VideoInterviste/" >Videointerviste</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/video-channel/Live-Rockol/" >Live @ Rockol</a></li> </ul> </nav> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Altre sezioni </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/artisti" >Artisti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://musicbiz.rockol.it/classifiche-musicali" >Classifiche</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/chi-l-ha-detto" >Chi l'ha detto?</a></li> </ul> </nav> </div> </div> <div class="px-2 text-center text-sm text-gray-300 flex-1 space-y-4" style="min-width:200px;"> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://musicbiz.rockol.it/" target="_blank" rel="noopener noreferrer" >MusicBiz</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://www.rockol.it/recensioni-musicali/libri" >Libri</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> <a href="https://testicanzoni.rockol.it/" >Testi</a> </h3> </div> <div class="space-y-2"> <h3 class="font-black lora leading-none text-lg text-white text-base"> Info & contatti </h3> <nav class=""> <ul class="list-none p-0 flex flex-wrap justify-center -mx-2 sm:block sm:mx-0"> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/chi-siamo" >Chi siamo</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/contatti" >Contatti</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/copyright" >Copyright</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/pubblicita" >Pubblicità</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/privacy" >Privacy</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.iubenda.com/privacy-policy/96867379/cookie-policy" >Cookie policy</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="https://www.rockol.it/info/legal/codice-etico" >Codice etico</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="#" class="iubenda-cs-preferences-link" >Preferenze di consenso</a></li> <li class="mx-2 sm:mx-0 hover:text-white leading-tight pb-1"><a href="#" class="iubenda-advertising-preferences-link" >Preferenze tracciamento pubblicitario</a></li> </ul> </nav> </div> </div> </div> <div class="mx-auto rockol-container max-width-container px-2"> <div class="flex flex-col items-center text-center text-xs"> <img src="/assets/img/2019/logo-transparent-medium.png" alt="Logo Rockol" loading="lazy" class="bg-black border-2 border-white border-solid rounded-full mb-4 bg-primary" style="width: 100px; height: 100px;"> <div> <strong>Rock Online Italia</strong> è una testata registrata presso il Tribunale di Milano: <span>Aut. n° 33 del 22 gennaio 1996</span> <br> © 2025, tutti i diritti riservati - Rockol.com s.r.l. - P.IVA: 12954150152 </div> </div> </div> </div> </nav> </footer> <div class="vue-instance" v-cloak> <login-panel></login-panel> <user-validation-panel></user-validation-panel> <follow-consent-modal></follow-consent-modal> <popup-registration-form tracking-id="event-my-rockol-reg-widget.desktop.altro.pop-up-registration-form" :display-after-sessions="2" :display-after-impressions="10" :display-after-seconds-spent-on-site="900" :delay-multiplicator-factor="1.25" :on-leave="true"></popup-registration-form> </div> <script> $(document).ready(function () { window.jqueryOnloadScripts = window.jqueryOnloadScripts || []; window.jqueryOnloadScripts.map(function (cb) { cb(); }) }); </script> <script> </script> <script> // missing forEach on NodeList for IE11 if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } </script> <script> bootstrapApp = function () { if (typeof setupDropDowns !== 'undefined') { console.log('Dropdowns initialization'); window.setupDropDowns(); } /* |-------------------------------------------------------------------------- | Vue instances initialization |-------------------------------------------------------------------------- */ window.activateSingleVueInstance = function (el, componentAdditionalConf, classesToAdd) { var vm = new Vue(factoryVueConfiguration(el, componentAdditionalConf)); el.classList.add(classesToAdd); } window.activateVueInstances = function () { document.querySelectorAll('.vue-instance:not(.vue-instance--active)').forEach(function (el) { activateSingleVueInstance(el, {}, 'vue-instance--active'); }); document.querySelectorAll('.vue-instance-carousel:not(.vue-instance--active)').forEach(function (el) { var additionalConf = { components: { 'Carousel': VueCarousel.Carousel, 'Slide': VueCarousel.Slide }, methods: { nextSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getNextPage()); }, prevSlide() { this.$refs.carousel.goToPage(this.$refs.carousel.getPreviousPage()); } } }; activateSingleVueInstance(el, additionalConf, 'vue-instance--active'); }); }; window.activateVueInstances(); if (window.jsToBootstrap && window.jsToBootstrap.length > 0) { window.jsToBootstrap.forEach(function (cb) { cb(); }); } }; </script> <script type="text/javascript"> bootstrapInterval = setInterval(() => { if (!window.MyRockolSetupFinished) { return; } clearInterval(bootstrapInterval); console.info('Bootstrap Rockol Application'); bootstrapApp(); }, 50) </script> <script type="text/javascript"> /* PAGE SPECIFIC SCRIPTS */ </script>  <div id="fb-root"></div> <script class="_iub_cs_activate-inline" type="text/plain" data-iub-purpose="3"> window.fbAsyncInit = function() { FB.init({ appId : '324191534279970', status : true, xfbml : true }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  </body> </html> <script> function musicBiz() { return Podcast([{"id":"42fkGS9lDTzBv0XcdhGmOG","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"\u201cIntelligenza artificiale generativa e Musica - terza parte (3\/3)\u201d","description":"Nel terzo e conclusivo episodio dedicato alla relazione tra Gen AI e musica si esplorano gli iter normativi statunitense ed europeo, le mosse di piattaforme come YouTube e Soundcloud e l'iniziativa "Failry Trained", che vede coinvolti molti stakeholder dell'industria nel tentativo di regolamentare le modalit\u00e0 di addestramento e licensing.","release_date_raw":"2024-06-13","release_date":"13\/06\/2024"},{"id":"4X69JcxbqSOdO76PvPZMN4","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"\u201cIntelligenza artificiale generativa e Musica - seconda parte (2\/3)\u201d","description":"Il settore del publishing contro uno dei giganti della AI generativa, Anthropic. Una causa che far\u00e0 scuola? Ecco come l'industria musicale e le aziende tecnologiche si schierano sui due fronti opposti della barricata, come intepretano diversamente la liceait\u00e0 di impiegare dati protetti dai copyright per addestrara la AI generativa e qual \u00e8 il vero oggetto del contendere.","release_date_raw":"2024-06-06","release_date":"06\/06\/2024"},{"id":"24WtSKa13pHgl9jy93Q4ql","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"\u201cIntelligenza artificiale generativa e Musica - prima parte (1\/3)\u201d","description":"Generative AI: cosa significa, perch\u00e9 fa scalpore, quali sono le differenze con il resto della materia, quali aziende hanno la leadership del settore, cosa accade oltre e intorno a Chat GPT, perch\u00e9 il copyright e la musica entrano nel dibattito con tanto rumore.","release_date_raw":"2024-05-30","release_date":"30\/05\/2024"},{"id":"7qjgOqrmvxtOaBhHawUI5H","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"\u201cM&A nella musica \u2013 seconda parte (2\/2)\u201d","description":"Nel secondo dei due episodi del podcast dedicato a "M&A e musica", il focus si sposta da una major quotata all'altra: \u00e8 il turno di Universal Music Group. E non si parla solo di label: i numeri dei mercati emergenti, l'impatto dei media, l'importanza dei cataloghi e della diversificazione.","release_date_raw":"2024-05-23","release_date":"23\/05\/2024"},{"id":"2EgiwyTh1WOqkKsXlG4IVJ","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"\u201cM&A nella musica \u2013 prima parte (1\/2)\u201d","description":"Come vengono progettate, negoziate e perfezionate le operazioni di acquisizione nella musica? Perch\u00e9 un\u2019etichetta ne acquista un\u2019altra? Perch\u00e9 una label diversifica espandendo la propria presenza in un nuovo settore? Nel primo dei due episodi dedicati a "M&A e Musica", il caso Warner Music Group - Believe","release_date_raw":"2024-05-16","release_date":"16\/05\/2024"},{"id":"4A7SICV8GowhNj0nohYfhJ","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"\u201cSuperfans: seconda parte (2\/2)\u201d","description":"Chiarito il tema e il concetto dei superfans nell'episodio precedente, \u00e8 ora il momento di prendere nota dei dati di un mercato potenziale in forte espansione e di come le grandi aziende dell'industria musicale stanno interpretando il fenomeno. Il caso di Spotify (lato piattaforme) e quelli di UMG, Sony Music, WMG e Live Nation.","release_date_raw":"2024-05-09","release_date":"09\/05\/2024"},{"id":"2RIM1LiPWRLKzPiLVlsq8N","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Superfans: prima parte (1\/2)","description":""Superfans" in poche settimane sembra essere diventata la parola-chiave per il business musicale nel 2024. Ma, considerato che ne parlano tanto le major quanto gli artisti indipendenti, cosa significa esattamente superfans? Dalle origini del fenomeno al passaggio da monetizzazione del consumo a monetizzazione della fandom.","release_date_raw":"2024-05-02","release_date":"02\/05\/2024"},{"id":"1Ju0Ku2BziVNN6lD5EJqgB","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Streaming: i nuovi modelli di remunerazione \u2013 il modello 2-tier","description":"La ricetta di Spotify per privilegiare gli "artisti professionali". Due livelli di intervento e un impegno strenuo a lottare contro le frodi. Ecco come il maggiore DSP del mondo prevede di rivisitare la ripartizione dei ricavi da streaming basata sul criterio pro-rata, come funziona il suo metodo "2-tier" e quale potrebbe essere la sua incidenza economica...","release_date_raw":"2024-04-25","release_date":"25\/04\/2024"},{"id":"3AIJFUykRajmNkoNkvQPob","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Streaming: i nuovi modelli di remunerazione \u2013 il modello artist-centric","description":"Dopo una quindicina d'anni di crescita, lo streaming si adegua a condizioni di mercato mutate e a una sovrabbondanza d'offerta. I modelli di ripartizione dei ricavi generati in piattaforma sono sub judice. E il primo rimedio alla loro presunta inadeguatezza \u00e8 stato proposto dalla discografia: ecco come funziona il modello "artist centric" proposto e realizzato da UMG e Deezer...","release_date_raw":"2024-04-18","release_date":"18\/04\/2024"},{"id":"7jeuyRXY07jRBvo3O66e3M","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Il 2024","description":"Un prologo dedicato ad alcune tendenze che caratterizzano l'industria musicale quest'anno, e che saranno oggetto dei 9 episodi seguenti\u2026","release_date_raw":"2024-04-15","release_date":"15\/04\/2024"},{"id":"6OURGfIPcJRtMmdk3RFvgz","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Rockol MusicBiz: il Trailer della Seconda Stagione","description":"MusicBiz Podcast: il trailer della Seconda Stagione.","release_date_raw":"2024-04-14","release_date":"14\/04\/2024"},{"id":"0rHOOzgfnHone3OTOZ6a5y","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"La mania dei Feat. e il peso dei Metadata","description":"Conta pi\u00f9 un ospite per il brano o quel brano per il suo cameo? Tra feat. , co-billing e metadata: cos\u00ec la canzone muta pelle ai tempi dello streaming.","release_date_raw":"2023-05-26","release_date":"26\/05\/2023"},{"id":"1KvApjr710KGC8wHt1zhdO","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Spotify: sicuri di sapere tutto sul leader di mercato?","description":"La piattaforma svedese oggi \u00e8 parte del nostro arredamento. Ma le sue origini, il suo DNA, la sua traiettoria e la sua crescita sono un compendio sull'evoluzione dell'industria musicale e sulle relazioni che la contraddistinguono.","release_date_raw":"2023-05-18","release_date":"18\/05\/2023"},{"id":"6k8jO5pDHoPxmASHue1VhT","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Rockstars: David Bowie, la canzone come asset class e il prequel del MKTG dei cataloghi musicali","description":"Il genio, la preveggenza, la visione: il Duca Bianco era in anticipo di oltre venticinque anni e capiva il music business come nessun altro al suo interno. Per esempio\u2026","release_date_raw":"2023-05-11","release_date":"11\/05\/2023"},{"id":"5kAsKzam77jZ6qteKL1hgA","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Il MKTG dei cataloghi musicali","description":"Fondi di investimento comprano i canzonieri dei nostri eroi a colpi di centinaia di milioni. Perch\u00e9 lo fanno (e perch\u00e9 i nostri eroi vendono).","release_date_raw":"2023-05-04","release_date":"04\/05\/2023"},{"id":"2zGcF4o42DOF5sEG8qvxFk","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"La tirannia della Playlist","description":"C'erano una volta compilation e mixtape. Poi venne l'algoritmo. Le ragioni del dominio del format-playlis, e il suo impatto sulla filiera dell'industria musicale.","release_date_raw":"2023-04-27","release_date":"27\/04\/2023"},{"id":"4bMgwKmSaW2wHLbrkWCnNG","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Hit song: una formula per successi in serie","description":"Che caratteristiche ha la canzone di successo dei giorni nostri? Esiste veramente una formula...?","release_date_raw":"2023-04-20","release_date":"20\/04\/2023"},{"id":"79ibgIE5c9gFr0gwSgsiuT","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"La song economy","description":"La canzone \u00e8 centrale nello streaming. Dominano i singoli. I brani sono pi\u00f9 importanti degli artisti, la playlist ha spodestato l'album. Come, perch\u00e9 e con quali conseguenze.","release_date_raw":"2023-04-13","release_date":"13\/04\/2023"},{"id":"6yxDnW8z1nR5gC7q8XhlIS","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Rockstars: Ernest Bourget, il pioniere dei pionieri","description":"Un'altra rockstar misconosciuta, ma fondamentale. La storia di un signore che, un paio di secoli fa, ha litigato con il gestore di un caf\u00e8 parigino e ha cambiato la storia della musica per sempre, "inventando" il diritto d'autore.","release_date_raw":"2023-04-06","release_date":"06\/04\/2023"},{"id":"2ruAFfVWx9MRD0TH8TyFeJ","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Il copyright, l\u2019editore e la sua missione","description":"Se non esistesse il copyright, non esisterebbe nemmeno questo podcast, perch\u00e9 non ci sarebbe un'industria musicale. Il copyright \u00e8 l'architrave del MusicBiz.","release_date_raw":"2023-03-30","release_date":"30\/03\/2023"},{"id":"2vBJtf2ci9ycI1WbPQCwzE","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Fake streams: di cosa parliamo?","description":"Per capire a chi conviene generare falsi streams occorre comprendere le falle del sistema. I 5 metodi principali con cui, restando pi\u00f9 o meno conformi alle regole, si ingannano artisti, utenti e piattaforme.","release_date_raw":"2023-03-23","release_date":"23\/03\/2023"},{"id":"4a2Fc74bqVjzKJd2ZMCze1","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"La torta dello streaming: come si taglia? Chi la mangia?","description":""Lo streaming paga poco gli artisti". Fuori dal mantra e dalle polemiche, ma dentro i meccanismi: ecco come scorrono i denari generati dalle piattaforme in direzione degli aventi diritto. E perch\u00e9 non tutti sono felici.","release_date_raw":"2023-03-16","release_date":"16\/03\/2023"},{"id":"1wl2aMWHu21aWjVNlUKI8B","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Rockstars: i Vulfpeck e l\u2019arte del silenzio","description":"C'\u00e8 modo e maniera di essere rockstars e i Vulfpeck lo sono a pieno titolo, pur essendo emeriti sconosciuti. Perch\u00e9 sono stati dirompenti. Ecco la storia di come hanno beffato Spotify e gratificato i fans e s\u00e9 stessi.","release_date_raw":"2023-03-09","release_date":"09\/03\/2023"},{"id":"72aR4rjKK4P9MmlNRhGMmc","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8ae0e13ef97bfbc59ce164603e","name":"Rockol MusicBiz: il Trailer","description":"Cos'\u00e8 MusicBiz Podcast? Te lo spieghiamo in un minuto.","release_date_raw":"2023-02-28","release_date":"28\/02\/2023"}]); } function rockolTalks() { return Podcast([{"id":"0C5lnBRtFP9sTbDjOch1Df","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra gli Statuto","description":"Celebriamo i quarant'anni di carriera di una fra le band pi\u00f9 "mod" dello stivale. In questa puntata del podcast abbiamo incontrato gli Statuto per una chiacchierata tra musica, calcio e cultura.","release_date_raw":"2023-12-26","release_date":"26\/12\/2023"},{"id":"6qscu4MaoK4jRipbKWlyCq","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Gerry Scotti","description":""Gerry Christmas", una puntata di Rockol Talks dal sapore natalizio in compagnia di Gerry Scotti, famoso conduttore che ha da poco pubblicato l'omonimo album di Natale. Ce lo ha raccontato in questa chiacchierata ripercorrendo anche alcune tappe della sua carriera.","release_date_raw":"2023-12-19","release_date":"19\/12\/2023"},{"id":"45GXNXLeeIfCrJ8FoRtx0J","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Mario Venuti","description":"L'evento "#NonSonoSolo" si \u00e8 svolto nel corso della Milano Music Week, una produzione Rockol con il contributo non condizionante di Viatris, per confrontarsi in merito alla relazione che c'\u00e8 tra musica e salute mentale. In questo episodio ne abbiamo parlato in compagnia di Mario Venuti.","release_date_raw":"2023-12-12","release_date":"12\/12\/2023"},{"id":"1Wgqckr1b2aRXy1ARg8hUz","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Boosta","description":"Nel corso della Milano Music Week si \u00e8 svolto l'evento "#NonSonoSolo",una produzione Rockol con il contributo non condizionante di Viatris, per confrontarsi in merito alla relazione che c'\u00e8 tra musica e salute mentale. In questo episodio ne abbiamo parlato insieme a Boosta dei Subsonica.","release_date_raw":"2023-12-05","release_date":"05\/12\/2023"},{"id":"2bOKu6ljXxVi0cApKG0hos","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Vince Tempera","description":"Gli anni 70 del "prog" raccontati dalla voce di uno degli artisti del periodo, Vince Tempera, che con il supergruppo "Il Volo" contribu\u00ec ad una delle scene pi\u00f9 rinomate della musica italiana.","release_date_raw":"2023-11-28","release_date":"28\/11\/2023"},{"id":"2IOncdrrnIPGS8G7Aa8DhV","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Emma","description":""Souvenir", una serie di ricordi che Emma regala ai propri fan in questo nuovo album di inediti nel quale l'artista racconta le proprie esperienze ed emozioni.","release_date_raw":"2023-11-21","release_date":"21\/11\/2023"},{"id":"7jlnLfYSrBCnkfSamRHyBc","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Riccardo Bertoncelli (Parte 2)","description":"Come sono cambiati il giornalismo e la critica musicale nel corso del tempo? Ne abbiamo parlato insieme a Riccardo Bertoncelli in questa seconda parte dell'episodio dedicato alla ripubblicazione del suo primo libro intitolato "Pop Story".","release_date_raw":"2023-11-14","release_date":"14\/11\/2023"},{"id":"4XV0SG2SWPR6bdKhneI4Xp","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Riccardo Bertoncelli","description":"Gli esordi della critica musicale, una fra le prime fanzine ed un libro che ad inizio anni 70 apr\u00ec le porte al rock alternativo in Italia. In occasione della ripubblicazione di "Pop Story" abbiamo incontrato Riccardo Bertoncelli.","release_date_raw":"2023-11-07","release_date":"07\/11\/2023"},{"id":"43kivECfyg5stvpyRIj46p","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Francesco Paracchini","description":""Quel Gran Genio" \u00e8 il nome dell'evento svoltosi a Milano e dedicato alla musica di Lucio Battisti. Abbiamo parlato di questa prima edizione della manifiestazione insieme al suo ideatore, Francesco Paracchini.","release_date_raw":"2023-10-31","release_date":"31\/10\/2023"},{"id":"3xw6VO7RpwDLO7oIXKSYmX","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Tommaso Paradiso","description":"La "Sensazione Stupenda" che accompagna i brani del nuovo album di Tommaso Paradiso, ma anche le citazioni ed i riferimenti, soprattutto a Springsteen ed ai grandi registi del cinema.","release_date_raw":"2023-10-24","release_date":"24\/10\/2023"},{"id":"08qiQd0m3yg1pL5uNXnyiP","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Annalisa","description":"A Rockol Talks incontriamo una delle regine del pop "Made in Italy", in occasione della pubblicazione del suo nuovo album "E poi siamo finiti nel vortice". Una chiacchierata insieme ad Annalisa.","release_date_raw":"2023-10-17","release_date":"17\/10\/2023"},{"id":"64P56rAHa2HgIfLQnX5p1Q","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Federica Abbate","description":"Autrice italiana di successo, ma anche cantautrice, ha da poco publicato il suo primo album intitolato "Canzoni per gli altri". In questo episodio del podcast abbiamo incontrato Federica Abbate.","release_date_raw":"2023-10-10","release_date":"10\/10\/2023"},{"id":"18HvMJ2IQ2LnyZcUQHNxad","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Corey Taylor","description":"Voce e leader di Slipknot e Stone Sour, ma anche artista a tuttotondo nei suoi progetti solisti. Corey Taylor ci racconta il suo nuovo disco intitolato "CMF2".","release_date_raw":"2023-10-03","release_date":"03\/10\/2023"},{"id":"6P9vZShnV7KS8yTz9T5wg9","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Francesco Renga e Nek","description":"Francesco Renga e Nek ci raccontano il loro nuovo album insieme, intitolato "RengaNek", figlio di un particolare momento di libert\u00e0 ma soprattutto di una longeva amicizia.","release_date_raw":"2023-09-26","release_date":"26\/09\/2023"},{"id":"70WDccCCQIDiLJ54oSSAvi","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Gianni Togni","description":"La carriera, l'album dal vivo, le differenze tecniche e sonore tra digitale ed analogico, ma anche una digressione sul panorama musicale odierno. In questo episodio di Rockol Talks incontriamo Gianni Togni.","release_date_raw":"2023-09-19","release_date":"19\/09\/2023"},{"id":"4RV8J1AHvYjGwxOcv4cNSR","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: gli album fondamentali per... (Pt. 3)","description":"Terzo appuntamento con uno degli episodi speciali di Rockol Talks. <br \/>In questa puntata Paola e Chiara ci svelano le loro radici metal, mentre Silent Bob, Irama ed Rkomi ci raccontano gli album che hanno cambiato le loro vite o che in qualche modo hanno segnato il loro percorso artistico.","release_date_raw":"2023-09-12","release_date":"12\/09\/2023"},{"id":"1aA90QiOIAULwBd04Ute9k","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Fabio De Luca (Parte 2)","description":"Seconda parte dell'intervista insieme a Fabio De Luca per raccontare l'estate del 1983, quella di "Vamos a la Playa", dei Righeira e di un periodo musicale particolarmente florido e ricco d'influenze.","release_date_raw":"2023-09-05","release_date":"05\/09\/2023"},{"id":"54rRgw3WpWN5GZUg0W76TY","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Fabio De Luca (Parte 1)","description":"Estate del 1983, l'Italia rinasce mentre i Righeira spopolano grazie al loro grande successo "Vamos a la playa". Ne abbiamo parlato insieme a Fabio De Luca, autore del libro "Oh, oh, oh, oh, oh. I Righeira, la playa e l'estate 1983".","release_date_raw":"2023-08-29","release_date":"29\/08\/2023"},{"id":"6wxQ1NRNoYQ5M1aJSdeDsi","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: SPECIALE ROCK IN ROMA 2023 (Parte 2)","description":"La seconda parte del nostro speciale dedicato al festival Rock in Roma 2023. In questo episodio incontriamo Nu Genea, Geolier, Articolo 31 e Naska.","release_date_raw":"2023-08-22","release_date":"22\/08\/2023"},{"id":"1G8m3ZqPHDYR7w21klGGcf","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: SPECIALE ROCK IN ROMA 2023 (Parte 1)","description":"La prima parte del nostro speciale dedicato al festival Rock in Roma 2023. In questo episodio incontriamo Manuel Agnelli, il rapper Mezzosangue e Lazza.","release_date_raw":"2023-08-15","release_date":"15\/08\/2023"},{"id":"4ddiqtCJO0Z6yhi0nDJ5pt","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"RockolTalks incontra Luca De Gennaro","description":"Cinquant'anni per il capolavoro dei Pink Floyd "The Dark Side of the Moon". Ne abbiamo parlato in compagnia di una delle voci pi\u00f9 famose del mondo della radio, Luca De Gennaro.","release_date_raw":"2023-08-08","release_date":"08\/08\/2023"},{"id":"7l8cUezdFTxyUQcqrPK3P1","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Raf (Parte 2)","description":"Seconda parte dell'episodio del nostro podcast in compagnia di Raf. <br \/>Dal concerto dei Caf\u00e8 Caracas in apertura ai Clash nel 1980 per ripercorrere passato, presente e futuro della straordinaria carriera di questo cantautore.","release_date_raw":"2023-08-01","release_date":"01\/08\/2023"},{"id":"5ICIKTATJvXIdcoDhCCJHw","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Raf (Parte 1)","description":"S'intitola "La mia casa" ed \u00e8 il ritorno sulle scene di Raf, con un libro un tour ed un album di prossima pubblicazione. In questa prima parte del podcast abbiamo ripercorso insieme all'artista le tappe principali della sua carriera.","release_date_raw":"2023-07-25","release_date":"25\/07\/2023"},{"id":"5S90z6bbU2PSJAYW5jjt8K","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"RockolTalks incontra Assurdit\u00e8","description":"L'evoluzione artistica di Assurdit\u00e8 alla ricerca della totalit\u00e0 attraverso il tema degli opposti. La cantautrice milanese ci racconta il nuovo Ep "Gipsy Chic".","release_date_raw":"2023-07-18","release_date":"18\/07\/2023"},{"id":"2Sleq02IyPGMN3u7z93VX6","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra gli Enter Shikari","description":"Un gesto di affetto verso il mondo, prima colpito dalla pandemia e poi costretto ad attraversare un momento difficile. Rou Reynolds introduce cos\u00ec il nuovo album dei suoi Enter Shikari, che ci racconta in questo episodio del podcast.","release_date_raw":"2023-07-11","release_date":"11\/07\/2023"},{"id":"6IDdF9xgchWWA5ZqkCi433","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Daniele Silvestri","description":"La scrittura dei brani, dalle idee ai concetti, fino ad arrivare alle storie raccontate nel nuovo "Disco X" di Daniele Silvestri.","release_date_raw":"2023-07-04","release_date":"04\/07\/2023"},{"id":"346vGNqHVdu9Mcj4FJiMER","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Matteo Paolillo","description":"Attore nella serie "Mare Fuori", ha da poco pubblicato il suo primo album in studio intitolato "Come te". In questo episodio del podcast Matteo Paolillo ci racconta come convivono il mondo del cinema e quello della musica.","release_date_raw":"2023-06-27","release_date":"27\/06\/2023"},{"id":"3P4FwLGQsHSdOngQZ1Dxf0","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Beppe Carletti dei Nomadi","description":"Un nuovo album per celebrare i 60 anni di carriera di una band iconica nel panorama musicale italiano. In questa puntata del podcast, incontriamo Beppe Carletti dei Nomadi.","release_date_raw":"2023-06-20","release_date":"20\/06\/2023"},{"id":"0WyWix1AoxMPOa28cwIRGP","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: SPECIALE PRIMO MAGGIO 2023 (parte 2)","description":"Seconda parte dello speciale dedicato all'edizione 2023 del "Concertone del Primo Maggio" raccontata direttamente dalla voce degli artisti. In questo episodio Ariete, Johnson Righeira, Paolo Benvegn\u00f9 e Wayne.","release_date_raw":"2023-06-13","release_date":"13\/06\/2023"},{"id":"0Doa2kQJKXLHPNaDXOF7yc","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: SPECIALE PRIMO MAGGIO 2023","description":"L'edizione 2023 del "Concertone del Primo Maggio" raccontata direttamente dalla voce degli artisti. In questo episodio del podcast Piero Piel\u00f9, Levante e Rocco Hunt.","release_date_raw":"2023-06-06","release_date":"06\/06\/2023"},{"id":"3C9jvfKs1hYLxUBBFgPv1O","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Michele Monina","description":"L'attuale stato di salute dell'industria discografica secondo il punto di vista di Michele Monina, scrittore giornalista e critico musicale.","release_date_raw":"2023-05-30","release_date":"30\/05\/2023"},{"id":"4K78p4GmjeAkf9xdSmGCFb","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra i Baustelle","description":"Il nuovo album "Elvis" raccontato direttamente dalle voci di Francesco Bianconi e Rachele Bastreghi, una sferzata rock che arriva dopo i progetti solisti di entrambi gli artisti. In questo episodio del podcast ripercorriamo il passato recente dei Baustelle.","release_date_raw":"2023-05-23","release_date":"23\/05\/2023"},{"id":"6TKsx09aUT9kq8cCffaqIE","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Auroro Borealo","description":"Episodio del podcast all\u2019insegna della creativit\u00e0, in compagnia del bresciano Auroro Borealo che ci ha parlato del suo nuovo album \u201cAurora Boreale\u201d, di Tik Tok, di Massimo Boldi, del duetto con Ruggero dei Timidi ed anche di libri.","release_date_raw":"2023-05-16","release_date":"16\/05\/2023"},{"id":"7sMbINwh1m7nBNF7eeJRpm","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Elio e Le Storie Tese","description":"In occasione della seconda edizione del "Concertozzo" , in questa puntata del podcast abbiamo ricostruito le ultime tappe della carriera degli Elio e le Storie Tese, grazie ad una serie di interviste dall'archivio di Rockol.","release_date_raw":"2023-05-09","release_date":"09\/05\/2023"},{"id":"05V29NdmeKHUZKtdNfUrg7","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Vittorio Cosma","description":"\u201cAmate sponde\u201d, una pellicola che racconta l\u2019Italia attraverso la regia di Egidio Eronico e le musiche di Vittorio Cosma. Proprio quest\u2019ultimo \u00e8 il protagonista del nuovo episodio di Rockol Talks, una chiacchierata ricca di spunti fra colonne sonore, il supergruppo formato dai membri di Police e King Crimson, oltre al progetto parallelo Deproducers.","release_date_raw":"2023-05-02","release_date":"02\/05\/2023"},{"id":"7bWaQorv0L5FjY4GoIblIg","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Linus","description":"Come \u00e8 cambiata la radio nel corso degli anni, dai tempi delle radio libere fino ai giorni nostri? Quale \u00e8 il suo rapporto con la musica e con gli ascoltatori nell\u2019epoca dello streaming? In questo episodio del nostro podcast ne abbiamo parlato insieme a Linus.","release_date_raw":"2023-04-25","release_date":"25\/04\/2023"},{"id":"6ldc0tXQP4Ny5XJGSBvUHu","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Maurizio Vandelli","description":"Una pietra miliare della musica italiana intitolata \u201c29 Settembre\u201d, il rapporto con Lucio Battisti ed il percorso musicale che lo ha portato sui palchi dello stivale con uno spettacolo in ricordo del cantautore. In questa puntata incontriamo Maurizio Vandelli.","release_date_raw":"2023-04-18","release_date":"18\/04\/2023"},{"id":"7uInqX2fMoIjch5RRFpbNf","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Tananai","description":"Tananai ed il suo percorso artistico, dal Festival di Sanremo dell\u2019anno scorso con il brano \u201cSesso Occasionale\u201d, passando per l\u2019estate 2022 che lo ha visto tra i nuovi protagonisti della scena pop nazionale, fino al brano \u201cTango\u201d presentato sul palco dell\u2019Ariston nell\u2019edizione 2023 del Festival.","release_date_raw":"2023-04-11","release_date":"11\/04\/2023"},{"id":"3Ti2s7qOlTT6WoPPDZL0az","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Colapesce e DiMartino","description":"Il duo siciliano ci racconta il brano \u201cSplash\u201d, presentato a Sanremo, passando anche dall\u2019esperienza cinematografica che li ha visti protagonisti nel film \u201cLa Primavera della mia Vita\u201d.","release_date_raw":"2023-04-04","release_date":"04\/04\/2023"},{"id":"6wUuULH5TXhpeZzNdWJJdj","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Franco Mussida","description":"Non solo il grande chitarrista e membro della PFM che tutti conosciamo. In questo episodio del podcast ripercorriamo le diverse anime artistiche di Franco Mussida, partendo dalla pubblicazione del suo ultimo album "Il pianeta della musica e il viaggio di I\u00f2tu".","release_date_raw":"2023-03-28","release_date":"28\/03\/2023"},{"id":"3Qc712du9BfmZjPWtLwoGI","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: gli album fondamentali per (Pt. 2)","description":"Secondo appuntamento con gli episodi speciali di Rockol Talks. In questa puntata abbiamo chiesto a Gu\u00e8, Coma_Cose, Diodato, Wille Peyote e Pinguini Tattici Nucleari, di raccontarci gli album che hanno cambiato le loro vite o che in qualche modo hanno segnato il loro percorso musicale.","release_date_raw":"2023-03-21","release_date":"21\/03\/2023"},{"id":"0uYZDngSfCLLI9YfQx1dwD","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Fabio Barbero","description":"Giorgio Gaber \u00e8 stato un\u2019artista unico nel panorama cantautorale nazionale, un interprete straordinario, ma anche un attore di teatro che sapeva esattamente come emozionare e far pensare. In occasione del memoriale per i vent\u2019anni dalla sua scomparsa, lo abbiamo raccontato attraverso le parole di Fabio Barbero, autore del libro \u201cGiorgio Gaber, Sandro Luporini e la generazione del 68\u201d.","release_date_raw":"2023-03-14","release_date":"14\/03\/2023"},{"id":"2XdamDqj2e57HvMdKV1ZZu","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Tiziano Ferro","description":"Un nuovo album che rompe il silenzio post pandemia e descrive la gioia di diventare padre. In questa puntata del podcast Tiziano Ferro racconta \u201cIl mondo \u00e8 nostro\u201d, anche attraverso le numerose collaborazioni del disco. Le cover sono invece le protagoniste della seconda intervista rilasciata in occasione della pubblicazione dell\u2019album \u201cAccetto Miracoli: L\u2019esperienza degli altri\u201d, a fine 2020.","release_date_raw":"2023-03-07","release_date":"07\/03\/2023"},{"id":"6cUU2m3AzVlORYs99rt9sf","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Niccol\u00f2 Fabi","description":"Il nuovo progetto discografico con l\u2019orchestra intitolato \u201cMeno per Meno\u201d, ma anche una breve retrospettiva che guarda alla straordinaria carriera del cantautore romano, non dimenticando uno dei suoi album pi\u00f9 apprezzati, ossia \u201cUna somma di piccole cose\u201d. In questa puntata del podcast, Rockol Talks incontra Niccol\u00f2 Fabi.","release_date_raw":"2023-02-28","release_date":"28\/02\/2023"},{"id":"13LFyRY5RPfDjU4XAYptnH","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: SPECIALE SANREMO 2023 - parte 2","description":"Seconda puntata speciale del nostro podcast dedicata al Festival di Sanremo 2023. <br \/>Parlano i protagonisti. In questo episodio: Giorgia, Paola e Chiara, Leo Gassman e Mr.Rain.","release_date_raw":"2023-02-21","release_date":"21\/02\/2023"},{"id":"7eYjm4JvCpwRFelAcFxkMA","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: SPECIALE SANREMO 2023","description":"Puntata speciale di Rockol Talks dedicata alla settantatreesima edizione del Festival della canzone italiana. Parlano i protagonisti. In questo episodio: Marco Mengoni, Elodie, Ariete, Rosa Chemical ed Articolo 31.","release_date_raw":"2023-02-14","release_date":"14\/02\/2023"},{"id":"0huFoXiJdFgS1gU75KXbvv","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: Indie Pt. 2","description":"Continua il nostro incontro in tema \u201cIndie\u201d alla Rockol House, nel corso della Milano Music Week. In questa seconda parte del podcast, i nostri ospiti hanno approfondito le differenze che intercorrono fra il mondo mainstream ed il circuito indipendente, sempre con lo sguardo rivolto verso il futuro.","release_date_raw":"2023-02-07","release_date":"07\/02\/2023"},{"id":"2PRPrIdq60zLlPQ40ch4Fo","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: Indie Pt. 1","description":"Ancora Milano Music Week, questa volta insieme a nuovi ospiti presenti alla \u201cRockol House\u201d: Luca Daher di Believe, Fabrizio Tudisco di Tunecore, oltre agli artisti Danny Metal ed EGreen, per una chiacchierata dedicata alla scena musicale indipendente ed al futuro della musica.","release_date_raw":"2023-01-31","release_date":"31\/01\/2023"},{"id":"3Jvz6s3tZnb1eFFeeqa3Ld","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks incontra Cristina D'Avena","description":"Abbiamo imparato a cantare con lei, ricordiamo a memoria ancora tutti i ritornelli dei cartoni animati, in poche parole la protagonista di questo episodio del podcast \u00e8 stata la compagna di tanti momenti della nostra infanzia. Rockol Talks oggi incontra Cristina D\u2019Avena per celebrare 40 anni di un carriera straordinaria.","release_date_raw":"2023-01-24","release_date":"24\/01\/2023"},{"id":"6dDY1Dx2OvWSuJK3DMkljq","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a0899fb9719e6212b0fbfede7","name":"Rockol Talks: Dardust e Jean-Michel Jarre","description":"Due artisti, compositori e produttori, ma soprattutto due innovatori. In questa puntata di Rockol Talks, Jean-Michel Jarre si \u00e8 raccontato ai microfoni di Rockol insieme ad un altro artista di eccezione, Dardust, che lo ha accolto ed intervistato nel suo studio, nel corso di una stimolante chiacchierata tra elettronica e musica del futuro.","release_date_raw":"2023-01-17","release_date":"17\/01\/2023"}]); } function trentatreGiri() { return Podcast([{"id":"7jy4oL5NkFLNTnwjvuhd8N","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Lorenzo 1997 \u201cL\u2019Albero\u201d \u2013 L\u2019Africa di Jovanotti (1997)","description":"Trent\u2019anni: un periodo di scelta, cambiamenti, trascorsi e nuove direzioni. Il rinnovato percorso musicale di Jovanotti comincia con un viaggio in Africa, un\u2019esperienza talmente importante da influenzare i ritmi incontenibili del suo album pubblicato nel 1997, uno spartiacque necessario per tutto ci\u00f2 che c\u2019era stato prima e per tutto quanto arriver\u00e0 poi nel corso della sua incredibile carriera. Ma anche un nuovo modo di vivere e pensare per il Jova, che con questo splendido disco sembra avvicinarsi sempre di pi\u00f9 a Lorenzo.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-07-13","release_date":"13\/07\/2022"},{"id":"4ElL9FjnW67nhWqPbXtd1J","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Random Access Memories \u2013 Daft Punk e Parigi (2013)","description":"A partire dagli anni 90, Parigi diventa la nuova capitale della musica della notte, quella cosidetta \u201chouse\u201d a cui viene aggiunto il \u201cFrench Touch\u201d, un tocco francese per l\u2019appunto. I suoni si fanno sempre pi\u00f9 raffinati e tanti sono i nomi che si affacciano sulla scena parigina, tra cui un duo misterioso dal nome azzeccatissimo, i Daft Punk. La fama della band cresce sempre di pi\u00f9 e nel 2013 viene pubblicato uno dei loro album capolavoro, Random Access Memories, un disco che guarda ai sintetizzatori ed ai suoni del passato per creare la musica del futuro.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-07-06","release_date":"06\/07\/2022"},{"id":"17Jvr3mLYM9O7FMmoHaUKT","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"17 Re \u2013 Litfiba e Firenze (1986)","description":"La rinascita artistica di Firenze degli anni 80 passa anche dalla musica, che assume un ruolo centrale nella scena indipendente italiana e non solo. Nella prima met\u00e0 del decennio la new wave ed il post-punk disegnano nuovi orizzonti musicali grazie a band come i Litfiba, che nel 1986 pubblicano uno dei capolavori rock della musica italiana: 17 Re.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-06-22","release_date":"22\/06\/2022"},{"id":"0iL5c2NilZhR3tFAbNz6sD","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Californication \u2013 Red Hot Chili Peppers e Los Angeles (1999)","description":"Dopo il ritorno di John Frusciante nel gruppo, i Red Hot Chili Peppers infiammano l\u2019estate del 1999 grazie ad uno dei loro album pi\u00f9 importanti, Californication. Un rientro in grande stile, il disco che segna la rinascita musicale dei peperoncini di Los Angeles, ma anche la rappresentazione di un momento storico eccezionale per la California e di tutto il sogno americano.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-06-08","release_date":"08\/06\/2022"},{"id":"52jkpH0TyWjJtVJvO1mxWY","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Banana Republic \u2013 L\u2019Italia di Dalla e De Gregori (1979)","description":"Banana Republic \u00e8 figlio di un\u2019Italia in fase di cambiamento, scossa da continue contestazioni, spesso violente, che hanno coinvolto anche il mondo della musica. Grazie a questo album per\u00f2, due dei cantautori pi\u00f9 in evidenza a fine anni settanta, ossia Lucio Dalla e Francesco De Gregori, hanno contribuito al ritorno dei grandi eventi della musica del vivo nel nostro Paese.<br \/> <br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-06-01","release_date":"01\/06\/2022"},{"id":"2gfpZOejMYpzlKU77cEsZG","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Elephant \u2013 The White Stripes e Detroit (2003)","description":"La decadente \u201cMotor Town\u201d \u00e8 sempre stata un riferimento per la musica d\u2019oltreoceano. <br \/>Il soul ed il garage hanno trovato le loro radici nei costanti alti e bassi di Detroit e nel 2003, la coppia pi\u00f9 ambigua di quel rock-blues sanguigno e ridotto all\u2019osso, pubblica l\u2019album che li porter\u00e0 sulle bocche di tutto il mondo. \u201cElephant\u201d rappresenta uno dei capolavori rock del nuovo millennio.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-05-25","release_date":"25\/05\/2022"},{"id":"61vB86wVtydgQoCgjiY3iy","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Achtung Baby - U2 e Berlino (1991)","description":"A Novembre del 1989 cade il muro di Berlino, dando il via ad un nuovo modo d\u2019intendere l\u2019Europa, la Germania e Berlino stessa. Circa nello stesso periodo, gli U2 stanno lottando per abbattere i muri interni che li separano dopo il successo stravolgente di \u201cThe Joshua Tree\u201d.<br \/>In un clima di particolare ispirazione e rinnovo, gli U2 scrivono uno dei loro capolavori, nato fra le macerie del muro che separava la citt\u00e0 tedesca.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-05-18","release_date":"18\/05\/2022"},{"id":"6CIfBxgaBMAuj1Mkhcj6Rx","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Vado al Massimo - Vasco, Zocca e Sanremo (1982)","description":"Il 1982 rappresenta un anno importante per l\u2019Italia, che finalmente vede la fine del periodo di terrore legato agli anni di piombo. E\u2019 un momento di rinascita, anche musicale, con alcuni nuovi protagonisti che si affermano nel panorama musicale nazionale. Tra questi, c\u2019\u00e8 anche un giovane Vasco Rossi, che si presenta per la prima volta sul palco di Sanremo, lasciando immediatamente il segno. <br \/>\u201cVado al massimo\u201d diviene quindi il punto di svolta di una carriera leggendaria.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-03-08","release_date":"08\/03\/2022"},{"id":"2oJOCk6Ottvle8M2xZn8UF","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Buena Vista Social Club - Ry Cooder e Cuba (1997)","description":"Cuba \u00e8 un\u2019isola tropicale dai mille volti e con una storia particolarmente travagliata da raccontare. <br \/>Nella seconda met\u00e0 degli anni 90, degli attempati musicisti cubani, vengono riscoperti da parte di uno dei pi\u00f9 affermati chitarristi americani, una vera leggenda della chitarra slide, ossia Ry Cooder.<br \/>L\u2019incontro tra questi due mondi, cos\u00ec lontani eppure cos\u00ec vicini, diventer\u00e0 l\u2019occasione per incidere un album leggendario, che porter\u00e0 la musica tradizionale cubana ad un nuovo, inaspettato, successo.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.<br \/><br \/>Credits: music for this episode by AAVV, copyright free.<br \/><a href=\"https:\/\/studio.youtube.com\/channel\/UC2G4seFG3Wm8VAEYFbPK8QA\/music\" rel=\"nofollow\">https:\/\/studio.youtube.com\/channel\/UC2G4seFG3Wm8VAEYFbPK8QA\/music<\/a>","release_date_raw":"2022-03-01","release_date":"01\/03\/2022"},{"id":"0hAXJBtvLPFyS0svDVwaA3","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"At Folsom Prison \u2013 Johnny Cash e Folsom (1968)","description":"13 Gennaio 1968. <br \/>Un\u2019autentica leggenda americana, Johnny Cash, si esibisce di fronte ai detenuti del carcere di massima sicurezza di Folsom. Il \u201cMan in Black\u201d \u00e8 un uomo tormentato, perseguitato dalle sue ombre, proprio come il pubblico che si trova di fronte a lui quel giorno; in fondo Johnny, si sente uno di loro. <br \/>Tra risate, lacrime, applausi, urla e canzoni che raccontano vite al limite, Johnny Cash e la sua band, insieme ai detenuti di Folsom, firmano uno dei dischi dal vivo pi\u00f9 autentici della storia della musica.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-02-22","release_date":"22\/02\/2022"},{"id":"4L3EnBTctivHZgtnV4XyHi","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Microchip Emozionale - Subsonica e Torino (1999)","description":"Torino \u00e8 una citt\u00e0 importante e a tratti misteriosa, una cornice industriale ed artistica fatta di chiaroscuri che ne amplificano il fascino e la storia. Nella seconda met\u00e0 degli anni 90, il capoluogo piemontese diviene il nuovo polo musicale alternativo d\u2019Italia e non solo, con i Subsonica a farne da portavoce. Nel corso del 1999 la band pubblica il secondo disco, \u201cMicrochip Emozionale\u201d, un album visionario che proietta l\u2019Italia verso il nuovo millennio, grazie ad una moltitudine di suoni e pensieri che guardano al futuro.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-02-15","release_date":"15\/02\/2022"},{"id":"6vjyxWLum8ryTVSENe6HhL","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Back to Black - Amy Winehouse e Londra (2006)","description":"Londra, met\u00e0 degli anni 00. Mentre il mondo sta cambiando in modo sempre pi\u00f9 repentino, una giovane Amy Winehouse si prepara a pubblicare il suo secondo disco, quello che la porter\u00e0 verso un successo travolgente, ma anche l'album pi\u00f9 sofferto; il diario segreto di un'anima dal cuore in frantumi, interpretato da una delle voci femminili pi\u00f9 belle di sempre.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-02-08","release_date":"08\/02\/2022"},{"id":"0QPvfPZos47dQmcxp8kqEZ","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Songs for the Deaf \u2013 Il Deserto dei Queens of the Stone Age (2002)","description":"Lo chiamano Low Desert, quella zona della California all\u2019interno della Coachella Valley, divenuta famosa per essere una delle nuove culle della musica. Non solo per il famigerato festival che si svolge ogni anno, ma perch\u00e9 proprio nel bel mezzo di quegli orizzonti senza confini, \u00e8 nata la scena rock del deserto, guidata dai Queens of the Stone Age.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-02-01","release_date":"01\/02\/2022"},{"id":"5ZMPWCXt66tgnNAgO3Spb1","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"L'Indiano - La Sardegna di Fabrizio De Andr\u00e9 (1981)","description":"Nella cornice di un'Italia alla fine dagli anni di piombo, Fabrizio De Andr\u00e9, reduce da un evento sconvolgente, disegna un ponte ipotetico tra la Sardegna che lo ha accolto e l'America dei nativi. Due popoli certamente distanti, ma per certi versi, affini.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-01-25","release_date":"25\/01\/2022"},{"id":"3OGFZriwX2gB5zWasv2qub","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"MTV Unplugged in NY - Nirvana e Seattle (1993-1994)","description":"Ad inizio anni 90 i riflettori sono puntati sulla scena rock di Seattle, la culla del movimento Grunge.<br \/>Sulla coda di quell'onda musicale che ha segnato un'intera generazione, i Nirvana registrano il loro show pi\u00f9 intenso per i microfoni e le telecamere di MTV: l'unplugged in New York.<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.<br \/><br \/>Credits: music for this episode by AAVV, copyright free.<br \/><a href=\"https:\/\/studio.youtube.com\/channel\/UC2G4seFG3Wm8VAEYFbPK8QA\/music\" rel=\"nofollow\">https:\/\/studio.youtube.com\/channel\/UC2G4seFG3Wm8VAEYFbPK8QA\/music<\/a>","release_date_raw":"2022-01-18","release_date":"18\/01\/2022"},{"id":"7kghdIGntu4OACBTrcW06G","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Licensed to ill - Beastie Boys e New York (1986)","description":"Dopo i tumultuosi anni 70 che hanno visto la genesi della scena hip-hop, nella New York tutta divertimento dell'anno 1986, tre ragazzacci scanzonati e divertenti pubblicano il loro primo album, intitolato "Licensed to ill".<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-01-10","release_date":"10\/01\/2022"},{"id":"74ik7Q1vzQrh1Fxv8UFLBV","image":"https:\/\/i.scdn.co\/image\/ab6765630000ba8a1249d38e6b4328416a3e3b1f","name":"Trailer","description":"Che cos'\u00e8 33 Giri al Minuto? <br \/>Ve lo spiego...in un minuto!<br \/><br \/>Per ulteriori approfondimenti, www.rockol.it il sito che ogni giorno racconta il mondo della musica.","release_date_raw":"2022-01-10","release_date":"10\/01\/2022"}]); } function Podcast(episodes) { return { init() { this.podcast.active = this.podcast.episodes.slice(0, 1)[0].id }, podcast: { episodes, active: null, }, get activeEpisode() { return this.podcast.episodes.find(el => el.id === this.podcast.active); }, changeActivePodcast(podcastData) { this.podcast.active = podcastData.id; } } } </script> <script defer> (()=>{var We=!1,Ge=!1,B=[];function $t(e){an(e)}function an(e){B.includes(e)||B.push(e),cn()}function he(e){let t=B.indexOf(e);t!==-1&&B.splice(t,1)}function cn(){!Ge&&!We&&(We=!0,queueMicrotask(ln))}function ln(){We=!1,Ge=!0;for(let e=0;e<B.length;e++)B[e]();B.length=0,Ge=!1}var A,K,Y,Ye,Je=!0;function Lt(e){Je=!1,e(),Je=!0}function jt(e){A=e.reactive,Y=e.release,K=t=>e.effect(t,{scheduler:r=>{Je?$t(r):r()}}),Ye=e.raw}function Ze(e){K=e}function Ft(e){let t=()=>{};return[n=>{let i=K(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),Y(i))},i},()=>{t()}]}var Bt=[],Kt=[],zt=[];function Vt(e){zt.push(e)}function _e(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Kt.push(t))}function Ht(e){Bt.push(e)}function qt(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function Qe(e,t){!e._x_attributeCleanups||Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}var et=new MutationObserver(Xe),tt=!1;function rt(){et.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),tt=!0}function fn(){un(),et.disconnect(),tt=!1}var te=[],nt=!1;function un(){te=te.concat(et.takeRecords()),te.length&&!nt&&(nt=!0,queueMicrotask(()=>{dn(),nt=!1}))}function dn(){Xe(te),te.length=0}function m(e){if(!tt)return e();fn();let t=e();return rt(),t}var it=!1,ge=[];function Ut(){it=!0}function Wt(){it=!1,Xe(ge),ge=[]}function Xe(e){if(it){ge=ge.concat(e);return}let t=[],r=[],n=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&(e[o].type==="childList"&&(e[o].addedNodes.forEach(s=>s.nodeType===1&&t.push(s)),e[o].removedNodes.forEach(s=>s.nodeType===1&&r.push(s))),e[o].type==="attributes")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{Qe(s,o)}),n.forEach((o,s)=>{Bt.forEach(a=>a(s,o))});for(let o of r)if(!t.includes(o)&&(Kt.forEach(s=>s(o)),o._x_cleanups))for(;o._x_cleanups.length;)o._x_cleanups.pop()();t.forEach(o=>{o._x_ignoreSelf=!0,o._x_ignore=!0});for(let o of t)r.includes(o)||!o.isConnected||(delete o._x_ignoreSelf,delete o._x_ignore,zt.forEach(s=>s(o)),o._x_ignore=!0,o._x_ignoreSelf=!0);t.forEach(o=>{delete o._x_ignoreSelf,delete o._x_ignore}),t=null,r=null,n=null,i=null}function xe(e){return D(k(e))}function C(e,t,r){return e._x_dataStack=[t,...k(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function ot(e,t){let r=e._x_dataStack[0];Object.entries(t).forEach(([n,i])=>{r[n]=i})}function k(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?k(e.host):e.parentNode?k(e.parentNode):[]}function D(e){let t=new Proxy({},{ownKeys:()=>Array.from(new Set(e.flatMap(r=>Object.keys(r)))),has:(r,n)=>e.some(i=>i.hasOwnProperty(n)),get:(r,n)=>(e.find(i=>{if(i.hasOwnProperty(n)){let o=Object.getOwnPropertyDescriptor(i,n);if(o.get&&o.get._x_alreadyBound||o.set&&o.set._x_alreadyBound)return!0;if((o.get||o.set)&&o.enumerable){let s=o.get,a=o.set,c=o;s=s&&s.bind(t),a=a&&a.bind(t),s&&(s._x_alreadyBound=!0),a&&(a._x_alreadyBound=!0),Object.defineProperty(i,n,{...c,get:s,set:a})}return!0}return!1})||{})[n],set:(r,n,i)=>{let o=e.find(s=>s.hasOwnProperty(n));return o?o[n]=i:e[e.length-1][n]=i,!0}});return t}function ye(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0)return;let c=i===""?o:`${i}.${o}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function be(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>pn(n,i),s=>st(n,i,s),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function pn(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function st(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),st(e[t[0]],t.slice(1),r)}}var Gt={};function x(e,t){Gt[e]=t}function re(e,t){return Object.entries(Gt).forEach(([r,n])=>{Object.defineProperty(e,`$${r}`,{get(){let[i,o]=at(t);return i={interceptor:be,...i},_e(t,o),n(t,i)},enumerable:!1})}),e}function Yt(e,t,r,...n){try{return r(...n)}catch(i){J(i,e,t)}}function J(e,t,r=void 0){Object.assign(e,{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message} ${r?'Expression: "'+r+`" `:""}`,t),setTimeout(()=>{throw e},0)}var ve=!0;function Jt(e){let t=ve;ve=!1,e(),ve=t}function P(e,t,r={}){let n;return g(e,t)(i=>n=i,r),n}function g(...e){return Zt(...e)}var Zt=ct;function Qt(e){Zt=e}function ct(e,t){let r={};re(r,e);let n=[r,...k(e)];if(typeof t=="function")return mn(n,t);let i=hn(n,t,e);return Yt.bind(null,e,t,i)}function mn(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(D([n,...e]),i);we(r,o)}}var lt={};function _n(e,t){if(lt[e])return lt[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*$.*$/.test(e)||/^(let|const)\s/.test(e)?`(() => { ${e} })()`:e,o=(()=>{try{return new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`)}catch(s){return J(s,t,e),Promise.resolve()}})();return lt[e]=o,o}function hn(e,t,r){let n=_n(t,r);return(i=()=>{},{scope:o={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let a=D([o,...e]);if(typeof n=="function"){let c=n(n,a).catch(l=>J(l,r,t));n.finished?(we(i,n.result,a,s,r),n.result=void 0):c.then(l=>{we(i,l,a,s,r)}).catch(l=>J(l,r,t)).finally(()=>n.result=void 0)}}}function we(e,t,r,n,i){if(ve&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>we(e,s,r,n)).catch(s=>J(s,i,t)):e(o)}else e(t)}var ut="x-";function E(e=""){return ut+e}function Xt(e){ut=e}var er={};function d(e,t){er[e]=t}function ne(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=ft(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),t=t.concat(o)}let n={};return t.map(tr((o,s)=>n[o]=s)).filter(rr).map(xn(n,r)).sort(yn).map(o=>gn(e,o))}function ft(e){return Array.from(e).map(tr()).filter(t=>!rr(t))}var dt=!1,ie=new Map,nr=Symbol();function ir(e){dt=!0;let t=Symbol();nr=t,ie.set(t,[]);let r=()=>{for(;ie.get(t).length;)ie.get(t).shift()();ie.delete(t)},n=()=>{dt=!1,r()};e(r),n()}function at(e){let t=[],r=a=>t.push(a),[n,i]=Ft(e);return t.push(i),[{Alpine:I,effect:n,cleanup:r,evaluateLater:g.bind(g,e),evaluate:P.bind(P,e)},()=>t.forEach(a=>a())]}function gn(e,t){let r=()=>{},n=er[t.type]||r,[i,o]=at(e);qt(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),dt?ie.get(nr).push(n):n())};return s.runCleanups=o,s}var Ee=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Se=e=>e;function tr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=or.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var or=[];function Z(e){or.push(e)}function rr({name:e}){return sr().test(e)}var sr=()=>new RegExp(`^${ut}([^:^.]+)\\b`);function xn(e,t){return({name:r,value:n})=>{let i=r.match(sr()),o=r.match(/:([a-zA-Z0-9\-:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(".","")),expression:n,original:a}}}var pt="DEFAULT",Ae=["ignore","ref","data","id","bind","init","for","mask","model","modelable","transition","show","if",pt,"teleport"];function yn(e,t){let r=Ae.indexOf(e.type)===-1?pt:e.type,n=Ae.indexOf(t.type)===-1?pt:t.type;return Ae.indexOf(r)-Ae.indexOf(n)}function z(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}var mt=[],ht=!1;function Te(e=()=>{}){return queueMicrotask(()=>{ht||setTimeout(()=>{Oe()})}),new Promise(t=>{mt.push(()=>{e(),t()})})}function Oe(){for(ht=!1;mt.length;)mt.shift()()}function ar(){ht=!0}function R(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>R(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)R(n,t,!1),n=n.nextElementSibling}function O(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}function lr(){document.body||O("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),z(document,"alpine:init"),z(document,"alpine:initializing"),rt(),Vt(t=>w(t,R)),_e(t=>bn(t)),Ht((t,r)=>{ne(t,r).forEach(n=>n())});let e=t=>!V(t.parentElement,!0);Array.from(document.querySelectorAll(cr())).filter(e).forEach(t=>{w(t)}),z(document,"alpine:initialized")}var _t=[],ur=[];function fr(){return _t.map(e=>e())}function cr(){return _t.concat(ur).map(e=>e())}function Ce(e){_t.push(e)}function Re(e){ur.push(e)}function V(e,t=!1){return Q(e,r=>{if((t?cr():fr()).some(i=>r.matches(i)))return!0})}function Q(e,t){if(!!e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),!!e.parentElement)return Q(e.parentElement,t)}}function dr(e){return fr().some(t=>e.matches(t))}function w(e,t=R){ir(()=>{t(e,(r,n)=>{ne(r,r.attributes).forEach(i=>i()),r._x_ignore&&n()})})}function bn(e){R(e,t=>Qe(t))}function oe(e,t){return Array.isArray(t)?pr(e,t.join(" ")):typeof t=="object"&&t!==null?vn(e,t):typeof t=="function"?oe(e,t()):pr(e,t)}function pr(e,t){let r=o=>o.split(" ").filter(Boolean),n=o=>o.split(" ").filter(s=>!e.classList.contains(s)).filter(Boolean),i=o=>(e.classList.add(...o),()=>{e.classList.remove(...o)});return t=t===!0?t="":t||"",i(n(t))}function vn(e,t){let r=a=>a.split(" ").filter(Boolean),n=Object.entries(t).flatMap(([a,c])=>c?r(a):!1).filter(Boolean),i=Object.entries(t).flatMap(([a,c])=>c?!1:r(a)).filter(Boolean),o=[],s=[];return i.forEach(a=>{e.classList.contains(a)&&(e.classList.remove(a),s.push(a))}),n.forEach(a=>{e.classList.contains(a)||(e.classList.add(a),o.push(a))}),()=>{s.forEach(a=>e.classList.add(a)),o.forEach(a=>e.classList.remove(a))}}function H(e,t){return typeof t=="object"&&t!==null?wn(e,t):En(e,t)}function wn(e,t){let r={};return Object.entries(t).forEach(([n,i])=>{r[n]=e.style[n],n.startsWith("--")||(n=Sn(n)),e.style.setProperty(n,i)}),setTimeout(()=>{e.style.length===0&&e.removeAttribute("style")}),()=>{H(e,r)}}function En(e,t){let r=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",r||"")}}function Sn(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function se(e,t=()=>{}){let r=!1;return function(){r?t.apply(this,arguments):(r=!0,e.apply(this,arguments))}}d("transition",(e,{value:t,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n?An(e,n,t):On(e,r,t)});function An(e,t,r){mr(e,oe,""),{enter:i=>{e._x_transition.enter.during=i},"enter-start":i=>{e._x_transition.enter.start=i},"enter-end":i=>{e._x_transition.enter.end=i},leave:i=>{e._x_transition.leave.during=i},"leave-start":i=>{e._x_transition.leave.start=i},"leave-end":i=>{e._x_transition.leave.end=i}}[r](t)}function On(e,t,r){mr(e,H);let n=!t.includes("in")&&!t.includes("out")&&!r,i=n||t.includes("in")||["enter"].includes(r),o=n||t.includes("out")||["leave"].includes(r);t.includes("in")&&!n&&(t=t.filter((h,b)=>b<t.indexOf("out"))),t.includes("out")&&!n&&(t=t.filter((h,b)=>b>t.indexOf("out")));let s=!t.includes("opacity")&&!t.includes("scale"),a=s||t.includes("opacity"),c=s||t.includes("scale"),l=a?0:1,u=c?ae(t,"scale",95)/100:1,p=ae(t,"delay",0),y=ae(t,"origin","center"),N="opacity, transform",W=ae(t,"duration",150)/1e3,pe=ae(t,"duration",75)/1e3,f="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:y,transitionDelay:p,transitionProperty:N,transitionDuration:`${W}s`,transitionTimingFunction:f},e._x_transition.enter.start={opacity:l,transform:`scale(${u})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:y,transitionDelay:p,transitionProperty:N,transitionDuration:`${pe}s`,transitionTimingFunction:f},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:l,transform:`scale(${u})`})}function mr(e,t,r={}){e._x_transition||(e._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){Me(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){Me(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,o=()=>i(r);if(t){e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(r):o():e._x_transition?e._x_transition.in(r):o();return}e._x_hidePromise=e._x_transition?new Promise((s,a)=>{e._x_transition.out(()=>{},()=>s(n)),e._x_transitioning.beforeCancel(()=>a({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=hr(e);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(e)):i(()=>{let a=c=>{let l=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(a)]).then(([u])=>u());return delete c._x_hidePromise,delete c._x_hideChildren,l};a(e).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function hr(e){let t=e.parentNode;if(!!t)return t._x_hidePromise?t:hr(t)}function Me(e,t,{during:r,start:n,end:i}={},o=()=>{},s=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),s();return}let a,c,l;Tn(e,{start(){a=t(e,n)},during(){c=t(e,r)},before:o,end(){a(),l=t(e,i)},after:s,cleanup(){c(),l()}})}function Tn(e,t){let r,n,i,o=se(()=>{m(()=>{r=!0,n||t.before(),i||(t.end(),Oe()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning})});e._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:se(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},m(()=>{t.start(),t.during()}),ar(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,a=Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(e).animationDuration.replace("s",""))*1e3),m(()=>{t.before()}),n=!0,requestAnimationFrame(()=>{r||(m(()=>{t.end()}),Oe(),setTimeout(e._x_transitioning.finish,s+a),i=!0)})})}function ae(e,t,r){if(e.indexOf(t)===-1)return r;let n=e[e.indexOf(t)+1];if(!n||t==="scale"&&isNaN(n))return r;if(t==="duration"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return t==="origin"&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[n,e[e.indexOf(t)+2]].join(" "):n}var gt=!1;function $(e,t=()=>{}){return(...r)=>gt?t(...r):e(...r)}function _r(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),gt=!0,Rn(()=>{Cn(t)}),gt=!1}function Cn(e){let t=!1;w(e,(n,i)=>{R(n,(o,s)=>{if(t&&dr(o))return s();t=!0,i(o,s)})})}function Rn(e){let t=K;Ze((r,n)=>{let i=t(r);return Y(i),()=>{}}),e(),Ze(t)}function ce(e,t,r,n=[]){switch(e._x_bindings||(e._x_bindings=A({})),e._x_bindings[t]=r,t=n.includes("camel")?Dn(t):t,t){case"value":Mn(e,r);break;case"style":Pn(e,r);break;case"class":Nn(e,r);break;default:kn(e,t,r);break}}function Mn(e,t){if(e.type==="radio")e.attributes.value===void 0&&(e.value=t),window.fromModel&&(e.checked=gr(e.value,t));else if(e.type==="checkbox")Number.isInteger(t)?e.value=t:!Number.isInteger(t)&&!Array.isArray(t)&&typeof t!="boolean"&&![null,void 0].includes(t)?e.value=String(t):Array.isArray(t)?e.checked=t.some(r=>gr(r,e.value)):e.checked=!!t;else if(e.tagName==="SELECT")In(e,t);else{if(e.value===t)return;e.value=t}}function Nn(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=oe(e,t)}function Pn(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=H(e,t)}function kn(e,t,r){[null,void 0,!1].includes(r)&&Ln(t)?e.removeAttribute(t):(xr(t)&&(r=t),$n(e,t,r))}function $n(e,t,r){e.getAttribute(t)!=r&&e.setAttribute(t,r)}function In(e,t){let r=[].concat(t).map(n=>n+"");Array.from(e.options).forEach(n=>{n.selected=r.includes(n.value)})}function Dn(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function gr(e,t){return e==t}function xr(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function Ln(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}function yr(e,t,r){if(e._x_bindings&&e._x_bindings[t]!==void 0)return e._x_bindings[t];let n=e.getAttribute(t);return n===null?typeof r=="function"?r():r:xr(t)?!![t,"true"].includes(n):n===""?!0:n}function Ne(e,t){var r;return function(){var n=this,i=arguments,o=function(){r=null,e.apply(n,i)};clearTimeout(r),r=setTimeout(o,t)}}function Pe(e,t){let r;return function(){let n=this,i=arguments;r||(e.apply(n,i),r=!0,setTimeout(()=>r=!1,t))}}function br(e){e(I)}var q={},vr=!1;function wr(e,t){if(vr||(q=A(q),vr=!0),t===void 0)return q[e];q[e]=t,typeof t=="object"&&t!==null&&t.hasOwnProperty("init")&&typeof t.init=="function"&&q[e].init(),ye(q[e])}function Er(){return q}var Sr={};function Ar(e,t){let r=typeof t!="function"?()=>t:t;e instanceof Element?xt(e,r()):Sr[e]=r}function Or(e){return Object.entries(Sr).forEach(([t,r])=>{Object.defineProperty(e,t,{get(){return(...n)=>r(...n)}})}),e}function xt(e,t,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(t).map(([s,a])=>({name:s,value:a})),o=ft(i);i=i.map(s=>o.find(a=>a.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),ne(e,i,r).map(s=>{n.push(s.runCleanups),s()})}var Tr={};function Cr(e,t){Tr[e]=t}function Rr(e,t){return Object.entries(Tr).forEach(([r,n])=>{Object.defineProperty(e,r,{get(){return(...i)=>n.bind(t)(...i)},enumerable:!1})}),e}var jn={get reactive(){return A},get release(){return Y},get effect(){return K},get raw(){return Ye},version:"3.10.3",flushAndStopDeferringMutations:Wt,dontAutoEvaluateFunctions:Jt,disableEffectScheduling:Lt,setReactivityEngine:jt,closestDataStack:k,skipDuringClone:$,addRootSelector:Ce,addInitSelector:Re,addScopeToNode:C,deferMutations:Ut,mapAttributes:Z,evaluateLater:g,setEvaluator:Qt,mergeProxies:D,findClosest:Q,closestRoot:V,interceptor:be,transition:Me,setStyles:H,mutateDom:m,directive:d,throttle:Pe,debounce:Ne,evaluate:P,initTree:w,nextTick:Te,prefixed:E,prefix:Xt,plugin:br,magic:x,store:wr,start:lr,clone:_r,bound:yr,$data:xe,data:Cr,bind:Ar},I=jn;function yt(e,t){let r=Object.create(null),n=e.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return t?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var ns={[1]:"TEXT",[2]:"CLASS",[4]:"STYLE",[8]:"PROPS",[16]:"FULL_PROPS",[32]:"HYDRATE_EVENTS",[64]:"STABLE_FRAGMENT",[128]:"KEYED_FRAGMENT",[256]:"UNKEYED_FRAGMENT",[512]:"NEED_PATCH",[1024]:"DYNAMIC_SLOTS",[2048]:"DEV_ROOT_FRAGMENT",[-1]:"HOISTED",[-2]:"BAIL"},is={[1]:"STABLE",[2]:"DYNAMIC",[3]:"FORWARDED"};var Fn="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";var os=yt(Fn+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");var Mr=Object.freeze({}),ss=Object.freeze([]);var bt=Object.assign;var Bn=Object.prototype.hasOwnProperty,le=(e,t)=>Bn.call(e,t),L=Array.isArray,X=e=>Nr(e)==="[object Map]";var Kn=e=>typeof e=="string",ke=e=>typeof e=="symbol",ue=e=>e!==null&&typeof e=="object";var zn=Object.prototype.toString,Nr=e=>zn.call(e),vt=e=>Nr(e).slice(8,-1);var De=e=>Kn(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e;var Ie=e=>{let t=Object.create(null);return r=>t[r]||(t[r]=e(r))},Vn=/-(\w)/g,as=Ie(e=>e.replace(Vn,(t,r)=>r?r.toUpperCase():"")),Hn=/\B([A-Z])/g,cs=Ie(e=>e.replace(Hn,"-$1").toLowerCase()),wt=Ie(e=>e.charAt(0).toUpperCase()+e.slice(1)),ls=Ie(e=>e?`on${wt(e)}`:""),Et=(e,t)=>e!==t&&(e===e||t===t);var St=new WeakMap,fe=[],M,U=Symbol("iterate"),At=Symbol("Map key iterate");function qn(e){return e&&e._isEffect===!0}function Pr(e,t=Mr){qn(e)&&(e=e.raw);let r=Un(e,t);return t.lazy||r(),r}function Dr(e){e.active&&(kr(e),e.options.onStop&&e.options.onStop(),e.active=!1)}var Wn=0;function Un(e,t){let r=function(){if(!r.active)return e();if(!fe.includes(r)){kr(r);try{return Gn(),fe.push(r),M=r,e()}finally{fe.pop(),Ir(),M=fe[fe.length-1]}}};return r.id=Wn++,r.allowRecurse=!!t.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=e,r.deps=[],r.options=t,r}function kr(e){let{deps:t}=e;if(t.length){for(let r=0;r<t.length;r++)t[r].delete(e);t.length=0}}var ee=!0,Ot=[];function Yn(){Ot.push(ee),ee=!1}function Gn(){Ot.push(ee),ee=!0}function Ir(){let e=Ot.pop();ee=e===void 0?!0:e}function T(e,t,r){if(!ee||M===void 0)return;let n=St.get(e);n||St.set(e,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has(M)||(i.add(M),M.deps.push(i),M.options.onTrack&&M.options.onTrack({effect:M,target:e,type:t,key:r}))}function j(e,t,r,n,i,o){let s=St.get(e);if(!s)return;let a=new Set,c=u=>{u&&u.forEach(p=>{(p!==M||p.allowRecurse)&&a.add(p)})};if(t==="clear")s.forEach(c);else if(r==="length"&&L(e))s.forEach((u,p)=>{(p==="length"||p>=n)&&c(u)});else switch(r!==void 0&&c(s.get(r)),t){case"add":L(e)?De(r)&&c(s.get("length")):(c(s.get(U)),X(e)&&c(s.get(At)));break;case"delete":L(e)||(c(s.get(U)),X(e)&&c(s.get(At)));break;case"set":X(e)&&c(s.get(U));break}let l=u=>{u.options.onTrigger&&u.options.onTrigger({effect:u,target:e,key:r,type:t,newValue:n,oldValue:i,oldTarget:o}),u.options.scheduler?u.options.scheduler(u):u()};a.forEach(l)}var Jn=yt("__proto__,__v_isRef,__isVue"),$r=new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(ke)),Zn=$e(),Qn=$e(!1,!0),Xn=$e(!0),ei=$e(!0,!0),Le={};["includes","indexOf","lastIndexOf"].forEach(e=>{let t=Array.prototype[e];Le[e]=function(...r){let n=_(this);for(let o=0,s=this.length;o<s;o++)T(n,"get",o+"");let i=t.apply(n,r);return i===-1||i===!1?t.apply(n,r.map(_)):i}});["push","pop","shift","unshift","splice"].forEach(e=>{let t=Array.prototype[e];Le[e]=function(...r){Yn();let n=t.apply(this,r);return Ir(),n}});function $e(e=!1,t=!1){return function(n,i,o){if(i==="__v_isReactive")return!e;if(i==="__v_isReadonly")return e;if(i==="__v_raw"&&o===(e?t?ri:jr:t?ti:Lr).get(n))return n;let s=L(n);if(!e&&s&&le(Le,i))return Reflect.get(Le,i,o);let a=Reflect.get(n,i,o);return(ke(i)?$r.has(i):Jn(i))||(e||T(n,"get",i),t)?a:Tt(a)?!s||!De(i)?a.value:a:ue(a)?e?Fr(a):je(a):a}}var ni=Br(),ii=Br(!0);function Br(e=!1){return function(r,n,i,o){let s=r[n];if(!e&&(i=_(i),s=_(s),!L(r)&&Tt(s)&&!Tt(i)))return s.value=i,!0;let a=L(r)&&De(n)?Number(n)<r.length:le(r,n),c=Reflect.set(r,n,i,o);return r===_(o)&&(a?Et(i,s)&&j(r,"set",n,i,s):j(r,"add",n,i)),c}}function oi(e,t){let r=le(e,t),n=e[t],i=Reflect.deleteProperty(e,t);return i&&r&&j(e,"delete",t,void 0,n),i}function si(e,t){let r=Reflect.has(e,t);return(!ke(t)||!$r.has(t))&&T(e,"has",t),r}function ai(e){return T(e,"iterate",L(e)?"length":U),Reflect.ownKeys(e)}var Kr={get:Zn,set:ni,deleteProperty:oi,has:si,ownKeys:ai},zr={get:Xn,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},hs=bt({},Kr,{get:Qn,set:ii}),_s=bt({},zr,{get:ei}),Ct=e=>ue(e)?je(e):e,Rt=e=>ue(e)?Fr(e):e,Mt=e=>e,Fe=e=>Reflect.getPrototypeOf(e);function Be(e,t,r=!1,n=!1){e=e.__v_raw;let i=_(e),o=_(t);t!==o&&!r&&T(i,"get",t),!r&&T(i,"get",o);let{has:s}=Fe(i),a=n?Mt:r?Rt:Ct;if(s.call(i,t))return a(e.get(t));if(s.call(i,o))return a(e.get(o));e!==i&&e.get(t)}function Ke(e,t=!1){let r=this.__v_raw,n=_(r),i=_(e);return e!==i&&!t&&T(n,"has",e),!t&&T(n,"has",i),e===i?r.has(e):r.has(e)||r.has(i)}function ze(e,t=!1){return e=e.__v_raw,!t&&T(_(e),"iterate",U),Reflect.get(e,"size",e)}function Vr(e){e=_(e);let t=_(this);return Fe(t).has.call(t,e)||(t.add(e),j(t,"add",e,e)),this}function qr(e,t){t=_(t);let r=_(this),{has:n,get:i}=Fe(r),o=n.call(r,e);o?Hr(r,n,e):(e=_(e),o=n.call(r,e));let s=i.call(r,e);return r.set(e,t),o?Et(t,s)&&j(r,"set",e,t,s):j(r,"add",e,t),this}function Ur(e){let t=_(this),{has:r,get:n}=Fe(t),i=r.call(t,e);i?Hr(t,r,e):(e=_(e),i=r.call(t,e));let o=n?n.call(t,e):void 0,s=t.delete(e);return i&&j(t,"delete",e,void 0,o),s}function Wr(){let e=_(this),t=e.size!==0,r=X(e)?new Map(e):new Set(e),n=e.clear();return t&&j(e,"clear",void 0,void 0,r),n}function Ve(e,t){return function(n,i){let o=this,s=o.__v_raw,a=_(s),c=t?Mt:e?Rt:Ct;return!e&&T(a,"iterate",U),s.forEach((l,u)=>n.call(i,c(l),c(u),o))}}function He(e,t,r){return function(...n){let i=this.__v_raw,o=_(i),s=X(o),a=e==="entries"||e===Symbol.iterator&&s,c=e==="keys"&&s,l=i[e](...n),u=r?Mt:t?Rt:Ct;return!t&&T(o,"iterate",c?At:U),{next(){let{value:p,done:y}=l.next();return y?{value:p,done:y}:{value:a?[u(p[0]),u(p[1])]:u(p),done:y}},[Symbol.iterator](){return this}}}}function F(e){return function(...t){{let r=t[0]?`on key "${t[0]}" `:"";console.warn(`${wt(e)} operation ${r}failed: target is readonly.`,_(this))}return e==="delete"?!1:this}}var Gr={get(e){return Be(this,e)},get size(){return ze(this)},has:Ke,add:Vr,set:qr,delete:Ur,clear:Wr,forEach:Ve(!1,!1)},Yr={get(e){return Be(this,e,!1,!0)},get size(){return ze(this)},has:Ke,add:Vr,set:qr,delete:Ur,clear:Wr,forEach:Ve(!1,!0)},Jr={get(e){return Be(this,e,!0)},get size(){return ze(this,!0)},has(e){return Ke.call(this,e,!0)},add:F("add"),set:F("set"),delete:F("delete"),clear:F("clear"),forEach:Ve(!0,!1)},Zr={get(e){return Be(this,e,!0,!0)},get size(){return ze(this,!0)},has(e){return Ke.call(this,e,!0)},add:F("add"),set:F("set"),delete:F("delete"),clear:F("clear"),forEach:Ve(!0,!0)},ci=["keys","values","entries",Symbol.iterator];ci.forEach(e=>{Gr[e]=He(e,!1,!1),Jr[e]=He(e,!0,!1),Yr[e]=He(e,!1,!0),Zr[e]=He(e,!0,!0)});function qe(e,t){let r=t?e?Zr:Yr:e?Jr:Gr;return(n,i,o)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?n:Reflect.get(le(r,i)&&i in n?r:n,i,o)}var li={get:qe(!1,!1)},gs={get:qe(!1,!0)},ui={get:qe(!0,!1)},xs={get:qe(!0,!0)};function Hr(e,t,r){let n=_(r);if(n!==r&&t.call(e,n)){let i=vt(e);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var Lr=new WeakMap,ti=new WeakMap,jr=new WeakMap,ri=new WeakMap;function fi(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function di(e){return e.__v_skip||!Object.isExtensible(e)?0:fi(vt(e))}function je(e){return e&&e.__v_isReadonly?e:Qr(e,!1,Kr,li,Lr)}function Fr(e){return Qr(e,!0,zr,ui,jr)}function Qr(e,t,r,n,i){if(!ue(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;let o=i.get(e);if(o)return o;let s=di(e);if(s===0)return e;let a=new Proxy(e,s===2?n:r);return i.set(e,a),a}function _(e){return e&&_(e.__v_raw)||e}function Tt(e){return Boolean(e&&e.__v_isRef===!0)}x("nextTick",()=>Te);x("dispatch",e=>z.bind(z,e));x("watch",(e,{evaluateLater:t,effect:r})=>(n,i)=>{let o=t(n),s=!0,a,c=r(()=>o(l=>{JSON.stringify(l),s?a=l:queueMicrotask(()=>{i(l,a),a=l}),s=!1}));e._x_effects.delete(c)});x("store",Er);x("data",e=>xe(e));x("root",e=>V(e));x("refs",e=>(e._x_refs_proxy||(e._x_refs_proxy=D(pi(e))),e._x_refs_proxy));function pi(e){let t=[],r=e;for(;r;)r._x_refs&&t.push(r._x_refs),r=r.parentNode;return t}var Nt={};function Pt(e){return Nt[e]||(Nt[e]=0),++Nt[e]}function Xr(e,t){return Q(e,r=>{if(r._x_ids&&r._x_ids[t])return!0})}function en(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=Pt(t))}x("id",e=>(t,r=null)=>{let n=Xr(e,t),i=n?n._x_ids[t]:Pt(t);return r?`${t}-${i}-${r}`:`${t}-${i}`});x("el",e=>e);tn("Focus","focus","focus");tn("Persist","persist","persist");function tn(e,t,r){x(t,n=>O(`You can't use [$${directiveName}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}d("modelable",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t),o=()=>{let l;return i(u=>l=u),l},s=n(`${t} = __placeholder`),a=l=>s(()=>{},{scope:{__placeholder:l}}),c=o();a(c),queueMicrotask(()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let l=e._x_model.get,u=e._x_model.set;r(()=>a(l())),r(()=>u(o()))})});d("teleport",(e,{expression:t},{cleanup:r})=>{e.tagName.toLowerCase()!=="template"&&O("x-teleport can only be used on a <template> tag",e);let n=document.querySelector(t);n||O(`Cannot find x-teleport element for selector: "${t}"`);let i=e.content.cloneNode(!0).firstElementChild;e._x_teleport=i,i._x_teleportBack=e,e._x_forwardEvents&&e._x_forwardEvents.forEach(o=>{i.addEventListener(o,s=>{s.stopPropagation(),e.dispatchEvent(new s.constructor(s.type,s))})}),C(i,{},e),m(()=>{n.appendChild(i),w(i),i._x_ignore=!0}),r(()=>i.remove())});var rn=()=>{};rn.inline=(e,{modifiers:t},{cleanup:r})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,r(()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore})};d("ignore",rn);d("effect",(e,{expression:t},{effect:r})=>r(g(e,t)));function de(e,t,r,n){let i=e,o=c=>n(c),s={},a=(c,l)=>u=>l(c,u);if(r.includes("dot")&&(t=mi(t)),r.includes("camel")&&(t=hi(t)),r.includes("passive")&&(s.passive=!0),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("prevent")&&(o=a(o,(c,l)=>{l.preventDefault(),c(l)})),r.includes("stop")&&(o=a(o,(c,l)=>{l.stopPropagation(),c(l)})),r.includes("self")&&(o=a(o,(c,l)=>{l.target===e&&c(l)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=a(o,(c,l)=>{e.contains(l.target)||l.target.isConnected!==!1&&(e.offsetWidth<1&&e.offsetHeight<1||e._x_isShown!==!1&&c(l))})),r.includes("once")&&(o=a(o,(c,l)=>{c(l),i.removeEventListener(t,o,s)})),o=a(o,(c,l)=>{_i(t)&&gi(l,r)||c(l)}),r.includes("debounce")){let c=r[r.indexOf("debounce")+1]||"invalid-wait",l=kt(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=Ne(o,l)}if(r.includes("throttle")){let c=r[r.indexOf("throttle")+1]||"invalid-wait",l=kt(c.split("ms")[0])?Number(c.split("ms")[0]):250;o=Pe(o,l)}return i.addEventListener(t,o,s),()=>{i.removeEventListener(t,o,s)}}function mi(e){return e.replace(/-/g,".")}function hi(e){return e.toLowerCase().replace(/-(\w)/g,(t,r)=>r.toUpperCase())}function kt(e){return!Array.isArray(e)&&!isNaN(e)}function xi(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function _i(e){return["keydown","keyup"].includes(e)}function gi(e,t){let r=t.filter(o=>!["window","document","prevent","stop","once"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,kt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&nn(e.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),e[`${s}Key`])).length===i.length&&nn(e.key).includes(r[0]))}function nn(e){if(!e)return[];e=xi(e);let t={ctrl:"control",slash:"/",space:"-",spacebar:"-",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",equal:"="};return t[e]=e,Object.keys(t).map(r=>{if(t[r]===e)return r}).filter(r=>r)}d("model",(e,{modifiers:t,expression:r},{effect:n,cleanup:i})=>{let o=g(e,r),s=`${r} = rightSideOfExpression($event, ${r})`,a=g(e,s);var c=e.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let l=yi(e,t,r),u=de(e,c,t,y=>{a(()=>{},{scope:{$event:y,rightSideOfExpression:l}})});e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=u,i(()=>e._x_removeModelListeners.default());let p=g(e,`${r} = __placeholder`);e._x_model={get(){let y;return o(N=>y=N),y},set(y){p(()=>{},{scope:{__placeholder:y}})}},e._x_forceModelUpdate=()=>{o(y=>{y===void 0&&r.match(/\./)&&(y=""),window.fromModel=!0,m(()=>ce(e,"value",y)),delete window.fromModel})},n(()=>{t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate()})});function yi(e,t,r){return e.type==="radio"&&m(()=>{e.hasAttribute("name")||e.setAttribute("name",r)}),(n,i)=>m(()=>{if(n instanceof CustomEvent&&n.detail!==void 0)return n.detail||n.target.value;if(e.type==="checkbox")if(Array.isArray(i)){let o=t.includes("number")?Dt(n.target.value):n.target.value;return n.target.checked?i.concat([o]):i.filter(s=>!bi(s,o))}else return n.target.checked;else{if(e.tagName.toLowerCase()==="select"&&e.multiple)return t.includes("number")?Array.from(n.target.selectedOptions).map(o=>{let s=o.value||o.text;return Dt(s)}):Array.from(n.target.selectedOptions).map(o=>o.value||o.text);{let o=n.target.value;return t.includes("number")?Dt(o):t.includes("trim")?o.trim():o}}})}function Dt(e){let t=e?parseFloat(e):null;return vi(t)?t:e}function bi(e,t){return e==t}function vi(e){return!Array.isArray(e)&&!isNaN(e)}d("cloak",e=>queueMicrotask(()=>m(()=>e.removeAttribute(E("cloak")))));Re(()=>`[${E("init")}]`);d("init",$((e,{expression:t},{evaluate:r})=>typeof t=="string"?!!t.trim()&&r(t,{},!1):r(t,{},!1)));d("text",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.textContent=o})})})});d("html",(e,{expression:t},{effect:r,evaluateLater:n})=>{let i=n(t);r(()=>{i(o=>{m(()=>{e.innerHTML=o,e._x_ignoreSelf=!0,w(e),delete e._x_ignoreSelf})})})});Z(Ee(":",Se(E("bind:"))));d("bind",(e,{value:t,modifiers:r,expression:n,original:i},{effect:o})=>{if(!t){let a={};Or(a),g(e,n)(l=>{xt(e,l,i)},{scope:a});return}if(t==="key")return wi(e,n);let s=g(e,n);o(()=>s(a=>{a===void 0&&n.match(/\./)&&(a=""),m(()=>ce(e,t,a,r))}))});function wi(e,t){e._x_keyExpression=t}Ce(()=>`[${E("data")}]`);d("data",$((e,{expression:t},{cleanup:r})=>{t=t===""?"{}":t;let n={};re(n,e);let i={};Rr(i,n);let o=P(e,t,{scope:i});o===void 0&&(o={}),re(o,e);let s=A(o);ye(s);let a=C(e,s);s.init&&P(e,s.init),r(()=>{s.destroy&&P(e,s.destroy),a()})}));d("show",(e,{modifiers:t,expression:r},{effect:n})=>{let i=g(e,r);e._x_doHide||(e._x_doHide=()=>{m(()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)})}),e._x_doShow||(e._x_doShow=()=>{m(()=>{e.style.length===1&&e.style.display==="none"?e.removeAttribute("style"):e.style.removeProperty("display")})});let o=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},a=()=>setTimeout(s),c=se(p=>p?s():o(),p=>{typeof e._x_toggleAndCascadeWithTransitions=="function"?e._x_toggleAndCascadeWithTransitions(e,p,s,o):p?a():o()}),l,u=!0;n(()=>i(p=>{!u&&p===l||(t.includes("immediate")&&(p?a():o()),c(p),l=p,u=!1)}))});d("for",(e,{expression:t},{effect:r,cleanup:n})=>{let i=Si(t),o=g(e,i.items),s=g(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},r(()=>Ei(e,i,o,s)),n(()=>{Object.values(e._x_lookup).forEach(a=>a.remove()),delete e._x_prevKeys,delete e._x_lookup})});function Ei(e,t,r,n){let i=s=>typeof s=="object"&&!Array.isArray(s),o=e;r(s=>{Ai(s)&&s>=0&&(s=Array.from(Array(s).keys(),f=>f+1)),s===void 0&&(s=[]);let a=e._x_lookup,c=e._x_prevKeys,l=[],u=[];if(i(s))s=Object.entries(s).map(([f,h])=>{let b=on(t,h,f,s);n(v=>u.push(v),{scope:{index:f,...b}}),l.push(b)});else for(let f=0;f<s.length;f++){let h=on(t,s[f],f,s);n(b=>u.push(b),{scope:{index:f,...h}}),l.push(h)}let p=[],y=[],N=[],W=[];for(let f=0;f<c.length;f++){let h=c[f];u.indexOf(h)===-1&&N.push(h)}c=c.filter(f=>!N.includes(f));let pe="template";for(let f=0;f<u.length;f++){let h=u[f],b=c.indexOf(h);if(b===-1)c.splice(f,0,h),p.push([pe,f]);else if(b!==f){let v=c.splice(f,1)[0],S=c.splice(b-1,1)[0];c.splice(f,0,S),c.splice(b,0,v),y.push([v,S])}else W.push(h);pe=h}for(let f=0;f<N.length;f++){let h=N[f];a[h]._x_effects&&a[h]._x_effects.forEach(he),a[h].remove(),a[h]=null,delete a[h]}for(let f=0;f<y.length;f++){let[h,b]=y[f],v=a[h],S=a[b],G=document.createElement("div");m(()=>{S.after(G),v.after(S),S._x_currentIfEl&&S.after(S._x_currentIfEl),G.before(v),v._x_currentIfEl&&v.after(v._x_currentIfEl),G.remove()}),ot(S,l[u.indexOf(b)])}for(let f=0;f<p.length;f++){let[h,b]=p[f],v=h==="template"?o:a[h];v._x_currentIfEl&&(v=v._x_currentIfEl);let S=l[b],G=u[b],me=document.importNode(o.content,!0).firstElementChild;C(me,A(S),o),m(()=>{v.after(me),w(me)}),typeof G=="object"&&O("x-for key cannot be an object, it must be a string or an integer",o),a[G]=me}for(let f=0;f<W.length;f++)ot(a[W[f]],l[u.indexOf(W[f])]);o._x_prevKeys=u})}function Si(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*$|$\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=e.match(n);if(!i)return;let o={};o.items=i[2].trim();let s=i[1].replace(r,"").trim(),a=s.match(t);return a?(o.item=s.replace(t,"").trim(),o.index=a[1].trim(),a[2]&&(o.collection=a[2].trim())):o.item=s,o}function on(e,t,r,n){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,a)=>{i[s]=t[a]}):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&typeof t=="object"?e.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=t[s]}):i[e.item]=t,e.index&&(i[e.index]=r),e.collection&&(i[e.collection]=n),i}function Ai(e){return!Array.isArray(e)&&!isNaN(e)}function sn(){}sn.inline=(e,{expression:t},{cleanup:r})=>{let n=V(e);n._x_refs||(n._x_refs={}),n._x_refs[t]=e,r(()=>delete n._x_refs[t])};d("ref",sn);d("if",(e,{expression:t},{effect:r,cleanup:n})=>{let i=g(e,t),o=()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let a=e.content.cloneNode(!0).firstElementChild;return C(a,{},e),m(()=>{e.after(a),w(a)}),e._x_currentIfEl=a,e._x_undoIf=()=>{R(a,c=>{c._x_effects&&c._x_effects.forEach(he)}),a.remove(),delete e._x_currentIfEl},a},s=()=>{!e._x_undoIf||(e._x_undoIf(),delete e._x_undoIf)};r(()=>i(a=>{a?o():s()})),n(()=>e._x_undoIf&&e._x_undoIf())});d("id",(e,{expression:t},{evaluate:r})=>{r(t).forEach(i=>en(e,i))});Z(Ee("@",Se(E("on:"))));d("on",$((e,{value:t,modifiers:r,expression:n},{cleanup:i})=>{let o=n?g(e,n):()=>{};e.tagName.toLowerCase()==="template"&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let s=de(e,t,r,a=>{o(()=>{},{scope:{$event:a},params:[a]})});i(()=>s())}));Ue("Collapse","collapse","collapse");Ue("Intersect","intersect","intersect");Ue("Focus","trap","focus");Ue("Mask","mask","mask");function Ue(e,t,r){d(t,n=>O(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}I.setEvaluator(ct);I.setReactivityEngine({reactive:je,effect:Pr,release:Dr,raw:_});var It=I;window.Alpine=It;queueMicrotask(()=>{It.start()});})(); </script> </body>

CINXE.COM

√ I podcast di Rockol - Rockol Talks e 33 giri al minuto