.hp-wadah.svelte-16fb1yx{container-type:inline-size}.hp-badan.svelte-16fb1yx{--u: calc(100cqw / var(--hp-badan));position:relative;padding:calc(var(--hp-kaca) * var(--u));margin:calc(var(--hp-logam) * var(--u));border-radius:calc((var(--hp-radius) + var(--hp-kaca)) * var(--u));background:#040405;box-shadow:0 0 0 calc(.6 * var(--u)) #1b1b1f,0 0 0 calc(var(--hp-logam) * var(--u)) #6b6b74,0 0 0 calc((var(--hp-logam) + .6) * var(--u)) #2a2a30,0 calc(30 * var(--u)) calc(70 * var(--u)) calc(-20 * var(--u)) #000000d9}.hp-badan.svelte-16fb1yx:before,.hp-badan.svelte-16fb1yx:after{content:"";position:absolute;width:calc(3 * var(--u));border-radius:calc(1.5 * var(--u))}.hp-badan.svelte-16fb1yx:before{left:calc(-6 * var(--u));top:calc(115 * var(--u));height:calc(192 * var(--u));background:linear-gradient(180deg,#55555d 0 16%,transparent 16% 30%,#55555d 30% 61%,transparent 61% 69%,#55555d 69% 100%)}.hp-badan.svelte-16fb1yx:after{right:calc(-6 * var(--u));top:calc(211 * var(--u));height:calc(98 * var(--u));background:#55555d}.hp-layar.svelte-16fb1yx{position:relative;overflow:hidden;aspect-ratio:var(--hp-rasio);border-radius:calc(var(--hp-radius) * var(--u));background:var(--hp-latar-atas);isolation:isolate}.hp-status.svelte-16fb1yx{position:relative;height:calc(var(--hp-atas) * var(--u));background:var(--hp-latar-atas);color:var(--hp-tinta-atas)}.hp-status.svelte-16fb1yx:before{content:"9.41";position:absolute;left:0;top:calc(12 * var(--u));width:calc(132 * var(--u));height:calc(35 * var(--u));display:flex;align-items:center;justify-content:center;font:600 calc(17 * var(--u)) / 1 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;letter-spacing:calc(-.2 * var(--u))}.hp-status.svelte-16fb1yx:after{content:"";position:absolute;right:calc(30 * var(--u));top:calc(23 * var(--u));width:calc(76 * var(--u));height:calc(13 * var(--u));background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 13' fill='%23fff'%3E%3Crect x='0' y='8.5' width='3' height='4' rx='.9'/%3E%3Crect x='4.5' y='6' width='3' height='6.5' rx='.9'/%3E%3Crect x='9' y='3.5' width='3' height='9' rx='.9'/%3E%3Crect x='13.5' y='.5' width='3' height='12' rx='.9'/%3E%3Cpath d='M32.5 12.5 30.1 10.1a3.4 3.4 0 0 1 4.8 0Z'/%3E%3Cpath d='M28.2 8.2a6.1 6.1 0 0 1 8.6 0' fill='none' stroke='%23fff' stroke-width='2.6'/%3E%3Cpath d='M25.3 5.3a10.2 10.2 0 0 1 14.4 0' fill='none' stroke='%23fff' stroke-width='2.6'/%3E%3Crect x='48.5' y='.5' width='22' height='12' rx='3.8' fill='none' stroke='%23fff' stroke-opacity='.4'/%3E%3Crect x='50' y='2' width='19' height='9' rx='2.5'/%3E%3Crect x='72' y='4.3' width='1.7' height='4.4' rx='.9' fill-opacity='.45'/%3E%3C/svg%3E")}.hp-status-gelap.svelte-16fb1yx:after{filter:invert(1)}.hp-layar.svelte-16fb1yx:after{content:"";position:absolute;z-index:2;top:calc(11 * var(--u));left:50%;width:calc(126 * var(--u));height:calc(37 * var(--u));transform:translate(-50%);border-radius:calc(19 * var(--u));background:#000}.hp-isi.svelte-16fb1yx{position:relative;height:calc(786 * var(--u));overflow:hidden}.hp-bawah.svelte-16fb1yx{position:relative;height:calc(var(--hp-bawah) * var(--u));background:var(--hp-latar-bawah)}.hp-bawah.svelte-16fb1yx:after{content:"";position:absolute;left:50%;bottom:calc(8 * var(--u));width:calc(134 * var(--u));height:calc(5 * var(--u));transform:translate(-50%);border-radius:calc(3 * var(--u));background:var(--hp-tinta-bawah);opacity:.85}
