.perfect-square-root .home{text-align:center;height:97.5vh}@media only screen and (max-width:990px){.perfect-square-root .home{height:100vh}}.perfect-square-root .home.mobile,.perfect-square-root .home.tablet{height:calc(100vh - 70px)}.perfect-square-root .intro{background:#282c34;align-items:center;width:100vw;height:100%;max-height:100%;display:flex;position:relative}.perfect-square-root .slick-dots li.slick-active button{text-indent:-9999px;background-color:#696969;border:none;border-radius:100%;width:.5rem;height:.5rem;padding:0;display:block}.perfect-square-root .intro .skip-intro-btn{cursor:pointer;color:#ededed;z-index:2;background:0 0;border:1px solid #ededed;width:110px;height:35px;font-size:1rem;position:absolute;bottom:5%;right:2.5%}@media only screen and (max-width:575px){.perfect-square-root .intro .skip-intro-btn{font-size:.8rem}}.perfect-square-root .intro .skip-intro-btn.display-none{display:none}.perfect-square-root .intro-slider-container{flex-direction:column;justify-content:center;width:80%;height:80%;margin:auto;overflow:visible}@media only screen and (max-width:575px){.perfect-square-root .intro-slider-container{width:90%}}.perfect-square-root .intro-slide-container{align-items:center;width:100%;height:100%;padding-top:10vh;overflow:visible}.perfect-square-root .intro-slide-container.last-slide{margin-top:0;padding-top:0}.perfect-square-root .intro-slide{flex-direction:column;justify-content:center;height:100%;display:flex}.perfect-square-root .slide-main-contents{text-wrap:wrap;justify-content:center;min-height:300px;display:flex}@media only screen and (max-width:575px){.perfect-square-root .slide-main-contents{min-height:220px}}.perfect-square-root .slide-controls{margin:0 auto;padding-top:40px}@media only screen and (max-width:575px){.perfect-square-root .slide-controls{padding-top:15px;padding-bottom:20px}}.perfect-square-root .last-slide-controls{margin:20px auto}@media only screen and (max-width:1200px){.perfect-square-root .last-slide-controls{margin:0 auto}}@media only screen and (max-width:990px){.perfect-square-root .last-slide-controls{margin-top:-20px}}@media only screen and (max-width:768px){.perfect-square-root .last-slide-controls{margin-top:-80px;margin-bottom:50px}}@media only screen and (max-width:575px){.perfect-square-root .last-slide-controls{margin-top:20px}}.perfect-square-root .intro-slide-text-container{flex-direction:column;align-items:center;width:100%;min-width:50%;display:flex}.perfect-square-root .intro-slide-text-container .slide-title{color:#fff;font-size:2rem}@media only screen and (max-width:768px){.perfect-square-root .intro-slide-text-container .slide-title{font-size:1.3rem}}@media only screen and (max-width:575px){.perfect-square-root .intro-slide-text-container .slide-title{padding:2.5%;font-size:1.2rem}}.perfect-square-root .intro-slide-text-container .slide-textline{text-align:center;color:#ededed;width:100%;font-size:1.2rem}@media only screen and (max-width:768px){.perfect-square-root .intro-slide-text-container .slide-textline{font-size:.9rem}}@media only screen and (max-width:575px){.perfect-square-root .intro-slide-text-container .slide-textline{padding:2.5%;font-size:.8rem}}.perfect-square-root .intro-slide-visual{flex-direction:column;width:50%;min-width:50%;height:100%;display:flex}.perfect-square-root .intro-vis-container{background:gray;flex-grow:1}.perfect-square-root .intro-slide button{cursor:pointer;color:#ededed;background:0 0;border:1px solid #ededed;border-radius:1px;width:80px;height:40px;font-size:.9rem}.perfect-square-root .slide-footer-container{justify-content:center;height:200px;margin-top:5%;margin-bottom:5%;display:flex}@media only screen and (max-width:575px){.perfect-square-root .slide-footer-container{height:150px}}.perfect-square-root .slide-footer{border:.7px solid silver;border-radius:5px;justify-content:center;padding:20px;display:flex}.perfect-square-root .slide-footer-visual{border-radius:5px;flex-direction:column;justify-content:center;width:150px;height:100%;display:flex}@media only screen and (max-width:575px){.perfect-square-root .slide-footer-visual{width:120px}}.perfect-square-root .slide-footer-visual .image{width:fit-content;height:100%}.perfect-square-root .slide-footer-items-list{flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 0 0 20px;display:flex}.perfect-square-root .slide-footer-item{text-align:left;margin:5px 0;font-size:.9rem}@media only screen and (max-width:768px){.perfect-square-root .slide-footer-item{margin:3px 0;font-size:.8rem}}@media only screen and (max-width:575px){.perfect-square-root .slide-footer-item{margin:0;font-size:.7rem}}.perfect-square-root .url-item{cursor:pointer;text-decoration:underline}.perfect-square-root .slide-footer-text li{text-align:left}.perfect-square-root .header{background-color:#f5f5f5;flex-direction:column;justify-content:center;width:100%;height:80px;display:flex;position:relative}.perfect-square-root main{background-color:#f5f5f5;height:calc(100% - 80px);margin:0;padding:0 2.5%;position:relative}@media only screen and (max-width:990px){.perfect-square-root main{padding:0}}.perfect-square-root main:before{content:"";z-index:0;background-color:#f0f0f0;width:100%;height:170px;position:absolute;top:0;left:0}@media only screen and (max-width:990px){.perfect-square-root main:before{display:none}}.perfect-square-root .header .intro-link{cursor:pointer;color:gray;z-index:2;width:100px;height:30px;font-size:1rem;position:absolute;top:10px;left:2.5%}@media only screen and (max-width:575px){.perfect-square-root .header .intro-link{font-size:.8rem}}.perfect-square-root .header .vis-title{color:#1b2a49;justify-content:center;align-items:center;height:30px;padding:0 6px;font-size:2vmin;display:flex}@media only screen and (max-width:768px){.perfect-square-root .header .vis-title{font-size:2.5vmin}}.perfect-square-root .header .menu{justify-content:center;align-items:center;height:20px;margin:0;padding:0;list-style:none;display:flex}.perfect-square-root .header .menu .item{color:#666;cursor:pointer;margin:0 20px;font-size:1.5vmin}@media only screen and (max-width:768px){.perfect-square-root .header .menu .item{font-size:2vmin}}.perfect-square-root .header .menu .item.selected{color:#1b2a49}.perfect-square-root .vis-root{z-index:1;background:#f5f5f5;border-radius:5px;width:100%;height:100%;position:relative}@media only screen and (max-width:990px){.perfect-square-root .vis-root{height:100%}}.perfect-square-root .vis-header{background:#f0f0f0;border-radius:5px;justify-content:space-between;width:100%;height:170px;transition:height .5s;display:flex}@media only screen and (max-width:990px){.perfect-square-root .vis-header{height:170px}}@media only screen and (max-width:768px){.perfect-square-root .vis-header{flex-direction:column;justify-content:flex-start;height:135px}}@media only screen and (max-width:575px){.perfect-square-root .vis-header{height:195px}}.perfect-square-root .vis-header{overflow:hidden}.perfect-square-root .vis-header.extended{height:230px}@media only screen and (max-width:575px){.perfect-square-root .vis-header.extended{height:305px}}.perfect-square-root .vis-container{width:100%;height:calc(100% - 185px)}@media only screen and (max-width:990px){.perfect-square-root .vis-container{height:calc(100% - 190px)}}@media only screen and (max-width:768px){.perfect-square-root .vis-container{height:calc(100% - 140px)}}@media only screen and (max-width:575px){.perfect-square-root .vis-container{height:calc(100% - 195px)}}.perfect-square-root .vis-container.with-extended-header{width:100%;height:calc(100% - 220px)}@media only screen and (max-width:575px){.perfect-square-root .vis-container.with-extended-header{height:calc(100% - 300px)}}.perfect-square-root .vis-layout{width:100%;height:98%}.perfect-square-root .vis{overflow:hidden}.perfect-square-root .vis-overview{width:calc(100% - 310px)}@media only screen and (max-width:768px){.perfect-square-root .vis-overview{width:100%}}.perfect-square-root .vis-overview{flex-direction:column;justify-content:space-between;display:flex}.perfect-square-root .visual-ctrls{justify-content:flex-end;width:310px;max-width:310px;margin-top:15px;margin-right:15px;display:flex}@media only screen and (max-width:768px){.perfect-square-root .visual-ctrls{flex-direction:row;justify-content:space-around;align-items:center;width:100%;max-width:100%;margin-top:0;padding:10px 0}}@media only screen and (max-width:575px){.perfect-square-root .visual-ctrls{flex-direction:column;justify-content:space-around;align-items:center;width:100%}}.perfect-square-root .visual-ctrls{color:#000;font-size:9px}.perfect-square-root .title-and-description{flex-direction:column;width:100%;display:flex}.perfect-square-root .vis-title{color:#000;width:100%;padding:10px 10px 0;font-size:.9rem;font-weight:700;display:flex}@media only screen and (max-width:990px){.perfect-square-root .vis-title{font-size:.8rem}}@media only screen and (max-width:768px){.perfect-square-root .vis-title{font-size:.8rem}}@media only screen and (max-width:575px){.perfect-square-root .vis-title{font-size:.8rem}}.perfect-square-root .vis-title div{text-align:left;white-space:nowrap;margin-right:4px;display:flex;overflow-x:scroll}.perfect-square-root .desc-btn{cursor:pointer;align-items:center;height:20px;min-height:20px;max-height:20px;padding:0 10px;font-size:.7rem;text-decoration:underline;transition:color .5s;display:none}@media only screen and (max-width:768px){.perfect-square-root .desc-btn{display:flex}}.perfect-square-root .desc-btn.to-show{color:#4169e1}.perfect-square-root .desc-btn.to-hide{color:red}.perfect-square-root .vis-desc{color:#303030;flex-direction:column;align-items:start;height:auto;padding:5px 0;font-size:.8rem;transition:all .5s;display:flex;overflow:hidden}@media only screen and (max-width:1200px){.perfect-square-root .vis-desc{font-size:.7rem}}@media only screen and (max-width:990px){.perfect-square-root .vis-desc{font-size:.65rem}}@media only screen and (max-width:768px){.perfect-square-root .vis-desc{height:0;padding:0;font-size:.65rem}}@media only screen and (max-width:575px){.perfect-square-root .vis-desc{font-size:.65rem}}.perfect-square-root .vis-desc.extended{height:90px;padding:5px 0}@media only screen and (max-width:575px){.perfect-square-root .vis-desc.extended{height:115px}}.perfect-square-root .vis-desc div{text-align:left;padding:7.5px 10px}@media only screen and (max-width:768px){.perfect-square-root .vis-desc div{padding:5px 10px}}.perfect-square-root .vis-info{flex-direction:column;justify-content:space-between;display:flex}.perfect-square-root .visual-name{align-items:center;height:30px;padding:0 5px;font-size:.6rem;display:flex}@media only screen and (max-width:990px){.perfect-square-root .visual-name{height:30px}}@media only screen and (max-width:575px){.perfect-square-root .visual-name{height:30px}}.perfect-square-root .visual-name .label{color:#4169e1;text-align:left;vertical-align:middle;padding:0 5px}.perfect-square-root .visual-name .name{text-align:left;vertical-align:middle;color:#000;padding:0 5px}@media only screen and (max-width:990px){.perfect-square-root .visual-name .name{text-align:right}}@media only screen and (max-width:575px){.perfect-square-root .visual-name .name{text-align:left}}.perfect-square-root .interaction-ctrls{flex-direction:column;align-items:center;width:190px;display:flex}@media only screen and (max-width:768px){.perfect-square-root .interaction-ctrls{flex-direction:row;justify-content:space-around;width:240px}}.perfect-square-root .setting-ctrls{flex-direction:column;align-items:center;width:120px;display:flex}@media only screen and (max-width:768px){.perfect-square-root .setting-ctrls{width:250px;margin-top:0}}.perfect-square-root .quadrant-ctrls{width:160px;height:65px;padding-top:5px}@media only screen and (max-width:768px){.perfect-square-root .quadrant-ctrls{height:65px}}.perfect-square-root .quadrant-ctrls{background:#f5f5f5;border-radius:3px}.perfect-square-root .zoom-ctrls{width:110px;height:50px;margin-top:10px;padding-top:5px}@media only screen and (max-width:768px){.perfect-square-root .zoom-ctrls{width:120px;height:65px;margin:0 10px}}@media only screen and (max-width:575px){.perfect-square-root .zoom-ctrls{width:120px;margin:0 10px}}.perfect-square-root .zoom-ctrls{background:#f5f5f5;border-radius:3px}.perfect-square-root .toggles-area{flex-direction:column;justify-content:space-between;align-items:center;width:120px;height:125px;padding-top:5px;display:flex}@media only screen and (max-width:768px){.perfect-square-root .toggles-area{width:250px;height:65px}}@media only screen and (max-width:575px){.perfect-square-root .toggles-area{width:100%;height:55px;margin-top:10px}}.perfect-square-root .toggles-area{background:#f5f5f5;border-radius:3px}.perfect-square-root .ctrls-section-label{width:100%;height:15px;font-size:8px;font-weight:700}.perfect-square-root .quadrant-ctrls-diagram{width:100%;height:calc(100% - 15px)}.perfect-square-root .zoom-btns{justify-content:center;align-items:center;width:100%;height:calc(100% - 15px);display:flex}.perfect-square-root .settings-lg-up{display:block}@media only screen and (max-width:768px){.perfect-square-root .settings-lg-up{display:none}}.perfect-square-root .settings-md-down{display:none}@media only screen and (max-width:768px){.perfect-square-root .settings-md-down{display:block}}.perfect-square-root .zoom-btns div{justify-content:center;align-items:center;font-size:14px;display:flex}.perfect-square-root .zoom-icon{color:#c8c8c8;width:30px;height:30px}.perfect-square-root .zoom-reset-icon{width:30px;height:30px}.perfect-square-root .arrangement-label{flex-direction:column;align-items:flex-start;display:flex}@media only screen and (max-width:768px){.perfect-square-root .arrangement-label{align-items:center}}.perfect-square-root .arrangement-label .option-label{color:#202020}.perfect-square-root .arrangement-desc{color:#505050;font-size:9px}