body{margin:0}html{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#c4c4c4}*,*:before,*:after{box-sizing:inherit}.flex-row{display:flex}.flex-col{display:flex;flex-direction:column}.flex-grow{flex:1}button.icon{background-color:transparent;fill:red;border:none;outline:none;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;color:red}.steps-container{display:grid;overflow:hidden;margin:0;height:100vh;grid-template-columns:30% 70%;grid-template-rows:120px auto;grid-template-areas:"header content" "details content"}.steps-title-container{font-weight:900;font-size:24px;background-color:#fff;padding:12px 34px;grid-area:header;display:flex}.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:#eb2c31}.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 #eb2c31;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{padding-left:12px;grid-area:content}.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-number{flex-shrink:0;background-color:#424242;color:#fff;width:28px;height:28px;margin-right:8px;border-radius:5px;text-align:center}.step-details-container{grid-area:details;margin-top:10px;overflow:hidden}.step-details{background-color:#fff;padding:12px 34px;height:100%;overflow:hidden}.step-section-title{font-weight:900;font-size:20px}.step-title{font-weight:700;font-size:20px;color:#424242}.step-copy{font-size:20px;color:#424242;overflow:auto}.step-options{margin-bottom:12px}.step-options-label{font-size:20pt;color:#424242;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:12px;background-color:#000;margin:8px 0}.progress-bar .progress{background-color:red;height:100%}.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:#000;border-radius:var(--border-radius)}.step-copy::-webkit-scrollbar-thumb:hover{background-color:#000}@media (max-width: 645px){.steps-title{padding:0}.instruction-guide-model-container{height:300px;width:100%;background-color:#fff}.step-copy{overflow-y:auto;padding-right:4px}.steps-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding-left:unset}.step-visual-container{padding:0}.step-details-container{flex-grow:1;overflow:hidden;margin-top:0}.step-details{margin-top:0;height: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}