/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-paraf:"Herr Von Muellerhoff", cursive;--font-weight-hero:var(--bobot-hero);--font-weight-produk:var(--bobot-produk);--font-weight-harga:var(--bobot-harga);--color-biru:var(--biru);--color-biru-tua:var(--biru-tua);--color-biru-malam:var(--biru-malam);--color-biru-pucat:var(--biru-pucat);--color-es:var(--es);--color-tepung:var(--tepung);--color-tepung-2:var(--tepung-2);--color-putih:var(--putih);--color-garis:var(--garis);--color-tinta:var(--tinta);--color-tinta-2:var(--tinta-2);--color-tinta-terang-2:var(--tinta-terang-2);--color-gandum:var(--gandum);--color-merah:var(--merah);--text-step--1:var(--step--1);--text-step-0:var(--step-0);--text-step-1:var(--step-1);--text-step-2:var(--step-2);--text-step-3:var(--step-3);--text-step-4:var(--step-4);--radius-kontrol:var(--radius-kontrol);--radius-panel:var(--radius-panel);--radius-wadah:var(--radius-wadah);--radius-full:9999px;--ease-keluar:var(--ease-keluar)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{border-color:var(--garis)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--tinggi-header) + 1rem);-webkit-text-size-adjust:100%;background:var(--tepung)}html,body{overscroll-behavior:none}body{background:var(--tepung);color:var(--tinta);font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--bobot-deskripsi);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.12}p{text-wrap:pretty}::selection{background:var(--biru);color:var(--putih)}:focus-visible{outline:2px solid var(--biru);outline-offset:2px}.permukaan-gelap :focus-visible{outline-color:var(--gandum)}button,a,input,select,textarea,[role=button]{touch-action:manipulation}button:not(:disabled),a,summary{cursor:pointer}input[type=search]::-webkit-search-cancel-button{appearance:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{.wadah{width:min(100% - 2rem,74rem);margin-inline:auto}@media (width>=640px){.wadah{width:min(100% - 3rem,74rem)}}.judul{font-weight:var(--bobot-judul);letter-spacing:-.025em;text-wrap:balance;line-height:1.08}.paraf{font-family:var(--font-paraf);transform-origin:0;white-space:nowrap;font-weight:400;line-height:1;rotate:-3deg}.teks-kecil{font-size:var(--step--1);line-height:1.45}.keterangan{font-size:var(--step--1);color:var(--biru);font-weight:600}.angka{font-variant-numeric:tabular-nums}.tautan{text-decoration:underline}@supports (color:color-mix(in lab, red, red)){.tautan{-webkit-text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);text-decoration-color:color-mix(in oklab, currentColor 40%, transparent)}}.tautan{text-underline-offset:4px;transition:text-decoration-color .15s}@media (hover:hover){.tautan:hover{text-decoration-color:currentColor}}.btn{border-radius:var(--radius-kontrol);min-height:2.75rem;font-size:.9375rem;font-weight:var(--bobot-kontrol);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.125rem;line-height:1.2;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn svg{flex-shrink:0}.btn:active:not(:disabled){translate:0 1px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn[aria-busy=true]{cursor:progress;opacity:1}.btn-besar{min-height:3rem;padding-inline:1.375rem;font-size:1rem}.btn-ikon{width:2.75rem;padding:0}.btn-utama{background:var(--biru);color:var(--putih)}.btn-kedua{background:var(--es);color:var(--biru-tua)}.btn-polos{color:var(--tinta)}.btn-garis{border-color:var(--garis-tua);background:var(--putih);color:var(--tinta)}.btn-bahaya{background:var(--merah);color:var(--putih)}.btn-bahaya-garis{border-color:var(--merah)}@supports (color:color-mix(in lab, red, red)){.btn-bahaya-garis{border-color:color-mix(in oklab, var(--merah) 40%, var(--putih))}}.btn-bahaya-garis{background:var(--putih);color:var(--merah)}.btn-terang{background:var(--tepung);color:var(--biru-tua)}.btn-garis-terang{border-color:var(--biru-pucat)}@supports (color:color-mix(in lab, red, red)){.btn-garis-terang{border-color:color-mix(in oklab, var(--biru-pucat) 70%, transparent)}}.btn-garis-terang{color:var(--putih)}@media (hover:hover){.btn-utama:hover:not(:disabled){background:var(--biru-tua)}.btn-kedua:hover:not(:disabled){background:var(--garis)}.btn-polos:hover:not(:disabled),.btn-garis:hover:not(:disabled){background:var(--es)}.btn-bahaya:hover:not(:disabled){background:var(--merah)}@supports (color:color-mix(in lab, red, red)){.btn-bahaya:hover:not(:disabled){background:color-mix(in oklab, var(--merah) 85%, var(--tinta))}}.btn-bahaya-garis:hover:not(:disabled){border-color:var(--merah);background:var(--merah)}@supports (color:color-mix(in lab, red, red)){.btn-bahaya-garis:hover:not(:disabled){background:color-mix(in oklab, var(--merah) 6%, var(--putih))}}.btn-terang:hover:not(:disabled),.btn-garis-terang:hover:not(:disabled){background:var(--putih)}@supports (color:color-mix(in lab, red, red)){.btn-garis-terang:hover:not(:disabled){background:color-mix(in oklab, var(--putih) 8%, transparent)}}}.isian{border:1px solid var(--garis-tua);border-radius:var(--radius-kontrol);background:var(--putih);width:100%;min-height:2.75rem;color:var(--tinta);padding:.625rem .875rem;font-size:1rem}.isian::placeholder{color:var(--tinta-2)}@media (hover:hover){.isian:hover:not(:disabled){border-color:var(--tinta-2)}}.isian:focus-visible{outline-offset:0;border-color:var(--biru)}.isian:disabled{background:var(--tepung-2);color:var(--tinta-2)}.isian[aria-invalid=true]{border-color:var(--merah)}.pilihan-isian{border-radius:var(--radius-kontrol);background:var(--tepung-2);width:100%;min-height:2.75rem;color:var(--tinta);font-size:1rem;font-weight:var(--bobot-kontrol);text-align:left;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.pilihan-isian[data-state=open]{background:var(--es)}.isian-aksi{border-radius:calc(var(--radius-kontrol) - .3125rem);color:var(--biru);font-size:.875rem;font-weight:var(--bobot-kontrol);align-items:center;padding-inline:.75rem;transition:background-color .15s;display:inline-flex;position:absolute;top:.3125rem;bottom:.3125rem;right:.3125rem}@media (hover:hover){.isian-aksi:hover{background:var(--es)}}.judul-bagian{font-size:var(--step-1);letter-spacing:-.015em;color:var(--tinta);margin-bottom:.75rem;font-weight:650;line-height:1.25}.label{margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.petunjuk{font-size:var(--step--1);color:var(--tinta-2);margin-top:.375rem;line-height:1.45}.galat{font-size:var(--step--1);color:var(--merah);align-items:flex-start;gap:.375rem;margin-top:.375rem;line-height:1.45;display:flex}.panel{border:1px solid var(--garis);border-radius:var(--radius-panel);background:var(--putih)}.panel-es{border-radius:var(--radius-panel);background:var(--es)}.baris-tautan{transition:background-color .15s}.baris-tautan:focus-visible{outline-offset:-2px}@media (hover:hover){.baris-tautan:hover{background:var(--es)}@supports (color:color-mix(in lab, red, red)){.baris-tautan:hover{background:color-mix(in oklab, var(--es) 50%, var(--putih))}}}.panel-bahaya{border-radius:var(--radius-kontrol);background:var(--merah)}@supports (color:color-mix(in lab, red, red)){.panel-bahaya{background:color-mix(in oklab, var(--merah) 5%, var(--putih))}}.panel-bahaya{padding:1rem}.panel-tepung{border-radius:var(--radius-panel);background:var(--tepung-2)}.lencana{min-height:1.5rem;font-size:var(--step--1);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding-inline:.625rem;font-weight:600;line-height:1;display:inline-flex}.lencana-utama{background:var(--biru);color:var(--putih)}.lencana-biru{background:var(--es);color:var(--biru)}.lencana-gandum{background:var(--gandum);color:var(--biru-malam)}.lencana-tinta{background:var(--tinta);color:var(--putih)}.lencana-hijau{background:var(--hijau)}@supports (color:color-mix(in lab, red, red)){.lencana-hijau{background:color-mix(in oklab, var(--hijau) 12%, var(--putih))}}.lencana-hijau{color:var(--hijau-tua)}.lencana-merah{background:var(--merah)}@supports (color:color-mix(in lab, red, red)){.lencana-merah{background:color-mix(in oklab, var(--merah) 10%, var(--putih))}}.lencana-merah{color:var(--merah)}.lencana-polos{background:var(--putih);color:var(--tinta)}.cip{border-radius:var(--radius-kontrol);background:var(--tepung-2);min-height:2.75rem;color:var(--tinta);font-size:.875rem;font-weight:var(--bobot-kontrol);white-space:nowrap;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.375rem;padding-inline:.875rem;transition:border-color .15s,background-color .15s,color .15s,transform .12s;display:inline-flex}.cip:active:not(:disabled){transform:scale(.97)}.cip:disabled{color:var(--tinta-2);cursor:not-allowed}.cip[aria-pressed=true],.cip[data-aktif]{background:var(--biru);color:var(--putih)}@media (hover:hover){.cip:hover:not(:disabled){background:var(--es);color:var(--biru-tua)}.cip[aria-pressed=true]:hover,.cip[data-aktif]:hover{background:var(--biru-tua);color:var(--putih)}}.segmen{border-radius:calc(var(--radius-kontrol) + .25rem);background:var(--tepung-2);scrollbar-width:none;gap:.25rem;width:fit-content;max-width:100%;padding:.25rem;display:flex;overflow-x:auto}.segmen>button{border-radius:var(--radius-kontrol);min-height:2.5rem;color:var(--tinta-2);font-size:.875rem;font-weight:var(--bobot-kontrol);flex-shrink:0;align-items:center;gap:.5rem;padding-inline:.875rem;transition:background-color .15s,color .15s;display:inline-flex}.segmen>button>span{font-variant-numeric:tabular-nums;font-weight:400}.segmen>button[aria-pressed=true],.segmen>button[data-state=active]{background:var(--putih);color:var(--tinta);box-shadow:0 1px 2px #0b1f4b14}.saklar{background:var(--garis-tua);border-radius:9999px;flex-shrink:0;align-items:center;width:2.75rem;height:1.5rem;padding-inline:.125rem;transition:background-color .15s;display:inline-flex;position:relative}.saklar:after{content:"";position:absolute;inset:-.625rem -.25rem}.saklar[data-state=checked]{background:var(--biru)}@media (hover:hover){.saklar:hover:not([data-disabled]){background:var(--tinta-2)}.saklar[data-state=checked]:hover:not([data-disabled]){background:var(--biru-tua)}}.saklar[data-disabled]{cursor:not-allowed;background:var(--tepung-2);outline:1px dashed var(--garis-tua);outline-offset:-1px}.saklar[data-disabled][data-state=checked]{background:var(--biru)}@supports (color:color-mix(in lab, red, red)){.saklar[data-disabled][data-state=checked]{background:color-mix(in oklab, var(--biru) 35%, var(--putih))}}.saklar[data-disabled][data-state=checked]{outline-color:var(--biru-pucat)}.saklar-jempol{background:var(--putih);width:1.25rem;height:1.25rem;transition:translate .18s var(--ease-keluar);border-radius:9999px;display:block;box-shadow:0 1px 2px #0b1f4b40}.saklar[data-disabled] .saklar-jempol{background:var(--tepung);box-shadow:none}.saklar[data-disabled][aria-busy=true]{cursor:progress;background:var(--garis-tua);outline:none}.saklar[data-disabled][aria-busy=true][data-state=checked]{background:var(--biru)}.saklar[data-disabled][aria-busy=true] .saklar-jempol{background:var(--putih);box-shadow:0 1px 2px #0b1f4b40}.saklar-jempol[data-state=checked]{translate:1.25rem}.pilihan-kartu{border:1px solid var(--garis-tua);border-radius:var(--radius-kontrol);background:var(--putih);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-height:3.5rem;padding:.75rem 1rem;transition:border-color .15s,background-color .15s;display:flex}.pilihan-kartu-gambar{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;padding-block:.5rem}.pilihan-kartu-gambar>img{object-fit:contain;flex-shrink:0;width:3rem;height:3rem}.pilihan-kartu[data-state=checked]{border-color:var(--biru);background:var(--es);box-shadow:inset 0 0 0 1px var(--biru)}.bingkai-perisai{clip-path:polygon(0 0,50% 11%,100% 0,100% 52%,98% 62%,93% 72%,84% 81%,72% 89%,50% 100%,28% 89%,16% 81%,7% 72%,2% 62%,0 52%)}.bilah-atas{z-index:40;pointer-events:none;inset-inline:0;padding:.75rem .5rem 0;position:fixed;top:0}.bilah{pointer-events:auto;border-radius:var(--radius-panel);background:var(--putih);width:min(100%,76rem);height:4rem;box-shadow:var(--bayang-apung);align-items:center;gap:.5rem;margin-inline:auto;padding-inline:.75rem .5rem;display:flex}.bilah-pudar{--latar-pudar:var(--tepung);isolation:isolate}.bilah-pudar[data-di-hero=true]{--latar-pudar:var(--biru)}.bilah-pudar:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--latar-pudar) 60%, transparent);position:absolute;inset:0 0 -.5rem}@media (width>=40rem){.bilah{gap:1rem}}.tanpa-scrollbar{scrollbar-width:none}.tanpa-scrollbar::-webkit-scrollbar{display:none}.gulir-pudar{--pudar-awal:0px;--pudar-akhir:0px;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--pudar-awal), #000 calc(100% - var(--pudar-akhir)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--pudar-awal), #000 calc(100% - var(--pudar-akhir)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--pudar-awal), #000 calc(100% - var(--pudar-akhir)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--pudar-awal), #000 calc(100% - var(--pudar-akhir)), transparent)}.gulir-pudar[data-pudar-awal]{--pudar-awal:1.25rem}.gulir-pudar[data-pudar-akhir]{--pudar-akhir:1.25rem}.bilah-katalog{top:var(--tinggi-header);z-index:30;isolation:isolate;background:var(--tepung);margin-top:1rem;padding-block:.5rem;position:sticky}.bilah-katalog[data-melekat=false]{z-index:auto;position:relative;top:auto}.bilah-katalog:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--tepung) calc(100% - 1rem), transparent);pointer-events:none;position:absolute;inset:-.5rem -.25rem -1rem}.bilah-katalog-isi{border-radius:var(--radius-panel);background:var(--putih);box-shadow:var(--bayang-apung);flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.bilah-katalog-utama{align-items:center;gap:.5rem;display:flex}.bilah-katalog-utama>.cip{justify-content:center;padding-inline:.75rem}.bilah-katalog-utama>.cip:last-child{flex:1 1 0;justify-content:space-between;min-width:0}.bilah-katalog-sekunder{align-items:center;gap:.5rem;min-width:0;display:flex}.bilah-katalog-cepat{flex:auto;align-items:center;gap:.5rem;min-width:0;padding:.25rem;display:flex;overflow-x:auto}@media (width>=640px){.bilah-katalog-isi{flex-direction:row;align-items:center;width:fit-content;max-width:100%}.bilah-katalog-utama{flex-shrink:0}.bilah-katalog-utama>.cip:last-child{flex:none}.bilah-katalog-sekunder{border-left:1px solid var(--garis);padding-left:.75rem}}.lapisan-gelap{z-index:50;background:var(--biru-malam);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.lapisan-gelap{background:color-mix(in oklab, var(--biru-malam) 50%, transparent)}}.lapisan-gelap[data-state=open]{animation:.18s ease-out muncul}.lapisan-gelap[data-state=closed]{animation:.14s ease-in forwards hilang}.lembar{z-index:50;overscroll-behavior:none;background:var(--putih);border-radius:var(--radius-wadah) var(--radius-wadah) 0 0;min-height:0;max-height:92dvh;box-shadow:var(--bayang-apung);inset-inline:0;outline:none;flex-direction:column;display:flex;position:fixed;bottom:0;overflow:hidden}.lembar :where(.overflow-y-auto){overscroll-behavior-y:contain;min-height:0}.lembar[data-state=open]{animation:naik .26s var(--ease-lembar)}.lembar[data-state=closed]{animation:.18s ease-in forwards turun}@media (width>=640px){.lembar-tengah{border-radius:var(--radius-wadah);width:min(56rem,100vw - 3rem);max-height:min(44rem,100dvh - 3rem);inset:50% auto auto 50%;translate:-50% -50%}.lembar-tengah.lembar-sempit{width:min(32rem,100vw - 3rem)}.lembar-tengah[data-state=open]{animation:membesar .2s var(--ease-lembar)}.lembar-tengah[data-state=closed]{animation:.14s ease-in forwards mengecil}.lembar-samping{border-radius:var(--radius-wadah) 0 0 var(--radius-wadah);width:min(28rem,100vw);max-height:none;inset:0 0 0 auto}.lembar-samping[data-state=open]{animation:geser-masuk .26s var(--ease-lembar)}.lembar-samping[data-state=closed]{animation:.18s ease-in forwards geser-keluar}}.menu-pilihan{z-index:60;min-width:12rem;max-width:calc(100vw - 1.5rem);max-height:min(20rem, var(--bits-select-content-available-height,calc(100dvh - 2rem)));overscroll-behavior:contain;border-radius:var(--radius-panel);background:var(--putih);box-shadow:var(--bayang-apung);transform-origin:var(--bits-select-content-transform-origin);padding:.375rem;overflow:hidden}.menu-isian{width:var(--bits-select-anchor-width);min-width:min(10rem,100vw - 1.5rem)}.menu-isi{max-height:min(19rem, calc(var(--bits-select-content-available-height,100dvh) - .75rem));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--biru-pucat) transparent;overflow-y:auto}.menu-pilihan[data-state=open]{animation:.15s ease-out muncul}.menu-item{border-radius:var(--radius-kontrol);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding-inline:.75rem;font-size:.875rem;display:flex}.menu-item[data-highlighted]{background:var(--es)}.menu-item[aria-selected=true]{color:var(--biru);background:var(--es)}.sampul-profil{border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--biru);height:7.5rem;position:relative;overflow:hidden}.bilah-navigasi{gap:.25rem;display:flex}.bilah-navigasi>a,.bilah-navigasi>button{border-radius:var(--radius-kontrol);min-height:3.25rem;color:var(--tinta-2);font-size:.75rem;font-weight:var(--bobot-kontrol);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;transition:background-color .15s,color .15s;display:flex;position:relative}.bilah-navigasi>[aria-current=page],.bilah-navigasi>[data-state=active]{color:var(--biru);background:var(--es)}@media (hover:hover){.bilah-navigasi>:not([aria-current=page],[data-state=active]):hover{background:var(--es)}@supports (color:color-mix(in lab, red, red)){.bilah-navigasi>:not([aria-current=page],[data-state=active]):hover{background:color-mix(in oklab, var(--es) 50%, var(--putih))}}}@media (width>=64rem){.bilah-navigasi>a,.bilah-navigasi>button{flex-direction:row;flex:none;gap:.5rem;min-height:2.75rem;padding-inline:1rem;font-size:.9375rem}}.foto-geser{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.foto-geser::-webkit-scrollbar{display:none}.foto-geser>*{scroll-snap-align:center;flex:0 0 100%}@media (prefers-reduced-motion:reduce){.foto-geser{scroll-behavior:auto}}.titik-foto{justify-content:center;gap:.375rem;display:flex}.titik-foto>*{background:var(--garis-tua);opacity:.45;border-radius:9999px;width:.5rem;height:.5rem;transition:opacity .15s,width .15s}.titik-foto>[aria-current=true]{background:var(--biru);opacity:1;width:1.25rem}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-\[6\%\]{inset-inline:6%}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-8{top:calc(var(--spacing) * 8)}.top-\[16\%\]{top:16%}.top-\[calc\(var\(--tinggi-header\)\+1\.5rem\)\]{top:calc(var(--tinggi-header) + 1.5rem)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-4{left:calc(var(--spacing) * 4)}.left-\[0\.9375rem\]{left:.9375rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.col-span-2{grid-column:span 2/span 2}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.-mt-12{margin-top:calc(var(--spacing) * -12)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-auto{margin-top:auto}.-mb-10{margin-bottom:calc(var(--spacing) * -10)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-19{width:calc(var(--spacing) * 19);height:calc(var(--spacing) * 19)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-full{width:100%;height:100%}.h-1\/2{height:50%}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-64{height:calc(var(--spacing) * 64)}.h-\[3px\]{height:3px}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-dvh{min-height:100dvh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-3\/4{width:75%}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-22{width:calc(var(--spacing) * 22)}.w-26{width:calc(var(--spacing) * 26)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-72{width:calc(var(--spacing) * 72)}.w-\[42\%\]{width:42%}.w-\[44\%\]{width:44%}.w-\[86\%\]{width:86%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-36{max-width:calc(var(--spacing) * 36)}.max-w-\[12rem\]{max-width:12rem}.max-w-\[18ch\]{max-width:18ch}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-44{min-width:calc(var(--spacing) * 44)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-20{--tw-translate-y:calc(var(--spacing) * -20);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-mt-\(--tinggi-header\){scroll-margin-top:var(--tinggi-header)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.scroll-mt-\[calc\(var\(--tinggi-header\)\+1rem\)\]{scroll-margin-top:calc(var(--tinggi-header) + 1rem)}.\[scroll-padding-inline\:1rem\]{scroll-padding-inline:1rem}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[8rem_1fr\]{grid-template-columns:8rem 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.place-items-end{place-items:end}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-9{row-gap:calc(var(--spacing) * 9)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-garis>:not(:last-child)){border-color:var(--color-garis)}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:var(--radius-full)}.rounded-kontrol{border-radius:var(--radius-kontrol)}.rounded-panel{border-radius:var(--radius-panel)}.rounded-wadah{border-radius:var(--radius-wadah)}.rounded-b-wadah{border-bottom-right-radius:var(--radius-wadah);border-bottom-left-radius:var(--radius-wadah)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-garis{border-color:var(--color-garis)}.border-tepung\/15{border-color:var(--color-tepung)}@supports (color:color-mix(in lab, red, red)){.border-tepung\/15{border-color:color-mix(in oklab, var(--color-tepung) 15%, transparent)}}.bg-biru{background-color:var(--color-biru)}.bg-biru-malam{background-color:var(--color-biru-malam)}.bg-biru-pucat{background-color:var(--color-biru-pucat)}.bg-es{background-color:var(--color-es)}.bg-garis{background-color:var(--color-garis)}.bg-merah,.bg-merah\/5{background-color:var(--color-merah)}@supports (color:color-mix(in lab, red, red)){.bg-merah\/5{background-color:color-mix(in oklab, var(--color-merah) 5%, transparent)}}.bg-putih{background-color:var(--color-putih)}.bg-tepung{background-color:var(--color-tepung)}.bg-tepung-2{background-color:var(--color-tepung-2)}.bg-tepung\/10{background-color:var(--color-tepung)}@supports (color:color-mix(in lab, red, red)){.bg-tepung\/10{background-color:color-mix(in oklab, var(--color-tepung) 10%, transparent)}}.bg-tinta{background-color:var(--color-tinta)}.bg-tinta-2\/40{background-color:var(--color-tinta-2)}@supports (color:color-mix(in lab, red, red)){.bg-tinta-2\/40{background-color:color-mix(in oklab, var(--color-tinta-2) 40%, transparent)}}.bg-transparent{background-color:#0000}.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black\)\]{-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[12\%\]{padding:12%}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-28{padding-top:calc(var(--spacing) * 28)}.pt-\[10\%\]{padding-top:10%}.pt-\[calc\(var\(--tinggi-header\)\+2rem\)\]{padding-top:calc(var(--tinggi-header) + 2rem)}.pt-\[calc\(var\(--tinggi-header\)\+3rem\)\]{padding-top:calc(var(--tinggi-header) + 3rem)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.25rem, env(safe-area-inset-bottom))}.pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[3\.25rem\]{font-size:3.25rem}.text-step--1{font-size:var(--text-step--1)}.text-step-0{font-size:var(--text-step-0)}.text-step-1{font-size:var(--text-step-1)}.text-step-2{font-size:var(--text-step-2)}.text-step-3{font-size:var(--text-step-3)}.text-step-4{font-size:var(--text-step-4)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-harga{--tw-font-weight:var(--font-weight-harga);font-weight:var(--font-weight-harga)}.font-hero{--tw-font-weight:var(--font-weight-hero);font-weight:var(--font-weight-hero)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-produk{--tw-font-weight:var(--font-weight-produk);font-weight:var(--font-weight-produk)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-all{word-break:break-all}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-biru{color:var(--color-biru)}.text-biru-pucat{color:var(--color-biru-pucat)}.text-gandum{color:var(--color-gandum)}.text-merah{color:var(--color-merah)}.text-putih{color:var(--color-putih)}.text-tepung{color:var(--color-tepung)}.text-tinta{color:var(--color-tinta)}.text-tinta-2{color:var(--color-tinta-2)}.text-tinta-terang-2{color:var(--color-tinta-terang-2)}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-apung{--tw-shadow:var(--bayang-apung);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-foto{--tw-shadow:var(--bayang-foto);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-biru{--tw-ring-color:var(--color-biru)}.ring-putih,.ring-putih\/30{--tw-ring-color:var(--color-putih)}@supports (color:color-mix(in lab, red, red)){.ring-putih\/30{--tw-ring-color:color-mix(in oklab, var(--color-putih) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_30px_40px_rgb\(11_31_75\/0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 30px 40px var(--tw-drop-shadow-color,#0b1f4b73));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-keluar{--tw-ease:var(--ease-keluar);transition-timing-function:var(--ease-keluar)}.will-change-transform{will-change:transform}.\[image-rendering\:pixelated\]{image-rendering:pixelated}@media (hover:hover){.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:bg-es:is(:where(.group):hover *){background-color:var(--color-es)}}.group-data-on\:bg-biru:is(:where(.group)[data-state=on] *){background-color:var(--color-biru)}.group-data-on\:bg-biru-pucat:is(:where(.group)[data-state=on] *){background-color:var(--color-biru-pucat)}.group-data-on\:font-bold:is(:where(.group)[data-state=on] *){--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.group-data-on\:text-biru:is(:where(.group)[data-state=on] *){color:var(--color-biru)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:pb-0:last-child{padding-bottom:0}@media (hover:hover){.hover\:bg-biru-tua:hover{background-color:var(--color-biru-tua)}.hover\:text-putih:hover{color:var(--color-putih)}}.focus-visible\:translate-y-0:focus-visible{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:after\:rounded-panel:focus-visible:after{content:var(--tw-content);border-radius:var(--radius-panel)}.focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:after\:outline-offset-4:focus-visible:after{content:var(--tw-content);outline-offset:4px}.focus-visible\:after\:outline-biru:focus-visible:after{content:var(--tw-content);outline-color:var(--color-biru)}@media not all and (width>=64rem){.max-lg\:hidden{display:none}}@media not all and (width>=40rem){.max-sm\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-sm\:absolute{position:absolute}.max-sm\:-top-1\.5{top:calc(var(--spacing) * -1.5)}.max-sm\:-right-1\.5{right:calc(var(--spacing) * -1.5)}.max-sm\:hidden{display:none}.max-sm\:h-\[92dvh\]{height:92dvh}}@media (width>=40rem){.sm\:bottom-6{bottom:calc(var(--spacing) * 6)}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-inline:0}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:aspect-auto{aspect-ratio:auto}.sm\:size-23{width:calc(var(--spacing) * 23);height:calc(var(--spacing) * 23)}.sm\:size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:h-80{height:calc(var(--spacing) * 80)}.sm\:h-full{height:100%}.sm\:w-28{width:calc(var(--spacing) * 28)}.sm\:w-\[calc\(\(100\%-2\*1rem\)\/3\)\]{width:calc(33.3333% - .666667rem)}.sm\:max-w-\[17rem\]{max-width:17rem}.sm\:max-w-none{max-width:none}.sm\:snap-proximity{--tw-scroll-snap-strictness:proximity}.sm\:\[scroll-padding-inline\:0\]{scroll-padding-inline:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[11rem_1fr\]{grid-template-columns:11rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-baseline{align-items:baseline}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:px-0{padding-inline:0}.sm\:px-1{padding-inline:var(--spacing)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:pt-10{padding-top:calc(var(--spacing) * 10)}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pt-32{padding-top:calc(var(--spacing) * 32)}.sm\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.sm\:pb-16{padding-bottom:calc(var(--spacing) * 16)}.sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}}@media (width>=48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:mr-0{margin-right:0}.md\:block{display:block}.md\:hidden{display:none}.md\:max-w-\[20rem\]{max-width:20rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.md\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}.md\:grid-cols-\[1\.4fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr}.md\:items-center{align-items:center}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mt-0{margin-top:0}.lg\:-mb-12{margin-bottom:calc(var(--spacing) * -12)}.lg\:grid{display:grid}.lg\:h-16{height:calc(var(--spacing) * 16)}.lg\:h-auto{height:auto}.lg\:w-\[22rem\]{width:22rem}.lg\:w-\[calc\(\(100\%-3\*1\.75rem\)\/4\)\]{width:calc(25% - 1.3125rem)}.lg\:w-\[calc\(\(100\%-4\*1\.75rem\)\/5\)\]{width:calc(20% - 1.4rem)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1fr_26rem\]{grid-template-columns:1fr 26rem}.lg\:grid-cols-\[16rem_1fr\]{grid-template-columns:16rem 1fr}.lg\:gap-7{gap:calc(var(--spacing) * 7)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-x-7{column-gap:calc(var(--spacing) * 7)}.lg\:gap-y-12{row-gap:calc(var(--spacing) * 12)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:pt-32{padding-top:calc(var(--spacing) * 32)}.lg\:pr-0{padding-right:0}.lg\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.lg\:pl-16{padding-left:calc(var(--spacing) * 16)}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(./plus-jakarta-sans.v0hlS_BT.woff2)format("woff2")}@font-face{font-family:Herr Von Muellerhoff;font-style:normal;font-weight:400;font-display:swap;src:url(./herr-von-muellerhoff.DzbKRLzx.woff2)format("woff2")}:root{--biru:#0d3993;--biru-tua:#0a2c73;--biru-malam:#0b1f4b;--biru-pucat:#afc0e6;--es:#ebf0f9;--tepung:#faf7f0;--tepung-2:#f1ece1;--putih:#fff;--garis:#dde3ee;--garis-tua:#7b87a1;--tinta:#12213a;--tinta-2:#3b4b68;--tinta-terang:#f7f9fd;--tinta-terang-2:#d9e5f9;--gandum:#e9b23b;--merah:#b3261e;--hijau:#048f50;--hijau-tua:#05683b;--step--1:.8125rem;--step-0:1rem;--step-1:1.1875rem;--step-2:clamp(1.375rem, 1.15rem + .9vw, 1.75rem);--step-3:clamp(1.75rem, 1.3rem + 1.9vw, 2.625rem);--step-4:clamp(2.375rem, 1.5rem + 3.6vw, 4.25rem);--bobot-judul:700;--bobot-hero:800;--bobot-merek:700;--bobot-produk:600;--bobot-harga:700;--bobot-deskripsi:400;--bobot-kontrol:600;--radius-kontrol:.625rem;--radius-panel:1rem;--radius-wadah:1.75rem;--bayang-apung:0 1px 2px #0b1f4b0f, 0 12px 32px -8px #0b1f4b2e;--bayang-foto:0 2px 6px #050e244d, 0 28px 56px -20px #050e24b3;--ease-keluar:cubic-bezier(.16, 1, .3, 1);--ease-lembar:cubic-bezier(.32, .72, 0, 1);--tinggi-header:5rem}@keyframes muncul{0%{opacity:0}}@keyframes hilang{to{opacity:0}}@keyframes naik{0%{transform:translateY(100%)}}@keyframes turun{to{transform:translateY(100%)}}@keyframes membesar{0%{opacity:0;scale:.97}}@keyframes mengecil{to{opacity:0;scale:.97}}@keyframes geser-masuk{0%{transform:translate(100%)}}@keyframes geser-keluar{to{transform:translate(100%)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}