body{margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff;font-family:Arial,sans-serif;font-size:22pt;color:#004f5e;height:100vh}#contentWrapper{width:100%;max-width:1024px;display:block;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative}#header-container{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.bold{font-weight:700}.italic{font-style:italic}#logo{position:relative;top:20px;left:20px;width:320px;height:104.8px;margin:14px 42px 29.6px 15px;z-index:1200;flex-shrink:0}#header-right{display:flex;align-items:center}.header-dropdown{margin-left:auto;margin-right:20px;z-index:6000}#header-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 15px;font-size:16px;border:1px solid #ced4da;border-radius:8px;background-color:#fff;color:#004f5e;transition:border-color .3s}#header-container select:focus{outline:none;border-color:#004f5e;box-shadow:0 0 0 .2rem #007bff40}.header-container select::-ms-expand{display:none}#info-icon{width:24px;height:24px;cursor:pointer;margin-right:20px;vertical-align:middle;z-index:1000}#loadingOverlay{position:fixed;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1100;transition:opacity .5s ease}#loadingOverlay.hidden{opacity:0;pointer-events:none}#loadingProgressBar{width:80%;max-width:960px;height:20px;background:#666d70;overflow:hidden;border-radius:10px;position:relative}#loadingProgressBarFill{height:100%;width:0%;background:#02ccc0;border-radius:10px;transition:width .3s}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;color:#666d70;justify-content:center;font-size:24px;z-index:1300;transition:opacity .5s ease}#overlay-container{max-width:1024px;width:100%;height:100%}#overlay-container #overlay-instructions{margin:100px auto 90px;font-size:18px;width:70%}#overlay-container #animation-instructions{margin-top:25%;margin-left:250px}#overlay-container #inject-demo-text{margin-left:50px}#overlay-container #important-instructions{left:50%;position:absolute;bottom:60px}#overlay.hidden{opacity:0;pointer-events:none}#overlay button{padding:10px 20px;font-size:18px;margin-top:20px}#controls-container{width:33%}#pen-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto}#controls{z-index:60;position:absolute;left:-20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.reset-label{position:absolute;font-weight:700;text-transform:uppercase;text-align:center;display:none;top:265px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:150px;max-width:600px;width:480px;height:10px;transform:rotate(90deg);cursor:pointer;background:linear-gradient(90deg,#004f5e,#004f5e);border-radius:10px;border:1px solid #004f5e}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:55px;height:55px;background:#ffe600;box-shadow:-1px 1px 2px #00000070;border-radius:50%}input[type=range]::-moz-range-thumb{width:50px;height:50px;background:#ffe600;box-shadow:-1px 1px 2px #00000070;border-radius:50%}input[type=range]::-webkit-slider-thumb{transform:rotate(-90deg);background-image:var(--thumb-image);background-size:100%;background-repeat:no-repeat;background-position:center}input[type=range]::-moz-range-thumb{transform:rotate(-90deg);background-image:var(--thumb-image);background-size:100%;background-repeat:no-repeat;background-position:center}#button-container{width:33%;position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;margin:10px 0}.button-wrapper{display:flex;flex-direction:column;align-items:center;padding:10px 0}.icon-button{border:none;border-radius:50%;padding:10px;margin:10px 0;cursor:pointer;width:92px;height:92px;display:flex;align-items:center;justify-content:center}.yellow-bg{background-color:#ffe600}#iosArLink{display:none}.white-bg{background-color:#fff}.passthru{pointer-events:none}.icon-button img{width:60px;height:60px}.button-label{font-weight:700;text-transform:uppercase;margin-top:5px;text-align:center}#footer-wrapper{position:absolute;bottom:10px;width:100%;cursor:pointer;display:flex;justify-content:center;z-index:1001;transition:transform .3s ease-in-out;background:#fffffff2}#footer-divider{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding-top:5px;border-top:3px solid #5b027a}#footer-divider:before{content:var(--footer-divider-text, "Important");display:block;margin-right:auto;padding-left:20px;font-weight:700;text-transform:uppercase;color:#5b027a}#footer-arrow{margin-top:-2px;position:absolute;top:0}#footer-wrapper .modal-close{align-self:flex-end;background:none;border:none;color:#000;font-size:1.5em;cursor:pointer;padding:10px;margin-right:20px;position:relative;z-index:1001;display:none}#modal{position:fixed;bottom:0;left:0;width:100%;height:calc(100vh - 210px);background:#fffffff2;color:#000;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:1000;padding:10px;font-size:16px;color:#666d70;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left}#modal-container{z-index:5001;height:100vh}#modal.open{transform:translateY(0)}#footer-wrapper.open,#modal-container.open{transform:translateY(calc(-100vh + 200px))}#modal .modal-content{overflow-y:auto;flex:1;max-width:960px;justify-content:center;width:100%;margin:0 auto}#modal .modal-close{align-self:flex-end;background:none;border:none;color:#000;font-size:1.5em;cursor:pointer;padding:10px;margin-right:20px;position:relative;z-index:1001}ol{padding-left:1.5em}ol li{padding-top:8px}#modal a{color:#666d70;font-size:14px;font-family:Arial,sans-serif;line-height:1.3;margin:0 auto}#footer-rect{margin:24px 0;padding:12px 16px;background-color:#5b027a;color:#fff}#footer-rect p{color:#fff;margin:0;padding:0}.footer-important{text-align:center;font-weight:600;position:relative;margin:12px 0;padding:6px 8px;border-radius:12px;border:solid 1.5px #666d70;background-color:#fff;align-items:center;width:98%}.footer-button{width:270px;height:50px;margin:12px 0;padding:6px 8px;border-radius:12px;background-color:#5b027a;display:flex;align-items:center}.footer-button-icon{flex-shrink:0;margin-right:10px;display:flex;align-items:center}.footer-button-icon img{display:block}.footer-button-text{color:#fff;line-height:1.2;flex-grow:1}#footer-logos{padding-top:40px}#footer-logos img{margin:0 20px 20px 0;border:none;display:inline-block;vertical-align:middle}#modal-bottom{padding-top:20px;font-size:12px}#imc-logo{width:292px}#paab-logo{width:90px}#jnj-logo{width:186px}@media (max-width: 1024px){#controls{left:-80px}}@media (max-width: 840px) and (orientation: portrait){#footer-wrapper{bottom:100px}#footer-wrapper.open{transform:translateY(calc(-100vh + 285px))}#modal{height:calc(100vh - 265px)}#overlay-container #animation-instructions{margin-left:180px}#overlay-container #important-instructions{bottom:120px}.footer-important{width:95%}#modal .modal-content{margin:10px;padding:0;max-width:90%}}@media (max-width: 768px){#overlay-container #animation-instructions{margin-top:25%;margin-left:160px}#overlay-container #important-instructions{bottom:100px}#controls{left:-100px}.button-container{right:15%}.button-wrapper{padding:10px}.button-label{font-size:10px}#footer-wrapper{bottom:50px}#modal .modal-content{max-width:720px}#footer-wrapper.open{transform:translateY(calc(-100vh + 235px))}#modal{height:calc(100vh - 180px)}.footer-important{width:90%}#imc-logo,#paab-logo{height:36px}#jnj-logo{height:20px}}@media (max-width: 480px){#overlay-container #overlay-instructions{margin:80px auto 50px;font-size:16px;width:90%}#overlay-container #animation-instructions{margin-top:15%;margin-left:90px}#overlay-container #important-instructions{bottom:100px}input[type=range]{width:320px}.reset-label{top:190px;font-size:16px}#controls,#pen-container,#button-container{top:45%}.icon-button{width:60px;height:60px}.icon-button img{width:50px;height:50px}.button-label{font-size:16px}#logo{top:10px;left:10px;width:160px;height:52.4px}#footer-wrapper{bottom:150px}#footer-divider:before{font-size:16px}#modal .modal-content{margin:10px;padding:0;max-width:90%}#footer-wrapper.open{transform:translateY(calc(-100vh + 260px))}#modal{height:calc(100vh - 250px)}}@media (max-width: 480px) and (min-height: 700px){#footer-wrapper{bottom:100px}#footer-wrapper.open{transform:translateY(calc(-100vh + 200px))}#modal{height:calc(100vh - 150px)}}@media (max-height: 800px) and (orientation: landscape){#footer-wrapper{bottom:80px}#overlay-container #important-instructions{bottom:100px}#footer-wrapper.open{transform:translateY(calc(-100vh + 275px))}#modal{height:calc(100vh - 240px)}#overlay-container #animation-instructions{margin-top:10%}}@media (max-height: 768px) and (min-width: 1211px){#footer-wrapper.open{transform:translateY(calc(-100vh + 180px))}#modal{height:calc(100vh - 180px)}#logo{top:20px;left:20px;width:240px;height:80px;margin:0}input[type=range]{width:300px}#controls{left:-50px;top:52%}}@media (max-height: 480px){#logo{top:10px;left:10px;width:120px;height:40px;margin:0}#controls{left:60px;top:40%}#pen-container,#button-container{top:40%}input[type=range]{width:160px}.reset-label{top:110px;font-size:12px}.icon-button{width:40px;height:40px}.icon-button img{width:25px;height:25px}.button-label{font-size:12px}#overlay-container #overlay-instructions{margin:10px auto;font-size:13px;width:70%}#overlay-container #animation-instructions{font-size:18px;margin-top:8%;margin-left:150px}#overlay-container #inject-demo-text{margin-left:50px}#overlay-container #important-instructions{font-size:18px;bottom:50px}.button-wrapper{padding:5px 0}.icon-button{padding:5px;margin:5px 0;cursor:pointer}#footer-divider:before{font-size:18px}#footer-wrapper{bottom:90px}#footer-wrapper.open{transform:translateY(calc(-100vh + 175px))}#modal{height:calc(100vh - 150px)}}