.ticket-widget{filter:drop-shadow(0 10px 25px rgba(0,0,0,.1));width:100%;max-width:320px;height:100%;margin:0 auto;display:flex;flex-direction:column;font-family:IBM Plex Sans Arabic,sans-serif;position:relative;background-color:transparent;transition:transform .3s ease;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.ticket-widget:hover{transform:translateY(-5px)}.ticket-widget .bottom,.ticket-widget .rip,.ticket-widget .top{background-color:#fff}.ticket-widget .top{border-top-right-radius:20px;border-top-left-radius:20px;display:flex;flex-direction:column;text-align:right;overflow:hidden;flex:1;padding:24px}.ticket-widget .top .event-banner{width:100%;height:180px;object-fit:cover;border-radius:15px;margin-top:15px;background-color:#f8fafc}.ticket-widget .bandname{font-size:1.25rem;color:#0f172a;font-weight:900;line-height:1.2}.ticket-widget .deetz{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px;gap:12px}.ticket-widget .label{font-size:.65rem;color:#94a3b8;text-transform:uppercase;font-weight:900;margin-bottom:2px}.ticket-widget .cost{font-size:1.5rem;color:#2563eb;font-weight:900;line-height:1}.ticket-widget .rip{height:20px;margin:0;background-image:radial-gradient(circle at center,#cbd5e1 1px,transparent 0);background-size:8px 2px;background-repeat:repeat-x;background-position:50%;position:relative;flex-shrink:0}.ticket-widget .rip:after,.ticket-widget .rip:before{content:"";position:absolute;width:24px;height:24px;top:50%;background-color:#f5f5f5;border-radius:50%;z-index:10;box-shadow:inset 0 0 10px rgba(0,0,0,.05)}.ticket-widget .rip:before{left:-12px;transform:translateY(-50%)}.ticket-widget .rip:after{right:-12px;transform:translateY(-50%)}.ticket-widget .bottom{border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-top:1px dashed #e2e8f0}.ticket-widget .barcode{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAABCAYAAABXChlMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAACPSURBVChTXVAJDsMgDOsrVpELiqb+/4c0DgStQ7JMYogNh2gdvg5VfXFCRIZaC6BOtnoNFpvaumNmwb/71Frrm8XvgYkker1/g9WzMOsohaOGNziRs5inDsAn8yEPengTapJ5bmdZ2Yv7VvfPN6AH2NJx7nOWPTf1/78hoqgxhzw3ZqYG1Dr/9ur3y8vMxgNZhcAUnR4xKgAAAABJRU5ErkJggg==");background-repeat:repeat-y;width:70px;height:35px}.ticket-widget .buy{display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900;background-color:#2563eb;padding:0 20px;height:40px;border-radius:20px;color:#fff;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 15px rgba(37,99,235,.2)}.ticket-widget .buy:hover{background-color:#1d4ed8;transform:scale(1.02)}.--flex-column{display:flex;flex-direction:column}@media (max-width:640px){.ticket-widget .bandname{font-size:1rem}.ticket-widget .cost{font-size:1.2rem}.ticket-widget .top{padding:16px}.ticket-widget .top .event-banner{height:140px}}.gsap-flip-wrapper{--color-blue:#2563eb;--color-pink:#ec4899;--color-ui-blue-lt:#60a5fa;--color-ui-blue:#3b82f6;--color-surface-white:#fff}.gsap-flip-container,.gsap-flip-wrapper{background:#000;width:100%;overflow:hidden}.gsap-flip-container{display:flex;height:50vh;justify-content:center;align-items:center;position:relative}.gsap-flip-container.columns,.gsap-flip-container.grid{align-content:stretch;align-items:stretch;flex-wrap:wrap}.letter{text-align:center;color:#000;font-size:10vmax;font-weight:900;display:flex;align-items:center;justify-content:center;padding:2px 10px;margin:2px;border-radius:12px}.gsap-flip-container.grid .letter{flex-basis:calc(50% - 4px)}.gsap-flip-container.columns .letter{flex-basis:calc(25% - 4px)}.tix-text{font-size:8vmax;color:var(--color-surface-white);margin-left:1.5vmax;font-weight:900;display:none;color:var(--color-blue)}.gsap-flip-container.final .tix-text{display:block}.E1{background:var(--color-blue)}.E2,.V{background:var(--color-ui-blue-lt)}.N{background:var(--color-ui-blue)}.gsap-flip-container.plain .letter{background:transparent;color:var(--color-surface-white);padding:0}.ticket-system{max-width:385px;width:100%;margin:0 auto;font-family:IBM Plex Sans Arabic,sans-serif}.ticket-system .top{display:flex;align-items:center;flex-direction:column}.ticket-system .top .title{font-weight:900;font-size:1.2rem;text-align:center;margin-bottom:30px;color:#fff;opacity:.8}.ticket-system .top .printer{width:90%;height:20px;border:5px solid #fff;border-radius:10px;box-shadow:1px 3px 3px 0 rgba(0,0,0,.2);background:#111;position:relative;z-index:20}.ticket-system .receipts-wrapper{overflow:hidden;margin-top:-10px;padding-bottom:20px}.ticket-system .receipts{width:100%;display:flex;align-items:center;flex-direction:column;transform:translateY(-550px);animation:print-vtx 2.8s cubic-bezier(.6,-.28,.735,.045) .8s forwards}.ticket-system .receipt{padding:25px 30px;text-align:right;min-height:200px;width:88%;background-color:#fff;border-radius:0 0 20px 20px;box-shadow:1px 3px 8px 3px rgba(0,0,0,.2);color:#1a1a1a}.ticket-system .receipt .airliner-logo{max-width:100px;margin:0 auto 20px;display:block}.ticket-system .receipt .route{display:flex;justify-content:space-between;align-items:center;margin:20px 0;direction:ltr}.ticket-system .receipt .route h2{font-weight:900;font-size:2.2rem;margin:0;color:#2563eb}.ticket-system .receipt .details{display:grid;grid-template-cols:1fr 1fr;gap:15px;margin-top:20px}.ticket-system .receipt .details .item{display:flex;flex-direction:column}.ticket-system .receipt .details .item span{font-size:.7rem;color:#888;font-weight:900;text-transform:uppercase}.ticket-system .receipt .details .item h3{font-size:.85rem;margin:5px 0 0;font-weight:700;color:#111}.ticket-system .receipt.qr-code{height:120px;min-height:unset;position:relative;border-radius:20px 20px 15px 15px;display:flex;align-items:center;margin-top:2px;padding:15px 25px}.ticket-system .receipt.qr-code:before{content:"";background:linear-gradient(90deg,#fff 50%,transparent 0);background-size:15px 4px;height:4px;width:85%;display:block;left:0;right:0;top:-2px;position:absolute;margin:auto}.ticket-system .receipt.qr-code .qr{width:70px;height:70px;flex-shrink:0}.ticket-system .receipt.qr-code .description{margin-right:20px;text-align:right;flex:1}.ticket-system .receipt.qr-code .description h2{margin:0 0 2px;font-size:.9rem;font-weight:900;color:#2563eb}.ticket-system .receipt.qr-code .description p{margin:0;font-size:.65rem;font-weight:700;color:#666}@keyframes print-vtx{0%{transform:translateY(-550px)}35%{transform:translateY(-400px)}70%{transform:translateY(-150px)}to{transform:translateY(0)}}.social-login-icons{display:flex;align-items:center;gap:10px;-webkit-box-reflect:below 5px linear-gradient(transparent,#00000055)}.social-login-icons svg{width:24px;height:24px}.social-icon-1,.social-icon-1-1,.social-icon-2,.social-icon-2-2,.social-icon-3,.social-icon-3-3,.social-icon-4,.social-icon-4-4{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50px;margin:20px 0 0}.icon svg{fill:#fff}.socialcontainer{height:70px;overflow:hidden;cursor:pointer}.social-icon-1{transition-duration:.4s;background-color:#000;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56)}.social-icon-1 svg,.social-icon-2 svg,.social-icon-3 svg,.social-icon-4 svg{opacity:0;transition-duration:.5s;transition-delay:.2s}.social-icon-1-1{transition-duration:.4s;background-color:transparent}.socialcontainer:hover .social-icon-1{transform:translateY(-70px)}.socialcontainer:hover .social-icon-1 svg,.socialcontainer:hover .social-icon-2 svg,.socialcontainer:hover .social-icon-3 svg,.socialcontainer:hover .social-icon-4 svg{opacity:1}.social-icon-2{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:linear-gradient(72.44deg,#ff7a00 11.92%,#ff0169 51.56%,#d300c5 85.69%)}.socialcontainer:hover .social-icon-2{transform:translateY(-70px)}.social-icon-3{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:#316ff6}.socialcontainer:hover .social-icon-3{transform:translateY(-70px)}.social-icon-4{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:linear-gradient(180deg,#812290,#4d227c 91%)}.socialcontainer:hover .social-icon-4{transform:translateY(-70px)}