.pyrolysis-screen{position:relative;width:1920px;height:1080px;overflow:hidden}.pyrolysis-screen__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.pyrolysis-screen__zone{position:absolute;font-size:35px;font-weight:700;line-height:40px;text-align:right;color:var(--color-text);pointer-events:none}.pyrolysis-screen__zone--heating{top:254px;right:1143px;width:160px}.pyrolysis-screen__zone--pyrolysis{top:730px;right:1191px;width:160px}.screen-tabs{position:absolute;top:50px;left:695px;display:flex;gap:50px;z-index:10}.screen-tabs__tab{height:60px;border:none;border-radius:50px;font-family:var(--font-family);font-size:17px;cursor:pointer;position:relative;white-space:nowrap}.screen-tabs__tab--active{width:210px;color:var(--color-white);background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 10px 20px #00cbd366,inset 0 0 0 1px #ffffff4d}.screen-tabs__tab--disabled{width:270px;color:var(--color-text);background:var(--color-tab-inactive);box-shadow:0 0 20px #e2e2e2;border:2px solid #fafeff;opacity:.7;cursor:not-allowed}.control-slider{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:stretch}.control-slider--locked{opacity:var(--color-inactive-opacity);pointer-events:none}.control-slider--blocked .control-slider__drag-zone{pointer-events:none;cursor:default}.control-slider--active,.control-slider--matched{opacity:1}.control-slider__label{font-size:21px;font-weight:700;line-height:24px;text-align:center;color:var(--color-text);margin-bottom:6px}.control-slider__card{position:relative;width:100%;height:148px;border:3px solid rgba(255,255,255,.95);border-radius:20px;overflow:hidden;box-shadow:0 2px 12px #0b2a380f}.control-slider__top{height:60px;align-content:center}.control-slider__bottom{height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 16px 12px;background:#d8d3daa6;transition:background .35s ease}.control-slider--matched .control-slider__bottom{background:linear-gradient(90deg,#005d61,#33c3ca)}.control-slider__value{font-size:30px;font-weight:700;line-height:1;color:#ffffffd9}.control-slider--matched .control-slider__value{color:var(--color-white)}.control-slider__drag-zone{width:100%;touch-action:none;cursor:grab}.control-slider__drag-zone:active{cursor:grabbing}.control-slider__track{position:relative;width:100%;height:18px;--thumb-size: 28px}.control-slider__track-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:#ffffff80}.control-slider__thumb{position:absolute;top:50%;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc(var(--thumb-size) / -2);border-radius:50%;background:#d8d3dae6;border:3px solid var(--color-white);box-shadow:0 1px 4px #0b2a3826;transition:left .05s linear;pointer-events:none}.control-slider--matched .control-slider__thumb{background:#ffffff40;border-color:var(--color-white)}.product-chart{position:absolute;z-index:4;border-radius:8px;overflow:hidden}.product-chart__image{width:100%;height:100%;object-fit:fill;display:block}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;background:#000}.video-overlay__video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.video-overlay .close-button{z-index:1}.close-button{position:absolute;top:50px;right:50px;width:60px;height:60px;padding:0;border:none;background:transparent;cursor:pointer;z-index:10}.close-button img{width:100%;height:100%;display:block}.close-button:hover{opacity:.85}.close-button:active{transform:scale(.96)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #00cbd3;--color-primary-dark: #008c95;--color-text: #0b2a38;--color-inactive-opacity: .5;--color-tab-inactive: #f1f2f4;--color-white: #ffffff;--font-family: "Roboto", sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background:#e8eaed;color:var(--color-text)}.viewport-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewport-canvas{width:1920px;height:1080px;position:relative;overflow:hidden}