*{box-sizing:border-box;margin:0;padding:0}body,html{margin:0;padding:0;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;font-size:16px;touch-action:manipulation;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#hamburger_icon{position:absolute;right:17px;top:17px;cursor:pointer;width:40px;height:40px;margin:auto;opacity:0;transition:opacity 1s}#hamburger_icon i{background-color:#fff;border-radius:2px;content:"";display:block;width:100%;height:4px}#hamburger_icon i:first-child{animation:outT .8s backwards;animation-direction:reverse}#hamburger_icon i:nth-child(2){margin:5px 0;animation:outM .8s backwards;animation-direction:reverse}#hamburger_icon i:nth-child(3){animation:outBtm .8s backwards;animation-direction:reverse}#hamburger_icon.active i:first-child{animation:inT .8s forwards}#hamburger_icon.active i:nth-child(2){animation:inM .8s forwards}#hamburger_icon.active i:nth-child(3){animation:inBtm .8s forwards}@keyframes inM{50%{transform:rotate(0)}100%{transform:rotate(45deg)}}@keyframes outM{50%{transform:rotate(0)}100%{transform:rotate(45deg)}}@keyframes inT{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(9px) rotate(0)}100%{transform:translateY(9px) rotate(135deg)}}@keyframes outT{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(9px) rotate(0)}100%{transform:translateY(9px) rotate(135deg)}}@keyframes inBtm{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(0)}100%{transform:translateY(-9px) rotate(135deg)}}@keyframes outBtm{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(0)}100%{transform:translateY(-9px) rotate(135deg)}}#hamburger_tooltip{background:#b4b5b4;color:#000;font-weight:lighter;font-size:24px;border-radius:4px;padding:20px 40px;border-radius:5px;text-align:center;display:none;left:-10px!important;top:10px!important;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);cursor:pointer}#hamburger_tooltip #arrow,#hamburger_tooltip #arrow::before{position:absolute;width:38px;height:38px;background:inherit;top:-9px;left:5px!important}#hamburger_tooltip #arrow{visibility:hidden}#hamburger_tooltip #arrow::before{visibility:visible;content:"";transform:rotate(45deg)}#hamburger_tooltip[data-show]{display:block}#flap_height_tooltip{position:absolute;left:32px;top:160px;background:#b4b5b4;color:#000;font-weight:lighter;font-size:18px;border-radius:4px;padding:20px;border-radius:5px;text-align:center;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);cursor:pointer}#nav_buttons{position:absolute;bottom:85px;display:flex;height:40px}#nav_buttons button{border-top:none;border-left:none;border-right:none;border-bottom:2px solid #fff;background-color:#fff;color:#000;margin:0 16px 16px 16px;padding:0 10px;font-size:14px;font-weight:300;cursor:pointer;outline:0}#nav_buttons .active_view{border-bottom:2px solid #000!important}#mount_buttons{margin-left:20px;margin-top:16px}#mount_buttons button{height:30px;border:2px solid #000;background-color:#fff;color:#000;padding:9px 10px 11px 10px;margin-left:-7px;width:130px;font-size:11px;line-height:8px;font-weight:400;cursor:pointer;outline:0}#mount_buttons :first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}#mount_buttons :last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}#mount_buttons .active_mount{background-color:#000;color:#fff}#mounting_popup{position:absolute;bottom:56px;left:14px;border:5px solid #000;border-radius:10px;padding:10px;background-color:#fff;width:356px;height:356px}#mounting_popup img{width:306px;height:306px;margin:10px}#context_menu{display:none;flex-direction:column;position:absolute;left:500px;top:200px;padding:4px;border:1px solid gray;border-radius:5px;background-color:#fff}#context_menu .menu_button{padding:10px 80px;color:#fff;background-color:#000;font-size:14px;font-weight:600;border:none;cursor:pointer;color:#000;background-color:#fff;width:100px;border:1px solid #919191;padding:6px}#context_menu :first-child{border-bottom:none}#context_menu .menu_button:hover{background-color:#eee}.edit_button{height:44px;outline:0;border:none;background-color:#fff;position:absolute;bottom:9px;cursor:pointer}.edit_button img{height:44px}#trash_button{right:8px}#dimensions_button{right:114px}#timber_button{right:214px}#timber_picker{position:absolute;bottom:5px;right:206px;background-color:#c6c7c6;border:1px solid #c6c7c6;border-radius:30px;padding:7px;height:53px}#timber_picker button{height:44px;outline:0;border:none;background-color:transparent;margin-top:-3px;cursor:pointer}#timber_picker button img{height:44px}#timber_name{position:absolute;bottom:22px;right:270px;text-align:right;color:#666;font-size:13px;font-weight:300;text-transform:uppercase}#selector_menu{position:absolute;right:16px;top:75px;width:0;background-color:#fff;height:calc(100vh - 151px);min-height:400px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);border-radius:5px}#selections{max-height:calc(100vh - 282px);overflow-y:scroll;overflow-x:hidden;background-color:#fff;margin-left:10px;margin-right:10px;border:2px solid #d3d3d3;border-radius:5px}#selections h6{margin-top:10px;padding:10px}#selections p{padding:10px;font-size:12px}#selections img{max-width:200px;padding-bottom:10px}#selections button{cursor:url("../images/select_hand.png"),auto;border:none;outline:0;background:0 0;border-bottom:2px solid #d3d3d3;margin:8px 0 0 8px}#selections #composition-filter{display:block;position:sticky;top:8px;z-index:2;width:calc(100% - 16px);margin:8px;min-height:44px;padding:8px 10px;font-size:14px;border:2px solid #d3d3d3;border-radius:5px;background-color:#fff}#selections #composition-filter:focus,#selections #composition-filter:focus-visible{outline:0;box-shadow:none}#selections :last-child{border-bottom:none}#summary_button{padding:10px 80px;color:#fff;background-color:#000;font-size:14px;font-weight:600;border:none;cursor:pointer;font-size:12px;font-weight:400;position:absolute;bottom:12px;width:216px;left:12px;padding:10px 20px}#selector_buttons{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-content:center;margin-bottom:10px}.selector_button{margin-top:12px}.selector_button img{width:50px;height:50px}.selector_button{outline:0;background-color:transparent;border:none;cursor:pointer}.selector_button:active img{transform:scale(.96)}.selector_button img{transition:transform .1s ease-in-out}#selector_tooltip{background:#b4b5b4;color:#000;font-weight:lighter;font-size:12px;border-radius:4px;padding:10px 20px;border-radius:5px;text-align:center;display:none;left:-10px!important;top:10px!important;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);cursor:pointer;z-index:1000}#selector_tooltip #arrow,#selector_tooltip #arrow::before{position:absolute;width:18px;height:18px;background:inherit;top:-4px;left:5px!important}#selector_tooltip #arrow{visibility:hidden}#selector_tooltip #arrow::before{visibility:visible;content:"";transform:rotate(45deg)}#selector_tooltip[data-show]{display:block}#disable_selector{cursor:default;position:absolute;right:0;top:70px;width:100%;height:calc(100% - 125px);background:0 0;border:none;outline:0}#top_view_tooltip{position:absolute;right:287px;top:111px;background:#b4b5b4;color:#000;font-weight:lighter;font-size:18px;border-radius:4px;padding:20px;border-radius:5px;text-align:center;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);cursor:pointer}@media screen and (max-width:849px),screen and (max-height:499px){#small_screen_warning{display:flex!important}#launch_container{display:none!important}#drawing_container,#drawing_tools_footer,#hamburger_icon,#hamburger_tooltip,#selector_menu{display:none!important}}@media screen and (max-width:939px){#undo_redo_buttons{display:none!important}.pole_button{width:60px!important}}.ipad_specific #ceiling_height .ceiling_height_label{top:128px!important}.ipad_specific #ceiling_height #ceiling_height_down,.ipad_specific #ceiling_height #ceiling_height_up{top:128px!important}.ipad_specific #ceiling_height #ceiling_height_unit{top:128px!important}.ipad_specific #ceiling_height input{top:128px!important}.ipad_specific #pole_height{top:128px!important}.ipad_specific #flap_height_tooltip{top:164px}.ipad_specific #drawing_container{height:calc(100vh - 180px)!important}.ipad_specific #nav_buttons{bottom:60px!important}.ipad_specific #summary_button{bottom:18px!important}.ipad_specific #app_info_alert{bottom:68px!important}.ipad_specific #demo_video_iframe{margin-top:-20px;height:calc(100vh - 328px)}.ipad_safari_tabs #launch_container{height:calc(100vh - 218px)!important}.ipad_safari_tabs #drawing_container{height:calc(100vh - 242px)!important}.ipad_safari_tabs #nav_buttons{bottom:79px!important}.ipad_safari_tabs #selector_menu{height:calc(100vh - 213px)!important}.ipad_safari_tabs #selections{height:calc(100vh - 344px)!important}.ipad_safari_no_tabs #drawing_container{height:calc(100vh - 208px)!important}.ipad_safari_no_tabs #nav_buttons{bottom:77px!important}.ipad_safari_no_tabs #selector_menu{height:calc(100vh - 179px)!important}.ipad_safari_no_tabs #selections{height:calc(100vh - 312px)!important}header{background-color:#333435;text-align:center}header #logo{width:146px;padding:6px 0 4px 0}#main_title{color:#636463;font-size:20px;font-weight:lighter;font-kerning:none;padding:6px 0 0 20px;margin-top:10px;opacity:0}#main_content{opacity:1;width:calc(100vw - 30px);background-color:#fff;height:calc(100vh - 177px);min-height:400px;margin:5px 15px 15px 15px}#launch_container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 177px);min-height:400px;min-width:378px;background-image:url("../images/LaunchImage2.jpg");background-position:center;background-repeat:no-repeat;background-size:90%}#launch_container h3{font-size:28px;font-weight:500;text-shadow:1px 1px 4px #d3d3d3}#drawing_container{display:none;flex-direction:column;justify-content:center;align-items:center;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);border-radius:5px;height:calc(100vh - 177px);min-height:400px;width:calc(100vw - 30px);min-width:378px}#launch_text{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:150px}#launch_text p{font-size:12px;font-weight:500;text-shadow:1px 1px 4px #d3d3d3;margin-bottom:10px;margin-top:-10px}#launch_text button{padding:10px 80px;color:#fff;background-color:#000;font-size:14px;font-weight:600;border:none;cursor:pointer;font-size:16px}#launch_video_iframe{position:absolute;left:15px;width:calc(100vw - 30px);height:calc(100vh - 177px)}#demo_video_iframe{position:absolute;left:30px;width:calc(100vw - 60px);height:calc(100vh - 308px)}#video_close_button{border:1px solid #fff;outline:0;padding:5px;color:#fff;text-shadow:1px 1px 1px #000;background-color:transparent;z-index:100;position:absolute;right:60px;top:200px;cursor:pointer;font-size:16px}#canvas_parent{overflow-y:hidden;overflow-x:scroll;width:calc(100vw - 50px);height:100%}footer{display:flex;justify-content:space-between;opacity:0;position:fixed;bottom:0;left:0;width:100%;background-color:#fff;height:60px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.5)}#undo_redo_buttons{position:absolute;top:125px;left:calc(50vw - 100px);height:42px;margin-top:-4px}#undo_redo_buttons button{padding:10px 80px;color:#fff;background-color:#000;font-size:14px;font-weight:600;border:none;cursor:pointer;color:#000;background-color:transparent;width:40px;border:none;outline:0;padding:0;height:35px}#undo_redo_buttons button img{height:32px;width:32px}#ceiling_height .ceiling_height_label{position:absolute;top:125px;left:32px;height:29px;width:127px;background-color:#000;color:#fff;font-size:12px;font-weight:400;text-align:center;padding:10px 0;line-height:10px}#ceiling_height #ceiling_height_down,#ceiling_height #ceiling_height_up{position:absolute;top:125px;width:36px;height:30px;background-color:#000;color:#fff;border:none;border-radius:0;font-size:18px;line-height:1;cursor:pointer;padding:0;touch-action:manipulation}#ceiling_height #ceiling_height_down:active,#ceiling_height #ceiling_height_up:active{background-color:#444}#ceiling_height #ceiling_height_down{left:159px}#ceiling_height #ceiling_height_up{left:249px}#ceiling_height input{position:absolute;top:125px;left:195px;width:54px;height:30px;text-align:center;outline:0;box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);border:1px solid #000;border-bottom:none;border-radius:0;font-size:13px;font-weight:400}#ceiling_height input::-webkit-inner-spin-button,#ceiling_height input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#ceiling_height input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#ceiling_height #ceiling_height_unit{position:absolute;top:125px;left:285px;height:29px;width:30px;background-color:#000;color:#fff;font-size:11px;font-weight:400;text-align:center;padding:10px 0;line-height:10px}#pole_height{position:absolute;top:125px;right:25px;height:29px;background-color:#000;color:#fff;font-size:12px;font-weight:400;text-align:center;padding:10px 4px 10px 26px;line-height:10px;display:none}#pole_height span{padding-right:20px}#pole_height #pole_buttons{flex-direction:row;justify-content:right}#pole_height #pole_buttons .pole_button{width:70px;height:32px;text-align:center;outline:0;border:1px solid #000;font-size:11px;font-weight:400;margin-left:0;margin-right:-4px;font-size:11px;font-weight:400;margin-top:-10px;background-color:#fff;cursor:pointer}#pole_height #pole_buttons .active_pole_button{color:#fff;background-color:#000;border:1px solid #fff;height:30px}#app_info_alert{position:absolute;bottom:82px;left:22px;width:calc(100vw - 44px);color:#004085;background-color:#cce5ff;border-color:#b8daff;height:55px;text-align:center;line-height:55px;border-radius:5px}#alert_close_button{position:absolute;top:2px;right:5px;width:20px;height:20px;border:none;outline:0;background-color:#cce5ff;font-size:25px;color:#004085}#alert_close_button :focus,#alert_close_button :hover{color:#216cbd;text-decoration:none;cursor:pointer}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal_content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:550px}.modal_content p{padding:10px;color:#555;text-align:left;height:60px;line-height:40px}.modal_content button{padding:10px 80px;color:#fff;background-color:#000;font-size:14px;font-weight:600;border:none;cursor:pointer;padding:10px 10px;width:100px;border-radius:5px;background-color:#c9c9c9;color:#000}.modal_content button:focus,.modal_content button:hover{background-color:#d3d3d3}.modal_content button:last-child{background-color:#910000;float:right;color:#fff}.modal_content button:last-child:focus,.modal_content button:last-child:hover{background-color:#b40000}.close{color:#aaa;float:right;font-size:28px;font-weight:700;line-height:13px}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal_header{font-size:20px;border-bottom:solid 1px gray;color:#555;padding:10px 0 20px 0}.modal_footer{font-size:20px;border-top:solid 1px gray;color:#555;padding:20px 0 0 0}#drag_img{position:absolute;display:block;cursor:url("../images/move_hand.png"),move!important}#small_screen_warning{display:none;flex-direction:column;justify-content:center;align-items:center;height:70%;width:100%;text-align:center;color:#636463;font-size:20px;font-weight:lighter;font-kerning:none}#dataDump{position:absolute;top:100px;left:50px;width:600px;height:600px}