.hero-browser-visual[data-v-687ac6a2]{inset:0;position:absolute;z-index:0}.hero-browser-visual[data-v-687ac6a2]:after{background:#12100eb8;content:"";inset:0;position:absolute}.hero-browser-window[data-v-687ac6a2]{background:#0d0c0b;border:1px solid #524a45;border-radius:.75rem;bottom:clamp(2rem,8vh,5rem);box-shadow:0 2rem 5rem #00000073;left:clamp(1rem,7vw,7rem);overflow:hidden;position:absolute;right:clamp(1rem,7vw,7rem);top:clamp(2rem,8vh,5rem)}.hero-browser-editor[data-v-687ac6a2]{grid-template-columns:13rem 1fr;height:calc(100% - 2.5rem)}.hero-browser-code[data-v-687ac6a2]{color:#d6d3d1;font-size:.95rem;padding:clamp(1.5rem,4vw,4rem)}.hero-browser-suggest[data-v-687ac6a2]{box-shadow:0 1rem 3rem #00000059;left:clamp(4rem,16vw,18rem);top:clamp(8rem,28vh,18rem);width:min(26rem,64vw)}@media(max-width:900px){.hero-browser-editor[data-v-687ac6a2]{grid-template-columns:1fr}.hero-browser-sidebar[data-v-687ac6a2]{display:none}.hero-browser-window[data-v-687ac6a2]{inset:1rem}}@media(max-width:560px){.hero-browser-code[data-v-687ac6a2]{padding:1.25rem}.hero-browser-code p[data-v-687ac6a2]{white-space:normal}.hero-browser-suggest[data-v-687ac6a2]{left:1.25rem;right:1.25rem;width:auto}}