.smartphone.svelte-s41md3{--screen-width: clamp(220px, 60vw, 280px);--phone-left: 16vw;--phone-top: 48px;--post-top: calc(var(--screen-width) * .55);--ui-top: calc(var(--screen-width) * .035);position:relative;overflow:hidden;padding-block:var(--phone-top) 80px}.smartphone__phone.svelte-s41md3{position:relative;width:var(--screen-width);aspect-ratio:878 / 1920;margin-left:var(--phone-left);border-radius:calc(var(--screen-width) * .12);background:#fff;color:#262626;font-family:Arial,sans-serif;font-size:calc(var(--screen-width) * .05);font-weight:400}.smartphone__ui.svelte-s41md3{position:absolute;inset:var(--ui-top) 0 0;width:100%;height:calc(100% - var(--ui-top));border-radius:inherit;pointer-events:none}.smartphone__profile.svelte-s41md3{position:absolute;top:calc(var(--screen-width) * .35);right:0;left:0;display:flex;align-items:center;gap:calc(var(--screen-width) * .04);padding-inline:calc(var(--screen-width) * .045)}.smartphone__avatar.svelte-s41md3{display:grid;width:calc(var(--screen-width) * .14);aspect-ratio:1;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:50%;color:#fff;font-size:calc(var(--screen-width) * .07);font-weight:700}.smartphone__avatar.svelte-s41md3 img:where(.svelte-s41md3){width:100%;height:100%;object-fit:cover}.smartphone__profile-placeholder.svelte-s41md3{width:48%;height:calc(var(--screen-width) * .02);background:#ccc}.smartphone__footer.svelte-s41md3{position:absolute;top:calc(var(--post-top) + var(--screen-width));right:0;left:0;padding:calc(var(--screen-width) * .035)}.smartphone__pagination.svelte-s41md3{display:flex;justify-content:center;gap:2px;margin-bottom:calc(var(--screen-width) * .025)}.smartphone__pagination.svelte-s41md3:not(:focus-within){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.smartphone__pagination.svelte-s41md3 button:where(.svelte-s41md3){display:grid;width:24px;height:24px;place-items:center;cursor:pointer}.smartphone__pagination.svelte-s41md3 button:where(.svelte-s41md3):after{width:5px;height:5px;border-radius:50%;background:#ccc;content:""}.smartphone__pagination.svelte-s41md3 button[aria-current=true]:where(.svelte-s41md3):after{background:#262626}.smartphone__pagination.svelte-s41md3 button:where(.svelte-s41md3):focus-visible{outline:2px solid #262626;outline-offset:-2px}.smartphone__frame.svelte-s41md3{position:absolute;z-index:3;top:calc(-337 / 1920 * 100%);left:calc(-415 / 878 * 100%);width:calc(1698 / 878 * 100%);max-width:none;height:auto;pointer-events:none}.smartphone__viewport.svelte-s41md3{position:absolute;z-index:2;top:calc(var(--phone-top) + var(--post-top));right:0;left:var(--phone-left);height:var(--screen-width);overflow:hidden;touch-action:pan-y pinch-zoom}.smartphone__track.svelte-s41md3{display:flex;height:100%}.smartphone__slide.svelte-s41md3{min-width:0;height:100%;flex:0 0 var(--screen-width)}@media(min-width:1024px){.smartphone.svelte-s41md3{--screen-width: clamp(240px, 21vw, 340px);--phone-left: 54.5vw;--phone-top: clamp(48px, 7vw, 120px);padding-bottom:clamp(80px,12vw,180px)}}