.wrapper__bio{padding:.5rem}@keyframes window-open{0%{transform:scale(0)}to{transform:scale(100%)}}.wrapper__window{position:fixed;border-radius:.5rem;box-shadow:.2em .2em .2em 0 rgba(0,0,0,.396);top:var(--nav-container-height);box-sizing:border-box;width:calc(100% - 1rem);max-height:calc(var(--real-viewport-height) - var(--nav-container-height));height:-moz-fit-content;height:fit-content;overflow-y:auto;z-index:8;margin-top:.5rem;visibility:hidden;opacity:0;transition:visibility .1s,opacity .1s;border-radius:.5em}@media(min-width:768px){.wrapper__window{box-shadow:.25em .25em .25em 0 rgba(0,0,0,.396)}}@media(min-width:992px){.wrapper__window{box-shadow:.3em .3em .3em 0 rgba(0,0,0,.396)}}.wrapper__window .wrapper__inner{animation:window-open .2s ease-in-out;background-color:#000;transition:background-color .75s ease-in-out,color .75s ease-in-out,box-shadow .3s ease-in-out;transform-origin:top center}.wrapper__window.visible{visibility:visible;opacity:1}@media(min-width:768px){.wrapper__window{top:var(--nav-container-height);width:100%;max-width:500px;max-height:500px;margin-right:0;margin-top:0}}.wrapper__window .container__window-bar{position:-webkit-sticky;position:sticky;top:0;display:flex;width:100%;justify-content:space-between;padding:.25rem .5rem;border-bottom:1px solid red;cursor:-webkit-grab;cursor:grab;box-sizing:border-box;background-color:inherit;color:inherit;align-items:center}.wrapper__window .container__window-bar:active{cursor:-webkit-grabbing;cursor:grabbing}.wrapper__window .container__window-bar h1{position:relative;text-transform:uppercase;line-height:.95em;margin:0;font-weight:600;width:-moz-fit-content;width:fit-content;-webkit-user-drag:none}