@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.frame{width:20.38rem;height:fit-content;padding:2rem 0;flex-shrink:0;border-radius:14.5px;background:#fff;margin:1rem;display:flex;justify-content:center;align-items:center;position:relative}.frame .canvas{width:90%;height:fit-content;padding:0 0 .5rem;flex-shrink:0;border-radius:12.3px;background:#d9d9d9;position:relative;display:flex;flex-direction:column;gap:.8rem}.frame .canvas .svgImage{position:relative;display:flex}.frame .canvas .svgImage svg{width:100%;height:fit-content;z-index:3}.frame .canvas .svgImage .blueStrip{position:absolute;z-index:1}.frame .canvas .content{position:relative;padding:.3rem;display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"title title location location" "description description description description" "buttons buttons buttons buttons"}.frame .canvas .content .title{grid-area:title;display:flex;flex-direction:column}.frame .canvas .content .title .event{color:#000;font-family:Poppins;font-size:100%;font-style:normal;font-weight:700;line-height:16px;margin-bottom:.3rem}.frame .canvas .content .title .rating{display:flex;align-items:center;margin-left:.3rem;margin-top:.3rem;transform:scale(1)}.frame .canvas .content .location{grid-area:location;display:flex;flex-direction:column}.frame .canvas .content .location .dateTime,.frame .canvas .content .location .venue{display:flex;align-items:center;gap:3px;color:#5f5f5f;font-family:Poppins;font-size:9px;font-style:normal;font-weight:300;line-height:15px;letter-spacing:.88px}.frame .canvas .content .description{grid-area:description;display:flex;color:#5f5f5f;font-family:Poppins;font-size:9px;font-style:italic;font-weight:300;line-height:12px;letter-spacing:1.12px;padding:1rem 1rem .2rem;justify-content:center;align-items:center}.frame .canvas .content .buttons{grid-area:buttons;display:flex;justify-content:space-evenly;align-items:center;margin-top:.5rem}.frame .canvas .content .buttons .button{padding:.5em .7em;border:none;border-radius:5px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;color:#1b70ff;transition:all .1s;font-size:10px;position:relative;overflow:hidden;outline:1px solid #1b70ff;background:none}.frame .canvas .content .buttons .button:hover{color:#fff;transform:scale(1.05);outline:2px solid #70bdca;box-shadow:4px 5px 17px -4px #1b70ff}.frame .canvas .content .buttons .button:before{content:"";position:absolute;left:-50px;top:0;width:0;height:100%;background-color:#1b70ff;transform:skew(45deg);z-index:-1;transition:width 1s}.frame .canvas .content .buttons .button:hover:before{width:250%}.event-card{z-index:4;display:flex;flex-direction:column;justify-content:center;top:0;border-radius:12px;padding:1rem;gap:1rem;position:absolute;width:20rem;height:9rem;background-color:#d1d1d1}.event-card .input-fields{display:flex;flex-direction:column;gap:.5rem}.event-card .input-fields .inputs,.load{font-size:1rem;outline:none;font-family:Poppins;padding:0 .5rem}.event-card .input-fields .btn{padding:.3rem;background:#0015ff;color:#fff;outline:none}.event-card .input-fields .btn:before{content:""!important}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem}.navbar .heading{color:#fff;font-family:Poppins;font-size:30px;font-style:normal;font-weight:400;line-height:normal}.navbar svg{width:3rem;height:3rem;cursor:pointer}.hero{width:100vw;height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center}.hero .title{color:#fff;text-align:center;font-family:Poppins;font-size:82px;font-style:normal;font-weight:900;line-height:79px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero .title .main .color{color:#31d7a9}.hero .title .sub{color:#fff;font-family:Poppins;font-size:27px;font-style:normal;font-weight:400;line-height:normal}.locationFilter{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"title title . . . button" "choose choose choose choose choose choose " ". . . . . submit";width:1114px;height:fit-content;flex-shrink:0;position:absolute;padding:.5rem;gap:2rem;background:linear-gradient(90deg,#1e1b13,#171f23);left:12%;bottom:-25%}.locationFilter .text{grid-area:title;display:flex;flex-direction:column;padding:.1rem 0 2rem;position:relative;z-index:5}.locationFilter .text p{color:#fff;font-family:Poppins;font-size:25px;font-style:normal;font-weight:600;line-height:normal;line-height:1.2rem}.locationFilter .text .welcome{font-size:15px;font-weight:400}.locationFilter .blob1,.locationFilter .blob2,.locationFilter .blob3{position:absolute}.locationFilter .blob1{bottom:0;left:17%}.locationFilter .blob2{top:0;right:14%}.locationFilter .blob3{top:63%;right:41%}.locationFilter .select{justify-self:center;position:relative;z-index:4;grid-area:choose;border:1px solid #606060;background:#262626;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:90%;height:90%;flex-shrink:0;display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"select . . " "drop drop drop "}.locationFilter .select p{grid-area:select;color:#fff;font-family:Poppins;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.locationFilter .radio-inputs{grid-area:button;position:relative;z-index:3;display:flex;flex-wrap:wrap;border-radius:.5rem;background-color:#212121;border:1px solid rgba(255,255,255,.299);box-sizing:border-box;box-shadow:0 0 0 1px #0000000f;padding:.25rem;height:fit-content;width:13rem;font-size:14px;font-family:poppins}.locationFilter .radio-inputs .radio{flex:1 1 auto;text-align:center}.locationFilter .radio-inputs .radio input{display:none}.locationFilter .radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border:none;padding:.5rem 0;color:#ffffff96;transition:all .15s ease-in-out}.locationFilter .radio-inputs .radio input:checked+.name{background-color:#e1e1e1;color:#00000086;font-weight:600}.locationFilter .submit{grid-area:submit;cursor:pointer;font-weight:700;transition:all .2s;border-radius:100px;background:#e1e1e1;border:1px solid transparent;display:flex;align-items:center;font-size:15px;justify-content:center;width:8rem;height:3.5rem;left:0;position:relative;justify-self:end;margin-right:1rem}.locationFilter .submit:hover{color:#e1e1e1;background:#212121}.locationFilter .submit>svg{width:34px;margin-left:10px;transition:transform .3s ease-in-out}.locationFilter .submit>svg>path{fill:none;stroke:#212121}.locationFilter .submit:hover svg>path{stroke:#e1e1e1}.locationFilter .submit:hover svg{color:#e1e1e1;transform:translate(5px)}.locationFilter .submit:active{transform:scale(.95)}.locationFilter .getStates{grid-area:drop;display:flex;justify-content:center;align-items:center;gap:8rem;padding:.1rem 0 2rem}.locationFilter .getStates .choose{display:flex;justify-content:center;align-items:center;gap:.2rem}.locationFilter .getStates .choose .svgs{height:32px;width:32px}.secondPage{width:100vw;min-height:100vh;padding-top:15rem;display:flex;flex-direction:column;align-items:center;background:#050709}.secondPage h1{color:#fff;text-align:center;font-family:Poppins;font-size:52px;font-style:normal;font-weight:900;line-height:79px}.secondPage #unavailable{color:#fff;text-align:center;font-family:Poppins;font-size:22px;font-style:normal;font-weight:300;line-height:79px}.secondPage ul li{list-style:none}*{margin:0;padding:0}body{width:100vw;height:100vh;overflow-x:hidden;background:url(/assets/background-5GYMPDQ5.png) no-repeat;background-size:cover;background-position-y:bottom}.cardContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{border-radius:10px;background:#686052}@media only screen and (max-width: 600px){body{background:url(/assets/mobileBackground-BAia5WXm.png) no-repeat;background-size:cover;background-position-y:bottom}.navbar .heading{font-size:20px}.navbar svg{width:2.3rem;height:2.3rem}.hero{width:100vw}.hero .title{font-size:52px;line-height:65px}.hero .title .sub{font-size:17px}.locationFilter{grid-template-areas:"title title  title title title button" "choose  choose choose choose choose choose " ". . .  . . submit";width:360px;padding:.5rem;gap:2rem;left:4%;bottom:-60%}.locationFilter .blob1{bottom:0;left:17%;width:2rem}.locationFilter .blob2{top:0;right:14%;width:2rem}.locationFilter .blob3{top:63%;right:41%;width:2rem}.locationFilter .select{width:90%;height:90%}.locationFilter .getStates{flex-direction:column;gap:2rem;padding:.1rem 0 4rem}.locationFilter .text p{font-size:12px}.locationFilter .text .welcome{font-size:9px;font-weight:400}.locationFilter .radio-inputs{width:8rem}.locationFilter .radio-inputs .radio input:checked+.name{font-size:.8rem}.secondPage{padding-top:34rem}}