.so{margin-top:var(--s8);outline:none;position:relative;container-type:inline-size}.so:focus-visible .so-vis{outline:2px solid var(--call);outline-offset:6px}.so-h{max-width:none;font:inherit;margin:0}.so-vis{-webkit-user-select:none;user-select:none;padding:clamp(28px,7cqi,84px) 0;display:block;position:relative}@media (hover:hover) and (pointer:fine){.so-vis{cursor:none}}.so-line{z-index:2;perspective:900px;touch-action:pan-y;align-items:flex-end;height:15.738cqi;display:flex;position:relative}.so-txt,.so-measure{font-family:var(--display);font-weight:var(--display-w);letter-spacing:-.05em;white-space:nowrap;color:var(--ink);margin-left:-.05em;line-height:.8;display:inline-block}.so-txt{transform:scale(var(--k,1));transform-origin:0 100%;font-size:18.3cqi;transition:transform}.so-measure{visibility:hidden;font-size:100px;position:absolute}.so-txt .sp{width:.24em;display:inline-block}.so-txt .ch{transform-origin:50% 70%;transition:transform .42s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative}.so-txt .g{transition:opacity .18s var(--ease-out), transform .38s cubic-bezier(.34,1.56,.64,1);display:inline-block}.so-txt .lg{opacity:0;width:.52em;height:.52em;transition:opacity .16s var(--ease-out), transform .46s cubic-bezier(.34,1.56,.64,1);pointer-events:none;position:absolute;top:52%;left:50%;transform:scale(.35)rotate(-14deg)}.so-txt .lg svg{width:100%;height:100%;display:block}.so-txt .lg--figma{--f1:#f24e1e;--f2:#ff7262;--f3:#a259ff;--f4:#1abcfe;--f5:#0acf83}.so-txt .ch.is-logo .g{opacity:0;transform:scale(.55)}.so-txt .ch.is-logo .lg{opacity:1;transform:none}.so-txt .ch.is-near-l{transform:translate(-.035em)rotate(-2deg)}.so-txt .ch.is-near-r{transform:translate(.035em)rotate(2deg)}.so-mp{z-index:1;pointer-events:none;position:absolute;inset:0}.so-top{z-index:3;pointer-events:none;position:absolute;inset:0}.cu--tag .cu-tag{top:17px}.cu{will-change:transform;position:absolute;top:0;left:0}.cu-a{filter:drop-shadow(0 1px 1.5px #0000002e);width:16px;height:22px;display:block}.cu-a path{fill:var(--c);stroke:#fff;stroke-width:1.3px;stroke-linejoin:round}.cu-tag{background:var(--c);color:#fff;font:500 11px/1.1 var(--sans);white-space:nowrap;border-radius:4px 10px 10px;padding:3px 7px 4px;position:absolute;top:17px;left:13px;box-shadow:0 1px 2px #0000001f}.so-vis>.cu--you{z-index:5}.cu-tag{transition:translate .16s var(--ease-out)}.cu.is-flip .cu-tag{border-radius:10px 4px 10px 10px;translate:calc(-100% - 20px)}.sel{border:1.5px solid var(--c);pointer-events:none;position:absolute}.sel i{border:1.5px solid var(--c);background:#fff;width:7px;height:7px;position:absolute}.sel i:first-child{top:-4px;left:-4px}.sel i:nth-child(2){top:-4px;right:-4px}.sel i:nth-child(3){bottom:-4px;left:-4px}.sel i:nth-child(4){bottom:-4px;right:-4px}.so--v1 .so-vis{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--ink) 16%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, color-mix(in srgb, var(--paper-2) 70%, var(--paper));border-radius:2px}.so--v3 .so-vis{padding-top:clamp(40px,8cqi,96px)}.fr{z-index:3;pointer-events:none;left:calc(-1 * var(--s3));top:calc(clamp(40px, 8cqi, 96px) - var(--s4));height:calc(18.3cqi * .86 + var(--s4) * 2);right:calc(-1 * var(--s3) - var(--dx,0px));border:1.5px solid #0d99ff;position:absolute}.fr-label{font:500 11px/1 var(--sans);color:#0d99ff;white-space:nowrap;position:absolute;bottom:calc(100% + 6px);left:-1.5px}.fr-h{width:8px;height:8px;transition:transform .16s var(--ease-out);background:#fff;border:1.5px solid #0d99ff;position:absolute}.fr-h--tl{top:-5px;left:-5px}.fr-h--t{top:-5px;left:calc(50% - 4px)}.fr-h--tr{top:-5px;right:-5px}.fr-h--l{top:calc(50% - 4px);left:-5px}.fr-h--r{top:calc(50% - 4px);right:-5px}.fr-h--bl{bottom:-5px;left:-5px}.fr-h--b{bottom:-5px;left:calc(50% - 4px)}.fr-h--br{bottom:-5px;right:-5px}.fr-h.is-grab{background:#0d99ff;transform:scale(1.35)}.fr-dims{color:#fff;font:500 10.5px/1 var(--sans);white-space:nowrap;background:#0d99ff;border-radius:3px;padding:3px 6px;position:absolute;top:calc(100% + 8px);left:50%;translate:-50%}.so-tip{z-index:4;color:#fff;font:500 11px/1 var(--sans);white-space:nowrap;pointer-events:none;background:#1e1e1e;border-radius:4px;padding:4px 8px;position:absolute;translate:-50% calc(-100% - 8px)}.so.is-still .so-mp .cu,.so.is-still .sel{display:none}@media (prefers-reduced-motion:reduce){.so-txt .ch,.so-txt .g,.so-txt .lg,.fr-h{transition:none!important}}.so--live{margin-top:var(--s9)}.so--live .so-vis{margin-inline:calc(-1 * var(--gutter));padding:clamp(56px, 10cqi, 140px) var(--s4);border-radius:0;container-type:inline-size}.so--live .so-txt{font-size:calc(var(--fit,18.3) * 1cqi)}.so--live .so-line{height:calc(var(--fit,18.3) * 1cqi * .86)}.so--live .so-txt.so-measure{font-size:100px}