.hk-dev[data-astro-cid-7ng4a6co]{--glass: #0b0b0e;--alu: #c6c8cc;--alu-light: #dfe0e3;--alu-shade: #9fa2a8;--hinge: #2a2b30;position:relative;container-type:inline-size;aspect-ratio:100 / 68;margin-inline:auto}.hk-dev--pair[data-astro-cid-7ng4a6co]{aspect-ratio:100 / 74}.hk-dev-laptop[data-astro-cid-7ng4a6co]{position:absolute;top:0;left:4%;width:92%;translate:0 0}.hk-dev--pair[data-astro-cid-7ng4a6co] .hk-dev-laptop[data-astro-cid-7ng4a6co]{left:0;width:84%}.hk-dev-lid[data-astro-cid-7ng4a6co]{padding:1.6% 1.6% 2.2%;background:var(--glass);border-radius:2.4cqi 2.4cqi .5cqi .5cqi;box-shadow:0 0 0 .32cqi var(--alu),0 0 0 calc(.32cqi + 1px) var(--alu-shade),0 1.4cqi 3.2cqi #18191e2e}.hk-dev-screen[data-astro-cid-7ng4a6co]{position:relative;aspect-ratio:1512 / 982;overflow:hidden;border-radius:.6cqi .6cqi .2cqi .2cqi;background:#16171c}.hk-dev-screen[data-astro-cid-7ng4a6co] picture[data-astro-cid-7ng4a6co],.hk-dev-screen[data-astro-cid-7ng4a6co] img[data-astro-cid-7ng4a6co],.hk-dev-video[data-astro-cid-7ng4a6co]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.hk-dev-video[data-astro-cid-7ng4a6co]{opacity:0;transition:opacity .5s ease}.hk-dev-video[data-astro-cid-7ng4a6co].is-playing{opacity:1}.hk-dev-base[data-astro-cid-7ng4a6co]{position:relative;left:-6%;width:112%;height:2.3cqi;margin-top:.32cqi;background:linear-gradient(var(--hinge) 0 .35cqi,var(--alu-light) .35cqi,var(--alu) 55%,var(--alu-shade));border-radius:.3cqi .3cqi 2.6cqi 2.6cqi/.3cqi .3cqi 1.8cqi 1.8cqi;box-shadow:0 1.8cqi 2.6cqi #18191e33}.hk-dev-base[data-astro-cid-7ng4a6co]:before{content:"";position:absolute;top:.35cqi;left:50%;width:13%;height:.75cqi;translate:-50% 0;background:linear-gradient(var(--alu-shade),var(--alu));border-radius:0 0 1cqi 1cqi}.hk-dev-tablet[data-astro-cid-7ng4a6co]{position:absolute;right:0;bottom:0;width:41%;padding:1.25cqi;background:var(--glass);border-radius:2.6cqi;box-shadow:0 0 0 .28cqi var(--alu),0 0 0 calc(.28cqi + 1px) var(--alu-shade),0 1.8cqi 3.8cqi #18191e47;translate:0 0}.hk-dev-tablet-screen[data-astro-cid-7ng4a6co]{aspect-ratio:2420 / 1668;overflow:hidden;border-radius:1.45cqi;background:#16171c}.hk-dev-tablet-screen[data-astro-cid-7ng4a6co] img[data-astro-cid-7ng4a6co]{display:block;width:100%;height:100%;object-fit:cover}.hk-dev-tablet-screen[data-astro-cid-7ng4a6co]{position:relative}.hk-dev-after[data-astro-cid-7ng4a6co]{position:absolute;inset:0}.hk-dev[data-astro-cid-7ng4a6co].is-synced .hk-dev-after[data-astro-cid-7ng4a6co]{clip-path:inset(0 calc((1 - var(--draw, 1)) * 100%) 0 0);opacity:var(--show, 1)}.hk-dev-toggle[data-astro-cid-7ng4a6co]{position:absolute;z-index:2;left:2.2%;bottom:3.2%;display:inline-flex;align-items:center;gap:.45rem;min-height:1.6rem;padding:.25em .8em .25em .65em;font:600 clamp(.62rem,1.5cqi,.78rem)/1 var(--v2-font-sans);color:#e9e5dc;background:#23242b;border:1px solid #3a3b43;border-radius:999px;cursor:pointer;opacity:.88}.hk-dev-toggle[data-astro-cid-7ng4a6co]:hover{opacity:1;border-color:#5a5b64}.hk-dev-toggle[data-astro-cid-7ng4a6co]:focus-visible{outline:2px solid var(--v2-accent);outline-offset:2px}.hk-dev-toggle-icon[data-astro-cid-7ng4a6co]{width:.62rem;height:.62rem;border-inline:.2rem solid currentColor;box-sizing:border-box}.hk-dev-toggle[data-astro-cid-7ng4a6co][aria-pressed=true] .hk-dev-toggle-icon[data-astro-cid-7ng4a6co]{border:0;border-left:.6rem solid currentColor;border-block:.36rem solid transparent;width:0;height:0}@media(prefers-reduced-motion:no-preference){.hk-dev-laptop[data-astro-cid-7ng4a6co]{animation:hk-dev-in .75s cubic-bezier(.2,.7,.2,1) both}.hk-dev-tablet[data-astro-cid-7ng4a6co]{animation:hk-dev-in-pad .8s cubic-bezier(.2,.7,.2,1) .12s both}@keyframes hk-dev-in{0%{translate:0 1.2cqi}to{translate:0 0}}@keyframes hk-dev-in-pad{0%{translate:2cqi 1.4cqi}to{translate:0 0}}@supports (animation-timeline: view()){.hk-dev-laptop[data-astro-cid-7ng4a6co]{animation:hk-dev-in .75s cubic-bezier(.2,.7,.2,1) both,hk-dev-depth-far linear both;animation-timeline:auto,view();animation-range:normal,exit 0% exit 100%}.hk-dev-tablet[data-astro-cid-7ng4a6co]{animation:hk-dev-in-pad .8s cubic-bezier(.2,.7,.2,1) .12s both,hk-dev-depth-near linear both;animation-timeline:auto,view();animation-range:normal,exit 0% exit 100%}@keyframes hk-dev-depth-far{0%{transform:translateY(0)}to{transform:translateY(-1.5cqi)}}@keyframes hk-dev-depth-near{0%{transform:translateY(0)}to{transform:translateY(-5cqi)}}}}@media(prefers-reduced-motion:reduce){.hk-dev-video[data-astro-cid-7ng4a6co],.hk-dev-toggle[data-astro-cid-7ng4a6co]{display:none}}