@layer components{.fdy-phone-box{--fdy-phone-w:417px;--fdy-phone-h:876px;width:calc(var(--fdy-phone-w) * var(--fdy-phone-scale,.72));height:calc(var(--fdy-phone-h) * var(--fdy-phone-scale,.72));flex:none;margin:0;position:relative}.fdy-phone{--fdy-phone-r:66px;--fdy-phone-bezel:12px;--fdy-phone-rail:var(--ink-2);--fdy-phone-seam:var(--line-strong);width:var(--fdy-phone-w);height:var(--fdy-phone-h);transform:scale(var(--fdy-phone-scale,.72));transform-origin:0 0;border-radius:var(--fdy-phone-r);background:var(--term);box-shadow:0 0 0 1px var(--fdy-phone-rail), inset 0 0 0 2px var(--fdy-phone-seam);position:absolute;top:0;left:0}:root[data-theme=dark] .fdy-phone{--fdy-phone-rail:var(--line-strong);--fdy-phone-seam:var(--line)}.fdy-phone-btn{background:var(--term);width:3px;box-shadow:0 0 0 1px var(--fdy-phone-rail);position:absolute}.fdy-phone-btn[data-b=action]{border-radius:2px 0 0 2px;height:32px;top:126px;left:-4px}.fdy-phone-btn[data-b=up]{border-radius:2px 0 0 2px;height:62px;top:186px;left:-4px}.fdy-phone-btn[data-b=down]{border-radius:2px 0 0 2px;height:62px;top:262px;left:-4px}.fdy-phone-btn[data-b=side]{border-radius:0 2px 2px 0;height:98px;top:214px;right:-4px}.fdy-phone-screen{inset:var(--fdy-phone-bezel);border-radius:calc(var(--fdy-phone-r) - var(--fdy-phone-bezel));background:var(--canvas);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);isolation:isolate;position:absolute;overflow:hidden}.fdy-phone-status{z-index:2;height:54px;font-family:var(--fdy-font-prose);font-size:var(--fdy-text-lg);letter-spacing:-.01em;font-variant-numeric:tabular-nums;pointer-events:none;grid-template-columns:1fr 126px 1fr;align-items:center;padding-top:4px;font-weight:600;display:grid;position:absolute;inset:0 0 auto}.fdy-phone-status>[data-ear=time]{justify-self:center;padding-left:8px}.fdy-phone-status>[data-ear=device]{justify-self:center;align-items:center;gap:6px;padding-right:8px;display:flex}.fdy-phone-island{background:var(--term);border-radius:999px;grid-column:2;height:37px;margin-top:-2px}.fdy-phone-view{z-index:1;position:absolute;inset:54px 0 0;overflow:hidden}.fdy-phone-safe{padding-bottom:34px}.fdy-phone-home{z-index:3;background:var(--ink);pointer-events:none;border-radius:999px;width:140px;height:5px;margin-left:-70px;position:absolute;bottom:8px;left:50%}.fdy-phone-wipe{z-index:4;grid-template-columns:repeat(var(--fdy-wipe-cols,12), 1fr);grid-auto-rows:calc(var(--fdy-phone-w) / var(--fdy-wipe-cols,12));pointer-events:none;display:grid;position:absolute;inset:0}.fdy-phone-wipe>span{background:var(--ink);box-shadow:0 0 0 .5px var(--ink);opacity:0;transition:opacity 0s linear var(--fdy-wipe-d,0s)}.fdy-phone-wipe[data-on=true]>span{opacity:1}.fdy-phone-tap{z-index:3;width:44px;height:44px;box-shadow:0 0 0 1.5px var(--ink), inset 0 0 0 1.5px var(--canvas);pointer-events:none;border-radius:999px;margin:-22px 0 0 -22px;position:absolute}@media (prefers-reduced-motion:no-preference){.fdy-phone-tap{animation:fdy-phone-tap var(--fdy-dur-slower,.36s) var(--fdy-ease-out) both}}@keyframes fdy-phone-tap{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (forced-colors:active){.fdy-phone,.fdy-phone-btn{box-shadow:none;outline:1px solid canvastext}.fdy-phone-screen{outline:1px solid canvastext}.fdy-phone-island,.fdy-phone-home{background:canvastext}}}