Prometeo
Account
AP
App
Generale
App
Pagine generate
Pagine generate
Pagine generate
Indietro
Layout
Layout
Layout
Indietro
Blocchi
Blocchi
Blocchi stilati
Blocchi master
Indietro
Stili grafici
Stili grafici
Stili grafici
Varianti grafiche
Indietro
Importa stili grafici
Importa stili grafici
Importazioni
Blocchi importati
Indietro
Immagini
Immagini
Libreria
Indietro
Impostazioni
Impostazioni
Dati per anteprime
Intelligenza artificiale
Siti destinazione
Tipi di campi
Tipi di pagina
Tipi di blocco
Indietro
Demo
Demo
Ricette
Ingredienti
Indietro
Più spazio
Modifica blocco: c-passes
Anteprima
Salva
Codice blocco
HTML
<div class="c-passes c-passes36096 c-section"> <div class="o-container"> <div class="c-passes__layout"> <div class="c-passes__aside"> <picture> <source media="(min-width: 768px)" srcset="content/background_images/732/Kr764WSkd4OTMdz8qk5gVlVTuIgPS1p39rP8uypb.png"/> <img alt="" class="u-mb-20 u-img-respond u-animation-shake u-hidden@sm" src="content/background_images/732/Kr764WSkd4OTMdz8qk5gVlVTuIgPS1p39rP8uypb.png"/> </picture> <h2 class="u-type-heading-2 u-mb-20">Travel </h2> <picture> <source media="(min-width: 768px)" srcset="content/background_images/732/Kr764WSkd4OTMdz8qk5gVlVTuIgPS1p39rP8uypb.png"/> <img alt="" class="u-mb-0 u-img-respond u-animation-shake u-hidden@less-than-sm" src="content/background_images/732/Kr764WSkd4OTMdz8qk5gVlVTuIgPS1p39rP8uypb.png"/> </picture> </div> <div class="c-passes__content"> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">Hotel Packages</h3><p>GA or VIP festival passes with Coachella Shuttle service and shack up at one of our hand-selected hotels.</p> </header> <div class="c-passes__tier"> <ul class="c-passes__options"> <li> <a class="c-button c-button--blue" href="https://coachella.valleymusictravel.com/?utm_source=vmt_partner&utm_medium=aeg_goldencvoice_website&utm_campaign=Coachella2026_LineupAnnouncement-MK_202509_Coachella_2026_LineupAnnouncement" target="_blank">Learn More</a> </li> </ul> </div> </div> </div> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">LAX Shuttle</h3><p>One-way shuttle service will be available for both weekends. LAX + Any Line Shuttle Bundle</p> </header> <div class="c-passes__tier"> <ul class="c-passes__options"> <li> <a class="c-button c-button--blue" href="https://coachella.valleymusictravel.com/shuttles/?utm_source=vmt_partner&utm_medium=aeg_goldencvoice_website&utm_campaign=Coachella2026_LineupAnnouncement-MK_202509_Coachella_2026_LineupAnnouncement" target="_blank">Learn More</a> </li> </ul> </div> </div> </div> <div class="c-passes__card"> <div class="c-passes__card-body"> <header class="c-passes__card-header"> <h3 class="u-type-heading-3">¿Viaja desde México?</h3><p>Livetours es la agencia oficial de Coachella en México. Con LIVETOURS ya estas ahi! <br/>Paquetes y mas info en <a href="http://livetours.mx/" target="_blank">Livetours</a>.</p> </header> <div class="c-passes__tier"> <ul class="c-passes__options"> <li> <a class="c-button c-button--blue" href="http://livetours.mx/" target="_blank">Learn More</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>
CSS
html{--color-black-1:#0e0c0a;--color-black-2:#1e0f0f;--color-grey-1:#5f5251;--color-beige-1:#efddbe;--color-beige-2:#f3e6ce;--color-beige-3:#f7eedf;--color-beige-4:#fbf4e9;--color-beige-5:#fefbf6;--color-red-1:#8c2e37;--color-red-2:#d33d32;--color-pink-1:#f8879e;--color-yellow-1:#ffab37;--color-yellow-2:#fab353;--color-orange-1:#f36835;--color-green-1:#294e2c;--color-green-2:#4e6234;--color-green-3:#859a2e;--color-blue-1:#336d8e;--color-blue-2:#44a1a4;--color-blue-3:#8dd4c8;--font-family-heading:"Perfectly Nineties",sans-serif;--font-family-subheading:"Sweet Sans Pro",sans-serif;--font-family-body:"Funnel Sans",sans-serif;background:-webkit-gradient(linear,left bottom,left top,from(#f9f7f2),to(#f9e6ca));background:linear-gradient(0deg,#f9f7f2,#f9e6ca);color:var(--color-green-1);font-family:var(--font-family-body);font-size:var(--base-font-size,20px);font-weight:400;line-height:1.35;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .o-container{--_container-padding:var(--container-padding,20px);--_container-width:var(--container-width,1528px);width:100%;padding-left:var(--_container-padding);padding-right:var(--_container-padding);max-width:calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding));margin-inline:auto} .c-button{--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-green.webp));--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:18px 15px;border:0;background:none;font-family:var(--font-family-body);font-size:var(--button-font-size,20px);font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .c-button--blue{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-blue.webp))} .c-button--disabled{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-disabled.webp));cursor:none;pointer-events:none} .c-button--underline{--_button-color:var(--button-color,var(--color-blue-1));--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-blue.webp));padding:0 0 8px;min-height:auto} .c-button--underline.c-button--white{--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-white.webp))} .c-section--blue.c-section__wrap .c-accordion .c-button--underline{--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-underline-white.webp))} .c-navigation-mobile{--link-text-decoration:none;--link-text-decoration-hover:none;padding:24px 0;border-bottom:1px solid var(--color-beige-1);background:#f5ebdb;position:sticky;top:0;left:0;width:100%;z-index:1000} .c-navigation{--link-text-decoration:none;--link-text-decoration-hover:none;display:none;border-bottom:1px solid var(--color-beige-1);background:#f5ebdb;position:sticky;top:0;left:0;width:100%;z-index:1000} .c-footer{--footer-bg-img:url(../../../content/coachella-2026/footer-bg-mobile.webp);--container-width:1578px;--link-text-decoration:none;--link-text-decoration-hover:none;--link-color:#fff;--link-color-hover:var(--color-yellow-1);padding:41.02564103vw 0 40px;background:var(--footer-bg-img) top no-repeat,-webkit-gradient(linear,left bottom,left top,color-stop(50%,#071b0a),color-stop(50%,transparent));background:var(--footer-bg-img) top no-repeat,linear-gradient(0deg,#071b0a 50%,transparent 0);background-size:100% auto,cover;color:#fff} .c-footer__social-list{--link-color:#fff;--link-color-hover:var(--color-yellow-1);-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0} .c-footer__list{--link-color:currentColor;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px clamp(24px,2.09424084vw,32px);list-style:none;padding:0;margin:0;color:var(--color-beige-2);font-size:16px} .c-page-header{--page-header-gradient:linear-gradient(180deg,#337190,#44a1a4 50%,#85cfc4);--page-header-shadow-image:url(../../../content/coachella-2026/info-block-bottom-border.webp);--bar-height:5px;--link-color:#fff;--link-color-hover:#fff;--jumpto-color:hsla(0,0%,100%,.2);--jumpto-background:#85cfc4;padding:clamp(1px,2.61780105vw,40px) 0;color:var(--color-beige-4)} .c-page-header__links{display:none;--link-text-decoration:underline;--link-text-decoration-hover:none;padding-left:30px;position:relative} .c-content-header__links{display:none;--link-text-decoration:underline;--link-text-decoration-hover:none;padding-left:30px;position:relative;color:var(--color-green-1)} .c-passes__payment-plan{--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px;padding:4px 8px;border-radius:4px;background:var(--color-beige-3);color:var(--color-green-1);font-size:18px} .c-two-column{--container-padding:20px;--two-column-padding:30px;position:relative;padding-bottom:var(--two-column-padding)} .c-button.c-button--green:hover, .c-featured-content36032 .c-button:hover { --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/button-bg-red.webp)); } .c-button.c-button--blue:hover { --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/button-blue-dk-hover.webp)); } .c-newsletter__container.o-grid { --_container-padding: var(--container-padding, 20px); --_container-width: var(--container-width, 1528px); width: 100%; padding-left: var(--_container-padding); padding-right: var(--_container-padding); max-width: calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding)); margin-inline: auto; margin-top: 40px; } .c-newsletter__form button { --_button-color: var(--button-color, #fff); --_button-bg: var(--button-bg, url(../content/coachella-2026/button-bg-blue.webp)); --link-text-decoration: none; --link-text-decoration-hover: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 18px 15px; border: 0; background: none; font-family: var(--font-family-body); font-size: var(--button-font-size, 20px); font-style: normal; font-weight: 700; line-height: normal; position: relative; z-index: 0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } section#job-fair-image { --_container-padding: var(--container-padding, 20px); --_container-width: var(--container-width, 1528px); width: 100%; padding-top: 10px; padding-left: var(--_container-padding); padding-right: var(--_container-padding); max-width: calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding)); margin-inline: auto; } #page9977 .c-app-cta .c-button--underline { --_button-color: var(--button-color, var(--color-beige-4)); --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/2026-Coachella-FeltAccentStrip-LongLightBlue.png)); } @keyframes a{to{transform:rotate(1turn)}} @font-face{font-family:Perfectly Nineties;src:url(../fonts/PerfectlyNineties/PerfectlyNineties-Light.woff2) format("woff2"),url(../fonts/PerfectlyNineties/PerfectlyNineties-Light.woff) format("woff");font-weight:300;font-style:normal} @font-face{font-family:Perfectly Nineties;src:url(../fonts/PerfectlyNineties/PerfectlyNineties-LightItalic.woff2) format("woff2"),url(../fonts/PerfectlyNineties/PerfectlyNineties-LightItalic.woff) format("woff");font-weight:300;font-style:italic} @font-face{font-family:Sweet Sans Pro;src:url(../fonts/SweetSansPro/SweetSansPro-Medium.woff2) format("woff2"),url(../fonts/SweetSansPro/SweetSansPro-Medium.woff) format("woff");font-weight:500;font-style:normal} @font-face{font-family:Sweet Sans Pro;src:url(../fonts/SweetSansPro/SweetSansPro-MediumItalic.woff2) format("woff2"),url(../fonts/SweetSansPro/SweetSansPro-MediumItalic.woff) format("woff");font-weight:500;font-style:italic} @font-face{font-family:Funnel Sans;src:url(../fonts/FunnelSans/FunnelSans-Regular.woff2) format("woff2"),url(../fonts/FunnelSans/FunnelSans-Regular.woff) format("woff");font-weight:500;font-style:normal} @font-face{font-family:Funnel Sans;src:url(../fonts/FunnelSans/FunnelSans-Italic.woff2) format("woff2"),url(../fonts/FunnelSans/FunnelSans-Italic.woff) format("woff");font-weight:500;font-style:italic} @-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @-webkit-keyframes animateFlickitySlideForward{0%{opacity:1}50%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}55%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @keyframes animateFlickitySlideForward{0%{opacity:1}50%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}55%{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @-webkit-keyframes animateFlickitySlideReverse{0%{opacity:1}50%{opacity:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}55%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} @keyframes animateFlickitySlideReverse{0%{opacity:1}50%{opacity:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}55%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}} a {background-color:transparent} img {border-style:none} img {max-width:100%;vertical-align:middle} h2, h3 {color:var(--color-blue-1)} h2, h3 {margin:0 0 20px;font-size:1.2rem;line-height:normal} p, ul {margin:0 0 20px} a {color:var(--link-color,var(--color-red-01));-webkit-text-decoration:var(--link-text-decoration,underline);text-decoration:var(--link-text-decoration,underline);-webkit-transition:.1s ease-out;transition:.1s ease-out} a:hover {color:var(--link-color-hover,var(--color-green-1));-webkit-text-decoration:var(--link-text-decoration-hover,underline);text-decoration:var(--link-text-decoration-hover,underline)} a, a:hover {cursor:pointer} .o-container {--_container-padding:var(--container-padding,20px);--_container-width:var(--container-width,1528px);width:100%;padding-left:var(--_container-padding);padding-right:var(--_container-padding);max-width:calc(var(--_container-padding) + var(--_container-width) + var(--_container-padding));margin-inline:auto} .c-button {--_button-color:var(--button-color,#fff);--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-green.webp));--link-text-decoration:none;--link-text-decoration-hover:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:18px 15px;border:0;background:none;font-family:var(--font-family-body);font-size:var(--button-font-size,20px);font-style:normal;font-weight:700;line-height:normal;position:relative;z-index:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .c-button, .c-button:hover {color:var(--_button-color)} .c-button:hover {-webkit-transform:scale(1.02);transform:scale(1.02)} .c-button:before {content:"";background:var(--_button-bg);background-size:100% 100%;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:-1} .c-button--blue {--_button-bg:var(--button-bg,url(../../../content/coachella-2026/button-bg-blue.webp))} .c-section {padding:clamp(40px,3.92670157vw,60px) 0;color:var(--color-blue-1)} .c-passes__card details {width:100%;border:solid rgba(25,25,25,.1);border-width:1px 0;color:var(--color-green-1)} .c-passes__card details+details {border-top:0} .c-passes__card details[open] {padding-bottom:20px} .c-passes__card summary {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:12px 0;color:var(--color-blue-1);cursor:pointer} .c-passes__card summary::marker {content:none} .c-passes__card summary:after {content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEzIDAuODg0Mjc3QzEzLjgyODQgMC44ODQyNzcgMTQuNSAxLjU1NTg1IDE0LjUgMi4zODQyOFYxMS44ODQzSDI0QzI0LjgyODQgMTEuODg0MyAyNS41IDEyLjU1NTkgMjUuNSAxMy4zODQzQzI1LjUgMTQuMjEyNyAyNC44Mjg0IDE0Ljg4NDMgMjQgMTQuODg0M0gxNC41VjI0LjM4NDNDMTQuNSAyNS4yMTI3IDEzLjgyODQgMjUuODg0MyAxMyAyNS44ODQzQzEyLjE3MTYgMjUuODg0MyAxMS41IDI1LjIxMjcgMTEuNSAyNC4zODQzVjE0Ljg4NDNIMkMxLjE3MTU3IDE0Ljg4NDMgMC41IDE0LjIxMjcgMC41IDEzLjM4NDNDMC41IDEyLjU1NTkgMS4xNzE1NyAxMS44ODQzIDIgMTEuODg0M0gxMS41VjIuMzg0MjhDMTEuNSAxLjU1NTg1IDEyLjE3MTYgMC44ODQyNzcgMTMgMC44ODQyNzdaIiBmaWxsPSIjMzM2RDhFIi8+Cjwvc3ZnPg==");display:block;height:29px;width:29px} .c-passes__card [open]>summary:after {content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjYgNCIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0wLjUgMS41ODMwMUMwLjUgMC43NTQ1ODEgMS4xNzE1NyAwLjA4MzAwNzggMiAwLjA4MzAwNzhIMjRDMjQuODI4NCAwLjA4MzAwNzggMjUuNSAwLjc1NDU4MSAyNS41IDEuNTgzMDFDMjUuNSAyLjQxMTQzIDI0LjgyODQgMy4wODMwMSAyNCAzLjA4MzAxSDJDMS4xNzE1NyAzLjA4MzAxIDAuNSAyLjQxMTQzIDAuNSAxLjU4MzAxWiIgZmlsbD0iIzMzNkQ4RSIvPgo8L3N2Zz4=")} .c-passes__layout {display:grid;gap:20px} .c-passes__content {display:grid;gap:32px} .c-passes__card {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:var(--color-beige-5);border-radius:20px;color:var(--color-blue-1)} .c-passes__card * {margin-bottom:0} .c-passes__card details {border-width:1px 0 0;margin-bottom:-20px} .c-passes__card summary {cursor:pointer} .c-passes__card-body {padding:30px} .c-passes__card-body, .c-passes__card-header {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px} .c-passes__card-header {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(25,25,25,.1)} .c-passes__tier {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px;color:var(--color-blue-1)} .c-passes__tier * {margin-bottom:0} .c-passes__tier h1, .c-passes__tier h2, .c-passes__tier h3, .c-passes__tier h4, .c-passes__tier h5, .c-passes__tier h6, .c-passes__tier table {color:var(--color-green-1)} .c-passes__tier table {font-size:27px;text-align:left} .c-passes__tier thead {font-size:16px} .c-passes__tier td, .c-passes__tier th {padding-right:30px} .c-passes__tier small {display:block;font-size:10px} .c-passes__tier del {opacity:.6} .c-passes__options {-webkit-box-align:center;-ms-flex-align:center;align-items:center} .c-passes__options {list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px} .u-animation-shake:hover {-webkit-animation:shake 1s;animation:shake 1s} .u-mb-0 {margin-bottom:0!important} .u-mb-20 {margin-bottom:20px!important} .u-img-respond {max-width:100%;height:auto} .u-type-heading-2, h2 {font-weight:var(--type-heading-2-font-weight,300);line-height:var(--type-heading-2-line-height,1);font-family:var(--type-heading-2-font-family,var(--font-family-heading));font-size:var(--type-heading-2-font-size-max,56px);font-size:clamp(var(--type-heading-2-font-size-min,42px),var(--type-heading-2-font-size-vw,3.66492147vw),var(--type-heading-2-font-size-max,56px))} .u-type-heading-3, h3 {font-weight:var(--type-heading-3-font-weight,300);line-height:var(--type-heading-3-line-height,1);font-family:var(--type-heading-3-font-family,var(--font-family-heading));font-size:var(--type-heading-3-font-size-max,42px);font-size:clamp(var(--type-heading-3-font-size-min,32px),var(--type-heading-3-font-size-vw,2.7486911vw),var(--type-heading-3-font-size-max,42px))} .c-passes__card summary {line-height:var(--type-subheading-3-line-height,1);font-weight:var(--type-subheading-3-font-weight,500);font-family:var(--type-subheading-3-font-family,var(--font-family-subheading));font-size:var(--type-subheading-3-font-size-max,20px);font-size:clamp(var(--type-subheading-3-font-size-min,18px),var(--type-subheading-3-font-size-vw,1.30890052vw),var(--type-subheading-3-font-size-max,20px))} @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } li { margin-bottom: 5px; padding-left: 0; } .u-type-heading-2, h2 { font-size: clamp(var(--type-heading-2-font-size-min, 38px), var(--type-heading-2-font-size-vw, 3.66492147vw), var(--type-heading-2-font-size-max, 56px)); } .u-type-heading-2, h2, .u-type-heading-3, h3 { font-weight: 700; letter-spacing: .05rem; } .c-passes__card header.c-passes__card-header details p { margin-bottom: 20px; } .c-passes__card summary { font-weight: 700; text-transform: uppercase; } .c-button.c-button--blue:hover { --_button-bg: var(--button-bg, url(../external/aegwebprod_blob_core_windows_netcontent/coachella-2026/button-blue-dk-hover.webp)); } li { position: relative; } @media (min-width:768px){.c-passes__layout {grid-template-columns:480px 1fr;gap:45px} } @media (min-width:768px){.c-passes__aside {position:sticky;top:200px;left:0;width:100%;-ms-flex-item-align:start;align-self:start} } @media (min-width:375px){.u-mb-0\@xs {margin-bottom:0!important} .u-mb-20\@xs {margin-bottom:20px!important} } @media (max-width:374px){.u-mb-0\@less-than-xs {margin-bottom:0!important} .u-mb-20\@less-than-xs {margin-bottom:20px!important} } @media screen and (min-width:375px) and (max-width:539px){.u-mb-0\@xs-only {margin-bottom:0!important} .u-mb-20\@xs-only {margin-bottom:20px!important} } @media (min-width:540px){.u-mb-0\@phone {margin-bottom:0!important} .u-mb-20\@phone {margin-bottom:20px!important} } @media (max-width:539px){.u-mb-0\@less-than-phone {margin-bottom:0!important} .u-mb-20\@less-than-phone {margin-bottom:20px!important} } @media screen and (min-width:540px) and (max-width:767px){.u-mb-0\@phone-only {margin-bottom:0!important} .u-mb-20\@phone-only {margin-bottom:20px!important} } @media (min-width:768px){.u-mb-0\@sm {margin-bottom:0!important} .u-mb-20\@sm {margin-bottom:20px!important} } @media (max-width:767px){.u-mb-0\@less-than-sm {margin-bottom:0!important} .u-mb-20\@less-than-sm {margin-bottom:20px!important} } @media screen and (min-width:768px) and (max-width:1023px){.u-mb-0\@sm-only {margin-bottom:0!important} .u-mb-20\@sm-only {margin-bottom:20px!important} } @media (min-width:1024px){.u-mb-0\@md {margin-bottom:0!important} .u-mb-20\@md {margin-bottom:20px!important} } @media (max-width:1023px){.u-mb-0\@less-than-md {margin-bottom:0!important} .u-mb-20\@less-than-md {margin-bottom:20px!important} } @media screen and (min-width:1024px) and (max-width:1249px){.u-mb-0\@md-only {margin-bottom:0!important} .u-mb-20\@md-only {margin-bottom:20px!important} } @media (min-width:1250px){.u-mb-0\@lg {margin-bottom:0!important} .u-mb-20\@lg {margin-bottom:20px!important} } @media (max-width:1249px){.u-mb-0\@less-than-lg {margin-bottom:0!important} .u-mb-20\@less-than-lg {margin-bottom:20px!important} } @media screen and (min-width:1250px) and (max-width:1439px){.u-mb-0\@lg-only {margin-bottom:0!important} .u-mb-20\@lg-only {margin-bottom:20px!important} } @media (min-width:1440px){.u-mb-0\@xl {margin-bottom:0!important} .u-mb-20\@xl {margin-bottom:20px!important} } @media (max-width:1439px){.u-mb-0\@less-than-xl {margin-bottom:0!important} .u-mb-20\@less-than-xl {margin-bottom:20px!important} } @media screen and (min-width:1440px) and (max-width:1919px){.u-mb-0\@xl-only {margin-bottom:0!important} .u-mb-20\@xl-only {margin-bottom:20px!important} } @media (min-width:1920px){.u-mb-0\@desktop {margin-bottom:0!important} .u-mb-20\@desktop {margin-bottom:20px!important} } @media (max-width:1919px){.u-mb-0\@less-than-desktop {margin-bottom:0!important} .u-mb-20\@less-than-desktop {margin-bottom:20px!important} } @media (max-width: 767px) {.o-container picture img { max-width: 60%; } } @media (max-width:767px){.c-featured-video{--container-padding:0px}}
JS