.wk-head{padding:calc(var(--cell) * 14) 0 calc(var(--cell) * 6)}.wk-h{font-size:75px;line-height:.92;font-weight:400;letter-spacing:-.035em;text-transform:uppercase}.wk{display:flex;flex-direction:column;gap:var(--cell);padding-bottom:calc(var(--cell) * 14)}.wk-row{display:grid;gap:var(--cell)}.wk-c{display:flex;flex-direction:column;min-width:0;color:var(--ink);text-decoration:none}.wk-c:hover{color:var(--ink)}.wk-c:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.wk-f{position:relative;display:block;height:calc(var(--cell) * var(--h));padding:var(--cell);background:var(--surface);clip-path:var(--step12);overflow:clip}.wk-c:hover .wk-f{background:var(--surface-2)}.wk-f .mock,.wk-f .mock.film{width:100%;height:100%;overflow:visible;isolation:isolate}.wk-f .mock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--card);clip-path:var(--step8)}.wk-f .clip-stage{inset:calc(var(--cell) * -1)}.wk-f .mock .ph{zoom:calc(var(--k) * .5)}.wk-f .mock .ph.mz-sm{zoom:calc(var(--k) * .4)}.wk-f .mock .win{zoom:calc(var(--k) * .75)}.wk-f .mock .win.wk-s,.wk-f .mock.mz-small .win{zoom:calc(var(--k) * .45)}.wk-f .mock .sheet,.wk-f .mock.mz-fit .sheet{zoom:calc(var(--k) * .5)}.wk-f .mock.mz-close{justify-content:flex-start;align-items:flex-start}.wk-f .mock.mz-close .sheet{position:absolute;left:calc(var(--cell) * 5);top:calc(var(--cell) * 5);zoom:calc(var(--k) * 1.1)}.mz-sw{display:grid;grid-template-columns:repeat(3,calc(var(--cell) * 8));gap:var(--cell)}.mz-sw span{display:flex;flex-direction:column;gap:6px}.mz-sw i{display:block;height:calc(var(--cell) * 8);box-shadow:inset 0 0 0 1px #1616171f}.mz-sw b{font:400 10px/12px var(--mono);letter-spacing:.06em;color:#66666a}.wk-pill{position:absolute;left:50%;bottom:calc(var(--cell) * 2);z-index:2;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .3s var(--ease-out),transform .45s var(--ease-out),visibility 0s .45s;pointer-events:none}.wk-pill span{display:block;padding:9px 16px;background:var(--inverse);color:var(--on-inverse);font:500 13px/1 var(--sans);white-space:nowrap;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}.wk-c:hover .wk-pill,.wk-c:focus-visible .wk-pill{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .3s var(--ease-out),transform .45s var(--ease-out),visibility 0s}.rm .wk-pill{transform:translate(-50%)}.wk-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (hover: none){.wk-pill{display:none}.wk-cap{position:static;width:auto;height:auto;clip:auto;margin-top:var(--cell);overflow:hidden;text-overflow:ellipsis;font:400 13px/18px var(--sans);color:var(--muted)}}@media (hover: none){.ar .wk-cap{min-height:36px;white-space:normal;text-overflow:clip;color:var(--folder-ink)}}.ar{padding-bottom:calc(var(--cell) * 14)}.main>.ar{margin-top:calc(var(--cell) * -2)}.ar-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.ar-tab{display:flex;flex-direction:column;gap:8px;margin:0;padding:calc(var(--cell) * 1.6) calc(var(--cell) * 2) calc(var(--cell) * 1.2);background:var(--folder);font-weight:400;clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% 100%,0 100%)}.ar-path{font:400 22px/1 var(--mono);color:var(--folder-muted);white-space:nowrap}.ar-path b{font-weight:500;color:var(--folder-ink)}.ar-line{font:400 13px/1.3 var(--mono);color:var(--folder-muted)}.ar-body{padding:var(--cell);background:var(--folder);clip-path:polygon(0 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px))}.ar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cell)}.ar-col{display:flex;flex-direction:column;gap:var(--cell)}.ar-c{width:100%;margin:0;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ar .wk-f .mock .win{zoom:calc(var(--k) * .32)}.ar .wk-f .mock .sheet{zoom:calc(var(--k) * .4)}@media (min-width: 721px) and (max-width: 1023px){.ar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.ar-path{font-size:18px}.ar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar .wk-f{height:calc(var(--cell) * var(--h))}.ar .wk-f .mock .win{zoom:calc(var(--k) * .26)}.wk-head{padding-top:calc(var(--cell) * 16)}.wk-h{font-size:40px}.wk-row{grid-template-columns:minmax(0,1fr)!important;gap:calc(var(--cell) * 3)}.wk{gap:calc(var(--cell) * 3)}.wk-f{height:calc(var(--cell) * 48)}.wk .wk-f .mock .ph,.wk .wk-f .mock .ph.mz-sm{zoom:calc(var(--k) * .7)}.wk .wk-f .mock:not(.mz-close) .sheet{zoom:calc(var(--k) * .62)}.wk .wk-f .mock .win{zoom:calc(var(--k) * .55)}}