/* Generated by build.py from the scene timelines. Do not edit by hand. */
.wap[data-tl="order"] { --t: 14.0s; }
@keyframes wap-order-m1 { 0%, 7.07% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 10.36%, 95.00% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="order"] .wm1 > .wap-m { animation: wap-order-m1 var(--t) var(--ease) infinite both; }
@keyframes wap-order-m2 { 0%, 24.21% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 27.50%, 95.00% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="order"] .wm2 > .wap-m { animation: wap-order-m2 var(--t) var(--ease) infinite both; }
@keyframes wap-order-d2 { 0%, 12.14% { opacity: 0; } 13.21%, 23.93% { opacity: 1; } 24.64%, 100% { opacity: 0; } }
.wap[data-tl="order"] .wd2 { animation: wap-order-d2 var(--t) linear infinite both; }
@keyframes wap-order-m3 { 0%, 28.50% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 31.79%, 95.00% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="order"] .wm3 { animation: wap-order-m3 var(--t) var(--ease) infinite both; }
@keyframes wap-order-m4 { 0%, 45.64% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 48.93%, 95.00% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="order"] .wm4 > .wap-m { animation: wap-order-m4 var(--t) var(--ease) infinite both; }
@keyframes wap-order-m5 { 0%, 61.36% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 64.64%, 95.00% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="order"] .wm5 > .wap-m { animation: wap-order-m5 var(--t) var(--ease) infinite both; }
@keyframes wap-order-d5 { 0%, 50.71% { opacity: 0; } 51.79%, 61.07% { opacity: 1; } 61.79%, 100% { opacity: 0; } }
.wap[data-tl="order"] .wd5 { animation: wap-order-d5 var(--t) linear infinite both; }
@keyframes wap-order-typ { 0% { opacity: 0; } 12.14% { opacity: 0; } 13.00%, 24.29% { opacity: 1; } 25.14% { opacity: 0; } 50.71% { opacity: 0; } 51.57%, 61.43% { opacity: 1; } 62.29% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wap-order-on { 0% { opacity: 1; } 12.14% { opacity: 1; } 13.00%, 24.29% { opacity: 0; } 25.14% { opacity: 1; } 50.71% { opacity: 1; } 51.57%, 61.43% { opacity: 0; } 62.29% { opacity: 1; } 100% { opacity: 1; } }
.wap[data-tl="order"] .wap-typ { animation: wap-order-typ var(--t) linear infinite both; } .wap[data-tl="order"] .wap-on { animation: wap-order-on var(--t) linear infinite both; }
@keyframes wap-order-tap { 0%, 42.86% { opacity: 0; transform: scale(.2); } 43.57% { opacity: .55; } 47.86%, 100% { opacity: 0; transform: scale(2.4); } }
@keyframes wap-order-press { 0%, 42.86% { background-color: #fff; } 43.57%, 47.14% { background-color: #E3F3FB; } 49.29%, 100% { background-color: #fff; } }
.wap[data-tl="order"] .wap-tap { animation: wap-order-tap var(--t) ease-out infinite both; } .wap[data-tl="order"] .wap-b1 { animation: wap-order-press var(--t) linear infinite both; }
.wap[data-tl="qa"] { --t: 13.0s; }
@keyframes wap-qa-m1 { 0%, 7.62% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 11.15%, 94.62% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="qa"] .wm1 > .wap-m { animation: wap-qa-m1 var(--t) var(--ease) infinite both; }
@keyframes wap-qa-m2 { 0%, 25.31% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 28.85%, 94.62% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="qa"] .wm2 > .wap-m { animation: wap-qa-m2 var(--t) var(--ease) infinite both; }
@keyframes wap-qa-d2 { 0%, 13.08% { opacity: 0; } 14.23%, 25.00% { opacity: 1; } 25.77%, 100% { opacity: 0; } }
.wap[data-tl="qa"] .wd2 { animation: wap-qa-d2 var(--t) linear infinite both; }
@keyframes wap-qa-m3 { 0%, 45.31% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 48.85%, 94.62% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="qa"] .wm3 > .wap-m { animation: wap-qa-m3 var(--t) var(--ease) infinite both; }
@keyframes wap-qa-m4 { 0%, 63.00% { opacity: 0; transform: translateY(1.6cqi) scale(.96); } 66.54%, 94.62% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
.wap[data-tl="qa"] .wm4 > .wap-m { animation: wap-qa-m4 var(--t) var(--ease) infinite both; }
@keyframes wap-qa-d4 { 0%, 50.77% { opacity: 0; } 51.92%, 62.69% { opacity: 1; } 63.46%, 100% { opacity: 0; } }
.wap[data-tl="qa"] .wd4 { animation: wap-qa-d4 var(--t) linear infinite both; }
@keyframes wap-qa-typ { 0% { opacity: 0; } 13.08% { opacity: 0; } 14.00%, 25.38% { opacity: 1; } 26.31% { opacity: 0; } 50.77% { opacity: 0; } 51.69%, 63.08% { opacity: 1; } 64.00% { opacity: 0; } 100% { opacity: 0; } }
@keyframes wap-qa-on { 0% { opacity: 1; } 13.08% { opacity: 1; } 14.00%, 25.38% { opacity: 0; } 26.31% { opacity: 1; } 50.77% { opacity: 1; } 51.69%, 63.08% { opacity: 0; } 64.00% { opacity: 1; } 100% { opacity: 1; } }
.wap[data-tl="qa"] .wap-typ { animation: wap-qa-typ var(--t) linear infinite both; } .wap[data-tl="qa"] .wap-on { animation: wap-qa-on var(--t) linear infinite both; }
@keyframes sw-print { 0%, 65.00% { opacity: 0; transform: translateY(-14%) rotate(4deg); clip-path: inset(0 0 100% 0); } 73.57%, 95.00% { opacity: 1; transform: translateY(0) rotate(4deg); clip-path: inset(0 0 0 0); } 100% { opacity: 0; transform: translateY(0) rotate(4deg); clip-path: inset(0 0 0 0); } }
.wib { --t: 12.0s; }
@keyframes ib-c0 { 0%, 15.00% { opacity: 1; } 17.50%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a0 { 0%, 15.00% { opacity: 0; transform: translateY(40%); } 17.92%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b0 { 0%, 2.08% { transform: scale(0); } 4.17%, 15.00% { transform: scale(1); } 17.08%, 100% { transform: scale(0); } }
@keyframes ib-t0 { 0%, 15.00% { color: #1FAF5A; font-weight: 600; } 16.67%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r0 { 0%, 15.00% { background: #F0FBF4; } 20.00%, 100% { background: #fff; } }
.wib .ib0 .ib-c { animation: ib-c0 var(--t) linear infinite both; } .wib .ib0 .ib-a { animation: ib-a0 var(--t) var(--ease) infinite both; } .wib .ib0 .ib-badge { animation: ib-b0 var(--t) var(--ease) infinite both; } .wib .ib0 .ib-time { animation: ib-t0 var(--t) linear infinite both; } .wib .ib0 { animation: ib-r0 var(--t) linear infinite both; }
@keyframes ib-c1 { 0%, 21.50% { opacity: 1; } 24.00%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a1 { 0%, 21.50% { opacity: 0; transform: translateY(40%); } 24.42%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b1 { 0%, 3.08% { transform: scale(0); } 5.17%, 21.50% { transform: scale(1); } 23.58%, 100% { transform: scale(0); } }
@keyframes ib-t1 { 0%, 21.50% { color: #1FAF5A; font-weight: 600; } 23.17%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r1 { 0%, 21.50% { background: #F0FBF4; } 26.50%, 100% { background: #fff; } }
.wib .ib1 .ib-c { animation: ib-c1 var(--t) linear infinite both; } .wib .ib1 .ib-a { animation: ib-a1 var(--t) var(--ease) infinite both; } .wib .ib1 .ib-badge { animation: ib-b1 var(--t) var(--ease) infinite both; } .wib .ib1 .ib-time { animation: ib-t1 var(--t) linear infinite both; } .wib .ib1 { animation: ib-r1 var(--t) linear infinite both; }
@keyframes ib-c2 { 0%, 28.00% { opacity: 1; } 30.50%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a2 { 0%, 28.00% { opacity: 0; transform: translateY(40%); } 30.92%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b2 { 0%, 4.08% { transform: scale(0); } 6.17%, 28.00% { transform: scale(1); } 30.08%, 100% { transform: scale(0); } }
@keyframes ib-t2 { 0%, 28.00% { color: #1FAF5A; font-weight: 600; } 29.67%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r2 { 0%, 28.00% { background: #F0FBF4; } 33.00%, 100% { background: #fff; } }
.wib .ib2 .ib-c { animation: ib-c2 var(--t) linear infinite both; } .wib .ib2 .ib-a { animation: ib-a2 var(--t) var(--ease) infinite both; } .wib .ib2 .ib-badge { animation: ib-b2 var(--t) var(--ease) infinite both; } .wib .ib2 .ib-time { animation: ib-t2 var(--t) linear infinite both; } .wib .ib2 { animation: ib-r2 var(--t) linear infinite both; }
@keyframes ib-c3 { 0%, 34.50% { opacity: 1; } 37.00%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a3 { 0%, 34.50% { opacity: 0; transform: translateY(40%); } 37.42%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b3 { 0%, 5.08% { transform: scale(0); } 7.17%, 34.50% { transform: scale(1); } 36.58%, 100% { transform: scale(0); } }
@keyframes ib-t3 { 0%, 34.50% { color: #1FAF5A; font-weight: 600; } 36.17%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r3 { 0%, 34.50% { background: #F0FBF4; } 39.50%, 100% { background: #fff; } }
.wib .ib3 .ib-c { animation: ib-c3 var(--t) linear infinite both; } .wib .ib3 .ib-a { animation: ib-a3 var(--t) var(--ease) infinite both; } .wib .ib3 .ib-badge { animation: ib-b3 var(--t) var(--ease) infinite both; } .wib .ib3 .ib-time { animation: ib-t3 var(--t) linear infinite both; } .wib .ib3 { animation: ib-r3 var(--t) linear infinite both; }
@keyframes ib-c4 { 0%, 41.00% { opacity: 1; } 43.50%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a4 { 0%, 41.00% { opacity: 0; transform: translateY(40%); } 43.92%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b4 { 0%, 6.08% { transform: scale(0); } 8.17%, 41.00% { transform: scale(1); } 43.08%, 100% { transform: scale(0); } }
@keyframes ib-t4 { 0%, 41.00% { color: #1FAF5A; font-weight: 600; } 42.67%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r4 { 0%, 41.00% { background: #F0FBF4; } 46.00%, 100% { background: #fff; } }
.wib .ib4 .ib-c { animation: ib-c4 var(--t) linear infinite both; } .wib .ib4 .ib-a { animation: ib-a4 var(--t) var(--ease) infinite both; } .wib .ib4 .ib-badge { animation: ib-b4 var(--t) var(--ease) infinite both; } .wib .ib4 .ib-time { animation: ib-t4 var(--t) linear infinite both; } .wib .ib4 { animation: ib-r4 var(--t) linear infinite both; }
@keyframes ib-c5 { 0%, 47.50% { opacity: 1; } 50.00%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a5 { 0%, 47.50% { opacity: 0; transform: translateY(40%); } 50.42%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b5 { 0%, 7.08% { transform: scale(0); } 9.17%, 47.50% { transform: scale(1); } 49.58%, 100% { transform: scale(0); } }
@keyframes ib-t5 { 0%, 47.50% { color: #1FAF5A; font-weight: 600; } 49.17%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r5 { 0%, 47.50% { background: #F0FBF4; } 52.50%, 100% { background: #fff; } }
.wib .ib5 .ib-c { animation: ib-c5 var(--t) linear infinite both; } .wib .ib5 .ib-a { animation: ib-a5 var(--t) var(--ease) infinite both; } .wib .ib5 .ib-badge { animation: ib-b5 var(--t) var(--ease) infinite both; } .wib .ib5 .ib-time { animation: ib-t5 var(--t) linear infinite both; } .wib .ib5 { animation: ib-r5 var(--t) linear infinite both; }
@keyframes ib-c6 { 0%, 54.00% { opacity: 1; } 56.50%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a6 { 0%, 54.00% { opacity: 0; transform: translateY(40%); } 56.92%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b6 { 0%, 8.08% { transform: scale(0); } 10.17%, 54.00% { transform: scale(1); } 56.08%, 100% { transform: scale(0); } }
@keyframes ib-t6 { 0%, 54.00% { color: #1FAF5A; font-weight: 600; } 55.67%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r6 { 0%, 54.00% { background: #F0FBF4; } 59.00%, 100% { background: #fff; } }
.wib .ib6 .ib-c { animation: ib-c6 var(--t) linear infinite both; } .wib .ib6 .ib-a { animation: ib-a6 var(--t) var(--ease) infinite both; } .wib .ib6 .ib-badge { animation: ib-b6 var(--t) var(--ease) infinite both; } .wib .ib6 .ib-time { animation: ib-t6 var(--t) linear infinite both; } .wib .ib6 { animation: ib-r6 var(--t) linear infinite both; }
@keyframes ib-c7 { 0%, 60.50% { opacity: 1; } 63.00%, 94.17% { opacity: 0; } 100% { opacity: 1; } }
@keyframes ib-a7 { 0%, 60.50% { opacity: 0; transform: translateY(40%); } 63.42%, 94.17% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ib-b7 { 0%, 9.08% { transform: scale(0); } 11.17%, 60.50% { transform: scale(1); } 62.58%, 100% { transform: scale(0); } }
@keyframes ib-t7 { 0%, 60.50% { color: #1FAF5A; font-weight: 600; } 62.17%, 100% { color: #667781; font-weight: 400; } }
@keyframes ib-r7 { 0%, 60.50% { background: #F0FBF4; } 65.50%, 100% { background: #fff; } }
.wib .ib7 .ib-c { animation: ib-c7 var(--t) linear infinite both; } .wib .ib7 .ib-a { animation: ib-a7 var(--t) var(--ease) infinite both; } .wib .ib7 .ib-badge { animation: ib-b7 var(--t) var(--ease) infinite both; } .wib .ib7 .ib-time { animation: ib-t7 var(--t) linear infinite both; } .wib .ib7 { animation: ib-r7 var(--t) linear infinite both; }
.wib .ib-roll > span { transform: translateY(-88.8889%); }
@keyframes ib-roll { 0% { transform: translateY(-0.0000%); } 15.00% { transform: translateY(-0.0000%); } 17.50% { transform: translateY(-11.1111%); } 21.50% { transform: translateY(-11.1111%); } 24.00% { transform: translateY(-22.2222%); } 28.00% { transform: translateY(-22.2222%); } 30.50% { transform: translateY(-33.3333%); } 34.50% { transform: translateY(-33.3333%); } 37.00% { transform: translateY(-44.4444%); } 41.00% { transform: translateY(-44.4444%); } 43.50% { transform: translateY(-55.5556%); } 47.50% { transform: translateY(-55.5556%); } 50.00% { transform: translateY(-66.6667%); } 54.00% { transform: translateY(-66.6667%); } 56.50% { transform: translateY(-77.7778%); } 60.50% { transform: translateY(-77.7778%); } 63.00% { transform: translateY(-88.8889%); } 94.17% { transform: translateY(-88.8889%); } 100% { transform: translateY(-88.8889%); } }
.wib .ib-roll > span { animation: ib-roll var(--t) var(--ease) infinite both; }
@media (prefers-reduced-motion: reduce) { .wap *, .wap *::before, .wap *::after, .sw-ticket .ticket { animation: none !important; } .wap .wap-dots, .wap .wap-typ, .wap .wap-tap, .wib .ib-c, .wib .ib-badge { display: none; } }