@font-face{font-family:"codesaver";src:url("../fonts/codesaver-bold-webfont.woff2") format("woff2"),url("../fonts/codesaver-bold-webfont.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"codesaver";src:url("../fonts/codesaver-bolditalic-webfont.woff2") format("woff2"),url("../fonts/codesaver-bolditalic-webfont.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"codesaver";src:url("../fonts/codesaver-italic-webfont.woff2") format("woff2"),url("../fonts/codesaver-italic-webfont.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"codesaver";src:url("../fonts/codesaver-medium-webfont.woff2") format("woff2"),url("../fonts/codesaver-medium-webfont.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"codesaver";src:url("../fonts/codesaver-mediumitalic-webfont.woff2") format("woff2"),url("../fonts/codesaver-mediumitalic-webfont.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"codesaver";src:url("../fonts/codesaver-regular-webfont.woff2") format("woff2"),url("../fonts/codesaver-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-ExtraBoldItalic.woff2") format("woff2"),url("../fonts/DMSans-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-ExtraLight.woff2") format("woff2"),url("../fonts/DMSans-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-BlackItalic.woff2") format("woff2"),url("../fonts/DMSans-BlackItalic.woff") format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-LightItalic.woff2") format("woff2"),url("../fonts/DMSans-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-MediumItalic.woff2") format("woff2"),url("../fonts/DMSans-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Medium.woff2") format("woff2"),url("../fonts/DMSans-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-ThinItalic.woff2") format("woff2"),url("../fonts/DMSans-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-BoldItalic.woff2") format("woff2"),url("../fonts/DMSans-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Thin.woff2") format("woff2"),url("../fonts/DMSans-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-ExtraBold.woff2") format("woff2"),url("../fonts/DMSans-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Black.woff2") format("woff2"),url("../fonts/DMSans-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-SemiBold.woff2") format("woff2"),url("../fonts/DMSans-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-SemiBoldItalic.woff2") format("woff2"),url("../fonts/DMSans-SemiBoldItalic.woff") format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Regular.woff2") format("woff2"),url("../fonts/DMSans-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Italic.woff2") format("woff2"),url("../fonts/DMSans-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Bold.woff2") format("woff2"),url("../fonts/DMSans-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-ExtraLightItalic.woff2") format("woff2"),url("../fonts/DMSans-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Light.woff2") format("woff2"),url("../fonts/DMSans-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body ::-webkit-scrollbar{width:0 !important}body{overflow:-moz-scrollbars-none}body{-ms-overflow-style:none}html{font-size:1em;font-family:"DM Sans"}#login-form{width:100%;max-width:500px;padding:0 50px;margin:100px auto}#login-img{width:350px;height:350px;margin:0 auto;background:url("../img/door.png");background-size:100%;position:absolute;bottom:100px;right:100px}fieldset{margin:1em 0}fieldset p.error{color:red;font-size:.9em;font-weight:400;margin:7px 0 13px;display:block}input[type=text],input[type=email],input[type=password],textarea{background-color:#fff;display:block;width:100%;padding:7px 15px;border-radius:5px;border:1px solid #000;line-height:1.5em;margin:10px 0}form label{font-weight:600;display:block;margin:0 0 5px;line-height:1.5em}input[type=submit],.button{box-shadow:4px 4px #000;border:2px solid #000 !important;transition:all ease-in .2s !important;padding:.75em 1.5em;display:table;margin:1em auto;background-color:#fff;cursor:pointer;font-size:.9em}input[type=submit]:hover,.button:hover{box-shadow:none;transform:translateY(4px) !important;transition:all ease-in .2s;opacity:1 !important;background-color:#000;color:#fff;font-weight:600;border-radius:2px}.inline-buttons{direction:rtl}.inline-buttons .button{display:inline-block;margin:0 0 15px 15px}header{background-color:#fff;position:fixed;z-index:100;top:0px;width:100%;border-bottom:2px solid gray}header div,header ul{display:inline-block}header ul li{display:inline-block;padding:12px 15px;cursor:pointer;transition:all ease-in .1s}header ul li.active{background:#7fffd4}header ul li:not(.active):hover{background-color:#e1fff5}header li.logout{opacity:.5}header li.logout:hover{opacity:1}header .fa-solid{margin-right:3px}#logo{background:#000;color:#fff;padding:12px 20px;font-weight:600;margin:0}#loading{width:44px;height:44px;background:url("../img/loading1.gif");background-size:100%;position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-22px}body:not(.loading) #loading{display:none}ul.app-menu{float:right}#page{margin-top:50px}#sidebar{width:290px;border-right:2px solid #000;height:100%;position:absolute;padding-top:50px}#main{position:absolute;left:290px;width:100%;height:100%;padding-top:50px}#page{position:relative;font-size:1.05em}h5{font-size:1.15em;font-weight:600;letter-spacing:-0.04em;margin:0 0 .5em}#aspect-builder{width:50%;padding:25px 50px}#the-aspects{position:fixed;left:50%;right:5%;top:100px;bottom:50px;overflow:scroll;font-family:codesaver;border:2px solid;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.3)}#the-aspects p{margin:0 0 1em 0;line-height:1.55em}#aspects-copy{position:absolute;top:10px;right:12.5px;font-size:25px;cursor:pointer}.single-aspect{border:2px solid #000;padding:20px 25px;position:relative;margin:0 0 30px}.single-aspect .hr{border-top:2px solid #000;width:calc(100% + 50px);position:relative;left:-25px;margin:25px 0 0}.single-aspect.dependent{margin-left:10%}.single-aspect.dependent:before{content:"";width:2px;height:calc(100% + 60px);position:absolute;top:-32px;left:-30px;background-color:#000}.single-aspect.dependent .handle{width:30px;height:2.5px;position:absolute;left:-30px;top:30px;background:#000}.single-aspect.dependent .handle:after{content:"";width:14px;height:14px;position:absolute;top:-5.5px;left:-6px;background-color:#000;border-radius:50%}.single-aspect label{font-weight:400;font-size:.9em;letter-spacing:.01em}.aspect-code{position:absolute;top:0;right:0;font-size:1em;font-weight:600;background-color:#000;color:#fff;padding:3px 6px}.mode-select{font-size:.9em}.mode-select span{padding:4px 12px;display:inline-block;cursor:pointer}.mode-select span.active{background:#000;color:#fff;font-weight:600}.mode-select .placeholder-code{background:#000;font-family:codesaver;color:#fff;font-weight:700;padding:4px 5px;float:right}.placeholder-label{display:block;margin:1em 0 0;font-family:codesaver;letter-spacing:-0.05em}.dependency span{background:#000;color:#fff;padding:2px 12px 4px;font-size:.85em;font-weight:600}ul.dependencies{display:block;margin-top:10px}ul.dependencies li{display:inline-block;margin:10px 10px 0 0;font-family:codesaver;background-color:#f0f8ff;padding:2px 5px;cursor:pointer}.single-aspect:not(.has-dependency) .single-dependency.independent{background-color:#000;color:#fff;font-weight:bold}.single-dependency:not(.independent).active{background-color:#000;color:#fff;font-weight:bold}.new-aspect{font-size:.9em;text-align:center;font-weight:600;border-style:dashed;cursor:pointer}.new-aspect.dependent{background-color:#e1fff5}.new-aspect.dependent:hover{background-color:#cdffee}.new-aspect#new_aspect_independent{background-color:#cdffee}.new-aspect#new_aspect_independent:hover{background-color:#baffe8}#project{padding:30px 50px 0;width:50%}