@property --px{syntax:"<length>";inherits:true;initial-value:1px}.app{--px:calc(1em / 13);letter-spacing:0;text-align:left;color:#1d1d1f;cursor:default;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:1em;font-weight:400;font-stretch:100%;line-height:1.35;display:flex;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.app *,.app :before,.app :after{box-sizing:border-box;margin:0;padding:0;position:static}.app b{font-weight:600}.app i,.app em{font-style:normal}.app pre{white-space:pre;font-family:ui-monospace,SF Mono,Menlo,monospace}.app .ic{width:calc(var(--px) * 16);height:calc(var(--px) * 16);fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.app .lights{gap:calc(var(--px) * 8);flex:none;display:flex}.app .lights i{width:calc(var(--px) * 12);height:calc(var(--px) * 12);background:#d4d4d9;border-radius:50%;display:block}.focused .app .lights i:first-child{background:#ff5f57}.focused .app .lights i:nth-child(2){background:#febc2e}.focused .app .lights i:nth-child(3){background:#28c840}.app-safari .sf-bar{align-items:center;gap:calc(var(--px) * 14);height:calc(var(--px) * 52);padding:0 calc(var(--px) * 16);border-bottom:calc(var(--px) * 1) solid #dcdcdc;color:#6e6e73;background:#f6f6f6;flex:none;display:flex}.app-safari .sf-tools{gap:calc(var(--px) * 14);flex:none;display:flex}.app-safari .sf-url{min-width:0;max-width:calc(var(--px) * 520);height:calc(var(--px) * 30);justify-content:center;align-items:center;gap:calc(var(--px) * 5);border-radius:calc(var(--px) * 8);font-size:calc(var(--px) * 13);color:#1d1d1f;white-space:nowrap;background:#e9e9eb;flex:1;margin:0 auto;display:flex;overflow:hidden}.app-safari .sf-url .ic{width:calc(var(--px) * 12);height:calc(var(--px) * 12);color:#6e6e73}.app-safari .sf-page{font-family:var(--font-sans,Archivo), system-ui, sans-serif;background:#fff;flex:1;overflow:hidden}.app-safari .sf-nav{align-items:center;gap:calc(var(--px) * 22);height:calc(var(--px) * 50);padding:0 calc(var(--px) * 28);border-bottom:calc(var(--px) * 1) solid #e7e7ea;font-size:calc(var(--px) * 12);color:#4f4f57;white-space:nowrap;display:flex;overflow:hidden}.app-safari .sf-mark{height:calc(var(--px) * 17);fill:#121214;width:auto;margin-right:-calc(var(--px) * 14);flex:none}.app-safari .sf-nav b{font-size:calc(var(--px) * 15);color:#121214;margin-right:auto;font-stretch:125%}.app-safari .sf-nav em{color:#fff;padding:calc(var(--px) * 6) calc(var(--px) * 11);border-radius:calc(var(--px) * 7);background:#121214;font-weight:550}.app-safari .sf-art{max-width:calc(var(--px) * 640);padding:calc(var(--px) * 30) calc(var(--px) * 28);margin:0 auto}.app-safari .sf-art small{font-size:calc(var(--px) * 10);letter-spacing:.08em;text-transform:uppercase;color:#6c6c75;margin-bottom:calc(var(--px) * 10);font-stretch:112%;display:block}.app-safari .sf-art h1{font-size:calc(var(--px) * 27);letter-spacing:-.03em;color:#121214;margin-bottom:calc(var(--px) * 20);font-weight:500;font-stretch:125%;line-height:1.06}.app-safari .sf-art h2{font-size:calc(var(--px) * 16);letter-spacing:-.02em;color:#121214;margin:calc(var(--px) * 20) 0 calc(var(--px) * 8);font-weight:500;font-stretch:125%}.app-safari .sf-art p{font-size:calc(var(--px) * 13.5);color:#4f4f57;margin-bottom:calc(var(--px) * 11);line-height:1.55}.app-safari .sf-img{height:calc(var(--px) * 170);border-radius:calc(var(--px) * 10);margin-bottom:calc(var(--px) * 20);background:radial-gradient(90% 120% at 50% 100%,#2e2a28 0%,#1c1c20 55%,#121214 100%);position:relative;overflow:hidden}.app-safari .sf-img svg{height:74%;filter:drop-shadow(0 0 calc(var(--px) * 22) #ffa0408c);position:absolute;bottom:0;left:50%;transform:translate(-50%)}@container (max-width:30em){.app-safari .sf-tools:last-child,.app-safari .sf-nav span{display:none}.app-safari .sf-art{padding:calc(var(--px) * 22) calc(var(--px) * 18)}.app-safari .sf-art h1{font-size:calc(var(--px) * 21)}}.app-code{color:#ccc;background:#1e1e1e}.app-code .lights i,.app-term .lights i{background:#4a4a50}.app-code .vc-title{height:calc(var(--px) * 30);padding:0 calc(var(--px) * 12);font-size:calc(var(--px) * 12);color:#ccc;background:#323233;flex:none;align-items:center;display:flex;position:relative}.app-code .vc-title span:last-child{left:calc(var(--px) * 70);right:calc(var(--px) * 70);text-align:center;white-space:nowrap;text-overflow:ellipsis;position:absolute;overflow:hidden}.app-code .vc-main{flex:1;min-height:0;display:flex}.app-code .vc-act{width:calc(var(--px) * 48);align-items:center;gap:calc(var(--px) * 4);padding-top:calc(var(--px) * 6);color:#858585;background:#333;flex-direction:column;flex:none;display:flex}.app-code .vc-act span{width:calc(var(--px) * 48);height:calc(var(--px) * 44);border-left:calc(var(--px) * 2) solid transparent;place-items:center;display:grid}.app-code .vc-act span.on{color:#fff;border-left-color:#fff}.app-code .vc-act .ic{width:calc(var(--px) * 22);height:calc(var(--px) * 22);stroke-width:1.1px}.app-code .vc-side{width:calc(var(--px) * 190);font-size:calc(var(--px) * 13);background:#252526;flex:none;overflow:hidden}.app-code .vc-h{height:calc(var(--px) * 35);padding:0 calc(var(--px) * 20);font-size:calc(var(--px) * 11);letter-spacing:.04em;text-transform:uppercase;color:#bbb;align-items:center;display:flex}.app-code .vc-tree div{height:calc(var(--px) * 22);padding-left:calc(var(--px) * 8);white-space:nowrap;color:#ccc;align-items:center;display:flex}.app-code .vc-tree .d{font-size:calc(var(--px) * 11);font-weight:700}.app-code .vc-tree .l1{padding-left:calc(var(--px) * 20)}.app-code .vc-tree .l2{padding-left:calc(var(--px) * 32)}.app-code .vc-tree .l3{padding-left:calc(var(--px) * 50)}.app-code .vc-tree .on{color:#fff;background:#37373d}.app-code .sw:before{content:"";width:calc(var(--px) * 9);height:calc(var(--px) * 9);margin-right:calc(var(--px) * 7);border-radius:calc(var(--px) * 2);background:#f05138;flex:none}.app-code .vc-ed{flex-direction:column;flex:1;min-width:0;display:flex}.app-code .vc-tabs{height:calc(var(--px) * 35);font-size:calc(var(--px) * 13);background:#252526;flex:none;display:flex;overflow:hidden}.app-code .vc-tabs span{padding:0 calc(var(--px) * 16) 0 calc(var(--px) * 12);color:#969696;border-right:calc(var(--px) * 1) solid #252526;white-space:nowrap;background:#2d2d2d;align-items:center;display:flex}.app-code .vc-tabs span.on{color:#fff;background:#1e1e1e}.app-code .vc-crumbs{height:calc(var(--px) * 22);padding:0 calc(var(--px) * 16);font-size:calc(var(--px) * 12);color:#a0a0a0;white-space:nowrap;flex:none;align-items:center;display:flex;overflow:hidden}.app-code .vc-code{padding:calc(var(--px) * 4) 0;font-size:calc(var(--px) * 12);line-height:calc(var(--px) * 18);color:#d4d4d4;flex:1;overflow:hidden}.app-code .ln{width:calc(var(--px) * 44);padding-right:calc(var(--px) * 16);text-align:right;color:#858585;display:inline-block}.app-code .k{color:#569cd6}.app-code .p{color:#c586c0}.app-code .t{color:#4ec9b0}.app-code .f{color:#dcdcaa}.app-code .v{color:#9cdcfe}.app-code .n{color:#b5cea8}.app-code .c{color:#6a9955}.app-code .vc-status{align-items:center;gap:calc(var(--px) * 14);height:calc(var(--px) * 22);padding:0 calc(var(--px) * 10);color:#fff;font-size:calc(var(--px) * 12);white-space:nowrap;background:#007acc;flex:none;display:flex;overflow:hidden}.app-code .vc-status .r{margin-left:auto}@container (max-width:36em){.app-code .vc-side{display:none}}@container (max-width:24em){.app-code .vc-status span:not(:first-child){display:none}}.app-claude{color:#29261b;background:#faf9f5;flex-direction:row}.app-claude .cl-side{width:calc(var(--px) * 200);gap:calc(var(--px) * 1);padding:0 calc(var(--px) * 10) calc(var(--px) * 10);border-right:calc(var(--px) * 1) solid #e8e6dc;font-size:calc(var(--px) * 13);background:#f5f4ee;flex-direction:column;flex:none;display:flex;overflow:hidden}.app-claude .cl-top{height:calc(var(--px) * 40);padding-left:calc(var(--px) * 4);align-items:center;display:flex}.app-claude .cl-brand{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:calc(var(--px) * 19);padding:calc(var(--px) * 2) calc(var(--px) * 8) calc(var(--px) * 12);color:#29261b}.app-claude .cl-new,.app-claude .cl-nav,.app-claude .cl-item{height:calc(var(--px) * 30);align-items:center;gap:calc(var(--px) * 8);padding:0 calc(var(--px) * 8);border-radius:calc(var(--px) * 7);white-space:nowrap;display:flex;overflow:hidden}.app-claude .cl-new b{width:calc(var(--px) * 18);height:calc(var(--px) * 18);color:#fff;font-size:calc(var(--px) * 14);background:#d97757;border-radius:50%;place-items:center;font-weight:500;line-height:1;display:grid}.app-claude .cl-new{color:#a44a25;font-weight:550}.app-claude .cl-h{padding:calc(var(--px) * 14) calc(var(--px) * 8) calc(var(--px) * 5);font-size:calc(var(--px) * 11.5);color:#6b6859}.app-claude .cl-item{color:#3d3a2f}.app-claude .cl-item.on{background:#e9e6da}.app-claude .cl-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-claude .cl-title{height:calc(var(--px) * 40);align-items:center;gap:calc(var(--px) * 6);padding:0 calc(var(--px) * 20);font-size:calc(var(--px) * 13);white-space:nowrap;flex:none;font-weight:550;display:flex;overflow:hidden}.app-claude .cl-title i{color:#6b6859}.app-claude .cl-thread{width:100%;min-height:0;max-width:calc(var(--px) * 660);padding:calc(var(--px) * 14) calc(var(--px) * 24) 0;gap:calc(var(--px) * 18);flex-direction:column;flex:1;margin:0 auto;display:flex;overflow:hidden}.app-claude .cl-user{max-width:82%;padding:calc(var(--px) * 10) calc(var(--px) * 15);border-radius:calc(var(--px) * 14);font-size:calc(var(--px) * 14);background:#f0eee6;align-self:flex-end;line-height:1.45}.app-claude .cl-bot{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:calc(var(--px) * 15);color:#29261b;line-height:1.6}.app-claude .cl-bot p{margin-bottom:calc(var(--px) * 11)}.app-claude .cl-bot ul{margin:0 0 calc(var(--px) * 11) calc(var(--px) * 20)}.app-claude .cl-bot li{margin-bottom:calc(var(--px) * 4)}.app-claude .cl-compose{width:calc(100% - calc(var(--px) * 40));max-width:calc(var(--px) * 620);margin:calc(var(--px) * 10) auto calc(var(--px) * 18);padding:calc(var(--px) * 13) calc(var(--px) * 14) calc(var(--px) * 10);border-radius:calc(var(--px) * 16);border:calc(var(--px) * 1) solid #e0ddd0;box-shadow:0 calc(var(--px) * 4) calc(var(--px) * 16) #0000000d;font-size:calc(var(--px) * 14);color:#6b6859;background:#fff;flex:none}.app-claude .cl-compose div{align-items:center;gap:calc(var(--px) * 10);margin-top:calc(var(--px) * 16);display:flex}.app-claude .cl-compose b{width:calc(var(--px) * 26);height:calc(var(--px) * 26);border-radius:calc(var(--px) * 8);border:calc(var(--px) * 1) solid #e0ddd0;font-weight:400;font-size:calc(var(--px) * 16);color:#5c594c;place-items:center;display:grid}.app-claude .cl-compose em{font-size:calc(var(--px) * 12.5);color:#5c594c;white-space:nowrap;margin-left:auto}.app-claude .cl-compose i{width:calc(var(--px) * 28);height:calc(var(--px) * 28);border-radius:calc(var(--px) * 8);color:#fff;font-size:calc(var(--px) * 15);background:#d97757;place-items:center;display:grid}@container (max-width:36em){.app-claude .cl-side{display:none}.app-claude .cl-title{padding-left:calc(var(--px) * 84)}}.app-term{color:#e4e4e6;background:#1b1b1d}.app-term .tm-title{height:calc(var(--px) * 28);padding:0 calc(var(--px) * 12);font-size:calc(var(--px) * 13);color:#b4b4b8;background:#2c2c2e;flex:none;align-items:center;font-weight:600;display:flex;position:relative}.app-term .tm-title span:last-child{left:calc(var(--px) * 70);right:calc(var(--px) * 70);text-align:center;white-space:nowrap;position:absolute;overflow:hidden}.app-term .tm-body{padding:calc(var(--px) * 8) calc(var(--px) * 10);font-size:calc(var(--px) * 12.5);flex:1;line-height:1.5;overflow:hidden}.app-term .d{color:#8e8e93}.app-term .g{color:#5bd16e}.app-term .p{color:#5ac8fa}.app-term .b{color:#c79bf2}.app-term .r{color:#ff6961}.app-term .cur{width:calc(var(--px) * 8);height:calc(var(--px) * 15);vertical-align:-calc(var(--px) * 3);background:#b4b4b8;display:inline-block}.app-notes .nt-bar{align-items:center;gap:calc(var(--px) * 18);height:calc(var(--px) * 52);padding:0 calc(var(--px) * 16);border-bottom:calc(var(--px) * 1) solid #dcdcdc;color:#6e6e73;background:#f6f6f6;flex:none;display:flex}.app-notes .nt-tools{gap:calc(var(--px) * 16);display:flex}.app-notes .nt-tools.r{margin-left:auto}.app-notes .nt-main{flex:1;min-height:0;display:flex}.app-notes .nt-list{width:40%;max-width:calc(var(--px) * 250);padding:calc(var(--px) * 4) calc(var(--px) * 8);border-right:calc(var(--px) * 1) solid #e5e5e7;background:#fbfbfb;flex:none;overflow:hidden}.app-notes .nt-h{padding:calc(var(--px) * 10) calc(var(--px) * 10) calc(var(--px) * 5);font-size:calc(var(--px) * 11.5);color:#6e6e73;font-weight:700}.app-notes .nt-n{padding:calc(var(--px) * 9) calc(var(--px) * 12);border-radius:calc(var(--px) * 8)}.app-notes .nt-n+.nt-n{box-shadow:0 -calc(var(--px) * 1) 0 #ececee}.app-notes .nt-n.on{box-shadow:none;background:#f6d568}.app-notes .nt-n b{font-size:calc(var(--px) * 13);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.app-notes .nt-n span{font-size:calc(var(--px) * 12);color:#6e6e73;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.app-notes .nt-n.on span{color:#6b5a1e}.app-notes .nt-n time{color:#1d1d1f;margin-right:calc(var(--px) * 4)}.app-notes .nt-note{min-width:0;padding:calc(var(--px) * 12) calc(var(--px) * 26);flex:1;overflow:hidden}.app-notes .nt-note>time{text-align:center;font-size:calc(var(--px) * 11.5);color:#a0a0a4;margin-bottom:calc(var(--px) * 14);white-space:nowrap;display:block}.app-notes .nt-note h2{font-size:calc(var(--px) * 22);letter-spacing:-.01em;color:#1d1d1f;margin-bottom:calc(var(--px) * 12);font-weight:700;font-stretch:100%;line-height:1.2}.app-notes .nt-todo{align-items:center;gap:calc(var(--px) * 10);margin:calc(var(--px) * 9) 0;font-size:calc(var(--px) * 14);white-space:nowrap;display:flex}.app-notes .nt-todo i{width:calc(var(--px) * 18);height:calc(var(--px) * 18);border:calc(var(--px) * 1.5) solid #c8c8cc;border-radius:50%;flex:none}.app-notes .nt-todo.done i{background:#e9b70a radial-gradient(circle,#fff 0 22%,#0000 26%);border-color:#e9b70a}.app-notes .nt-todo.done span{color:#a0a0a4}.app-notes .nt-note p{margin-top:calc(var(--px) * 16);font-size:calc(var(--px) * 14);color:#1d1d1f}@container (max-width:30em){.app-notes .nt-list,.app-notes .nt-tools:not(.r){display:none}}.app-slack{flex-direction:row}.app-slack .sl-side{width:calc(var(--px) * 200);padding:0 calc(var(--px) * 8);color:#cfc3cf;font-size:calc(var(--px) * 13.5);background:#3f0e40;flex:none;overflow:hidden}.app-slack .sl-top{height:calc(var(--px) * 40);padding-left:calc(var(--px) * 4);align-items:center;display:flex}.app-slack .lights i{background:#6a476b}.app-slack .sl-team{padding:calc(var(--px) * 2) calc(var(--px) * 8) calc(var(--px) * 12);font-size:calc(var(--px) * 16);color:#fff;white-space:nowrap;font-weight:800}.app-slack .sl-team i{font-size:calc(var(--px) * 12);opacity:.8;font-weight:400}.app-slack .sl-h{padding:calc(var(--px) * 14) calc(var(--px) * 8) calc(var(--px) * 4);font-size:calc(var(--px) * 12.5);color:#b8a8b9;white-space:nowrap}.app-slack .sl-item{height:calc(var(--px) * 27);align-items:center;gap:calc(var(--px) * 8);padding:0 calc(var(--px) * 8);border-radius:calc(var(--px) * 6);white-space:nowrap;display:flex;overflow:hidden}.app-slack .sl-item i{opacity:.7}.app-slack .sl-item b{color:#fff;gap:calc(var(--px) * 8);display:flex}.app-slack .sl-item.on{color:#fff;background:#1164a3}.app-slack .sl-item u{width:calc(var(--px) * 9);height:calc(var(--px) * 9);background:#2bac76;border-radius:50%;flex:none}.app-slack .sl-item u.off{box-shadow:inset 0 0 0 calc(var(--px) * 1.5) #b8a8b9;background:0 0}.app-slack .sl-main{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.app-slack .sl-head{height:calc(var(--px) * 49);padding:0 calc(var(--px) * 20);border-bottom:calc(var(--px) * 1) solid #e3e3e3;white-space:nowrap;flex-direction:column;flex:none;justify-content:center;display:flex;overflow:hidden}.app-slack .sl-head b{font-size:calc(var(--px) * 15);font-weight:800}.app-slack .sl-head span{font-size:calc(var(--px) * 12);color:#616061}.app-slack .sl-thread{justify-content:flex-end;gap:calc(var(--px) * 14);min-height:0;padding:calc(var(--px) * 14) calc(var(--px) * 20) calc(var(--px) * 10);flex-direction:column;flex:1;display:flex;overflow:hidden}.app-slack .sl-p{gap:calc(var(--px) * 10);display:flex}.app-slack .sl-p>i{width:calc(var(--px) * 36);height:calc(var(--px) * 36);border-radius:calc(var(--px) * 6);color:#fff;font-size:calc(var(--px) * 15);flex:none;place-items:center;font-weight:700;display:grid}.app-slack .sl-p>i.a{background:#2b8a78}.app-slack .sl-p>i.b{background:#c9603a}.app-slack .sl-p>i.c{background:#5b6ac9}.app-slack .sl-p div{min-width:0}.app-slack .sl-p b{font-size:calc(var(--px) * 14);color:#1d1c1d;font-weight:800}.app-slack .sl-p time{font-size:calc(var(--px) * 11.5);color:#616061}.app-slack .sl-p p{font-size:calc(var(--px) * 14);color:#1d1c1d;line-height:1.45}.app-slack .sl-compose{height:calc(var(--px) * 44);margin:calc(var(--px) * 4) calc(var(--px) * 20) calc(var(--px) * 18);padding:0 calc(var(--px) * 14);border-radius:calc(var(--px) * 9);border:calc(var(--px) * 1) solid #c8c8c8;font-size:calc(var(--px) * 14);color:#6b6b6b;white-space:nowrap;flex:none;align-items:center;display:flex;overflow:hidden}@container (max-width:32em){.app-slack .sl-side{display:none}.app-slack .sl-head{padding-left:calc(var(--px) * 84)}}.app-figma{color:#1e1e1e;background:#e6e6e6}.app-figma>*{font-size:calc(var(--px) * 11.5)}.app-figma .fg-bar{align-items:center;gap:calc(var(--px) * 14);height:calc(var(--px) * 44);padding:0 calc(var(--px) * 14);color:#e0e0e0;white-space:nowrap;background:#2c2c2c;flex:none;display:flex;overflow:hidden}.app-figma .lights i{background:#555558}.app-figma .fg-tools{gap:calc(var(--px) * 14);margin-left:calc(var(--px) * 6);display:flex}.app-figma .fg-tools .ic:first-child{color:#fff}.app-figma .fg-file{font-size:calc(var(--px) * 12.5);color:#b3b3b3;margin:0 auto}.app-figma .fg-file i{opacity:.5;margin:0 calc(var(--px) * 3)}.app-figma .fg-file b{color:#fff;font-weight:500}.app-figma .fg-bar em{padding:calc(var(--px) * 6) calc(var(--px) * 12);border-radius:calc(var(--px) * 6);color:#fff;font-size:calc(var(--px) * 12);background:#0d99ff;font-weight:600}.app-figma .fg-main{flex:1;min-height:0;display:flex}.app-figma .fg-left,.app-figma .fg-right{width:calc(var(--px) * 190);white-space:nowrap;background:#fff;flex:none;overflow:hidden}.app-figma .fg-left{border-right:calc(var(--px) * 1) solid #e6e6e6}.app-figma .fg-right{border-left:calc(var(--px) * 1) solid #e6e6e6;width:calc(var(--px) * 200)}.app-figma .fg-tabs{gap:calc(var(--px) * 16);height:calc(var(--px) * 40);padding:0 calc(var(--px) * 16);border-bottom:calc(var(--px) * 1) solid #e6e6e6;color:#8c8c8c;align-items:center;display:flex}.app-figma .fg-tabs b{color:#1e1e1e}.app-figma .fg-h{padding:calc(var(--px) * 12) calc(var(--px) * 16) calc(var(--px) * 6);color:#1e1e1e;font-weight:600}.app-figma .fg-l{height:calc(var(--px) * 28);align-items:center;gap:calc(var(--px) * 8);padding:0 calc(var(--px) * 16);display:flex}.app-figma .fg-l.d1{padding-left:calc(var(--px) * 34)}.app-figma .fg-l i{width:calc(var(--px) * 10);height:calc(var(--px) * 10);border:calc(var(--px) * 1.2) solid #8c8c8c;border-radius:calc(var(--px) * 2);flex:none}.app-figma .fg-l.page i{display:none}.app-figma .fg-l.page{font-weight:600}.app-figma .fg-l.dim{color:#8c8c8c;font-weight:400}.app-figma .fg-l.on{background:#e5f4ff}.app-figma .fg-l.on i{border-color:#0d99ff}.app-figma .fg-canvas{flex:1;min-width:0;position:relative;overflow:hidden}.app-figma .fg-frame{width:calc(var(--px) * 230);height:calc(var(--px) * 230);position:absolute;top:46%;left:50%;transform:translate(-62%,-50%)}.app-figma .fg-frame>span{margin-bottom:calc(var(--px) * 5);font-size:calc(var(--px) * 11);color:#8c8c8c;white-space:nowrap;position:absolute;bottom:100%;left:0}.app-figma .fg-frame.sel{outline:calc(var(--px) * 1.5) solid #0d99ff}.app-figma .fg-frame.sel>span{color:#0d99ff}.app-figma .fg-frame.sel:before,.app-figma .fg-frame.sel:after{content:"";width:calc(var(--px) * 7);height:calc(var(--px) * 7);border:calc(var(--px) * 1.5) solid #0d99ff;top:-calc(var(--px) * 4);background:#fff;position:absolute}.app-figma .fg-frame.sel:before{left:-calc(var(--px) * 4)}.app-figma .fg-frame.sel:after{right:-calc(var(--px) * 4)}.app-figma .fg-frame u{margin-top:calc(var(--px) * 7);padding:calc(var(--px) * 2) calc(var(--px) * 6);border-radius:calc(var(--px) * 3);color:#fff;font-size:calc(var(--px) * 10.5);white-space:nowrap;background:#0d99ff;text-decoration:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.app-figma .fg-icon{box-shadow:0 calc(var(--px) * 8) calc(var(--px) * 18) #00000040;background:linear-gradient(#3b3b42,#1c1c20 50%,#0e0e11);border-radius:22.5%;place-items:center;display:grid;position:absolute;inset:0}.app-figma .fg-icon svg{height:60%;filter:drop-shadow(0 0 calc(var(--px) * 16) #ff963299)}.app-figma .fg-frame.two{width:calc(var(--px) * 150);height:calc(var(--px) * 100);background:#fff;top:46%;left:50%;transform:translate(72%,-115%)}.app-figma .fg-sw{inset:calc(var(--px) * 12);gap:calc(var(--px) * 7);grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.app-figma .fg-sw i{border-radius:calc(var(--px) * 4);box-shadow:inset 0 0 0 calc(var(--px) * 1) #00000014}.app-figma .fg-row{gap:calc(var(--px) * 8);padding:calc(var(--px) * 3) calc(var(--px) * 16);display:flex}.app-figma .fg-row span{height:calc(var(--px) * 26);align-items:center;gap:calc(var(--px) * 8);padding:0 calc(var(--px) * 8);border-radius:calc(var(--px) * 5);background:#f5f5f5;flex:1;display:flex}.app-figma .fg-row span i{color:#8c8c8c}.app-figma .fg-row .sw{width:calc(var(--px) * 15);height:calc(var(--px) * 15);border-radius:calc(var(--px) * 3);flex:none}@container (max-width:52em){.app-figma .fg-right{display:none}}@container (max-width:36em){.app-figma .fg-left,.app-figma .fg-tools{display:none}.app-figma .fg-frame{transform:translate(-50%,-50%)}.app-figma .fg-frame.two{display:none}}