.particles .particle {
    animation: intro-particle-drift 6s ease-in-out infinite alternate;
}

.particles .particle:nth-child(2n) {
    animation-duration: 7.5s;
    animation-delay: -2.5s;
}

.particles .particle:nth-child(3n) {
    animation-duration: 9s;
    animation-delay: -4.5s;
}

.particles .particle:nth-child(5n) {
    animation-duration: 5s;
    animation-delay: -1s;
}

@keyframes intro-particle-drift {
    from {
        transform: translate3d(0, 14px, 0);
    }

    to {
        transform: translate3d(0, -18px, 0);
    }
}

.receipt-amount {
    transform-origin: 50% 50%;
}

.receipt-amount.is-pop {
    animation: intro-amount-pop .55s cubic-bezier(.34, 1.56, .64, 1) both;
}

@keyframes intro-amount-pop {
    0% {
        opacity: 0;
        transform: scale(.5) translateY(10px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.back-flap.is-open {
    animation: intro-flap-sweep .45s ease-out both;
}

@keyframes intro-flap-sweep {
    0% {
        opacity: 0;
        transform: translateY(-26px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.confetti-burst {
    pointer-events: none;
    position: absolute;
    top: 32%;
    left: 50%;
    z-index: 40;
    width: 0;
    height: 0;
}

.confetti-burst span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    will-change: transform, opacity;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

@media (prefers-reduced-motion: reduce) {

    .particles .particle,
    .receipt-amount.is-pop,
    .back-flap.is-open {
        animation: none !important;
    }

    .confetti-burst {
        display: none;
    }
}
/* ===== SvelteKit display contents wrapper ===== */
.svelte-contents {
    display: contents;
}

/* ===== Layout bantu ===== */
.slide-header-spacer {
    width: 40px;
}

.characters-svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* ===== Partikel (nilai dipindah dari inline style) ===== */
.particles .particle:nth-child(1) {
    width: 2.40762px;
    height: 2.40762px;
    left: 22.9088%;
    top: 43.5123%;
    opacity: 0.410013;
}

.particles .particle:nth-child(2) {
    width: 3.69645px;
    height: 3.69645px;
    left: 54.9887%;
    top: 50.0989%;
    opacity: 0.300621;
}

.particles .particle:nth-child(3) {
    width: 2.12598px;
    height: 2.12598px;
    left: 15.6034%;
    top: 52.1131%;
    opacity: 0.308152;
}

.particles .particle:nth-child(4) {
    width: 3.89629px;
    height: 3.89629px;
    left: 93.5754%;
    top: 93.582%;
    opacity: 0.499079;
}

.particles .particle:nth-child(5) {
    width: 3.63485px;
    height: 3.63485px;
    left: 66.5279%;
    top: 78.228%;
    opacity: 0.291268;
}

.particles .particle:nth-child(6) {
    width: 2.93769px;
    height: 2.93769px;
    left: 7.65948%;
    top: 4.15501%;
    opacity: 0.351761;
}

.particles .particle:nth-child(7) {
    width: 2.54462px;
    height: 2.54462px;
    left: 84.0291%;
    top: 68.2718%;
    opacity: 0.207594;
}

.particles .particle:nth-child(8) {
    width: 1.77558px;
    height: 1.77558px;
    left: 59.4678%;
    top: 21.9073%;
    opacity: 0.454081;
}

.particles .particle:nth-child(9) {
    width: 2.60401px;
    height: 2.60401px;
    left: 52.0318%;
    top: 19.7242%;
    opacity: 0.492148;
}

.particles .particle:nth-child(10) {
    width: 4.40778px;
    height: 4.40778px;
    left: 94.7183%;
    top: 61.6222%;
    opacity: 0.202741;
}

.particles .particle:nth-child(11) {
    width: 3.11883px;
    height: 3.11883px;
    left: 46.2412%;
    top: 89.6281%;
    opacity: 0.284069;
}

.particles .particle:nth-child(12) {
    width: 3.59486px;
    height: 3.59486px;
    left: 69.7049%;
    top: 58.9426%;
    opacity: 0.425417;
}

.particles .particle:nth-child(13) {
    width: 2.38409px;
    height: 2.38409px;
    left: 42.7819%;
    top: 70.8464%;
    opacity: 0.167151;
}

.particles .particle:nth-child(14) {
    width: 3.57437px;
    height: 3.57437px;
    left: 79.0565%;
    top: 13.9045%;
    opacity: 0.332331;
}

.particles .particle:nth-child(15) {
    width: 3.99184px;
    height: 3.99184px;
    left: 8.90436%;
    top: 6.02994%;
    opacity: 0.204854;
}

.particles .particle:nth-child(16) {
    width: 1.54947px;
    height: 1.54947px;
    left: 2.01661%;
    top: 97.0564%;
    opacity: 0.193177;
}

.particles .particle:nth-child(17) {
    width: 4.07788px;
    height: 4.07788px;
    left: 83.2982%;
    top: 63.959%;
    opacity: 0.314153;
}

.particles .particle:nth-child(18) {
    width: 3.69136px;
    height: 3.69136px;
    left: 97.1596%;
    top: 65.535%;
    opacity: 0.498305;
}

.particles .particle:nth-child(19) {
    width: 1.86928px;
    height: 1.86928px;
    left: 68.7768%;
    top: 84.7507%;
    opacity: 0.27246;
}

.particles .particle:nth-child(20) {
    width: 2.97823px;
    height: 2.97823px;
    left: 20.2442%;
    top: 49.3813%;
    opacity: 0.222722;
}

.particles .particle:nth-child(21) {
    width: 2.99788px;
    height: 2.99788px;
    left: 27.0377%;
    top: 54.1344%;
    opacity: 0.247635;
}

.particles .particle:nth-child(22) {
    width: 1.54093px;
    height: 1.54093px;
    left: 94.9218%;
    top: 70.5851%;
    opacity: 0.496011;
}

.particles .particle:nth-child(23) {
    width: 3.35903px;
    height: 3.35903px;
    left: 68.2866%;
    top: 32.1361%;
    opacity: 0.498557;
}

.particles .particle:nth-child(24) {
    width: 4.0376px;
    height: 4.0376px;
    left: 39.9198%;
    top: 53.6454%;
    opacity: 0.421783;
}

.particles .particle:nth-child(25) {
    width: 2.36625px;
    height: 2.36625px;
    left: 87.2192%;
    top: 7.59156%;
    opacity: 0.470256;
}

.particles .particle:nth-child(26) {
    width: 4.48976px;
    height: 4.48976px;
    left: 82.1455%;
    top: 43.8421%;
    opacity: 0.418153;
}

.particles .particle:nth-child(27) {
    width: 2.38111px;
    height: 2.38111px;
    left: 94.8282%;
    top: 4.54044%;
    opacity: 0.153633;
}

.particles .particle:nth-child(28) {
    width: 3.80103px;
    height: 3.80103px;
    left: 35.4773%;
    top: 47.7484%;
    opacity: 0.213633;
}

.particles .particle:nth-child(29) {
    width: 2.78273px;
    height: 2.78273px;
    left: 56.0058%;
    top: 53.751%;
    opacity: 0.160718;
}

.particles .particle:nth-child(30) {
    width: 3.35347px;
    height: 3.35347px;
    left: 20.7425%;
    top: 55.514%;
    opacity: 0.223127;
}

.particles .particle:nth-child(31) {
    width: 3.01777px;
    height: 3.01777px;
    left: 41.6988%;
    top: 23.4242%;
    opacity: 0.425342;
}

.particles .particle:nth-child(32) {
    width: 4.34129px;
    height: 4.34129px;
    left: 99.6713%;
    top: 91.415%;
    opacity: 0.210534;
}

.particles .particle:nth-child(33) {
    width: 2.74417px;
    height: 2.74417px;
    left: 5.79388%;
    top: 25.387%;
    opacity: 0.277267;
}

.particles .particle:nth-child(34) {
    width: 3.11274px;
    height: 3.11274px;
    left: 20.0202%;
    top: 70.8814%;
    opacity: 0.120212;
}

.particles .particle:nth-child(35) {
    width: 2.84576px;
    height: 2.84576px;
    left: 44.2647%;
    top: 65.9578%;
    opacity: 0.456982;
}

.particles .particle:nth-child(36) {
    width: 3.63379px;
    height: 3.63379px;
    left: 33.8197%;
    top: 11.4889%;
    opacity: 0.406361;
}

.particles .particle:nth-child(37) {
    width: 2.61164px;
    height: 2.61164px;
    left: 89.3088%;
    top: 1.12219%;
    opacity: 0.106955;
}

.particles .particle:nth-child(38) {
    width: 3.52694px;
    height: 3.52694px;
    left: 63.1139%;
    top: 40.7644%;
    opacity: 0.468925;
}

.particles .particle:nth-child(39) {
    width: 2.18973px;
    height: 2.18973px;
    left: 21.5275%;
    top: 40.9841%;
    opacity: 0.369052;
}

.particles .particle:nth-child(40) {
    width: 4.12887px;
    height: 4.12887px;
    left: 99.7515%;
    top: 55.4855%;
    opacity: 0.261685;
}

.particles .particle:nth-child(41) {
    width: 2.57618px;
    height: 2.57618px;
    left: 72.2623%;
    top: 76.9643%;
    opacity: 0.337833;
}

.particles .particle:nth-child(42) {
    width: 3.49705px;
    height: 3.49705px;
    left: 96.2361%;
    top: 86.8185%;
    opacity: 0.431756;
}

.particles .particle:nth-child(43) {
    width: 4.30771px;
    height: 4.30771px;
    left: 11.9601%;
    top: 33.7798%;
    opacity: 0.448971;
}

.particles .particle:nth-child(44) {
    width: 3.60375px;
    height: 3.60375px;
    left: 96.4497%;
    top: 41.2436%;
    opacity: 0.359846;
}

.particles .particle:nth-child(45) {
    width: 4.33354px;
    height: 4.33354px;
    left: 33.6955%;
    top: 73.3039%;
    opacity: 0.441474;
}