.app.event{align-items:center;display:flex}.app.event .wrapper{gap:var(--padding);display:grid}.app.event .wrapper .content{gap:var(--padding);display:flex}.app.event .wrapper .content .info{align-content:space-between;gap:var(--padding-4);width:50%;display:grid}.app.event .wrapper .content .info div h1{font-size:var(--font-size-2);font-weight:700;line-height:1}.app.event .wrapper .content .info div h2{font-size:var(--font-size-7);color:var(--text-2);margin-top:var(--padding-5);font-weight:500}.app.event .wrapper .content .info .about{background-color:var(--background-2);background:linear-gradient(-45deg,var(--accent-2)-50%,var(--background-2),var(--accent-2)150%);border:var(--border-size)var(--border);padding:var(--padding-5);border-radius:var(--border-radius-2);width:calc(100% - var(--padding-5)*2 - 1px*2);height:calc(100% - var(--padding-5)*2 - 1px*2);gap:var(--padding-8);align-content:start;display:grid}.app.event .wrapper .content .info .about div:first-child{margin-bottom:var(--padding-9)}.app.event .wrapper .content .info .about div:first-child h3{font-size:var(--font-size-6);text-align:center;font-weight:500}.app.event .wrapper .content .info .about div:nth-child(2),.app.event .wrapper .content .info .about div:nth-child(3){justify-content:space-between;align-items:center;display:flex}.app.event .wrapper .content .info .about div:nth-child(2) h3,.app.event .wrapper .content .info .about div:nth-child(3) h3{font-size:var(--font-size-7);color:var(--text-2);font-weight:500}.app.event .wrapper .content .info .about div:nth-child(4){align-items:center;gap:var(--padding-7);margin-top:var(--padding-9);display:flex}.app.event .wrapper .content .info .about div:nth-child(4) .button{width:100%}.app.event .wrapper .content .info .about div:nth-child(4) .button.alt{background:var(--background);border-color:var(--border-2)}.app.event .wrapper .content .cover{aspect-ratio:1;border-radius:var(--border-radius);border:var(--border-size)var(--border);width:50%;height:auto;overflow:hidden}.app.event .wrapper .content .cover img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}
@media screen and (max-width:1024px){.app.event .wrapper{gap:var(--padding-3)}.app.event .wrapper .content{gap:var(--padding-3);text-align:center;align-content:center;display:grid}.app.event .wrapper .content .cover{order:-1;width:calc(100% - 2px)}.app.event .wrapper .content .info{width:100%}.app.event .wrapper .content .info div h1{font-size:var(--font-size-5)}.app.event .wrapper .content .info div h2{font-size:var(--font-size-10)}.app.event .wrapper .content .info .about{padding:var(--padding-6);width:calc(100% - var(--padding-6)*2 - 1px*2)}.app.event .wrapper .content .info .about div:first-child h3{font-size:var(--font-size-7)}.app.event .wrapper .content .info .about div:nth-child(2) h3,.app.event .wrapper .content .info .about div:nth-child(3) h3{font-size:var(--font-size-9)}.app.event .wrapper .content .info .about div:nth-child(4){gap:var(--padding-9)}.app.event .wrapper .tickets{gap:var(--padding-8);display:grid}.app.event .wrapper .tickets .button{font-size:var(--font-size-10);padding:var(--padding-7)0}}
