.flight{margin-top:95px;position:relative;border-radius:32px;overflow:hidden;background:#dcece7;color:#254b40;isolation:isolate}.flight-intro{position:absolute;top:38px;left:38px;z-index:2;pointer-events:none}.flight-intro h2{font-size:46px;line-height:1.05;margin:14px 0}.flight-intro p{font-size:12px;max-width:270px;color:#426b5e}.flight-ticket{position:absolute;top:38px;right:38px;z-index:2;background:#f8f5e9;border-radius:15px;padding:18px 23px;transform:rotate(5deg);box-shadow:0 8px 20px #32645518;border:1px solid #e5e3d0}.flight-ticket small{display:block;font-size:8px;letter-spacing:.16em}.flight-ticket b{font-family:Manrope,sans-serif;display:block;font-size:36px;letter-spacing:-2px;margin:4px 0}.flight-ticket span{font-size:9px}.flight-canvas{height:610px;width:100%;cursor:grab;touch-action:none;display:block}.flight-canvas:active{cursor:grabbing}.flight-ui{position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.flight-ui>*{pointer-events:auto}.flight-help{background:#f7f6edf2;border-radius:18px;padding:16px 20px;box-shadow:0 4px 20px #163b2610;max-width:330px}.flight-help strong{font-size:12px;display:block}.flight-help p{font-size:10px;color:#687a6d;margin-top:5px;line-height:1.5}.flight-power{height:3px;background:#d3dece;border-radius:3px;margin-top:12px;overflow:hidden}.flight-power i{height:100%;width:0;background:#6c9646;display:block;transition:width .06s}.flight-ui .btn{box-shadow:0 4px 20px #25402f19}.flight-status{position:absolute;left:50%;top:34px;transform:translateX(-50%);font-size:10px;letter-spacing:.08em;z-index:2;background:#ffffff65;backdrop-filter:blur(9px);border-radius:30px;padding:9px 15px;opacity:0}.flight.flying .flight-status{opacity:1}.flight.flying .flight-intro{opacity:0;transition:opacity .4s}.flight-arrival{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#284d3430;backdrop-filter:blur(8px);padding:25px}.flight-arrival[hidden]{display:none}.boarding-pass{background:var(--paper);border-radius:24px;max-width:440px;width:100%;padding:32px;box-shadow:0 25px 80px #0c302a33;animation:arrive .7s cubic-bezier(.2,.9,.3,1.2)}@keyframes arrive{from{transform:translateY(45px) rotate(-6deg) scale(.8);opacity:0}to{transform:none;opacity:1}}.boarding-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-bottom:1px dashed #b8c4a8;padding-bottom:19px;margin-bottom:20px}.boarding-pass h3{font-size:28px;margin-top:12px}.boarding-discount{font-size:92px;font-weight:700;letter-spacing:-7px;line-height:1.2}.boarding-pass p{font-size:12px;color:#64725e}.boarding-pass .btn{width:100%;margin-top:23px}.boarding-pass .again{width:100%;background:none;margin-top:14px;font-size:11px;text-decoration:underline}.flightfallback{position:absolute;inset:230px 25px 100px;text-align:center;align-content:center}.flightfallback[hidden]{display:none}.flightfallback p{max-width:350px;margin:15px auto;font-size:13px}@media(max-width:650px){.flight{margin-top:60px}.flight-canvas{height:630px}.flight-intro{left:23px;top:28px}.flight-intro h2{font-size:35px}.flight-intro p{max-width:205px;font-size:11px}.flight-ticket{top:27px;right:17px;padding:13px;transform:rotate(6deg)}.flight-ticket b{font-size:27px}.flight-ticket small{font-size:7px}.flight-ticket span{font-size:8px}.flight-ui{left:16px;right:16px;bottom:18px;gap:10px;align-items:end}.flight-help{padding:14px;max-width:205px}.flight-help strong{font-size:10px}.flight-help p{font-size:9px}.flight-ui .btn{padding:14px 16px;font-size:11px;gap:9px}.flight-status{top:210px}.boarding-pass{padding:25px}.boarding-discount{font-size:76px}.boarding-pass h3{font-size:25px}}

@media(max-width:650px){.flight-ticket{width:103px;padding:12px 10px;right:15px;top:29px}.flight-ticket small{font-size:6px;line-height:1.5}.flight-ticket span{font-size:7px}.flight-intro .eyebrow{font-size:8px;max-width:170px;line-height:1.5}.flight-intro h2{font-size:33px;max-width:190px}.flight-intro p{max-width:185px;font-size:10px}}