CINXE.COM

√ MyRockol: FAQ

<!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>&radic; MyRockol: FAQ</title> <!-- DNS Prefetching and preconnect --> <!-- Static assets --> <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> <!-- Images --> <link rel="preconnect" href="https://images.rockol.it"> <link rel="dns-prefetch" href="https://images.rockol.it"> <!-- Iubenda --> <link rel="preconnect" href="//cdn.iubenda.com"> <link rel="dns-prefetch" href="//cdn.iubenda.com"> <!-- Preload CSS --> <link rel="preload" as="style" href="https://static.rockol.it/assets/static/ver.202502061305/css/rockol.min.css"> <!-- JQuery --> <link rel="preload" href="https://static.rockol.it/assets/vendors/jquery/jquery-3.5.1.min.js" as="script"> <link rel="dns-prefetch" data-rockol-promo href="//exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://cdn.exmarketplace.com" /> <link rel="preconnect" data-rockol-promo href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" data-rockol-promo href="https://imasdk.googleapis.com" /> <link rel="dsn-prefetch" data-rockol-promo href="https://imasdk.googleapis.com/" /> <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"> <!-- START: Page specific meta and link tags --> <meta name="description" content="Tutte le ultime novit&agrave; sulla musica italiana e internazionale: news, informazioni su artisti e concerti, foto e video musicali, classifiche su Rockol"> <meta name="robots" content="noindex,nofollow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"> <meta name="type" content="default"> <meta name="article:section" content="faq"> <link rel="canonical" href="https://www.rockol.it/my/faq"> <link rel="image_src" href="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"> <!-- END: Page specific meta and link tags --> <!-- START: Twitter metatag --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@rockolpoprock"> <meta name="twitter:title" content="&radic; MyRockol: FAQ"> <meta name="twitter:description" content="Tutte le ultime novit&agrave; sulla musica italiana e internazionale: news, informazioni su artisti e concerti, foto e video musicali, classifiche su Rockol"> <meta name="twitter:image:src" content="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"> <meta name="twitter:domain" content="https://www.rockol.it"> <!-- END: Twitter metatag --> <!-- START: Facebook metatag --> <meta property="fb:app_id" content="324191534279970"/> <meta property="og:admins" content="1163511037"/> <meta property="og:title" content="&radic; MyRockol: FAQ"/> <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/my/faq"/> <meta property="og:image" content="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"/> <meta property="og:image:secure_url" content="https://images.rockol.it/5NmUCZqO4-I1bdXanMNQT3qEqcE=/500x500/smart/rockol-img/assets/img/2019/Rockol_2019_R-CERCHIO-SCRITTA_01.NERO.png"/> <meta property="og:image:width" content="500"/> <meta property="og:image:height" content="500"/> <meta property="og:description" content="Tutte le ultime novit&agrave; sulla musica italiana e internazionale: news, informazioni su artisti e concerti, foto e video musicali, classifiche su Rockol"/> <!-- END: Facebook metatag --> <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> <!-- MMMMMMMMMMMMWKkoc,.. ..,cokKWMMMMMMMMMMMM MMMMMMMMMN0o;. .;o0NMMMMMMMMM MMMMMMWXd;. .,dXMMMMMMM MMMMMXo. .oXMMMMM MMMNx' 'xNMMM MMXl. .......... .',,,..lXMM MK: .dXXXXXXXXXk,.,lx0XNWWK: :KM Xc .oNMMMMMMMMNkdONMMMMMMNc cX d. .lNMMMMMMMMMWNWMMMMMMMNo. .d ' .cXMMMMMMMMMMMMWWNXXNWNd. ' ':XMMMMMMMMMMNOo:,....,;. ;KMMMMMMMMMNx, ;0MMMMMMMMM0: 'OMMMMMMMMWO, . 'kWMMMMMMM0o, . : .xWMMMMMMMK; : O' .dNMMMMMMMX: 'O Wx. 'oNMMMMMMWK: .xW MWk. cNMMMMMWKo. .xWM MMW0; .'xKKK0ko;. ;0WMM MMMMXd. .dXMMMM MMMMMWKo' 'oKWMMMMM MMMMMMMMXkc. .ckXMMMMMMMM MMMMMMMMMMWXkl;.. ..;lkXWMMMMMMMMMM MMMMMMMMMMMMMMWKxl;.. ..;lxKWMMMMMMMMMMMMMM --> <!-- Sitemap --> <link rel="sitemap" type="application/xml" title="Rockol.it - sitemap" href="/sitemap-index.xml"> <!-- Custom Search --> <link rel="search" href="https://www.rockol.it/os-main.xml" type="application/opensearchdescription+xml" title="Rockol.it - Music Search"/> <!-- Favicons, Pins, etc. --> <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"/> <!-- RSS feeds --> <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> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified_start_opt.css" /> <link rel="stylesheet" data-rockol-promo media="print" onload="this.media='all'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <style> body { background: linear-gradient(-180deg, #BCC5CE 0%, rgb(27 28 51 / .2) 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%); background-attachment: fixed; } @media screen and (min-width: 1100px) { .skin-reference { margin-top: 110px; } } </style> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol.dfp.min.js"></script> <script data-rockol-promo async src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/video_update/vcfg_minified.js"></script> <script data-rockol-promo async src="https://cdn.exmarketplace.com/bidder/rockol/rockol_video_v2.js"></script> <script data-rockol-promo async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <!-- Google Schema.org --> <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> <!-- Global site tag (gtag.js) - Google Analytics --> <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> <!-- Global site tag (gtag.js) - Google Analytics --> <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> <!-- Facebook Pixel Code --> <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> <!-- End Facebook Pixel Code --> <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\/my\/faq","title":"MyRockol: FAQ","articleTitle":"MyRockol: FAQ"}}); WebtrekkRockolClient.setContentGroup({"1":"Aggregato Rockol - Web","2":"Rockol.it - Web","3":"Varie","5":"www.rockol.it"}); 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> <!-- /Webtrekk --> <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-26"}; _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 role="document" class="body rockol-body bg-gray-100 h-full default sub_area_faq is-desktop"> <div class="gptslot hidden" data-adunitid="17"></div> <!--[if lt IE 8]> <p class="browserupgrade"> You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience. </p> <![endif]--> <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 "> <!-- LOGO --> <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> <!-- BARRA BLU --> <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> <!-- Menu orizzontale mobile --> <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"> <!-- Overlay barra blu --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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\/dbfADjaQU23gZhAVo_dQ2FmTFcs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/iheartmedia-logo.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750344\/iheart-radio-sospetti-payola","title":"iHeart Radio e i sospetti di payola","abstract":"L\u0027emittente di iHeart Media è nel mirino della Commissione Federale per le Telecomunicazioni"},{"imageUrl":"https:\/\/images.rockol.it\/HBQxq22KBfqqzSlvfSrYw89pBCo=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/c-stew-baxter-bdrmm-lead-photo.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750319\/bdrmm-concerti-in-italia-2025-nuovo-disco-band-etichetta-mogwai","title":"Il sound sinistro e caotico dei bdrmm fotografa i nostri tempi","abstract":"Il quartetto di Hull torna con “Microtonic”: previsti due concerti in Italia. "},{"imageUrl":"https:\/\/images.rockol.it\/2wJkrBxMxvxO5NZCQu7gJ3t-ihk=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/band-on-the-run-limited-limited-shm-cd-paper-sleeve-2010-remastering-paul-mccartney-wings-cover-ts1726883028.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750347\/paul-mccartney-wings-the-story-of-a-band-on-the-run","title":"Paul McCartney annuncia \u0027Wings: The Story Of A Band On The Run\u0027","abstract":"Il volume, che ricostruisce la storia degli Wings, verrà pubblicato il 4 novembre"},{"imageUrl":"https:\/\/images.rockol.it\/zkSlYYKHA8d-PiE9LxU31Fw4M50=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/26-dge-wide-0de020d2a762b70974171405e89afc977be9522a.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750346\/bob-dylan-cover-preferita-sua-canzone-johnny-rivers-positively-4th-str","title":"Questa è la cover di una sua canzone che Bob Dylan preferisce","abstract":"Il musicista di Duluth lo rivelò nel libro \u0022Chronicles: (Volume) One\u0022"}]},"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\/hSfhy4l7UZPUdK4iamPGGbnDvR4=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/oasis-photo-live-25-simon-emmett-b.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750259\/oasis-concerti-scaletta-durata-59-minuti-polemica-liam-gallagher","title":"Oasis: \u0022I concerti dureranno 59 minuti e 59 secondi\u0022. È polemica","abstract":"L\u0027anticipazione di Liam Gallagher sulla durata degli show fa infuriare i fan: gridano alla truffa."},{"imageUrl":"https:\/\/images.rockol.it\/FkIN51fPdF47Kg0On2-4PW5lVGw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/20250212-023255.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750253\/come-vanno-le-canzoni-di-sanremo-2025-in-classifica-radio-spotify","title":"Come vanno le canzoni di Sanremo 2025 in classifica","abstract":"Ecco l\u0027andamento delle canzoni del Festival sulle piattaforme e in radio, una settimana dopo"},{"imageUrl":"https:\/\/images.rockol.it\/maxh175InJMCPvvUGpJHwnIMcpo=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/480001385-18497476585007945-7210168602193824630-n.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750280\/creuza-de-ma-significato-testo-virale-su-tiktok-de-andre-bresh","title":"“Creuza de mä” è diventata virale su TikTok","abstract":"Il brano in genovese è stato re-interpretato e pubblicato da Bresh e Cristiano De André."},{"imageUrl":"https:\/\/images.rockol.it\/7LhqdmMvK3_uKkcj3vVGKr2jrq0=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/28785862-350-350.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750202\/bill-bruford-intervista-yes-album-union-aneddoti","title":"Bill Bruford e la cattiva idea di tornare negli Yes","abstract":"Il batterista britannico ha ricordato come fu lavorare all\u0027album degli Yes del 1991 \u0022Union\u0022"}]},"industria":{"label":"MusicBiz","route":"https:\/\/musicbiz.rockol.it","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/dbfADjaQU23gZhAVo_dQ2FmTFcs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/iheartmedia-logo.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750344\/iheart-radio-sospetti-payola","title":"iHeart Radio e i sospetti di payola","abstract":"L\u0027emittente di iHeart Media è nel mirino della Commissione Federale per le Telecomunicazioni"},{"imageUrl":"https:\/\/images.rockol.it\/BCIrBk92QmA4KvcaEy1yq6FGJBw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/kanye-west.2018-05-24-13-13-07.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750306\/clemente-zard-vivo-concerti-difficolta-concerti-rap-kanye-west-drake","title":"Clemente Zard svela le difficoltà dei grandi concerti rap","abstract":"Il managing director di Vivo Concerti racconta i retroscena delle trattative con Drake e Kanye West"},{"imageUrl":"https:\/\/images.rockol.it\/Yrw6sX3yT0nLv7TjPxQFB6tcNys=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/lyorcohen-1.jpeg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750295\/lyor-cohen-intervista-head-of-music-youtube-visione-pensieri-italia","title":"Lyor Cohen, l’homo analogicus proiettato nel futuro","abstract":"Dai Beastie Boys all’Italia nel cuore: pensieri e visione dell’Head of Music di Youtube"},{"imageUrl":"https:\/\/images.rockol.it\/4bUZxFJtq-YFt004VrSos0Tpb-M=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/soundcloud.2018-01-05-11-38-39.jpg","imageAttr":"","permalink":"https:\/\/musicbiz.rockol.it\/news-750326\/soundcloud-un-accordo-con-ticketmaster","title":"Soundcloud, un accordo con Ticketmaster","abstract":"Il DSP apre ai servizi di ticketing per i Pro Artists"}]}}' ></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\/0_boGJu9F8dFPkFMPVq4SVXJ68I=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/slowly-it-dawns-victoria-canal-cover-ts1740415177.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11363\/victoria-canal-slowly-it-dawns","rating":"7.5","title":"Victoria Canal: lentamente, nasce una stella","abstract":"L\u0027esordio della cantautrice ispanico-americana è un pop mainstream ricco di varietà e sfumature."},{"imageUrl":"https:\/\/images.rockol.it\/VYoX4NBLnOQ2puekG4vzxc5wWS0=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/people-watching-sam-fender-cover-ts1740560910.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11358\/sam-fender-people-watching","rating":"7.5","title":"La coscienza critica e onesta di Sam Fender","abstract":"\u0022People watching\u0022 il terzo album del musicista britannico, con Adam Granduciel (War on Drugs)"},{"imageUrl":"https:\/\/images.rockol.it\/p6Sbhn3pGDOCwu3e_eE9YNGc86g=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/critical-thinking-manic-street-preachers-cover-ts1739520136.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11344\/manic-street-preachers-critical-thinking","rating":"7.0","title":"I Manic Street Preachers e l\u0027importanza del pensiero critico","abstract":"Lo storico trio gallese al quindicesimo atto"},{"imageUrl":"https:\/\/images.rockol.it\/y4u8TeSCs9D8oUqIQnuUDCpf3yQ=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/sulla-riva-del-fiume-willie-peyote-cover-ts1740382096.jpeg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/album\/11359\/willie-peyote-sulla-riva-del-fiume","rating":"7.0","title":"Willie Peyote, tra ritmo e pensiero: grazie ma sì, grazie","abstract":"Dopo Sanremo esce una nuova versione de “Sulla riva del fiume” con il brano del festival e 3 inediti"}]},"libri":{"label":"Libri","route":"https:\/\/www.rockol.it\/recensioni-musicali\/libri","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/E7KdjhJ0gh-OTAHf9HIpojSnrpw=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/u2.2024-11-12-04-06-58.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1585\/gordon-andrews-u2-beautiful-day","rating":"7.5","title":"Le storie dietro le canzoni degli U2","abstract":"Da \u00224th of July\u0022 a \u0022Zooropa\u0022"},{"imageUrl":"https:\/\/images.rockol.it\/mha1oy9qYsAidZxPVLA2YtfAqYA=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/yoko-ono.2024-11-12-04-07-00.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1584\/fabio-alcini-yoko-ono","rating":"7.0","title":"La donna che uccise i Beatles...","abstract":"...ma è andata davvero così?"},{"imageUrl":"https:\/\/images.rockol.it\/iD8-cK-NlfwpwjMli-6qVSFRo9I=\/210x210\/smart\/rockol-img\/img\/foto\/upload\/lo-sguardo-di-vic.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/recensioni-musicali\/libri\/1583\/stefano-solventi-lo-sguardo-di-vic","rating":"7.5","title":"Come un oggetto ha cambiato la musica (e noi)","abstract":"Il mondo prima e dopo il walkman"},{"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"}]},"singoli":{"label":"Singoli","route":"https:\/\/www.rockol.it\/recensioni-musicali\/singoli","has-panel":true,"component":"DropdownArticle","items":[{"imageUrl":"https:\/\/images.rockol.it\/X0nqMo5SZcnTZt6sz7-hanPTeJs=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/02-levante-dikimberley-ross.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750265\/follemente-film-paolo-genovese-con-canzone-levante-nuovo-album","rating":null,"title":"Levante: “Follemente” non è solo una colonna sonora","abstract":"La canzone segna il ritorno della cantautrice, che sta lavorando al nuovo album."},{"imageUrl":"https:\/\/images.rockol.it\/tcEE4VyJUklJ3bOYjwDBuCrjl8M=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/celenadivincenzo-4644.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750227\/disintossicarsi-da-sanremo-con-i-fontaines-dc-nuovo-singolo","rating":null,"title":"Disintossicarsi da Sanremo con i Fontaines D.C.","abstract":"La band ha pubblicato un nuovo singolo, “It’s amazing to be young”, spin off dell’ultimo album."},{"imageUrl":"https:\/\/images.rockol.it\/WeahRo85ea3PljOqEGxpmEHXymw=\/210x120\/smart\/rockol-img\/img\/foto\/upload\/l1031326-modifica.jpg","imageAttr":"","permalink":"https:\/\/www.rockol.it\/news-750207\/mahmood-sottomarini-amore-e-critica-fottono-le-idee-e-artisti","rating":null,"title":"Mahmood va in profondità con il nuovo brano “Sottomarini”","abstract":"Un pezzo tra sentimenti e critica: “Ti fottono le idee, poi si credono artisti”. "},{"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. "}]},"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":"Verona","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-verona-p-x67e7w9mrqa"},{"place":"Genova","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-genova-p-gl8r8nbnrk7"},{"place":"Monterotondo","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-monterotondo-roma-p-5ymepkyor6g"},{"place":"Legnano","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-legnano-milano-p-bwod5bbd543"},{"place":"Trieste","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-trieste-p-7korjyyqrqw"},{"place":"Sciacca","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-sciacca-agrigento-p-7korjpmrqwj"},{"place":"Novara","nrOfShows":1,"route":"https:\/\/www.rockol.it\/concerti-novara-p-7nvdmkn3emx"},{"place":"Monserrato","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-monserrato-cagliari-p-awgevbnronm"},{"place":"Bari","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-bari-p-gl8r8n8nrk7"},{"place":"Udine","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-udine-p-l5zeqboe3np"},{"place":"Firenze","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-firenze-p-7nvdmkqemxk"},{"place":"Ranica","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-ranica-bergamo-p-b9xr0mz8dqy"},{"place":"Sassari","nrOfShows":2,"route":"https:\/\/www.rockol.it\/concerti-sassari-p-7o3dnq5ldxm"},{"place":"Trezzo d\u0027Adda","nrOfShows":3,"route":"https:\/\/www.rockol.it\/concerti-trezzo-d-adda-milano-p-5ymep6ld6gq"}]}]},"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> <!-- Overlay per la chiusura al click fuori dalla dropdown --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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> <!-- Necessario per caricare correttamente la skin della concessionaria --> <div class="advert1 container skin-reference"></div> <div class="vue-instance"> <web-push-notification vapid-key="BFp8Ocz-iZn8UXuNVrZiBtVe11DGPZFwEfAp_YPpHqbUb1bHbAx3ezk6vU-Hnlpo4bKMSFxZ7Y5DWwqj-XWXQAY" v-cloak> <!-- <div class="absolute inset-x-0 z-index-over-content flex justify-center" style="top: 80px;"> <div class="max-w-lg p-8 shadow-lg border-2 border-red-600 font-semibold bg-black text-white text-center p-4 text-xl">Vuoi rimanere aggiornato sui contenuti di Rockol?</div> </div> --> </web-push-notification> </div> <main id="content-container" class="relative max-width-container mx-auto z-index-content"> <div class="bg-white flex"> <div id="adv_masthead" class="max-width-container mx-auto w-full text-center"> <div class="advert1 rckl-promo rckl-promo-desktop-leaderboard" data-no-infinite-scroll=""><div style="position: sticky; top: 96px;" class="gptslot" data-adunitid="0"></div></div> </div> </div> <div class="p-4 pt-3 pb-8 bg-white"> <div id="page-body-wrapper"> <div> </div> <div class="content-with-sidebar spacer-lg"> <div class="content"> <h1 class="heading text-4xl mb-4">MyRockol: FAQ</h1> <div id="faq_whole_container" class="faq body-text"> <h2 class="h2 no-top-margin hidden"><a name="faq_menu"></a>MyRockol F.A.Q.</h2> <ol class="num"> <li><a class="underline" href="#introduzione">Introduzione</a></li> <li><a class="underline" href="#cosa_e">Cos'è MyRockol</a></li> <li><a class="underline" href="#vantaggi">I vantaggi e gli strumenti di MyRockol</a></li> <li><a class="underline" href="#login">MyRockol, primi passi per l’utilizzo: registrazione e login</a></li> <li><a class="underline" href="#user_panel">Pannello utente</a></li> <li><a class="underline" href="#follow">Follow</a></li> <li><a class="underline" href="#unfollow">Unfollow</a></li> <li><a class="underline" href="#stream">Stream</a></li> <li><a class="underline" href="#navigation_bar">Barra di navigazione</a></li> <li><a class="underline" href="#stai_seguendo">Stai seguendo</a></li> </ol> <div class="faq_element body-text" id="faq_introduzione"> <a name="introduzione"></a> <h3 class="h3"> Introduzione a MyRockol </h3> <p> Sei appena arrivato su Rockol e ti chiedi a cosa serva la <a href="#navigation_bar">barra di navigazione</a> lì in alto con l'icona di una persona? Oppure stai leggendo le notizie del giorno e ti chiedi cosa ci fanno quelle etichette sotto l’immagine del tuo artista preferito? Come potresti avere a portata di mano tutte le notizie che ti interessano? Questa è la pagina che fa per te. Utilizza questa guida per esplorare le varie funzionalità di MyRockol , il sistema che ti permette di personalizzare e rendere unica la tua esperienza di navigazione all’interno dell’archivio di informazioni musicali del portale. </p> </div> <div class="faq_element body-text" id="faq_cosa_e"> <a name="cosa_e"></a> <h3 class="h3"> Cos’è MyRockol? </h3> <p> MyRockol è la piattaforma che ti consente di <strong class="underlined">selezionare e&nbsp;personalizzare&nbsp;i contenuti musicali</strong> presenti su Rockol. Comprende un sistema di <strong class="underlined">aggiornamenti</strong> che si adattano alle tue preferenze e ai tuoi interessi. </p> </div> <div class="faq_element body-text" id="faq_vantaggi"> <a name="vantaggi"></a> <h3 class="h3"> I vantaggi e gli strumenti di MyRockol </h3> <p> MyRockol è la tua bussola: ti offre gli strumenti per rimanere sempre aggiornato sul mondo della musica senza rischiare di perderti all’interno dell’immenso archivio di Rockol. Hai la possibilità di usare l’opzione <a href="#follow">Follow</a>, per non perdere mai di vista i tuoi contenuti preferiti. Il mondo delle informazioni musicali è vastissimo e Rockol ti offre un vantaggio: lascia che siano le notizie a cercare te. </p> <p> Ecco una panoramica sugli strumenti e le opzioni che ti attendono su MyRockol: <br></p> <ul class="disc"> <li> <a href="#follow">Follow</a>: segui gli&nbsp;Artista e/ o&nbsp;i Tag presentati all'interno dei vari contenuti sul sito. </li> <li> <a href="#stream">Stream</a>: tutti gli elementi che segui raggruppati in un’unica timeline che si aggiorna in tempo reale. </li> <li> <a href="#user_panel">Pagina personale</a>: la tua area personalizzata creata automaticamente da MyRockol. </li> <li> Notifiche: ricevi alert personalizzati sulle novità che riguardano i tuoi artisti e temi preferiti. </li> </ul> </div> <div class="faq_element body-text" id="faq_login"> <a name="login"></a> <h3 class="h3"> MyRockol, primi passi per l’utilizzo: registrazione e login </h3> <p> Dopo aver letto questa pagina ti sarà chiaro che il TUO Rockol non aspetta altro che essere provato. Non devi far altro che effettuare il <strong class="underlined">login</strong> tramite due possibili modalità: compilando <a href="http://localhost:63342/devel.rockol.it/assets/kipcast/messages/kipcastFaq.html">questo modulo</a> di registrazione in pochi secondi, oppure accedendo per mezzo di uno dei profili sociali che già utilizzi tutti i giorni: Facebook, Twitter, Google +. Una volta effettuato l’accesso avrai immediatamente la possibilità di gestire il tuo profilo e di <a href="#follow">seguire</a> Artisti e Tag</p> </div> <div class="faq_element body-text" id="faq_user_panel"> <a name="user_panel"></a> <h3 class="h3">Pannello utente</h3> <p> Dalla barra di navigazione puoi accedere al tuo pannello utente: qui avrai a portata di mano tutto ciò che ti serve. Sono presenti quattro tab: </p> <ul class="disc"> <li>Il tuo account: gestisci i tuoi dati personali</li> <li>Stai seguendo<br></li> <li>Il tuo Stream</li> </ul> </div> <div class="faq_element body-text" id="faq_follow"> <a name="follow"></a> <h3>Follow</h3> <p> Il tasto "Follow" ti sarà probabilmente molto familiare grazie a Twitter. Su MyRockol questa funzione è identificata con un “cuore”: ogni volta che ne trovi una vorrà dire che c’è un elemento che puoi seguire; basterà “attivare” il cuore cliccandoci sopra ed ogni volta che il contenuto sarà utilizzato all’interno di una news riceverai una notifica sulla tua barra di navigazione e potrai visualizzare il contenuto direttamente nel tuo <a href="#stream">stream</a>. </p> <p> <strong class="underlined">Puoi seguire le pagine degli Artisti e i Tag.</strong> </p> <p> Per gli <strong class="underlined">Artisti</strong> avrai la possibilità di seguire tutto quanto li riguarda, scegliendo tra i contenuti che ritieni più importanti - es. solo le news e i video di Rihanna e allo stesso tempo solo i concerti di Paul McCartney.<br><br> Questa è l'icona che vedrai in corrispondeza degli artisti da seguire. <img src="img/faq-follow-artist.gif" alt="" class="img-responsive" style="border: 1px solid #999; padding: 10px;"> </p> <p> I <strong class="underlined">Tag</strong> invece sono le etichette che contengono le parole chiave all’interno di ogni news, articolo o pagina e sono il modo più facile per seguire qualunque contenuto musicale per argomento. I Tag possono contenere qualunque cosa! Qualche esempio? Possono riguardare specifici canali di notizie (es. Industria, Dichiarazioni, Scoop) oppure dei generi musicali (es. Indie, Pop/Rock, R’n’B) o ancora essere dei “contenitori” più generici.<br><br> Questa è l'icona che vedrai in corrispondeza dei tag da seguire. <img src="img/faq-follow-tag.gif" alt="" class="img-responsive" style="border: 1px solid #999; padding: 10px;"> </p> <p> Non devi far altro che “attivare” i cuori ogni qual volta vedrai un Tag o un Artista che ti interessa. Non ti sfuggirà più niente. </p> </div> <div class="faq_element body-text" id="faq_unfollow"> <a name="unfollow"></a> <h3 class="h3"> Unfollow </h3> <p> Vuoi smettere di seguire un’Artista o un Tag? Puoi farlo in due modi: vai sulla pagina Artista oppure su un articolo in cui sia presente il Tag e “disattiva” il cuore&nbsp;con un clic. Altrimenti cerca il contenuto che ti interessa nella pagina “Stai seguendo” e disattivalo da lì. Smetterai di ricevere notifiche per quel contenuto e quest’ultimo non comparirà più all’interno del tuo <a href="#stream">Stream</a>. </p> </div> <div class="faq_element body-text" id="faq_stream"> <a name="stream"></a> <h3 class="h3"> Stream </h3> <p> Lo Stream è il posto che frequenterai per monitorare tutti i contenuti che hai deciso di <a href="#follow">seguire</a>. Tutti gli aggiornamenti sugli Artisti o sui Tag sono ordinati cronologicamente in una timeline attraverso la quale potrai raggiungerli con un clic. Accedi allo stream direttamente dalla <a href="#navigation_bar">barra di navigazione</a> oppure dal tuo Pannello utente! </p> </div> <div class="faq_element body-text" id="faq_navigation_bar"> <a name="navigation_bar"></a> <h3 class="h3"> Barra di navigazione </h3> <p> Attraverso la <a href="#navigation_bar">barra di navigazione</a> in alto potrai accedere rapidamente agli strumenti che MyRockol ti mette a disposizione. Prima di tutto, il potente motore di ricerca, che ti permette di scandagliare velocemente l’enorme archivio di Rockol. L'icona con la tua immagine di profilo invece ti permette l'accesso alla tua area personale, al tuo <a href="#stream">stream</a>&nbsp;e accedere agli elementi che segui. <img src="img/faq-menu-bar.gif" alt="" class="img-responsive" style="border: 1px solid #999; padding: 10px;"> </p> </div> <div class="faq_element body-text" id="faq_stai_seguendo"> <a name="stai_seguendo"></a> <h3 class="h3"> Stai seguendo </h3> <p> Direttamente dalla <a href="#navigation_bar">barra di navigazione</a> puoi accedere ad una pagina in cui sono racchiusi tutti gli elementi che segui, ordinatamente suddivisi in Artisti e Tag</p> </div> </div> <div class="spacer-lg"></div> <div class="text-xs "> <p class="text-center italic"> <a href="https://www.rockol.it/info/copyright">© 2025 Riproduzione riservata. Rockol.com S.r.l.</a> <span class="hidden sm:inline">&nbsp;&nbsp;&nbsp;</span> <br class="block sm:hidden"> <a class="underline" role="button" data-toggle="#js-image-policy-panel"> Policy uso immagini </a> </p> <div class="toggle-content bg-gray-200 p-4 mb-4" id="js-image-policy-panel"> <p><strong class="text-xl">Rockol</strong></p> <ul class="list-unstyled mb-4"> <li>Utilizza solo immagini e fotografie rese disponibili a fini promozionali (“for press use”) da case discografiche, agenti di artisti e uffici stampa. </li> <li>Usa le immagini per finalità di critica ed esercizio del diritto di cronaca, in modalità degradata conforme alle prescrizioni della legge sul diritto d'autore, utilizzate ad esclusivo corredo dei propri contenuti informativi. </li> <li>Accetta solo fotografie non esclusive, destinate a utilizzo su testate e, in generale, quelle libere da diritti. </li> <li> Pubblica immagini fotografiche dal vivo concesse in utilizzo da fotografi dei quali viene riportato il copyright. </li> <li>È disponibile a corrispondere all'avente diritto un equo compenso in caso di pubblicazione di fotografie il cui autore sia, all'atto della pubblicazione, ignoto. </li> </ul> <p><strong class="text-xl">Segnalazioni</strong></p> <p> Vogliate segnalarci immediatamente la eventuali presenza di immagini non rientranti nelle fattispecie di cui sopra, per una nostra rapida valutazione e, ove confermato l’improprio utilizzo, per una immediata rimozione. </p> <button class="bg-gray-500 p-4 py-2 uppercase rounded text-white" type="button" data-toggle="#js-image-policy-panel">Chiudi </button> </div> <div class="italic"> </div> </div> <div class="u-md-separator"></div> </div> <div class="sidebar"> <aside data-sidebar class="space-y-8 h-full"> <div><div class="advert1 rckl-promo rckl-promo-high-rectangle rckl-promo-sticky mb-4" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="7"></div></div></div> <div> <div class="sidebar_widget__container" > <h2 class="sidebar_widget__title">Playlists</h2> <ul class="leading-none divide-y divide-white/20 "> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/AWaFCI7LO4W__AdsMFLyMOAnu2I=/40x40/smart/rockol-img/img/foto/upload/dsc-4506-copia-2.jpg" alt="Shablo" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750255/sanremo-2025-playlist-power-hits-shablo-lucio-corsi-outsider" class="text-sm lora font-semibold">Shablo & Co. e Lucio Corsi: è stato il Sanremo degli outsider</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/KC8OYJx1tJNSAa1cxz9m0fFwDAk=/40x40/smart/rockol-img/img/foto/upload/qkvhozur.jpeg" alt="Jovanotti" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-750238/jovanotti-scaletta-tour-palasport-playlist-nuovo-album-il-corpo-umano" class="text-sm lora font-semibold">Jovanotti tra album e tour: la playlist</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/MO0gUGU_EQzR1576bvAAS_xIgiw=/40x40/smart/rockol-img/img/foto/upload/26-dge-wide-0de020d2a762b70974171405e89afc977be9522a.jpg" alt="A Complete Unknown" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749870/bob-dylan-film-a-complete-unknown-canzoni-piu-famose-playlist" class="text-sm lora font-semibold">Bob Dylan oltre "A complete unknown": la playlist</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/Wzqae0MI74HOmkgpEV3j4TxSwLM=/40x40/smart/rockol-img/img/foto/upload/alessandro-bosio-foto-concerto-giorgia-torino-2023-13-dicembre-2023-6.jpg" alt="Giorgia" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749654/playlist-sanremo-2025-sony-giorgia-cristicchi-olly" class="text-sm lora font-semibold">Giorgia, Cristicchi, Olly e gli altri: quante storie a Sanremo</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/WSJ-HFUr1nxQqPVrrrPkKQHPq6g=/40x40/smart/rockol-img/img/foto/upload/brunori-0590.jpg" alt="Brunori Sas" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749614/playlist-sanremo-2025-elodie-brunori-tony-effe" class="text-sm lora font-semibold">Pop, cantautorato e rap: tutte le facce di Sanremo 2025</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/XzYYvkgMh9aGqLoKK2lJ-t1WFoY=/40x40/smart/rockol-img/img/foto/upload/gue-pequeno-milano-10-07-2023-ariannacarotta-10.jpg" alt="Gué" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749508/gue-tropico-del-capricorno-playlist-nuovo-album-sample-italiani" class="text-sm lora font-semibold">Gué e i campionamenti di classici italiani: la playlist</a> </h3> </li> <li class="flex w-full items-start py-3 gap-4"> <div class="shrink-0 w-[40px]"> <img width="40" height="40" src="https://images.rockol.it/DEKZfbOfEuIPYNVT9SEPJEumFK8=/40x40/smart/rockol-img/img/foto/upload/dsc01054.jpg" alt="Mahmood" class="border border-white/20" loading="lazy" > </div> <h3 class="grow"> <a href="https://www.rockol.it/news-749114/aspettando-sanremo-2025-fenomeni-ultimi-anni-vincitori-morali" class="text-sm lora font-semibold">Aspettando Sanremo 2025: i fenomeni degli ultimi anni</a> </h3> </li> </ul> <a href="https://www.rockol.it/tutto-su/playlists-225470" class="sidebar_widget__link" >Tutti gli articoli</a> </div> </div> <div class="sticky-below-header"><div class="advert1 rckl-promo rckl-promo-rectangle" data-no-infinite-scroll=""><div class="gptslot" data-adunitid="8"></div></div></div> </aside> </div> </div> </div> <!-- Close #page-body-wrapper </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">&times;</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> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div><!-- /.modal --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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"> <!-- |---------------------------- | Custom login Form |---------------------------- --> <div class="block custom-login-panel" v-if="!showRegistrationForm"> <!-- LOGIN con user e password --> <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> <!-- RESET PASSWORD --> <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> <!-- Form di registrazione --> <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> <!-- Separator --> <div class="border-b border-gray-500 border-solid my-4"></div> <strong class="heading block text-xl mb-4">Accedi con</strong> <!-- |---------------------------- | Social Login |---------------------------- --> <div class="flex -mx-2 mb-4 items-center justify-center"> <!-- Facebook --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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> <!-- Twitter --> <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 Icon by FontAwesome: https://fontawesome.com/license --> <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> &copy; 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.default.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> <!-- FB JS SDK: START --> <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> <!-- FB JS SDK: END--> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10