.fk-phone{--fk-phone-scale:.68;--fk-bezel:10px;width:calc(390px * var(--fk-phone-scale) + 2 * var(--fk-bezel));height:calc(844px * var(--fk-phone-scale) + 2 * var(--fk-bezel));padding:var(--fk-bezel);border-radius:calc(54px * var(--fk-phone-scale) + var(--fk-bezel));background:#111514;flex:none;position:relative;box-shadow:inset 0 0 0 1px #3f4644,inset 0 0 0 2.5px #080a09,0 1px 2px #1c23211f,0 22px 44px -14px #1c23214d,0 50px 90px -36px #1c232159}@media (min-width:40rem){.fk-phone{--fk-phone-scale:.72}}@media (min-width:64rem){.fk-phone{--fk-phone-scale:.78;--fk-bezel:11px}}.fk-phone[data-size=hero]{--fk-phone-scale:.92;--fk-bezel:8px}@media (max-width:23.74rem){.fk-phone[data-size=hero]{--fk-phone-scale:.85;--fk-bezel:7px}}@media (min-width:64rem){.fk-phone[data-size=hero]{--fk-bezel:10px}}.fk-appwin{--fk-win-w:1024px;--fk-win-h:680px;--fk-win-scale:.92;width:calc(var(--fk-win-w) * var(--fk-win-scale) + 2px);border:1px solid var(--fk-sten);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #1c23210f,0 24px 60px -24px #1c232147,0 60px 120px -60px #1c23214d}@media (min-width:80rem){.fk-appwin{--fk-win-w:1200px;--fk-win-h:720px;--fk-win-scale:1}}.fk-appwin-screen{width:calc(var(--fk-win-w) * var(--fk-win-scale));height:calc(var(--fk-win-h) * var(--fk-win-scale));position:relative;overflow:hidden}.fk-appwin-canvas{width:var(--fk-win-w);height:var(--fk-win-h);transform:scale(var(--fk-win-scale));transform-origin:0 0;text-align:left;position:absolute;top:0;left:0}@media (min-width:64rem){.fk-hero-devices{padding-bottom:364px}}@media (min-width:80rem){.fk-hero-devices{padding-bottom:300px}}.fk-phone[data-on-dark]{box-shadow:inset 0 0 0 1px #4b5351,inset 0 0 0 2.5px #080a09,0 0 0 1px #f6f4ef24,0 36px 70px -24px #0009}.fk-phone-button{background:#1b201f;width:3px;position:absolute;box-shadow:inset 0 0 0 1px #313836}.fk-phone-button[data-side=left]{border-radius:2px 0 0 2px;left:-2.5px}.fk-phone-button[data-side=right]{border-radius:0 2px 2px 0;right:-2.5px}.fk-phone-screen{width:calc(390px * var(--fk-phone-scale));height:calc(844px * var(--fk-phone-scale));border-radius:calc(46px * var(--fk-phone-scale));background:var(--background);isolation:isolate;position:relative;overflow:hidden}.fk-phone-canvas{width:390px;height:844px;transform:scale(var(--fk-phone-scale));transform-origin:0 0;text-align:left;position:absolute;top:0;left:0;overflow:hidden}.fk-phone-island{z-index:40;background:#000;border-radius:18px;width:122px;height:36px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.fk-phone-status-backdrop{z-index:25;pointer-events:none;height:47px;transition:background-color .3s ease-out;position:absolute;inset:0 0 auto}.fk-phone-status{z-index:30;justify-content:space-between;align-items:center;height:47px;padding:3px 26px 0 40px;transition:color .3s ease-out;display:flex;position:absolute;inset:0 0 auto}.fk-phone-home{z-index:40;border-radius:3px;width:134px;height:5px;transition:background-color .3s ease-out;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.fk-demo-screen{transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .26s ease-out;position:absolute;inset:0}.fk-demo-screen[data-at=right]{transform:translate(100%)}.fk-demo-screen[data-at=below]{transform:translateY(100%)}.fk-demo-scroll{transition:transform .75s cubic-bezier(.33,0,.2,1)}.fk-demo-content{transition:opacity .4s ease-out;position:absolute;inset:0}.fk-demo-content[data-resetting]{opacity:0}.fk-demo-content[data-round-start]{animation:.4s ease-out both fk-demo-fade-in}@keyframes fk-demo-fade-in{0%{opacity:0}to{opacity:1}}.fk-demo-grow{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .3s ease-out .12s;display:grid}.fk-demo-grow>*{min-height:0;overflow:hidden}.fk-demo-grow[data-shown]{opacity:1;grid-template-rows:1fr}.fk-demo-pop{transition:opacity .3s ease-out,transform .3s ease-out}.fk-demo-pop:not([data-shown]){opacity:0;transform:scale(.8)}.fk-demo-notice{transition:opacity .32s ease-out,transform .42s cubic-bezier(.22,1,.36,1)}.fk-demo-notice:not([data-shown]){opacity:0;transform:translateY(28px)scale(.98)}.fk-demo-app{transform-origin:50% 52%;transition:opacity .3s ease-out,transform .42s cubic-bezier(.22,1,.36,1)}.fk-demo-app:not([data-shown]){opacity:0;pointer-events:none;transform:scale(.86)}.fk-demo-tint{transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out,transform .15s ease-out,filter .15s ease-out}.fk-finger{--fk-finger-x:300px;--fk-finger-y:760px;--fk-finger-drag:0px;z-index:60;pointer-events:none;width:46px;height:46px;transform:translate(var(--fk-finger-x), calc(var(--fk-finger-y) - var(--fk-finger-drag)));margin:-23px 0 0 -23px;transition:transform .62s cubic-bezier(.45,0,.2,1),opacity .26s ease-out;position:absolute;top:0;left:0}.fk-finger[data-hidden]{opacity:0}.fk-finger-dot{background:#1c23213d;border-radius:9999px;width:100%;height:100%;transition:transform .14s ease-out,background-color .14s ease-out;display:block;position:relative;box-shadow:0 0 0 2px #fff9,0 3px 10px #1c232138}.fk-finger[data-tone=light] .fk-finger-dot{background:#f6f4ef4d;box-shadow:0 0 0 2px #f6f4efb3,0 3px 10px #0000004d}.fk-finger[data-pressing] .fk-finger-dot{background:#1c232157;transform:scale(.84)}.fk-finger[data-tone=light][data-pressing] .fk-finger-dot{background:#f6f4ef6b}.fk-finger-dot[data-ripple]:after{content:"";border:2px solid #1c232152;border-radius:9999px;animation:.46s ease-out forwards fk-finger-ripple;position:absolute;inset:0}.fk-finger[data-tone=light] .fk-finger-dot[data-ripple]:after{border-color:#f6f4ef8c}@keyframes fk-finger-ripple{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.1)}}[data-still] *,[data-still] :before,[data-still] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.fk-finger{display:none}}.fk-demo-notice[data-opened]{opacity:0;transform:scale(.94)}.fk-mouse{width:0;height:0;margin:0;transition:transform .7s cubic-bezier(.45,0,.2,1),opacity .26s ease-out}.fk-mouse .fk-finger-dot{width:36px;height:36px;box-shadow:none;background:0 0;position:absolute;top:-18px;left:-18px}.fk-mouse[data-pressing] .fk-finger-dot{background:#1c23211a;transform:none}.fk-mouse-arrow{filter:drop-shadow(0 2px 3px #1c23214d);transform-origin:7px 3.5px;width:34px;height:34px;transition:transform .12s ease-out;position:absolute;top:-3.5px;left:-7px}.fk-mouse[data-pressing] .fk-mouse-arrow{transform:scale(.88)}.fk-laptop{--fk-laptop-scale:.23;--fk-lid-bezel:7px;width:calc(1280px * var(--fk-laptop-scale) + 2 * var(--fk-lid-bezel));position:relative}@media (min-width:40rem){.fk-laptop[data-size=feature]{--fk-laptop-scale:.4;--fk-lid-bezel:9px}}@media (min-width:64rem){.fk-laptop[data-size=feature]{--fk-laptop-scale:.46;--fk-lid-bezel:10px}}.fk-laptop-lid{padding:var(--fk-lid-bezel);border-radius:calc(var(--fk-lid-bezel) * 1.8) calc(var(--fk-lid-bezel) * 1.8) 3px 3px;background:#0e1211;position:relative;box-shadow:0 0 0 1.5px #c6cbcd,0 0 0 2.5px #9ca2a5,inset 0 0 0 1px #2a302e}.fk-laptop-screen{width:calc(1280px * var(--fk-laptop-scale));height:calc(800px * var(--fk-laptop-scale));background:var(--background);isolation:isolate;border-radius:2px;position:relative;overflow:hidden}.fk-laptop-canvas{width:1280px;height:800px;transform:scale(var(--fk-laptop-scale));transform-origin:0 0;text-align:left;position:absolute;top:0;left:0;overflow:hidden}.fk-laptop-notch{top:calc(var(--fk-lid-bezel) - 1px);z-index:3;width:calc(160px * var(--fk-laptop-scale));height:calc(26px * var(--fk-laptop-scale) + 1px);background:#0e1211;border-radius:0 0 4px 4px;position:absolute;left:50%;transform:translate(-50%)}.fk-laptop-notch:after{content:"";background:#2a3b42;border-radius:9999px;width:3px;height:3px;position:absolute;top:35%;left:50%;transform:translate(-50%)}.fk-laptop-base{height:calc(var(--fk-lid-bezel) * 1.4 + 4px);background:linear-gradient(#9ea4a7 0%,#e4e7e8 18%,#eef0f1 40%,#c9cdd0 75%,#a3a8ab 100%);border-radius:2px 2px 18px 18px/2px 2px 100% 100%;margin:0 -6.5%;position:relative;box-shadow:0 6px 10px -6px #1c232159,0 26px 40px -18px #1c232166}.fk-laptop-base:before{content:"";background:linear-gradient(#a7acaf,#cfd3d5);border-radius:0 0 12px 12px/0 0 100% 100%;width:15%;height:48%;position:absolute;top:0;left:50%;transform:translate(-50%)}.fk-demo-row{transition:transform .52s cubic-bezier(.22,1,.36,1)}