.excel-scene .scene-model{position:absolute;width:480px;height:480px;left:50%;top:50%;margin:-240px;transform:scale(var(--scene-scale,1));perspective:1100px;transform-style:preserve-3d}
.ex-table-flight{position:absolute;left:29px;top:18px;width:374px;transform-style:preserve-3d}
.ex-table-float{animation:ex-table-hover 9s ease-in-out infinite;transform-style:preserve-3d}
.ex-table{background:linear-gradient(130deg,#fff,#fffdf8);border:1px solid #e4dcd0;border-radius:14px;overflow:hidden;transform:rotateX(18deg) rotateY(-12deg) rotateZ(-9deg);box-shadow:1px 2px 0 #e9e4da,2px 4px 0 #d9d1c3,4px 7px 0 #c5bbab,15px 29px 38px #644c3020;color:#33382f}
.ex-title{display:flex;align-items:center;gap:12px;padding:20px 20px 17px;font-size:15px;letter-spacing:-.2px}.ex-title small{display:block;font-size:6px;letter-spacing:1.2px;margin-top:6px;color:#8b897e}.ex-file-icon{height:31px;width:27px;background:#e0ead7;color:#52664a;border:1px solid #ceddc3;border-radius:6px;display:grid;place-items:center;font-size:17px;font-weight:600}.ex-file-menu{margin-left:auto;font-size:22px;color:#9b9c90}
.ex-grid-row{display:grid;grid-template-columns:23px 1fr 78px 39px;gap:7px;align-items:center;padding:13px 20px;border-top:1px solid #ece9e1;font-size:10px}.ex-grid-row>span:first-child{font-size:8px;color:#b1aa9d}.ex-grid-row strong{font-size:11px;font-weight:500}.ex-grid-row b{font-size:10px;font-weight:500;color:#786b52;text-align:right}.ex-grid-row>span:nth-child(3){color:#999487;font-size:9px;letter-spacing:.3px}.ex-grid-head{padding-block:9px;background:#f7f6f0;font-size:8px;color:#96917f}.ex-grid-head>span:last-child{text-align:right}.ex-sheet-footer{display:flex;justify-content:space-between;padding:13px 20px;background:#f9faf5;border-top:1px solid #e8eadf;font-size:8px;color:#7b856c}.ex-sheet-footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#86a473;margin-right:4px}
.ex-ticket-flight{position:absolute;width:161px;transform-style:preserve-3d;z-index:2}.ex-ticket-one{left:8px;top:244px;--ex-ticket-angle:-13deg;--ex-ticket-turn:-13deg}.ex-ticket-two{left:155px;top:269px;--ex-ticket-angle:3deg;--ex-ticket-turn:-7deg;z-index:3}.ex-ticket-three{left:307px;top:225px;--ex-ticket-angle:15deg;--ex-ticket-turn:-11deg}.ex-ticket-float{animation:ex-ticket-hover 7s ease-in-out infinite;transform-style:preserve-3d}.ex-ticket-two .ex-ticket-float{animation-delay:-2s}.ex-ticket-three .ex-ticket-float{animation-delay:-4s}
.ex-ticket{background:linear-gradient(125deg,#fff,#fffefb);border:1px solid #e4dfd3;border-radius:9px;padding:17px 15px 12px;transform:rotateX(8deg) rotateY(var(--ex-ticket-turn)) rotateZ(var(--ex-ticket-angle));box-shadow:1px 2px 0 #ece7de,2px 4px 0 #d6ccbd,9px 21px 25px #60472724;color:#252921;position:relative}.ex-ticket-kicker{font-size:6px;letter-spacing:1.1px;display:flex;justify-content:space-between;align-items:center}.ex-ticket-kicker i{display:block;width:5px;height:5px;border-radius:50%;background:#b5c7a1}.ex-ticket-two .ex-ticket-kicker i{background:#b3b6c2}.ex-ticket-three .ex-ticket-kicker i{background:#d6bd92}.ex-ticket>strong{display:block;font-size:19px;letter-spacing:-.7px;margin-top:16px;font-weight:600}.ex-ticket-meta{display:block;font-size:7px;color:#89877d;margin-top:6px;margin-bottom:17px}.ex-ticket .barcode{width:100%;height:34px}.ex-ticket-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:7px;letter-spacing:.7px}.ex-ticket-bottom b{font-size:9px;font-weight:500;letter-spacing:0;padding:3px 5px;border-radius:4px;background:#f4f1e9;color:#8d7759}
.ex-output-flight{position:absolute;top:445px;left:136px;width:219px;z-index:4}.ex-output{display:flex;gap:11px;align-items:center;background:#fffcf6ed;border:1px solid #fff;border-radius:15px;padding:13px 17px;box-shadow:0 12px 30px #63472813;transform:rotate(-2deg);animation:ex-ticket-hover 8s ease-in-out infinite;animation-delay:-1s}.ex-output-icon{display:grid;place-items:center;width:29px;height:33px;border:1px solid #dfd2bf;border-radius:5px;color:#9b7a4e;font-size:22px;background:#f8f0e1}.ex-output strong{display:block;font-size:12px;font-weight:500}.ex-output small{display:block;margin-top:4px;font-size:8px;color:#8b8171}.ex-output-check{margin-left:auto;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e5eedb;color:#75895f;font-size:12px}
.is-active .ex-table-flight{animation:ex-enter-table .95s cubic-bezier(.18,.75,.2,1) both}.is-active .ex-ticket-one{animation:ex-enter-left 1.05s .08s cubic-bezier(.18,.75,.2,1) both}.is-active .ex-ticket-two{animation:ex-enter-bottom 1.1s .16s cubic-bezier(.18,.75,.2,1) both}.is-active .ex-ticket-three{animation:ex-enter-right 1.05s .23s cubic-bezier(.18,.75,.2,1) both}.is-active .ex-output-flight{animation:ex-enter-bottom .9s .3s cubic-bezier(.18,.75,.2,1) both}
@keyframes ex-enter-table{from{opacity:0;transform:translate3d(-100px,-240px,-150px) rotate(-20deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes ex-enter-left{from{opacity:0;transform:translate3d(-320px,70px,-90px) rotate(-45deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes ex-enter-right{from{opacity:0;transform:translate3d(340px,-60px,-90px) rotate(45deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes ex-enter-bottom{from{opacity:0;transform:translate3d(20px,270px,-60px) rotate(18deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes ex-table-hover{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-8px) rotateZ(1deg)}}
@keyframes ex-ticket-hover{0%,100%{translate:0 0}50%{translate:0 -11px}}
.motion-paused .excel-scene *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.excel-scene *{animation:none!important}}