@layer variables{:root{--layout-width:calc(100vw - (80% / 2));--grey-0:#000;--grey-1:#313131;--grey-2:#3f3f3f;--grey-3:#515151;--grey-4:#727272;--grey-5:#909090;--glowing-green:#0f0;--border:1px solid var(--grey-0)}}@layer pages{.lunar-view{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.lunar-view__frame{--weight:1px;aspect-ratio:4/3;pointer-events:none;width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lunar-view__frame:before,.lunar-view__frame:after{content:"";position:absolute}.lunar-view__frame--x:before,.lunar-view__frame--x:after{width:var(--weight);background:linear-gradient(to bottom, transparent 0%, var(--grey-500) 20%, var(--grey-500) 80%, transparent 100%);height:114%;top:-7%}.lunar-view__frame--x:before{left:calc(0px - var(--weight))}.lunar-view__frame--x:after{right:calc(0px - var(--weight))}.lunar-view__frame--y:before,.lunar-view__frame--y:after{width:140%;height:var(--weight);background:linear-gradient(to right, transparent 0%, var(--grey-500) 20%, var(--grey-500) 80%, transparent 100%);left:-20%}.lunar-view__frame--y:before{top:calc(0px - var(--weight))}.lunar-view__frame--y:after{bottom:calc(0px - var(--weight))}.lunar-view__canvas{aspect-ratio:4/3;perspective:800px;width:70%;position:absolute;top:50%;left:50%;overflow:clip;transform:translate(-50%,-50%)}}