@font-face{font-family:GbbJudul;src:url(../../../tpl/gantungan-boks-bayi/fonts/fredoka.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:GbbIsi;src:url(../../../tpl/gantungan-boks-bayi/fonts/nunito.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}.gbb-tpl.svelte-1lh1n0{--dinding:#dce2ec;--krem:#f7f0e4;--lampu:#f8e2b6;--tinta:#33395a;--tinta-2:#565c7e;--mustard:#e3b65c;--mustard-tua:#b98a2f;--kayu:#d9b48a;--kayu-tua:#a97c52;--kertas:#fffaf2;--judul:"GbbJudul", "Fredoka", "Nunito", system-ui, sans-serif;--isi:"GbbIsi", "Nunito", system-ui, sans-serif;width:100%;min-height:100dvh;color:var(--tinta);font-family:var(--isi);-webkit-text-size-adjust:100%;background:#cfd5e0;justify-content:center;align-items:center;display:flex;position:relative}.app.svelte-1lh1n0{isolation:isolate;background:radial-gradient(70% 40% at 50% 34%, #f8e2b6bf 0%, transparent 70%), linear-gradient(180deg, var(--dinding) 0%, #e8e6ec 55%, var(--krem) 100%);width:100%;max-width:460px;height:100dvh;max-height:940px;transition:background 1s;position:relative;overflow:hidden}.app.malam.svelte-1lh1n0{background:radial-gradient(70% 40% at 50% 18%,#f8e2b638 0%,#0000 70%),linear-gradient(#2f3656 0%,#3b4468 100%)}@media (width>=520px){.app.svelte-1lh1n0{border-radius:26px;box-shadow:0 30px 80px #33395a47}}.langit.svelte-1lh1n0{z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.malam.svelte-1lh1n0 .langit:where(.svelte-1lh1n0){opacity:1}.langit.svelte-1lh1n0 span:where(.svelte-1lh1n0){width:var(--s);height:var(--s);animation:svelte-1lh1n0-gbb-kedip 3.4s var(--dl) ease-in-out infinite;background:#fbeccb;border-radius:50%;position:absolute}@keyframes svelte-1lh1n0-gbb-kedip{0%,to{opacity:.25}50%{opacity:.9}}.layar.svelte-1lh1n0{z-index:5;flex-direction:column;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.layar.gulir.svelte-1lh1n0{overscroll-behavior:contain;overflow-y:auto}.isi.svelte-1lh1n0{width:100%;min-height:100%;padding:60px 22px calc(28px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;display:flex}.isi.svelte-1lh1n0:before,.isi.svelte-1lh1n0:after{content:"";flex:1 1 0}.isi-adegan.svelte-1lh1n0{padding-top:54px}.naik.svelte-1lh1n0{animation:.8s cubic-bezier(.2,.8,.2,1) both svelte-1lh1n0-gbb-naik;animation-delay:var(--d,0s)}@keyframes svelte-1lh1n0-gbb-naik{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mata.svelte-1lh1n0{font-family:var(--isi);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:14px;font-weight:800}.judul.svelte-1lh1n0{font-family:var(--judul);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:6px 0 0;font-size:clamp(27px,8vw,34px);font-weight:600;line-height:1.12}.kecil.svelte-1lh1n0{color:var(--tinta-2);text-align:center;margin:8px 0 0;font-size:15px}.tombol.svelte-1lh1n0{border:2px solid var(--tinta);min-height:46px;color:var(--tinta);font-family:var(--judul);cursor:pointer;touch-action:manipulation;background:#fffaf2b3;border-radius:999px;padding:10px 22px;font-size:18px;font-weight:500;transition:transform .15s}.tombol.utama.svelte-1lh1n0{background:var(--mustard);border-color:var(--mustard-tua);color:var(--tinta);box-shadow:0 3px 0 var(--mustard-tua), 0 8px 18px #33395a2e}.tombol.svelte-1lh1n0:active{transform:translateY(2px)}.svelte-1lh1n0:focus-visible{outline:2.5px solid var(--tinta);outline-offset:3px}.baris-aksi.svelte-1lh1n0{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.mainan-layar.svelte-1lh1n0{padding:54px 18px calc(18px + env(safe-area-inset-bottom));justify-content:space-between}.kepala.svelte-1lh1n0{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.nama.svelte-1lh1n0{font-family:var(--judul);overflow-wrap:anywhere;max-width:100%;margin:6px 0 0;font-size:clamp(36px,11vw,50px);font-weight:600;line-height:1.04}.hero.svelte-1lh1n0{font-family:var(--judul);overflow-wrap:anywhere;max-width:100%;margin:4px 0 0;font-size:clamp(28px,8.6vw,40px);font-weight:600;line-height:1.1}.sub-hero.svelte-1lh1n0,.ket.svelte-1lh1n0{max-width:28ch;color:var(--tinta-2);overflow-wrap:anywhere;margin:8px 0 0;font-size:18px;line-height:1.4}.pil.svelte-1lh1n0{background:#fffaf2eb;border-radius:999px;margin:10px 0 0;padding:6px 16px;font-size:17px;font-weight:700;box-shadow:0 3px 12px #33395a1f}.panggung.svelte-1lh1n0{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;container-type:size}.wadah-adegan.svelte-1lh1n0{width:min(400px,100cqw,90.9091cqh);min-width:200px}.wadah-adegan.lebar.svelte-1lh1n0{width:min(380px,100%,104.167dvh - 343.75px);margin-top:6px}.bawah.svelte-1lh1n0{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:88px;display:flex}.pita-nama.svelte-1lh1n0{background:var(--kertas);max-width:100%;box-shadow:inset 0 0 0 3px var(--kertas), inset 0 0 0 4.5px var(--aksen), 0 4px 12px #33395a1f;font-family:var(--judul);text-align:center;overflow-wrap:anywhere;border-radius:10px;margin:0 0 10px;padding:6px 18px;font-size:19px;font-weight:500}.adegan.svelte-1lh1n0{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;container-type:inline-size}.adegan-mainan.svelte-1lh1n0{aspect-ratio:1/1.1;cursor:grab}.adegan-foto.svelte-1lh1n0{aspect-ratio:1/.96}.adegan-teman.svelte-1lh1n0{aspect-ratio:1/.86}.adegan.bisa-seret.svelte-1lh1n0{cursor:grab}.kotak-musik.svelte-1lh1n0{background:linear-gradient(180deg, #e6c9a2 0%, var(--kayu) 100%);z-index:2;border-radius:3.5cqw;width:26cqw;height:13cqw;margin-left:-13cqw;position:absolute;top:1cqw;left:50%;box-shadow:inset 0 -1cqw #a97c5259,0 1cqw 2cqw #33395a26}.not.svelte-1lh1n0{color:var(--kayu-tua);font-size:6cqw;line-height:1;position:absolute;top:2cqw;left:2.6cqw}.kunci.svelte-1lh1n0{z-index:3;place-items:center;width:16cqw;height:16cqw;margin-left:-2cqw;display:grid;position:absolute;top:0;left:50%}.kunci.ajak.svelte-1lh1n0:after{content:"";border:2px solid var(--mustard-tua);border-radius:50%;animation:1.7s ease-out infinite svelte-1lh1n0-gbb-denyut;position:absolute;inset:-1.5cqw}@keyframes svelte-1lh1n0-gbb-denyut{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}.meter-kunci.svelte-1lh1n0{width:100%;height:100%;position:absolute;inset:0}.kupu.svelte-1lh1n0{width:80%;height:80%;overflow:visible}.batang.svelte-1lh1n0{background:var(--kayu-tua);z-index:1;border-radius:1cqw;width:1.6cqw;height:17cqw;margin-left:-.8cqw;position:absolute;top:13cqw;left:50%}.adegan-foto.svelte-1lh1n0 .batang:where(.svelte-1lh1n0),.adegan-teman.svelte-1lh1n0 .batang:where(.svelte-1lh1n0){height:13cqw}.cincin.svelte-1lh1n0{z-index:50;border:1.8cqw solid var(--kayu);pointer-events:none;border-radius:50%;position:absolute;left:50%;box-shadow:inset 0 .6cqw #fff6e666,0 .8cqw #a97c5273}.gantung.svelte-1lh1n0{transform-origin:50% 0;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.tali.svelte-1lh1n0{background:#33395a73;width:1.5px;display:block}.goyang.svelte-1lh1n0{transform-origin:50% 0;width:100%;animation:svelte-1lh1n0-gbb-goyang 3.2s var(--dl) ease-in-out infinite}@keyframes svelte-1lh1n0-gbb-goyang{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.muter.svelte-1lh1n0 .goyang:where(.svelte-1lh1n0){animation-duration:1.8s}.flanel.svelte-1lh1n0{filter:drop-shadow(0 .8cqw .8cqw #33395a33);width:100%;height:auto;display:block;overflow:visible}.ram.svelte-1lh1n0,.doa-gantung.svelte-1lh1n0{aspect-ratio:1;cursor:pointer;pointer-events:auto;touch-action:none;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.ram.svelte-1lh1n0{border:2.2cqw solid var(--kayu);box-shadow:0 0 0 .7cqw var(--kayu-tua), inset 0 0 0 .9cqw var(--kertas), 0 1.4cqw 3cqw #33395a40;background:var(--kertas);border-radius:50%}.ram.svelte-1lh1n0 img:where(.svelte-1lh1n0){object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;padding:.9cqw}.ram-sekrup.svelte-1lh1n0{background:var(--kayu-tua);border-radius:1cqw;width:5cqw;height:3.4cqw;margin-left:-2.5cqw;position:absolute;top:-4.4cqw;left:50%}.depan.svelte-1lh1n0 .ram:where(.svelte-1lh1n0){box-shadow:0 0 0 .7cqw var(--kayu-tua), 0 0 0 2cqw var(--aksen), inset 0 0 0 .9cqw var(--kertas), 0 1.6cqw 4cqw #33395a4d}.doa-gantung.svelte-1lh1n0 .flanel:where(.svelte-1lh1n0){position:absolute;inset:0}.doa-gantung.svelte-1lh1n0{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.depan.svelte-1lh1n0 .doa-gantung:where(.svelte-1lh1n0){transform:scale(1.18)}.doa-inisial.svelte-1lh1n0{font-family:var(--judul);color:var(--tinta);place-items:center;font-size:8.5cqw;font-weight:600;display:grid;position:absolute;inset:18% 0 0}.doa-foto-kecil.svelte-1lh1n0{object-fit:cover;border:.6cqw solid var(--kertas);border-radius:50%;width:48%;height:48%;position:absolute;top:32%;left:26%}.depan.svelte-1lh1n0 .doa-gantung:where(.svelte-1lh1n0) .flanel:where(.svelte-1lh1n0){filter:drop-shadow(0 0 1.6cqw #f8e2b6f2)drop-shadow(0 .8cqw .8cqw #33395a33)}.boks.svelte-1lh1n0{z-index:120;height:22cqw;position:absolute;top:88cqw;left:4%;right:4%}.pagar-atas.svelte-1lh1n0{background:var(--kayu);border-radius:1.5cqw;height:3cqw;position:absolute;top:3cqw;left:0;right:0;box-shadow:inset 0 -.8cqw #a97c5266}.jeruji.svelte-1lh1n0{background:repeating-linear-gradient(90deg, transparent 0 6cqw, var(--kayu) 6cqw 8cqw);position:absolute;inset:6cqw 0 0;-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%)}.bendera.svelte-1lh1n0{z-index:2;justify-content:center;gap:.8cqw;display:flex;position:absolute;top:4cqw;left:6%;right:6%}.bendera-satu.svelte-1lh1n0{width:min(9cqw, calc(78cqw / var(--n)));aspect-ratio:1/1.15;background:var(--w);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);font-family:var(--judul);font-weight:600;font-size:min(5.4cqw, calc(46cqw / var(--n)));color:var(--tinta);margin-top:var(--y);animation:.7s cubic-bezier(.3,1.5,.5,1) both svelte-1lh1n0-gbb-bendera;animation-delay:calc(.6s + var(--i) * .12s);transform-origin:50% 0;place-items:start center;padding-top:.6cqw;line-height:1.2;display:grid;position:relative}@keyframes svelte-1lh1n0-gbb-bendera{0%{opacity:0;transform:translateY(-6cqw)rotate(-14deg)}to{opacity:1;transform:none}}.kartu-lahir.svelte-1lh1n0{background:var(--kertas);width:min(370px,100%);box-shadow:0 14px 34px #33395a26, inset 0 0 0 7px var(--kertas), inset 0 0 0 9px #e3b65c59;outline:2px dashed var(--mustard);outline-offset:-15px;text-align:center;border-radius:22px;min-width:0;padding:26px 22px 24px}.kartu-nama.svelte-1lh1n0{font-family:var(--judul);overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(30px,9.4vw,42px);font-weight:600;line-height:1.08}.kartu-tgl.svelte-1lh1n0{margin:10px 0 0;font-size:18px;font-weight:600}.kartu-jam.svelte-1lh1n0{background:var(--lampu);font-family:var(--judul);border-radius:999px;margin:6px 0 0;padding:3px 14px;font-size:18px;display:inline-block}.petak-baris.svelte-1lh1n0{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.petak.svelte-1lh1n0{background:color-mix(in srgb, var(--aksen) 30%, var(--kertas));outline:1.5px dashed color-mix(in srgb, var(--aksen) 80%, var(--tinta));outline-offset:-6px;border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:14px 8px 12px;display:flex}.petak.svelte-1lh1n0 svg:where(.svelte-1lh1n0){width:28px;height:28px;color:var(--tinta-2)}.petak-angka.svelte-1lh1n0{font-family:var(--judul);margin-top:4px;font-size:clamp(30px,9vw,38px);font-weight:600;line-height:1}.petak-angka.svelte-1lh1n0 small:where(.svelte-1lh1n0){font-size:.5em;font-weight:500}.petak-label.svelte-1lh1n0{letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2);margin-top:4px;font-size:14px;font-weight:700}.canda.svelte-1lh1n0{color:var(--tinta-2);margin:14px 0 0;font-size:16px;font-style:italic;line-height:1.45}.ortu.svelte-1lh1n0{font-family:var(--judul);overflow-wrap:anywhere;border-top:1.5px dashed #33395a33;margin:16px 0 0;padding-top:14px;font-size:21px}.ortu.svelte-1lh1n0 span:where(.svelte-1lh1n0){font-family:var(--isi);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);font-size:14px;font-weight:800;display:block}.umur.svelte-1lh1n0{color:var(--tinta-2);margin:10px 0 0;font-size:16px}.kartu-lahir.svelte-1lh1n0+.tombol:where(.svelte-1lh1n0){margin-top:20px}.surat.svelte-1lh1n0{background:var(--kertas);width:min(370px,100%);box-shadow:0 14px 34px #33395a24, inset 0 0 0 7px var(--kertas), inset 0 0 0 9px color-mix(in srgb, var(--aksen) 45%, transparent);border-radius:22px;min-width:0;padding:30px 24px 24px}.surat-judul.svelte-1lh1n0{font-family:var(--judul);text-align:center;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,7.6vw,32px);font-weight:600;line-height:1.15}.sapa.svelte-1lh1n0{overflow-wrap:anywhere;margin:16px 0 0;font-size:18px;font-weight:800}.par.svelte-1lh1n0{overflow-wrap:anywhere;margin:10px 0 0;font-size:18px;line-height:1.6}.ttd.svelte-1lh1n0{font-family:var(--judul);text-align:right;overflow-wrap:anywhere;margin:16px 0 0;font-size:23px;font-weight:500}.surat.svelte-1lh1n0+.tombol:where(.svelte-1lh1n0){margin-top:20px}.ket-foto.svelte-1lh1n0{max-width:100%;min-height:1.4em;font-family:var(--judul);text-align:center;overflow-wrap:anywhere;margin:4px 0 0;font-size:20px;line-height:1.3}.kartu-doa.svelte-1lh1n0{background:var(--kertas);border-radius:18px;width:min(360px,100%);min-width:0;margin-top:4px;padding:16px 20px 14px;animation:.5s both svelte-1lh1n0-gbb-naik;box-shadow:0 10px 24px #33395a21}.doa-foto.svelte-1lh1n0{object-fit:cover;border-radius:12px;width:100%;max-height:220px;margin-bottom:8px;display:block}.doa-ket.svelte-1lh1n0{color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 8px;font-size:15px}.doa-pesan.svelte-1lh1n0{overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.5}.doa-nama.svelte-1lh1n0{font-family:var(--judul);text-align:right;color:var(--tinta-2);overflow-wrap:anywhere;margin:8px 0 0;font-size:18px;font-weight:500}.bingkai-video.svelte-1lh1n0{background:var(--kertas);width:100%;max-width:380px;box-shadow:0 0 0 3px var(--kayu), 0 10px 24px #33395a29;border-radius:18px;margin:18px 0 20px;padding:10px}.bingkai-video.potret.svelte-1lh1n0{max-width:min(240px,64vw)}.penutup.svelte-1lh1n0{color:#f7f0e4}.mini-gantung.svelte-1lh1n0{width:170px;height:96px}.penutup-judul.svelte-1lh1n0{font-family:var(--judul);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:16px 0 0;font-size:clamp(30px,9vw,40px);font-weight:600;line-height:1.12}.penutup-pesan.svelte-1lh1n0{text-align:center;white-space:pre-line;overflow-wrap:anywhere;color:#e9e3d6;max-width:30ch;margin:14px 0 0;font-size:19px;line-height:1.6}.penutup-ttd.svelte-1lh1n0{font-family:var(--judul);color:var(--lampu);text-align:center;overflow-wrap:anywhere;max-width:100%;margin:16px 0 0;font-size:25px;font-weight:500}.bareng.svelte-1lh1n0{text-align:center;color:#e9e3d6;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-top:14px;font-size:16px;display:flex}.avatar-tumpuk.svelte-1lh1n0{display:inline-flex}.avatar-tumpuk.svelte-1lh1n0 .teman-avatar{color:#fff8ee;font-family:var(--judul);object-fit:cover;border:2px solid #3b4468;border-radius:50%;justify-content:center;align-items:center;margin-left:-7px;font-weight:600;display:inline-flex}.avatar-tumpuk.svelte-1lh1n0 .teman-avatar:first-child{margin-left:0}.balas-akhir.svelte-1lh1n0{color:#f7f0e4;justify-content:center;width:100%;margin-top:22px;display:flex}.layar.svelte-1lh1n0:has(.balas-akhir:where(.svelte-1lh1n0) .lapis){z-index:60}.app.svelte-1lh1n0 .music-toggle{top:calc(12px + env(safe-area-inset-top));z-index:20;position:absolute;bottom:auto;right:12px}@media (height<=700px){.mainan-layar.svelte-1lh1n0{padding-top:46px}.nama.svelte-1lh1n0{font-size:clamp(32px,10vw,42px)}.hero.svelte-1lh1n0{font-size:clamp(26px,8vw,34px)}.ket.svelte-1lh1n0,.sub-hero.svelte-1lh1n0{font-size:16px}}@media (prefers-reduced-motion:reduce){.gbb-tpl.svelte-1lh1n0 *{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}