/*
via https://gist.githubusercontent.com/jonesnxt/b8af57e364c328aad29eb512686b2b60/raw/c86a8431b94dd1c1be56fd378dd5e8fcda6ab9cc/criticalCSSOneLiner.js
Array.from(document.styleSheets).filter((sheet) => { try { sheet.cssRules; return true; } catch (err) { console.log(`Due to CORS issues, this script can't access "${sheet.href}"`); return false; }}).map((sheet) => Array.from(sheet.cssRules).map((rule) => rule.type === rule.FONT_FACE_RULE ? rule.cssText : rule.type === rule.STYLE_RULE ? Array.from(document.querySelectorAll(rule.selectorText)).some((node) => node.getBoundingClientRect().top < window.innerHeight && window.getComputedStyle(node).display !== 'none') ? rule.cssText : null : rule.type === rule.MEDIA_RULE ? `@media ${rule.conditionText} {${Array.from(rule.cssRules).map((mediaRule) => mediaRule.type === mediaRule.FONT_FACE_RULE ? mediaRule.cssText : mediaRule.type === mediaRule.STYLE_RULE ? Array.from(document.querySelectorAll(mediaRule.selectorText)).some((node) => node.getBoundingClientRect().top < window.innerHeight && window.getComputedStyle(node).display !== 'none') ? mediaRule.cssText : null : null).filter((mediaRule) => mediaRule != null).join(' ')}}` : null)).flat().filter((rule) => rule != null && !new RegExp(/^@media.*{}$/).test(rule)).join(' ').replace(/\/_nuxt/g, '');
 */

:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #fff; --bs-secondary: #a51d2d; --bs-success: #015668; --bs-info: #3584e4; --bs-warning: #eb9b27; --bs-danger: #f66151; --bs-light: #e8e8e8; --bs-dark: #000; --bs-primary-rgb: 255, 255, 255; --bs-secondary-rgb: 165, 29, 45; --bs-success-rgb: 1, 86, 104; --bs-info-rgb: 53, 132, 228; --bs-warning-rgb: 235, 155, 39; --bs-danger-rgb: 246, 97, 81; --bs-light-rgb: 232, 232, 232; --bs-dark-rgb: 0, 0, 0; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 255, 255, 255; --bs-body-bg-rgb: 34, 0, 71; --bs-font-sans-serif: "Alte Haas Grotesk", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #fff; --bs-body-bg: #220047; } *, ::before, ::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) {:root { scroll-behavior: smooth; }} body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.485rem + 2.82vw); } @media (min-width: 1200px) {h1, .h1 { font-size: 3.6rem; }} h2, .h2 { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) {h2, .h2 { font-size: 3rem; }} h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) {h4, .h4 { font-size: 1.5rem; }} p { margin-top: 0px; margin-bottom: 1rem; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; } a { color: rgb(255, 255, 255); text-decoration: underline; } img, svg { vertical-align: middle; } button { border-radius: 0px; } input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 1.05rem); padding-left: var(--bs-gutter-x, 1.05rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) {.container-sm, .container { max-width: 540px; }} @media (min-width: 768px) {.container-md, .container-sm, .container { max-width: 720px; }} @media (min-width: 992px) {.container-lg, .container-md, .container-sm, .container { max-width: 960px; }} @media (min-width: 1200px) {.container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; }} @media (min-width: 1400px) {.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1440px; }} .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } @media (min-width: 768px) {.col-md-10 { flex: 0 0 auto; width: 83.3333%; } .offset-md-1 { margin-left: 8.33333%; }} @media (min-width: 992px) {.col-lg-8 { flex: 0 0 auto; width: 66.6667%; } .offset-lg-2 { margin-left: 16.6667%; }} .btn { display: inline-block; align-self: center; font-weight: 400; line-height: 1.5; color: rgb(255, 255, 255); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.9rem 1rem; font-size: 1rem; border-radius: 0px; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) {.btn { transition: none 0s ease 0s; }} .btn-primary { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .btn-outline-light { color: rgb(232, 232, 232); border-color: rgb(232, 232, 232); } .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: rgb(255, 255, 255); text-decoration: none; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s; } @media (prefers-reduced-motion: reduce) {.nav-link { transition: none 0s ease 0s; }} .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; } .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; } .navbar-dark .navbar-brand { color: rgb(255, 255, 255); } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: rgb(255, 255, 255); } .mt-5 { margin-top: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pb-10 { padding-bottom: 6rem !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 768px) {.pb-md-10 { padding-bottom: 6rem !important; }} @font-face { font-family: "Alte Haas Grotesk"; src: url("/assets/fonts/AlteHaasGrotesk.woff2") format("woff2"), url("/assets/fonts/AlteHaasGrotesk.woff") format("woff"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "Alte Haas Grotesk"; src: url("/assets/fonts/AlteHaasGrotesk_Bold.woff2") format("woff2"), url("/assets/fonts/AlteHaasGrotesk_Bold.woff") format("woff"); font-style: normal; font-weight: bold; font-display: swap; } @font-face { font-family: "rarrip"; src: url("/assets/fonts//rarrip.3.1.ttf") format("truetype"), url("/assets/fonts//rarrip.3.1.woff") format("woff"), url("/assets/fonts//rarrip.3.1.svg#rarrip") format("svg"); font-style: normal; font-weight: normal; font-display: block; } [class^="rri-"], [class*=" rri-"] { font-family: "rarrip" !important; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; } .btn-nav-toggle { position: relative; width: 4em; height: 3.5em; padding: 1em; cursor: pointer; background: transparent; border-radius: 0px; border: medium; outline: none; } .btn-nav-toggle span { position: absolute; width: 2em; height: 0.16em; top: 50%; left: 50%; background: rgb(255, 255, 255); border-radius: 0px; overflow: hidden; transition: all 0.3s linear 0s; transform: translate(-50%, -50%); } .btn-nav-toggle span:nth-child(1) { animation: 0.5s ease-in-out 0s 1 normal forwards running bnt-span-first-off; } .btn-nav-toggle span:nth-child(2) { animation: 0.5s ease-in-out 0s 1 normal forwards running bnt-span-second-off; } .btn-nav-toggle span:nth-child(3) { animation: 0.5s ease-in-out 0s 1 normal forwards running bnt-span-third-off; } :root { --form-control-color: var(--bs-secondary); --form-control-disabled: var(--bs-disabled-bg); } .btn-outline-light { border-color: transparent; } .btn, .form-control { text-align: left; padding: 1rem 1rem 0.8rem; font-weight: bold; } .btn { text-transform: uppercase; border: 1px solid white; padding: 0.9em 1em; } .anim--rotating { animation-name: infinite-rotate; animation-duration: 20s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; } .anim--rotating-variant-1 { animation-delay: 1s; animation-duration: 15s; animation-direction: reverse; } @media (max-width: 767.98px) {html { font-size: 70%; word-break: break-word; }} .h1, h1 { text-transform: uppercase; font-weight: bold; word-break: break-word; font-size: 3.6rem; letter-spacing: 0.02em; line-height: 0.9; hyphens: auto; } .h2, h2 { text-transform: uppercase; font-weight: bold; word-break: break-word; font-size: 3rem; line-height: 0.8; letter-spacing: -0.01em; hyphens: auto; } .h4, h4 { text-transform: uppercase; font-weight: bold; word-break: break-word; font-size: 1.5rem; letter-spacing: -0.01em; hyphens: auto; } .text--nohypens { hyphens: none !important; } .text-skewed { display: inline-block; transform: scaleY(0.5); text-transform: uppercase; } header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1030; } .scrolled-100 header, .layout-wrapper:not(.with-intro) header { background: rgba(111, 4, 36, 0.85); } header .navbar { background-color: transparent; transition: background-color 1s ease-out 0s; align-items: start; } header .brand-wrapper .navbar-brand { margin-right: 0px; } header .brand-wrapper .navbar-brand img.navbar-brand_logo { position: relative; top: -0.4em; width: 100%; left: 0px; transform: scale(0.9) translateY(-0.4em); } html:not(.scrolled) .is-home header .brand-wrapper .navbar-brand img.navbar-brand_logo { transform: scale(3) translate(0px, 2vw); } @media (max-width: 1199.98px) {html:not(.scrolled) .is-home header .brand-wrapper .navbar-brand img.navbar-brand_logo { transform: scale(1.5) translate(0px, 2vw); }} @media (max-width: 767.98px) {html:not(.scrolled) .is-home header .brand-wrapper .navbar-brand img.navbar-brand_logo { transform: scale(1.5) translate(0px, 3.5vw); }} header .btn-language-toggle { position: relative; top: -0.4em; left: -0.3em; border: 0px; } header .btn-language-toggle svg { position: relative; top: -0.15em; } @media (max-width: 767.98px) {header .btn-language-toggle svg { transform: scale(0.8); }} header .btn-nav-toggle { z-index: 3; position: relative; top: -0.25em; } header .btn-nav-toggle, header .btn.btn-language-toggle { border-color: transparent; box-shadow: none !important; } .navbar-main { position: relative; top: 0.25em; padding-bottom: 0.5em !important; z-index: 1030; } .navbar-main > .nav-item { width: 10em; max-width: 25vw; } .navbar-main > .nav-item:nth-child(2) { max-width: 35vw; } .navbar-main .navbar-nav { font-weight: bold; line-height: 1; text-transform: uppercase; } .navbar-main .navbar-language > .navbar-nav { margin: 0.5rem 1rem; } .navbar-main .navbar-content .navbar-nav { margin: 1.8rem 1rem 2.5rem; font-size: 4rem; } @media (max-width: 767.98px) {.navbar-main .navbar-content .navbar-nav { font-size: 3rem; padding-top: 0.15em; padding-bottom: 0.15em; }} .navbar-main .navbar-content .navbar-nav .nav-link, .navbar-main .navbar-content .navbar-nav button.nav-link { display: block; width: 100%; padding: 0px; line-height: 0.8; margin-bottom: 0.16em; border: 0px; background: transparent; font-family: inherit; font-size: inherit; text-align: center; font-weight: inherit; text-transform: inherit; } picture img, picture source { width: 100%; } .parallax-planets { position: relative; top: 22vh; } .parallax-planets .planet-layer { position: absolute; } .parallax-planets .planet_fire { position: relative; width: 200%; margin: 0px auto; padding-top: 220%; overflow: hidden; left: -50%; right: auto; height: auto; min-height: auto; top: -20vw; } .parallax-planets .planet_fire > div { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .parallax-planets .planet_fire img { position: absolute; width: 100%; top: 0px; left: 0px; opacity: 1; transform: translate(-0.4%, 4.3%) scale(0.84); background-image: url("/assets/img/bg/planet_fire_hres_4.png"); background-position: center center; background-repeat: no-repeat; background-size: 100%; } body:not(.no-webp) .parallax-planets .planet_fire img { background-image: url("/assets/img/bg/planet_fire_hres_4.webp"); } @media (max-width: 767.98px) {.parallax-planets .planet_fire img { background-image: url("/assets/img/bg/planet_fire_lres_4.png"); } body:not(.no-webp) .parallax-planets .planet_fire img { background-image: url("/assets/img/bg/planet_fire_lres_4.webp"); }} .parallax-planets .planet_fire video { position: absolute; width: 54.5%; top: 3.2%; left: 22.6%; opacity: 1; mix-blend-mode: screen; transform: rotate(0deg) translate(0px); } .home-hero .section-intro { min-height: 20vw; position: relative; } @media (max-width: 767.98px) {.home-hero .section-intro { min-height: 70vw; }} .home-hero .section-intro .planet-year-icon-wrapper { position: absolute; left: 10vw; top: 7vw; } .home-hero .section-intro .planet-year-icon-wrapper span { font-size: 9vw; } @media (max-width: 767.98px) {.home-hero .section-intro .planet-year-icon-wrapper { top: 17vw; left: 9vw; } .home-hero .section-intro .planet-year-icon-wrapper span { font-size: 20vw; }} .home-hero .section-intro .date-info-wrapper { width: 20vw; position: absolute; right: 8vw; top: 8vw; } @media (max-width: 767.98px) {.home-hero .section-intro .date-info-wrapper { top: 35vw; width: 40vw; right: 50vw; transform: translateX(50%); }} .home-hero .section-intro .date-info-wrapper img { width: 100%; } .lmarquee { user-select: none; position: relative; width: 100%; overflow: hidden; --move-speed: 5s; --lmarquee-width: 100%; --offset: 20%; --move-initial: calc(-25% + var(--offset)); --move-final: calc(-50% + var(--offset)); } .lmarquee__inner { width: fit-content; display: flex; position: relative; transform: translate3d(var(--move-initial), 0, 0); animation-name: ; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: running; } .lmarquee__inner * { display: inline-block; white-space: nowrap; } .artist-label-logo-the-killers img, .artist-label-logo-the-killers source, .artist-label-logo-broilers img, .artist-label-logo-broilers source { font-size: 0.7em; } .artist-label-logo-green-day img, .artist-label-logo-green-day source { font-size: 0.9em; } .artist-label-logo-parkway-drive img, .artist-label-logo-parkway-drive source { font-size: 1.7em; } .artist-label-logo-billy-talent { margin: -0.25em 0px; } .artist-label-logo-billy-talent img, .artist-label-logo-billy-talent source { font-size: 1.4em; } .lineup-day { padding: 0px; margin-bottom: 1rem; position: relative; z-index: 0; text-transform: uppercase; font-weight: bold; } .lineup-day .date { display: block; text-transform: uppercase; font-weight: bold; word-break: break-word; letter-spacing: -0.01em; line-height: unset; font-size: 1.5em; } .lineup-day dl, .lineup-day span.ul { display: inline-block; width: 100%; overflow: hidden; padding: 0px; margin: 0px; white-space: normal; } .lineup-day dl span.li, .lineup-day span.ul span.li { display: inline-block; } .lineup-day > div:not(:first-child) { margin-top: -0.1em; } .theme--with-logos .lineup-day .artist-label .apm-picture { font-size: 5.5vw; } @media (max-width: 575.98px) {.theme--with-logos .lineup-day .artist-label .apm-picture { font-size: 7vw; }} .theme--with-logos .lineup-day .artist-label .apm-picture img, .theme--with-logos .lineup-day .artist-label .apm-picture picture { height: 1em; width: auto; max-width: none; } .lineup-day .headliner { text-transform: uppercase; font-weight: bold; word-break: break-word; letter-spacing: 0.02em; line-height: unset; font-size: 3.4vw; } .lineup-day .second { text-transform: uppercase; font-weight: bold; word-break: break-word; letter-spacing: -0.01em; line-height: 1; font-size: 3.5vw; } @media (max-width: 575.98px) {.lineup-day .second { font-size: 4.6vw; }} .lineup-day .more { text-transform: uppercase; font-weight: bold; word-break: break-word; letter-spacing: 0.01em; line-height: unset; font-size: 2vw; } @media (max-width: 575.98px) {.lineup-day .more { font-size: 3vw; }} .lineup-day a, .lineup-day a:link, .lineup-day a:hover, .lineup-day a:focus, .lineup-day a:active { text-decoration: none; padding-left: 0.2rem; padding-right: 0.2rem; } .lineup-day .name > span, .lineup-day .name > a { padding-left: 0.2rem; padding-right: 0.2rem; margin-left: -0.2rem; } .lineup-day .headliner, .lineup-day .special, .lineup-day .second, .lineup-day .third, .lineup-day .more { z-index: 1; line-height: 1.2; } @media (min-width: 768px) {.lineup-day .headliner, .lineup-day .special, .lineup-day .second, .lineup-day .third, .lineup-day .more { width: 100%; }} .lineup-day .headliner .li, .lineup-day .special .li, .lineup-day .second .li, .lineup-day .third .li, .lineup-day .more .li { line-height: 1; } .theme--center .lineup-day { text-align: center; } .theme--center .lineup-day:not(.lineup-day-right) span.ul span.li, .lineup-day:not(.lineup-day-right):nth-child(2n+1) span.ul span.li, .lineup-day:not(.lineup-day-right).lineup-day-left span.ul span.li { padding-right: 0.7em; } .theme--center .lineup-day:not(.lineup-day-right) span.ul span.li:last-of-type, .lineup-day:not(.lineup-day-right):nth-child(2n+1) span.ul span.li:last-of-type, .lineup-day:not(.lineup-day-right).lineup-day-left span.ul span.li:last-of-type { padding-right: 0px; } .theme--center .lineup-day:not(.lineup-day-right) .more span.ul span.li, .lineup-day:not(.lineup-day-right):nth-child(2n+1) .more span.ul span.li, .lineup-day:not(.lineup-day-right).lineup-day-left .more span.ul span.li { padding-right: 1.1em; } .theme--with-logos .lineup-day .headliner { } .theme--center .lineup-day { } .bg-wrapper { z-index: -1; transform: translate3d(0px, 0px, 0px); } .bg-wrapper, .bg-wrapper > div, .bg-wrapper > video { position: fixed; top: 0px; left: 0px; right: 0px; height: 155vw; min-height: 150vh; background-position: center 0px; background-repeat: no-repeat; background-size: 100%; } @media (max-width: 767.98px) {.bg-wrapper, .bg-wrapper > div, .bg-wrapper > video { height: 300vw; background-size: 200%; }} @media (max-width: 767.98px) {.bg-wrapper > div:not(.bg-main) { background-position-y: 20vh; }} .bg-wrapper .bg-main { background-image: url("/assets/img/bg/2024_subpages_main_02.jpg"); } body:not(.no-webp) .bg-wrapper .bg-main { background-image: url("/assets/img/bg/2024_subpages_main_02.webp"); } @media (max-width: 767.98px) {.bg-wrapper .bg-main { background-image: url("/assets/img/bg/2024_subpages_main_02_lres.jpg"); } body:not(.no-webp) .bg-wrapper .bg-main { background-image: url("/assets/img/bg/2024_subpages_main_02_lres.webp"); }} .bg-wrapper video { left: 50%; transform: translate(-53.5%, -7.9%) scale(1.42); mix-blend-mode: plus-lighter; } @media (max-width: 767.98px) {.bg-wrapper video { transform: translate(-53.7%, -3.2%) scale(1.48); }} .bg-wrapper.isHome, .bg-wrapper.isHome > div { height: 133vw; } .bg-wrapper.isHome .bg-main { background-image: url("/assets/img/bg/2024_tall_bg_planet_2.jpg"); } body:not(.no-webp) .bg-wrapper.isHome .bg-main { background-image: url("/assets/img/bg/2024_tall_bg_planet_2.webp"); } @media (max-width: 767.98px) {.bg-wrapper.isHome .bg-main { background-image: url("/assets/img/bg/2024_tall_bg_planet_2_lres.jpg"); } body:not(.no-webp) .bg-wrapper.isHome .bg-main { background-image: url("/assets/img/bg/2024_tall_bg_planet_2_lres.webp"); }} .ticker-wrapper[data-v-7bc59552] { height: 3em; margin-top: -2em; margin-bottom: -1em; width: 100%; overflow: hidden; } .ticker-wrapper.ticker-wrapper--top[data-v-7bc59552] { margin-top: -0.6em; margin-bottom: -1em; } .ticker[data-v-7bc59552] { width: calc(100% + 2em + 2px); margin-left: calc(-1em - 1px); height: 1.5em; position: relative; overflow: hidden; text-transform: uppercase; font-weight: bold; word-break: break-word; line-height: 0.8; letter-spacing: -0.01em; font-size: 2.2rem; white-space: nowrap; } .ticker > div[data-v-7bc59552] { padding-top: 0.19em; } .ticker > div > div .ticker-item[data-v-7bc59552] { display: inline-block; position: relative; } .ticker > div > div .ticker-item > span[data-v-7bc59552] { vertical-align: middle; } .ticker > div > div .ticker-item_icon[data-v-7bc59552] { display: inline-block; position: relative; left: 0.2em; top: 0.05em; font-size: 0.83em; height: 1em; width: 1em; text-align: center; } .ticker > div > div .ticker-item_label[data-v-7bc59552] { position: relative; top: 0.07em; padding-left: 0.2em; padding-right: 0.2em; } .br-firefox .ticker > div > div .ticker-item_label[data-v-7bc59552] { top: 0.02em; } .ticker > div > div .ticker-item_label > a[data-v-7bc59552], .ticker > div > div .ticker-item_label > span[data-v-7bc59552] { padding: 0.1em 0.15em; } .ticker > div > div .ticker-item_label a[data-v-7bc59552] { text-decoration: none; } html, body { height: 100vh; overflow: hidden; } .scrollarea { width: 100%; height: 100vh; padding: 0px; overflow-y: scroll; box-sizing: border-box; } .scrollarea .scrollarea-content-wrapper { overflow: hidden; } .header-masked { height: 7.6em; background: transparent !important; pointer-events: none; } .header-masked .navbar-main { width: calc(100% - var(--rr-scrollbar-width, 0)); } .scrolled .header-masked a, .scrolled .header-masked nuxt-link, .scrolled .header-masked button, .layout-wrapper:not(.with-intro-overlay) .header-masked a, .layout-wrapper:not(.with-intro-overlay) .header-masked nuxt-link, .layout-wrapper:not(.with-intro-overlay) .header-masked button { pointer-events: all; } .lineup-container { width: 90%; margin: 0px auto; } @media (max-width: 767.98px) {.lineup-container { width: calc(100% - 2em); }} .lineup-container { width: 90%; margin: 0px auto; } @media (max-width: 767.98px) {.lineup-container { width: calc(100% - 2em); }} html, body { height: 100vh; overflow: hidden; } .scrollarea { width: 100%; height: 100vh; padding: 0px; overflow-y: scroll; box-sizing: border-box; } .scrollarea .scrollarea-content-wrapper { overflow: hidden; } .header-masked { height: 7.6em; background: transparent !important; pointer-events: none; } .header-masked .navbar-main { width: calc(100% - var(--rr-scrollbar-width, 0)); } .scrolled .header-masked a, .scrolled .header-masked nuxt-link, .scrolled .header-masked button, .layout-wrapper:not(.with-intro-overlay) .header-masked a, .layout-wrapper:not(.with-intro-overlay) .header-masked nuxt-link, .layout-wrapper:not(.with-intro-overlay) .header-masked button { pointer-events: all; }