:root{--panel_padding:8px;--panel_x_box_d:24px;--red:#a61e36}.body-clone{display:flex;flex-grow:1;justify-content:flex-start;align-items:flex-start;flex-direction:column}canvas{float:none}#rotate{width:100%;height:100%;position:fixed;display:none;top:0px;left:0px;background:black;align-items:center;justify-content:center;z-index:9}.rotate-img{max-width:80%;margin:auto}body{background:#161616 url(https://fs.hubspotusercontent00.net/hubfs/3026957/Blacklinesafety_2021/exo-page/exo-background_2.png) no-repeat fixed center / cover;margin:0px;padding:0px}.nav_circle{position:absolute;animation:breath 3s both ease-in-out infinite;pointer-events:none !important;left:0;top:0px}.angle_btn{position:absolute;pointer-events:none !important;left:0;top:0px;cursor:pointer}.instructions{max-width:100%;padding-left:2rem;display:flex}.logo-img{padding-left:2rem;max-width:100%;display:block}#panel_bar{height:6px;width:40px;background:var(--red);margin-top:10px;margin-bottom:10px}#panel_title{font-weight:500;font-size:18pt}#panel_desc{font-weight:normal;font-size:12pt;line-height:19pt}.header-exo{width:100%;background:rgba(0,0,0,.6)}#master_panel{position:absolute;left:0px;top:0px;pointer-events:none;width:200}.panel{background:rgba(0,0,0,.6);padding:calc(var(--panel_padding) * 4);color:white;opacity:0;box-sizing:content-box}#img_container{padding-top:16px;pointer-events:none;opacity:0}.message_img{pointer-events:none;top:0px;left:0px}.hide{animation:hide_animation .4s forwards ease-out}@keyframes hide_animation{from{opacity:1}to{opacity:0;pointer-events:none}}.show{animation:show_panel_animation .2s forwards ease-out;pointer-events:all}@keyframes show_panel_animation{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.active-btn{animation:activate_msg_btn_animation .3s forwards ease-out}@keyframes activate_msg_btn_animation{from{background:transparent}to{background:var(--red)}}@keyframes breath{0%{opacity:.25}50%{opacity:.8}100%{opacity:.25}}.line{position:absolute;background:rgba(255,255,255,0.15)}.top_line{width:calc((100% - (((var(--panel_padding) * 2) + 2px) + var(--panel_x_box_d))));height:1px;top:var(--panel_padding);left:calc(var(--panel_padding) + 1px)}.bottom_line{width:calc((100% - var(--panel_padding) * 2) - 2px);height:1px;bottom:var(--panel_padding);left:calc(var(--panel_padding) + 1px)}.left_line{width:1px;height:calc(100% - var(--panel_padding) * 2);bottom:var(--panel_padding);left:var(--panel_padding)}.right_line{width:1px;height:calc(100% - ((var(--panel_padding) * 2) + var(--panel_x_box_d)) - 1px);bottom:var(--panel_padding);right:var(--panel_padding)}.hor_cut_line{height:1px;width:var(--panel_x_box_d);top:calc(var(--panel_padding) + var(--panel_x_box_d));right:var(--panel_padding)}.ver_cut_line{width:1px;height:calc(var(--panel_x_box_d) + 1px);width:1px;top:var(--panel_padding);right:calc(var(--panel_padding) + var(--panel_x_box_d))}.close{position:absolute;right:0px;top:0px}.content{margin-left:auto;margin-right:auto;flex-grow:0;width:auto;position:relative;flex-grow:1}.nav{justify-content:center;opacity:0;pointer-events:none;cursor:pointer;width:150px;display:flex;position:relative;cursor:pointer}.nav_btn{width:50px;height:50px;display:flex;position:relative;margin-left:.5rem;margin-right:.5rem;cursor:pointer}.messages-title{border-bottom:thin white solid;margin-top:32px;padding-bottom:4px;margin-bottom:16px}.link-btn{justify-content:flex-end;padding:0 3vw 0 0}.link-btn .link-btn-a{border:thin white solid;color:white;padding:8px 18px;user-select:none;display:inline-block;line-height:normal;font-weight:500}.link-btn .link-btn-a:hover{color:white}.message-btn{border:thin white solid;width:120px;padding-top:8px;font-size:12px;text-align:center;padding-bottom:8px;font-weight:bolder;cursor:pointer;font-weight:300}.message-btn-hldr{width:100%;justify-content:space-between;display:flex}.nav_img{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.nav_ready{pointer-events:all !important;animation:show_nav 1s forwards ease-out !important}.clicked{animation:click .45s forwards ease-in-out}.text_container{position:absolute;left:calc(50% - (min(800px,50%) * .5));bottom:16%;color:white;width:min(800px,40%);cursor:default;touch-action:none;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;pointer-events:none;opacity:1}.description{margin-bottom:32px;font-size:14px;font-weight:500;line-height:160%;width:100%}.call_to_action{font-weight:bolder;font-size:12.5px}@keyframes click{0%{opacity:1}50%{opacity:.25}100%{opacity:1}}@keyframes show_nav{from{transform:translateY(64px);opacity:0}to{transform:translateY(0px);opacity:1}}@media only screen and (max-width:1420px){:root{--panel_padding:8px;--panel_x_box_d:24px;--panel_width:400}*{box-sizing:border-box}body{background:url(https://fs.hubspotusercontent00.net/hubfs/3026957/Blacklinesafety_2021/exo-page/no_circle_bkg.png) no-repeat center center fixed;background-size:cover}.content{width:100%}canvas{float:none}.link-btn{font-size:1.2rem;max-width:47%;padding:0 0 0 30px;text-align:center}.link-btn .link-btn-a{color:white;text-decoration:none !important;width:100%;height:100%;padding-top:1rem;padding-bottom:1rem;background-color:var(--red)}#message_container{display:none !important}}@media only screen and (max-width:768px){*{box-sizing:border-box}:root{--panel_padding:8px;--panel_x_box_d:24px;--panel_width:400}.content{width:100%}body{background:url(https://fs.hubspotusercontent00.net/hubfs/3026957/Blacklinesafety_2021/exo-page/mobile.png) no-repeat center center fixed;background-size:cover}.link-btn{max-width:none;padding:40px 40px 0}}