.wk-island.svelte-snvp35{--wk-island-pt:calc(100cqw / 440);--wk-island-w:126;--wk-island-h:37.33;z-index:5;top:calc(14 * var(--wk-island-pt));width:calc(var(--wk-island-w) * var(--wk-island-pt));height:calc(var(--wk-island-h) * var(--wk-island-pt));pointer-events:none;background:#000;border-radius:100px;position:absolute;left:50%;transform:translate(-50%)}.wk-island.wk-mockup.svelte-snvp35{--wk-island-pt:var(--pt);--wk-island-w:95.33;--wk-island-h:36.83}.wk-phone-wrap.svelte-1loomfk{z-index:1;width:var(--wk-width);flex-shrink:0;max-width:100%;position:relative;container-type:inline-size}.wk-phone.svelte-1loomfk{z-index:1;box-sizing:border-box;border-radius:var(--wk-radius);height:80em;box-shadow:var(--wk-frame-shadow,0 .35em .9em -.2em #00000073, 0 0 .12em .42em #0000002e);font-size:calc(100cqw / var(--wk-body-em));background:#000;position:relative}.wk-phone.svelte-1loomfk:after{content:"";inset:calc(var(--wk-rim) * -1);padding:var(--wk-rim);border-radius:calc(var(--wk-radius) + var(--wk-rim));pointer-events:none;background:linear-gradient(to bottom, transparent calc(var(--wk-radius) + var(--wk-rim)), #3c3e44bf 0 calc(var(--wk-radius) + var(--wk-rim) + .4em), transparent 0 calc(100% - var(--wk-radius) - var(--wk-rim) - .4em), #3c3e44bf 0 calc(100% - var(--wk-radius) - var(--wk-rim)), transparent 0), linear-gradient(125deg, #fff9, transparent 20% 72%, #ffffff59), conic-gradient(from 215deg, #a9acb2, #eef0f2 9%, #9a9da3 22%, #d9dbdf 38%, #8c8f95 55%, #e4e6e9 72%, #9fa2a7 88%, #a9acb2);-webkit-mask-composite:xor;position:absolute;box-shadow:inset 0 0 0 .04em #00000059,inset 0 0 .1em .06em #ffffff40;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.wk-buttons.svelte-1loomfk{inset:calc(var(--wk-rim) * -1);pointer-events:none;position:absolute}.wk-left.svelte-1loomfk,.wk-right.svelte-1loomfk{width:var(--wk-button-width);flex-direction:column;align-items:stretch;gap:1.5em;display:flex;position:absolute}.wk-left.svelte-1loomfk{top:13.7em;right:calc(100% - .06em)}.wk-left.svelte-1loomfk .wk-button:where(.svelte-1loomfk):first-child{height:3.2em;margin-bottom:.6em}.wk-right.svelte-1loomfk{top:20.1em;left:calc(100% - .06em);transform:scaleX(-1)}.wk-right.svelte-1loomfk .wk-button:where(.svelte-1loomfk){height:9.5em}.wk-button.svelte-1loomfk{background:linear-gradient(90deg,#8e9197,#e8eaed 38%,#c3c6ca 62%,#8a8d93);border-top-left-radius:.22em;border-bottom-left-radius:.22em;height:6.2em;box-shadow:inset 0 .18em .1em #ffffff8c,inset 0 -.18em .1em #00000040,-.04em 0 .08em #0000004d}.wk-camera-control.svelte-1loomfk{z-index:1;left:calc(100% - var(--wk-rim) * .82);width:calc(var(--wk-rim) * .64);background:linear-gradient(90deg,#3a3c41,#6b6e74 45%,#2c2e32);border-radius:.25em;height:7.2em;position:absolute;top:60%;box-shadow:inset 0 0 0 .04em #ffffff2e,inset 0 .2em .2em #ffffff1f}.wk-screen-container.svelte-1loomfk{border:var(--wk-pad) solid black;border-radius:var(--wk-radius);--pt:calc(100cqw / var(--wk-screen-points));flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;container-type:inline-size}.wk-screen-container.svelte-1loomfk:after{content:"";z-index:2;border-radius:calc(var(--wk-radius) - var(--wk-pad));pointer-events:none;background:linear-gradient(118deg,#ffffff12 0%,#ffffff06 24%,#0000 40%);position:absolute;inset:0}.wk-screen.svelte-1loomfk{z-index:1;border-radius:calc(var(--wk-radius) - var(--wk-pad));background:var(--wk-screen-bg);text-align:start;flex-grow:1;width:100%;position:relative;overflow:hidden}.wk-bare.svelte-1loomfk{box-shadow:none;background:0 0}.wk-bare.svelte-1loomfk:after,.wk-bare.svelte-1loomfk .wk-screen-container:where(.svelte-1loomfk):after{content:none}.wk-bare.svelte-1loomfk .wk-screen-container:where(.svelte-1loomfk){border-color:#0000}.wk-minimal.svelte-1loomfk .wk-screen:where(.svelte-1loomfk){box-shadow:0 0 0 .25em #fff3}
