:root{font-family:Arial,Helvetica,sans-serif}body{min-height:100%;padding:0;margin:0;position:relative}#wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;height:99vh;width:99vw}.block__header{position:absolute;top:1rem;width:90vw;height:10vh;margin-bottom:1.5rem;background-color:gray}.block__footer{position:absolute;bottom:1rem;width:90vw;height:5vh;margin-top:1.5rem;background-color:#b4b4b4}.component-container{position:absolute;margin-top:5rem;display:flex;align-items:center;justify-content:center;height:80vh;width:80vw;outline:.5rem dashed gray}div[data-component=movable]:hover{cursor:url(../assets/images/icons8-pointer.svg),pointer}div[data-component=movable]:active{cursor:url(../assets/images/grab-logo-svgrepo-com.svg),grab}.flexible-container{background:#f7f7f7;border-radius:.85rem;overflow:visible;min-width:10rem;min-height:10rem;max-width:80vw;max-height:80vh;transform:none;display:flex;flex-direction:column;touch-action:none;-webkit-font-smoothing:antialiased;z-index:10;align-items:center;justify-content:center;position:absolute}.flexible-container *,.flexible-container :after,.flexible-container :before{box-sizing:border-box}.flexible-container--fixed{position:fixed!important}.flexible-container--absolute{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;position:absolute!important}.flexible-container--shadow{box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.flexible-container--shadow.flexible-container--collapsed .flexible-container__controls{cursor:grabbing}.flexible-container--move,.flexible-container--resize{transition:none}.flexible-container--move .flexible-container__trigger,.flexible-container--resize .flexible-container__trigger{pointer-events:none}.flexible-container--maximized{width:100vw!important;height:100vh!important;top:0!important;left:0!important;transform:none!important}.flexible-container--maximized .flexible-container__header{cursor:inherit}.flexible-container__title{font-weight:900;max-width:90%;text-align:center}.flexible-container.flexible-container--collapsed{height:auto!important;min-height:auto!important;border:none}.flexible-container.flexible-container--collapsed .flexible-container__content,.flexible-container.flexible-container--collapsed .flexible-element__heading{display:none!important}.flexible-container.flexible-container--collapsed .flexible-container__controls{border-radius:4px;cursor:pointer}.flexible-container.flexible-container--collapsed .flexible-container__controls:active{cursor:grabbing}.flexible-container.flexible-container--collapsed .flexible-container__controls:focus{cursor:grabbing}.flexible-container--maximized .flexible-container__trigger--resize,.flexible-container--collapsed .flexible-container__trigger--resize,.flexible-container--maximized .flexible-container__trigger--move{display:none}.flexible-container--maximized>.flexible-container__controls:hover{cursor:default}.flexible-container--hide{display:none!important}.flexible-container .icon{pointer-events:none}.flexible-container .flexible-container__content{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;flex-grow:1;width:100%;border:2px solid #f7f7f7;border-top:2px solid #f7f7f7;border-radius:4px}.flexible-container .flexible-container__controls{display:flex;align-items:center;justify-content:space-between;position:relative;background:#f7f7f7;border-radius:4px;border:2px solid #f7f7f7;padding:4px;width:100%;min-height:250px}.flexible-container .flexible-container__controls:hover{cursor:move}.flexible-container .flexible-container__accessibility-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);margin:0;padding:0;border:0;height:0;width:0;overflow:hidden}.flexible-container .flexible-container__trigger{background:#f7f7f7;color:#000;border:2px solid #f7f7f7;width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center}.flexible-container .flexible-container__trigger:focus,.flexible-container .flexible-container__trigger:hover{outline:none;background-color:#f7f7f7;color:#000}.flexible-container .flexible-container__trigger:focus:before,.flexible-container .flexible-container__trigger:hover:before{content:none}.flexible-container .flexible-container__trigger:active{background:#f7f7f7;color:#000;border:2px solid #f7f7f7}.flexible-container .flexible-container__trigger--move,.flexible-container .flexible-container__trigger--resize,.flexible-container .flexible-container__trigger--close,.flexible-container .flexible-container__trigger--minimize,.flexible-container .flexible-container__trigger--fullscreen{position:relative;cursor:move;bottom:0;left:0;padding:0}.flexible-container .flexible-container__trigger--minimize{cursor:pointer}.flexible-container .flexible-container__trigger--minimize:active{cursor:grabbing}.flexible-container .flexible-container__trigger--minimize:focus{cursor:grabbing}.flexible-container .flexible-container__trigger--close,.flexible-container .flexible-container__trigger--minimize,.flexible-container .flexible-container__trigger--fullscreen{cursor:url(data:image/svg;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBoZWlnaHQ9IjIwMHB4IiB3aWR0aD0iMjAwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM1OC4xODIgMTc5LjM2MWMtMTkuNDkzLTI0Ljc2OC01Mi42NzktMzEuOTQ1LTc5Ljg3Mi0xOS4wOTgtMTUuMTI3LTE1LjY4Ny0zNi4xODItMjIuNDg3LTU2LjU5NS0xOS42MjlWNjdjMC0zNi45NDQtMjkuNzM2LTY3LTY2LjI4Ni02N1M4OS4xNDMgMzAuMDU2IDg5LjE0MyA2N3YxNjEuMTI5Yy0xOS45MDktNy40MS00My4yNzItNS4wOTQtNjIuMDgzIDguODcyLTI5LjM1NSAyMS43OTUtMzUuNzkzIDYzLjMzMy0xNC41NSA5My4xNTJsMTA5LjY5OSAxNTQuMDAxQzEzNC42MzIgNTAxLjU5IDE1NC43NDEgNTEyIDE3NiA1MTJoMTc4LjI4NmMzMC44MDIgMCA1Ny41NzQtMjEuNSA2NC41NTctNTEuNzk3bDI3LjQyOS0xMTguOTk5QTY3Ljg3MyA2Ny44NzMgMCAwIDAgNDQ4IDMyNnYtODRjMC00Ni44NDQtNDYuNjI1LTc5LjI3My04OS44MTgtNjIuNjM5ek04MC45ODUgMjc5LjY5N2wyNy4xMjYgMzguMDc5YzguOTk1IDEyLjYyNiAyOS4wMzEgNi4yODcgMjkuMDMxLTkuMjgzVjY3YzAtMjUuMTIgMzYuNTcxLTI1LjE2IDM2LjU3MSAwdjE3NWMwIDguODM2IDcuMTYzIDE2IDE2IDE2aDYuODU3YzguODM3IDAgMTYtNy4xNjQgMTYtMTZ2LTM1YzAtMjUuMTIgMzYuNTcxLTI1LjE2IDM2LjU3MSAwdjM1YzAgOC44MzYgNy4xNjMgMTYgMTYgMTZIMjcyYzguODM3IDAgMTYtNy4xNjQgMTYtMTZ2LTIxYzAtMjUuMTIgMzYuNTcxLTI1LjE2IDM2LjU3MSAwdjIxYzAgOC44MzYgNy4xNjMgMTYgMTYgMTZoNi44NTdjOC44MzcgMCAxNi03LjE2NCAxNi0xNiAwLTI1LjEyMSAzNi41NzEtMjUuMTYgMzYuNTcxIDB2ODRjMCAxLjQ4OC0uMTY5IDIuOTc3LS41MDIgNC40MjNsLTI3LjQzIDExOS4wMDFjLTEuOTc4IDguNTgyLTkuMjkgMTQuNTc2LTE3Ljc4MiAxNC41NzZIMTc2Yy01Ljc2OSAwLTExLjI2My0yLjg3OC0xNC42OTctNy42OTdsLTEwOS43MTItMTU0Yy0xNC40MDYtMjAuMjIzIDE0Ljk5NC00Mi44MTggMjkuMzk0LTIyLjYwNnpNMTc2LjE0MyA0MDB2LTk2YzAtOC44MzcgNi4yNjgtMTYgMTQtMTZoNmM3LjczMiAwIDE0IDcuMTYzIDE0IDE2djk2YzAgOC44MzctNi4yNjggMTYtMTQgMTZoLTZjLTcuNzMzIDAtMTQtNy4xNjMtMTQtMTZ6bTc1LjQyOCAwdi05NmMwLTguODM3IDYuMjY4LTE2IDE0LTE2aDZjNy43MzIgMCAxNCA3LjE2MyAxNCAxNnY5NmMwIDguODM3LTYuMjY4IDE2LTE0IDE2aC02Yy03LjczMiAwLTE0LTcuMTYzLTE0LTE2ek0zMjcgNDAwdi05NmMwLTguODM3IDYuMjY4LTE2IDE0LTE2aDZjNy43MzIgMCAxNCA3LjE2MyAxNCAxNnY5NmMwIDguODM3LTYuMjY4IDE2LTE0IDE2aC02Yy03LjczMiAwLTE0LTcuMTYzLTE0LTE2eiI+PC9wYXRoPjwvc3ZnPg==);margin:2px}.flexible-container .flexible-container__trigger--resize,.flexible-container .flexible-container__trigger--move{pointer-events:inherit}.flexible-container .flexible-container__trigger--resize.flexible-container__trigger--resize-active:hover,.flexible-container .flexible-container__trigger--resize.flexible-container__trigger--move-active:hover,.flexible-container .flexible-container__trigger--move.flexible-container__trigger--resize-active:hover,.flexible-container .flexible-container__trigger--move.flexible-container__trigger--move-active:hover{background:#f7f7f7;border:transparent}.flexible-container .flexible-container__trigger--resize.flexible-container__trigger--resize-active:focus,.flexible-container .flexible-container__trigger--resize.flexible-container__trigger--move-active:focus,.flexible-container .flexible-container__trigger--move.flexible-container__trigger--resize-active:focus,.flexible-container .flexible-container__trigger--move.flexible-container__trigger--move-active:focus{color:#000;background-color:#f7f7f7}.flexible-container .flexible-container__trigger--resize{position:absolute;right:0;left:auto;padding:0;cursor:nwse-resize}.flexible-container--move .flexible-container__trigger--resize,.flexible-container--resize .flexible-container__trigger--move{pointer-events:none}@media screen and (max-height: 1350px){.component-container{margin-top:4rem;height:75vh}}@media screen and (max-height: 900px){.component-container{margin-top:2rem;height:75vh}}@media screen and (max-height: 600px){.component-container{margin-top:1rem;height:70vh}}