.wn-tema{--wn-warna-utama:#8b5e3c;--wn-warna-utama-teks:#fff;--wn-warna-teks:#3f3f46;--wn-warna-teks-redup:#78716c;--wn-warna-latar:#fff;--wn-warna-kartu:#fff;--wn-warna-garis:#e7e5e4;--wn-font-judul:Georgia, serif;--wn-font-teks:system-ui, sans-serif;--wn-radius:12px;--wn-bayangan:0 6px 20px -12px #00000059;background:var(--wn-warna-latar);color:var(--wn-warna-teks);font-family:var(--wn-font-teks);-webkit-text-size-adjust:100%;line-height:1.5;width:100%!important;max-width:28rem!important;height:var(--wn-height,100dvh)!important;margin:0 auto!important;padding:0!important;position:relative!important;overflow:hidden!important;container-type:size!important}.wn-tema>.wn-scroller{overscroll-behavior:contain;margin:0;height:100%!important;overflow:hidden auto!important}.wn-tema>.wn-lapisan{z-index:50;pointer-events:none;position:absolute;inset:0}.wn-tema>.wn-lapisan :is(a,button,input,select,textarea,label,wn-musik,wn-auto-scroll){pointer-events:auto}.wn-tema:is([data-cover=tertutup],[data-cover=membuka])>.wn-lapisan{visibility:hidden}.wn-tema *,.wn-tema :before,.wn-tema :after{box-sizing:border-box}.wn-tema img,.wn-tema svg,.wn-tema video{max-width:100%}.wn-tema :is(wn-cover,wn-countdown,wn-gallery,wn-rsvp,wn-ucapan-list,wn-musik,wn-auto-scroll){display:block}.wn-tema wn-salin{display:inline-block}.wn-tema [hidden]{display:none!important}.wn-tema:is([data-cover=tertutup],[data-cover=membuka])>.wn-scroller{overflow-y:hidden!important}.wn-tema:is([data-cover=tertutup],[data-cover=membuka]) wn-cover:not([tetap]){z-index:40;overflow:hidden;position:absolute!important;inset:0!important}:where(.wn-tema) wn-cover{--wn-cover-durasi:.8s;--wn-cover-easing:cubic-bezier(.65, 0, .35, 1)}:where(.wn-tema) wn-cover[data-terbuka]:is(:not([keluar]),[keluar=geser-atas]){animation:wn-cover-geser-atas var(--wn-cover-durasi) var(--wn-cover-easing) forwards}:where(.wn-tema) wn-cover[data-terbuka][keluar=geser-bawah]{animation:wn-cover-geser-bawah var(--wn-cover-durasi) var(--wn-cover-easing) forwards}:where(.wn-tema) wn-cover[data-terbuka][keluar=geser-kiri]{animation:wn-cover-geser-kiri var(--wn-cover-durasi) var(--wn-cover-easing) forwards}:where(.wn-tema) wn-cover[data-terbuka][keluar=geser-kanan]{animation:wn-cover-geser-kanan var(--wn-cover-durasi) var(--wn-cover-easing) forwards}:where(.wn-tema) wn-cover[data-terbuka][keluar=pudar]{animation:wn-pudar var(--wn-cover-durasi) ease forwards}:where(.wn-tema) wn-cover[data-terbuka][keluar=zoom]{animation:wn-cover-zoom var(--wn-cover-durasi) ease-in forwards}:where(.wn-tema) wn-cover[data-terbuka][keluar=tirai]{animation:wn-cover-tirai var(--wn-cover-durasi) var(--wn-cover-easing) forwards}:where(.wn-tema) wn-cover[keluar=pintu]{perspective:1400px}:where(.wn-tema) wn-cover[keluar=pintu] :is([data-wn=daun-kiri],[data-wn=daun-kanan]){z-index:-1;backface-visibility:hidden;width:50%;position:absolute;top:0;bottom:0}:where(.wn-tema) wn-cover[keluar=pintu] [data-wn=daun-kiri]{transform-origin:0;left:0}:where(.wn-tema) wn-cover[keluar=pintu] [data-wn=daun-kanan]{transform-origin:100%;right:0}:where(.wn-tema) wn-cover[keluar=pintu]{isolation:isolate}:where(.wn-tema) wn-cover[keluar=pintu][data-terbuka]>:not([data-wn=daun-kiri],[data-wn=daun-kanan]){animation:wn-pudar calc(var(--wn-cover-durasi) * .35) ease forwards}:where(.wn-tema) wn-cover[keluar=pintu][data-terbuka] [data-wn=daun-kiri]{animation:wn-daun-kiri var(--wn-cover-durasi) var(--wn-cover-easing) forwards}:where(.wn-tema) wn-cover[keluar=pintu][data-terbuka] [data-wn=daun-kanan]{animation:wn-daun-kanan var(--wn-cover-durasi) var(--wn-cover-easing) forwards}@keyframes wn-cover-geser-atas{to{translate:0 -100%}}@keyframes wn-cover-geser-bawah{to{translate:0 100%}}@keyframes wn-cover-geser-kiri{to{translate:-100%}}@keyframes wn-cover-geser-kanan{to{translate:100%}}@keyframes wn-pudar{to{opacity:0}}@keyframes wn-cover-zoom{to{opacity:0;scale:1.3}}@keyframes wn-cover-tirai{0%{clip-path:polygon(0 0,50% 0,50% 100%,50% 100%,50% 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 100%,100% 100%,100% 0,100% 0,100% 100%,0 100%)}}@keyframes wn-daun-kiri{to{rotate:y -110deg}}@keyframes wn-daun-kanan{to{rotate:y 110deg}}:where(.wn-tema) .wn-toast{z-index:80;border-radius:var(--wn-radius);background:var(--wn-warna-teks);max-width:calc(100% - 2rem);color:var(--wn-warna-latar);box-shadow:var(--wn-bayangan);font-family:var(--wn-font-teks);text-align:center;pointer-events:none;opacity:0;padding:.6rem 1.1rem;font-size:13px;transition:opacity .25s,translate .25s;position:absolute;bottom:5rem;left:50%;translate:-50% 1rem}:where(.wn-tema) .wn-toast[data-masuk]{opacity:1;translate:-50%}:where(.wn-tema) .wn-toast[data-keluar]{opacity:0;translate:-50% 1rem}:where(.wn-tema) .wn-lightbox{z-index:70;color:#fff;touch-action:pan-y;opacity:0;background:#000000eb;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:opacity .25s;position:absolute;inset:0}:where(.wn-tema) .wn-lightbox[open]{display:grid}:where(.wn-tema) .wn-lightbox[data-masuk]{opacity:1}:where(.wn-tema) .wn-lightbox[data-keluar]{opacity:0}:where(.wn-tema) .wn-lightbox__gambar{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:85%}:where(.wn-tema) .wn-lightbox[data-arah=kanan] .wn-lightbox__gambar{animation:.3s wn-masuk-kanan}:where(.wn-tema) .wn-lightbox[data-arah=kiri] .wn-lightbox__gambar{animation:.3s wn-masuk-kiri}:where(.wn-tema) .wn-lightbox :is(.wn-lightbox__tutup,.wn-lightbox__sebelum,.wn-lightbox__berikut){width:44px;height:44px;color:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}:where(.wn-tema) .wn-lightbox__tutup{top:.75rem;right:.75rem}:where(.wn-tema) .wn-lightbox__sebelum{top:calc(50% - 22px);left:.5rem}:where(.wn-tema) .wn-lightbox__berikut{top:calc(50% - 22px);right:.5rem}:where(.wn-tema) .wn-lightbox__nomor{text-align:center;opacity:.8;font-size:13px;position:absolute;bottom:1rem;left:0;right:0}:where(.wn-tema) wn-gallery img{cursor:zoom-in}@keyframes wn-masuk-kanan{0%{opacity:0;translate:2rem}}@keyframes wn-masuk-kiri{0%{opacity:0;translate:-2rem}}:where(.wn-tema)>wn-musik[bawaan]{z-index:50;transition:opacity .3s;position:absolute;bottom:1rem;right:1rem}:where(.wn-tema:is([data-cover=tertutup],[data-cover=membuka]))>wn-musik[bawaan],:where(.wn-tema:is([data-cover=tertutup],[data-cover=membuka])) wn-auto-scroll{opacity:0;pointer-events:none}:where(.wn-tema) wn-auto-scroll{transition:opacity .3s}:where(.wn-tema) :is(.wn-musik__tombol,.wn-auto-scroll__tombol){background:var(--wn-warna-utama);width:44px;height:44px;color:var(--wn-warna-utama-teks);box-shadow:var(--wn-bayangan);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}:where(.wn-tema) wn-musik[data-playing] .wn-musik__tombol svg{animation:4s linear infinite wn-putar}:where(.wn-tema) wn-auto-scroll[data-jalan] .wn-auto-scroll__tombol{opacity:.6}@keyframes wn-putar{to{rotate:360deg}}:where(.wn-tema) wn-rsvp:not([data-siap]){min-height:22rem}:where(.wn-tema) .wn-rsvp{border-radius:var(--wn-radius);background:var(--wn-warna-kartu);box-shadow:var(--wn-bayangan);font-family:var(--wn-font-teks);text-align:left;gap:1rem;padding:1.25rem;display:grid}:where(.wn-tema) .wn-rsvp__field{border:0;gap:.35rem;min-width:0;margin:0;padding:0;display:grid}:where(.wn-tema) .wn-rsvp__label{padding:0;font-size:12px;font-weight:500}:where(.wn-tema) .wn-rsvp__input{border:1px solid var(--wn-warna-garis);border-radius:calc(var(--wn-radius) * .6);background:var(--wn-warna-latar);width:100%;color:var(--wn-warna-teks);font:inherit;padding:.6rem .75rem;font-size:16px}:where(.wn-tema) .wn-rsvp__input:focus{outline:2px solid var(--wn-warna-utama);outline-offset:-1px}:where(.wn-tema) .wn-rsvp__pilihan{flex-wrap:wrap;gap:.5rem;display:flex}:where(.wn-tema) .wn-rsvp__pilihan label{border:1px solid var(--wn-warna-garis);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:13px;position:relative}:where(.wn-tema) .wn-rsvp__pilihan input{opacity:0;pointer-events:none;position:absolute}:where(.wn-tema) .wn-rsvp__pilihan label[data-dipilih]{border-color:var(--wn-warna-utama);background:var(--wn-warna-utama);color:var(--wn-warna-utama-teks)}:where(.wn-tema) .wn-rsvp__pilihan label:has(input:focus-visible){outline:2px solid var(--wn-warna-utama);outline-offset:2px}:where(.wn-tema) .wn-rsvp__tombol{background:var(--wn-warna-utama);color:var(--wn-warna-utama-teks);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1rem;font-weight:500}:where(.wn-tema) .wn-rsvp__tombol:disabled{opacity:.6;cursor:wait}:where(.wn-tema) .wn-rsvp__galat{color:#b91c1c;margin:0;font-size:12px}:where(.wn-tema) wn-ucapan-list:not([data-siap]){min-height:6rem}:where(.wn-tema) .wn-ucapan{text-align:left;gap:.75rem;margin-top:1rem;display:grid}:where(.wn-tema) article.wn-ucapan__item{border-radius:var(--wn-radius);background:var(--wn-warna-kartu);box-shadow:var(--wn-bayangan);overflow-wrap:anywhere;padding:.9rem 1rem}:where(.wn-tema) article.wn-ucapan__item header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .5rem;display:flex}:where(.wn-tema) .wn-ucapan__hadir{background:var(--wn-warna-latar);color:var(--wn-warna-teks-redup);border-radius:999px;padding:.1rem .5rem;font-size:11px}:where(.wn-tema) .wn-ucapan__isi{white-space:pre-line;margin:.4rem 0 0}:where(.wn-tema) .wn-ucapan__waktu{color:var(--wn-warna-teks-redup);margin-top:.35rem;font-size:11px;display:block}:where(.wn-tema) .wn-ucapan__balasan{border-left:3px solid var(--wn-warna-utama);background:var(--wn-warna-latar);margin:.6rem 0 0;padding:.5rem .75rem;font-size:13px}:where(.wn-tema) .wn-ucapan__kosong{color:var(--wn-warna-teks-redup);text-align:center}:where(.wn-tema) .wn-ucapan__lagi{border:1px solid var(--wn-warna-utama);color:var(--wn-warna-utama);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-self:center;padding:.5rem 1.2rem;font-size:13px}:where(.wn-tema[data-mode-edit]) [data-wn-edit]{cursor:pointer;outline-offset:-4px;outline:2px dashed #0000;transition:outline-color .15s}:where(.wn-tema[data-mode-edit]) [data-wn-edit]:hover{outline-color:var(--wn-warna-utama)}:where(.wn-galeri-acara){z-index:5;text-align:center;margin:1.5rem auto 0;padding:0 1rem;position:relative}:where(.wn-galeri-acara__tombol){border:1px solid var(--wn-warna-utama);border-radius:var(--wn-radius);background:var(--wn-warna-utama);min-height:44px;color:var(--wn-warna-utama-teks);font-family:var(--wn-font-teks);justify-content:center;align-items:center;padding:0 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}:where(.wn-galeri-acara__teks){margin:.5rem 0 0;font-size:.8125rem}:where(.wn-galeri-melayang){background:var(--wn-warna-utama);width:2.75rem;height:2.75rem;color:var(--wn-warna-utama-teks);box-shadow:var(--wn-bayangan);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:1rem;left:1rem}:where(.wn-galeri-melayang svg){width:1.375rem;height:1.375rem}:where(.wn-tema[data-anim-siap]) [data-anim]{transition-property:opacity,translate,scale,rotate;transition-duration:var(--wn-anim-durasi,.7s);transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:var(--wn-anim-delay,0s)}.wn-tema[data-anim-siap] [data-anim]:not([data-anim-masuk]){opacity:0;transition-delay:0s}.wn-tema[data-anim-siap] [data-anim=fade-up]:not([data-anim-masuk]){translate:0 2rem}.wn-tema[data-anim-siap] [data-anim=fade-down]:not([data-anim-masuk]){translate:0 -2rem}.wn-tema[data-anim-siap] [data-anim=fade-left]:not([data-anim-masuk]){translate:2rem}.wn-tema[data-anim-siap] [data-anim=fade-right]:not([data-anim-masuk]){translate:-2rem}.wn-tema[data-anim-siap] [data-anim=zoom-in]:not([data-anim-masuk]){scale:.85}.wn-tema[data-anim-siap] [data-anim=zoom-out]:not([data-anim-masuk]){scale:1.15}.wn-tema[data-anim-siap] [data-anim=flip-up]:not([data-anim-masuk]){rotate:x 80deg}
