@import"https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{margin:0}button{font-family:Carlito,sans-serif}html{box-sizing:border-box;font-family:Carlito,sans-serif;background-color:#fff;--red: #ed1b2e;--green: #2ca134}*,*:before,*:after{box-sizing:inherit}.flex-row{display:flex}.flex-col{display:flex;flex-direction:column}.flex-grow{flex:1}.flex-center{align-items:center;justify-content:center}#back-to-home{font-size:25px;font-weight:700;text-transform:uppercase;color:#fff;margin-left:12px}#mute-button{position:absolute;left:20px;top:10px}.large-button{background-color:var(--red);border:none;color:#fff;font-size:25px;width:50%;height:70px;border-radius:10px;font-weight:700;cursor:pointer;text-transform:uppercase}button.icon{background-color:transparent;fill:var(--red);border:none;outline:none;cursor:pointer;font-size:15px;color:var(--red)}.steps-container{display:flex;height:100vh;overflow:hidden}#step-details-header{margin-bottom:20px}.steps-title-container{font-family:Fira Sans,sans-serif;font-weight:800;letter-spacing:2px;text-transform:uppercase;display:flex;color:#fff;margin-bottom:8px;--desired-font-size: 56px;--min-font-size: 24px;--line-height-percent: 1.3;--desired-max-length: 32;font-size:clamp(var(--min-font-size),calc(var(--desired-max-length) / var(--text-length) * var(--desired-font-size)),var(--desired-font-size))}.step-title-resource-opener{width:58px;flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 3pt 6pt #00000029}.step-title-resource-opener.open{background-color:var(--red)}.step-title-resource-opener.hidden{display:none}.resource-menu-container{position:absolute;right:0}.resource-menu{background-color:#fff;position:relative;border-top:solid 6px var(--red);top:-12px;border:solid 1px #00000029;z-index:1000}.resource-menu-item{border:none;outline:none;background-color:#fff;width:100%;display:flex;cursor:pointer;color:#424242;font-size:15pt;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:8px 14px}.resource-menu-item div{flex-grow:1;text-align:left}.resource-menu-item:hover{background-color:#efefef}.step-visual-container{flex:1;position:relative}.step-visual-container video{border:none;outline:none}.instruction-guide-model-container{height:100%;width:100%;background-color:#fff}.model-viewer-container{width:100%;height:100%}model-viewer{width:100%;height:100%}.step-details-container{background-color:#282828;color:#fff;height:100vh;overflow:hidden;padding:20px 50px;width:35%;display:flex;flex-direction:column}.step-details{height:100%;overflow:hidden}.step-section-title{font-weight:900;font-size:20px}.step-title{font-weight:700;font-size:30px;display:flex;align-items:center;margin:30px 0 12px}.step-number{flex-shrink:0;background-color:var(--red);color:#fff;padding:4px 16px;margin-right:20px;border-radius:8px;text-align:center}.step-copy{font-size:24px;overflow:auto;margin-bottom:48px}.step-copy a{text-decoration:none;color:var(--red)}.step-options{margin-bottom:24px}.step-options-label{font-size:20pt;color:#888;font-weight:700;margin-bottom:10px}.step-options-option{font-size:20pt;display:flex;align-items:center}.step-options-option input[type=radio]{width:24px;height:24px;accent-color:black;margin:0 12px 0 0;padding:0}.progress-bar{height:60px;background-color:#555353;box-shadow:0 3px 10px #0006;border-radius:5px;margin:10px 0 18px;display:flex;align-items:center;padding:0 30px}.progress-bar .progress-indicator{height:4px;background-color:#dcdcdc;flex:1;overflow:visible;display:flex;align-items:center}.progress-bar .progress-indicator.complete{background-color:var(--green)}.progress-bar .progress-dot{--size: 31px;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);background-color:#dcdcdc;border-radius:var(--size)}.progress-bar .progress-dot.current{--size: 23px;background-color:var(--red);border:solid 2px white;outline:solid 4px var(--red)}.progress-bar .progress-dot.complete{background-color:var(--green)}.progress-bar .progress-nub{height:100%;width:20px;background-color:var(--red)}.poster-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.poster-container img{max-width:200px}.client-question{color:#f0f}.step-copy::-webkit-scrollbar{width:8px}.step-copy::-webkit-scrollbar-track{background-color:#a9a9a9;border-radius:0px var(--border-radius) var(--border-radius) 0px}.step-copy::-webkit-scrollbar-thumb{background-color:var(--red);border-radius:var(--border-radius)}.step-copy::-webkit-scrollbar-thumb:hover{background-color:var(--red)}@media (max-width: 1700px){.steps-title-container{--desired-font-size: 48px;--min-font-size: 20px;--desired-max-length: 20}}@media (max-width: 1100px){.steps-container{display:flex;flex-direction:column}.steps-title-container{--desired-font-size: 32px;--min-font-size: 20px}.step-details-container{height:50%;width:100%;max-height:50%;padding:0 16px}#back-to-home{display:none}.step-title{font-size:22px}.step-copy{font-size:18px;line-height:28px;margin-bottom:24px}.progress-bar{height:42px}.progress-bar .progress-dot{--size: 24px}.progress-bar .progress-nub{width:16px}.progress-bar .progress-dot.current{--size: 19px}.step-visual-container{position:unset}#mute-button{right:24px;left:unset}.large-button{width:100%}}.translator-container{position:fixed;top:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;font-size:20px}.translator-label{font-weight:700}.translator-value{font-size:20px}
