.device-frame.svelte-1uha8ag{position:relative;width:min(280px,80vw);aspect-ratio:9 / 19.5;border-radius:46px;padding:6px;background:linear-gradient(135deg,#3a3f4d,#1e2230,#14181f,#1e2230,#3a3f4d);box-shadow:inset 0 1px #fff3,inset 0 -1px #0009,0 30px 80px #14b8a633,0 20px 40px #0000008c,0 8px 16px #0006}.device-screen-inset.svelte-1uha8ag{position:relative;width:100%;height:100%;border-radius:40px;background:#000;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.device-screen.svelte-1uha8ag{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background:#000}.device-top-mask.svelte-1uha8ag{position:absolute;top:0;left:0;right:0;height:54px;background:#000;z-index:2;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 75%,transparent 100%);pointer-events:none}.device-screen-glare.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40px;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 30%,transparent 55%);mix-blend-mode:screen;z-index:4}.device-island.svelte-1uha8ag{position:absolute;top:11px;left:50%;transform:translate(-50%);width:105px;height:30px;background:#000;border-radius:999px;z-index:3;box-shadow:inset 0 0 0 .5px #ffffff0f,0 1px 2px #0006;display:flex;align-items:center;justify-content:flex-end;padding-right:9px}.device-island-camera.svelte-1uha8ag{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#50648c80,#141e32e6 60%,#000);box-shadow:inset 0 0 0 .5px #ffffff1a,0 0 0 1px #0006}.device-btn.svelte-1uha8ag{position:absolute;background:linear-gradient(90deg,#2a2f3d,#14181f,#2a2f3d);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #00000080;border-radius:1.5px}.device-btn-action.svelte-1uha8ag{left:-2.5px;top:13%;width:3px;height:28px}.device-btn-volume-up.svelte-1uha8ag{left:-2.5px;top:22%;width:3px;height:42px}.device-btn-volume-down.svelte-1uha8ag{left:-2.5px;top:calc(22% + 50px);width:3px;height:42px}.device-btn-power.svelte-1uha8ag{right:-2.5px;top:20%;width:3px;height:64px}@media(max-width:767px){.device-frame.svelte-1uha8ag{width:min(260px,75vw)}.device-island.svelte-1uha8ag{width:96px;height:27px;top:10px}}.sound-btn.svelte-1uha8ag{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-weight:600;color:#cbd5e1;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 14px;transition:color .15s,background .15s,border-color .15s}.sound-btn.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:15px;height:15px;fill:currentColor;stroke:none}.sound-btn.svelte-1uha8ag .wave:where(.svelte-1uha8ag),.sound-btn.svelte-1uha8ag .slash:where(.svelte-1uha8ag){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sound-btn.svelte-1uha8ag:not(.on) .wave:where(.svelte-1uha8ag){display:none}.sound-btn.svelte-1uha8ag:hover{color:#fff;border-color:#ffffff47}.sound-btn.on.svelte-1uha8ag{background:#5492d4;border-color:transparent;color:#fff}.sound-btn.on.svelte-1uha8ag .slash:where(.svelte-1uha8ag){display:none}.sound-btn.svelte-1uha8ag:focus-visible{outline:2px solid #5492d4;outline-offset:2px}