html{line-height:1.15;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:roboto-black;src:url("./assets/Roboto-Black-N3JSMGNF.ttf")}@font-face{font-family:roboto-black-italic;src:url("./assets/Roboto-BlackItalic-Q4DQVNXP.ttf")}@font-face{font-family:roboto-bold;src:url("./assets/Roboto-Bold-YNVD7YCC.ttf")}@font-face{font-family:roboto-bold-italic;src:url("./assets/Roboto-BoldItalic-UDVRGYMT.ttf")}@font-face{font-family:roboto-regular;src:url("./assets/Roboto-Regular-2C6IPKAZ.ttf")}@font-face{font-family:roboto-italic;src:url("./assets/Roboto-Italic-P4UPYB3F.ttf")}@font-face{font-family:roboto-light;src:url("./assets/Roboto-Light-DLKQXCNL.ttf")}@font-face{font-family:roboto-light-italic;src:url("./assets/Roboto-LightItalic-EZWBKOF2.ttf")}@font-face{font-family:roboto-medium;src:url("./assets/Roboto-Medium-SICMFKQK.ttf")}@font-face{font-family:roboto-medium-italic;src:url("./assets/Roboto-MediumItalic-X7VW5CZA.ttf")}@font-face{font-family:roboto-thin;src:url("./assets/Roboto-Thin-SNTZUTYN.ttf")}@font-face{font-family:roboto-thin-italic;src:url("./assets/Roboto-ThinItalic-VWZDITN2.ttf")}body{display:flex;justify-content:center;align-items:center;font-family:roboto-regular;width:100%;min-height:100vh;background:#eee;@media screen and (max-width: 1060px){height:unset;min-height:unset}}p{line-height:28px}#scene-progress{width:95%;height:10px;background:#0000006a;position:absolute;bottom:16px;left:16px;z-index:2;#progress{position:absolute;top:0;left:0;width:15%;height:100%;background:#ec4291}#progress-percent{position:absolute;top:-38px;right:0;color:#fff;font-size:14px;padding:6px;background:#00000080}}.table-container{width:340px;margin:20px auto;color:#000;background-color:#f2f5fa;padding:20px;border-radius:15px}.row{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.progress-bar{width:280px;height:2px;position:relative}.progress-bar span{display:block;height:3px;background-color:gray;width:0%}.black-line{width:100%;height:30px;background-color:#000;color:#fff;text-align:center;line-height:30px;cursor:pointer}.fullsize{height:auto;padding:10px}#expandable{position:relative;z-index:50;overflow:hidden;width:300px;height:30px;border-radius:10px;margin-bottom:10px;background-color:#000;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:height .3s ease;line-height:1.9}#expandable.expanded{height:170px;overflow:auto}#expandable-content{padding:10px;font-size:14px}#recommendation{text-align:center;color:#b2b9cb}#progress-bar{height:2px}#progress-table>div{padding-top:10px}#progress-table>div>div{float:right}#score{display:flex;align-items:center;padding-left:50px}.expand-button{position:absolute;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:#555;border-radius:3px;color:#fff;font-size:5px;font-weight:700;cursor:pointer;transition:all .3s ease;top:0;right:0;margin:5px}.progress-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(#00aaff 0deg,transparent 0deg);z-index:0;transition:background .3s linear;pointer-events:none}#start-record{position:relative}.expand-button:hover{width:20px;height:20px;background-color:gray;border-radius:3px}.expand-button:before{content:"\25bc";transition:transform .3s ease}.expand-button:hover:before{transform:rotate(0)}#next-scene:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(19,1,1,.15));color:light-dark(rgba(16,16,16,.3),rgba(255,255,255,.15));border-color:light-dark(rgba(118,118,118,.3),rgba(195,195,195,.15))}.textarea{display:none;z-index:100;position:absolute;width:300px;height:189px}#video-container{z-index:1;position:absolute;visibility:hidden;width:100%;height:100%;overflow:hidden}#scene-video{width:100%;height:100%;object-fit:cover}#filler-video{margin-top:210px;display:none}#app{display:flex;width:1280px;margin:0 auto;padding:32px;position:relative;#left-section{display:flex;align-items:center;position:relative;width:50%;min-height:768px;#scene{position:absolute;top:0;left:0;width:100%;height:100%;img{width:100%;height:100%;object-fit:cover;object-position:center center}}#left_content{display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:999;height:100%;width:100%;padding-bottom:63px;#scene-dialog{margin:148px auto 78px;max-width:580px;#sdt-sdm-wrapper{display:flex;justify-content:center;align-items:center;margin:0 auto;position:relative;padding:16px;#scene-dialog-thumbnail{display:flex;justify-content:center;position:absolute;top:-94px;z-index:3;border:4px solid #fff;border-radius:100%;width:180px;height:180px;overflow:hidden;img{width:100%;height:100%;object-fit:cover;object-position:center center}}#scene-dialog-message{background:#9ba3af;text-align:center;padding:96px 48px 16px;border-radius:50px;z-index:2;color:#fff;font-size:16px;p{line-height:32px}}}}#scene-buttons{display:flex;gap:64px;width:100%;justify-content:center;align-items:center;font-size:32px;z-index:100;button{display:flex;justify-content:center;align-items:center;min-width:80px;min-height:80px;border-radius:100%;background:#4b607551;border:none;color:#fff;cursor:pointer;&:nth-child(2){min-width:120px;min-height:120px;position:relative;&:after{content:"";position:absolute;width:90px;height:90px;background:#007eff;border-radius:100%;z-index:-1}}}}}}#right-section{background:#f3f5fa;width:50%;min-height:768px;padding:16px;#right_content{position:relative;z-index:999;padding-top:32px;h4{#variants-count-text{color:#000;text-shadow:1px 1px #fff;text-align:center;font-size:18px;margin-top:0;margin-bottom:48px}}#variants-slider{.swiper{width:580px;height:272px;margin-top:75px;border-radius:50px;.swiper-wrapper{.swiper-slide{display:flex;align-items:center;background:#fff;p{padding:24px;text-align:center;max-width:440px;margin:0 auto;font-size:20px}}}.swiper-button-prev,.swiper-button-next{color:#000;&:after{font-size:24px}}.swiper-pagination{display:flex;gap:8px;justify-content:center;padding-bottom:16px;span{background:#000;margin:0}}}}#rs-buttons{display:flex;gap:64px;width:100%;justify-content:center;align-items:center;font-size:22px;margin-top:95px;button{display:flex;justify-content:center;align-items:center;min-width:80px;min-height:80px;border-radius:100%;background:#fff;border:none;color:#000;cursor:pointer;font-size:32px;&:nth-child(2),&:nth-child(3){min-width:120px;min-height:120px;position:relative;color:#fff;background:#f0dceb;span{position:relative;z-index:5}&:after{content:"";position:absolute;width:90px;height:90px;background:#ec4291;border-radius:100%}}&#stop-record{display:none;&:after{animation:shake .7s alternate infinite}}}}}}#play-video{display:flex;justify-content:center;align-items:center;border-radius:100%;background:#4b607551;border:none;color:#fff;cursor:pointer;min-width:120px!important;min-height:120px!important;position:relative}#play-video:after{content:"";position:absolute;width:90px;height:90px;background:#007eff;border-radius:100%;z-index:-1}.progress-container{position:relative;width:80px;height:80px;margin:20px auto;display:none}.progress-ring__bg{stroke:#ddd}.progress-ring__circle{stroke-dasharray:214;stroke-dashoffset:214;transition:stroke-dashoffset .3s linear;transform:rotate(-90deg);transform-origin:50% 50%}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#3498db}@media screen and (max-width: 1690px){#left-section,#right-section{min-height:648px;max-height:648px;overflow:hidden}#right-section{#right_content{#rs-title{margin-bottom:24px}#variants-slider{.swiper{margin-top:44px}}#rs-buttons{margin-top:27px}}}}@media screen and (max-width: 1280px){#right-section{#right_content{#variants-slider{.swiper{width:500px}}}}}@media screen and (max-width: 1140px){#left-section{#left_content{#scene-dialog{max-width:480px}}}}@media screen and (max-width: 1060px){flex-direction:column;width:100%;padding:0;#left-section{width:100%;min-height:50vh;align-items:start;#left_content{min-height:50vh;padding-bottom:20px;#video-container{min-height:50vh;#scene-video{height:100%}}#scene-dialog{width:100%;max-width:unset;margin-top:64px;margin-bottom:0;#sdt-sdm-wrapper{min-height:300px;#scene-dialog-thumbnail{top:-32px}#scene-dialog-message{padding:96px 16px 16px;font-size:15px}}}#scene-buttons{position:relative;button{min-width:80px;min-height:80px}}#scene-progress{margin-top:0;bottom:0;left:0;width:100%}}}#right-section{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:50vh;#help{top:32px;right:32px;font-size:24px;width:48px;height:48px}#right_content{padding-top:0;h4{#variants-count-text{padding-top:0;margin-bottom:24px}}#variants-slider{.swiper{width:100%;margin-top:24px;height:140px;.swiper-wrapper{.swiper-slide{display:flex;align-items:center;background:#fff;padding-bottom:16px;p{padding:24px;text-align:center;max-width:80%;margin:0 auto;font-size:19px}}}.swiper-button-prev,.swiper-button-next{display:none!important}}}#rs-buttons{margin-top:32px}}}}@media screen and (max-width: 768px){#left-section{#left_content{#scene-dialog{#sdt-sdm-wrapper{min-height:320px;margin-top:32px;#scene-dialog-thumbnail{width:140px;height:140px;top:5px}}}#scene-buttons{gap:32px;width:100%;font-size:22px;button{min-width:50px;min-height:50px;font-size:20px;&#play-video{min-width:80px!important;min-height:80px!important;&:after{width:70px!important;height:70px!important}}&:nth-child(2){min-width:80px;min-height:80px;&:after{width:70px;height:70px}}}}}}#right-section{#right_content{#rs-buttons{gap:32px;width:100%;font-size:20px;button{min-width:60px;min-height:60px;font-size:20px;&:nth-child(2),&:nth-child(3){min-width:80px;min-height:80px;&:after{width:70px;height:70px}}}}}}}@media screen and (max-width: 580px){#left-section{#left_content{#scene-buttons{font-size:18px;button{min-width:50px;min-height:50px;font-size:18px;&#play-video{min-width:70px!important;min-height:70px!important;&:after{width:50px!important;height:50px!important}}&:nth-child(2){min-width:70px;min-height:70px;&:after{width:50px;height:50px}}}}}}#right-section{#right_content{h4{#variants-count-text{font-size:20px;margin-bottom:16px}}#rs-buttons{font-size:18px;button{min-width:50px;min-height:50px;font-size:18px;&:nth-child(2),&:nth-child(3){min-width:70px;min-height:70px;&:after{width:50px;height:50px}}}}#variants-count-text{font-size:16px;text-align:center}#variants-slider{.swiper{margin-top:18px;.swiper-wrapper{min-height:132px;.swiper-slide{min-height:132px;p{font-size:16px;padding:16px}}}.swiper-pagination{padding-bottom:0}}}}}}@media screen and (max-width: 480px){#left-section{#left_content{#scene-dialog{margin-top:0;#sdt-sdm-wrapper{min-height:230px;margin-top:10px;padding:0 16px;#scene-dialog-thumbnail{width:120px;height:120px;top:-5px}#scene-dialog-message{padding:70px 16px 16px;font-size:14px}}}}}#right-section{#right_content{#rs-title{h4{font-size:18px;margin-bottom:14px}}#rs-buttons{margin-top:18px}#variants-count-text{font-size:15px}#variants-slider{margin-top:16px;.swiper{.swiper-wrapper{min-height:124px;.swiper-slide{p{font-size:14px;padding:12px}}}.swiper-pagination{padding-bottom:0}}}}}}.modal-wrapper{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;height:100vh;background:#000000a0;z-index:99999;padding:16px;.modal-content{padding:72px 32px;background:#fff;border-radius:50px;width:500px;position:relative;h2{text-align:center;font-size:24px}.icon{display:flex;justify-content:center;align-items:center;margin:0 auto;border-radius:100%;width:63px;height:63px;background:#000;color:#fff;font-size:24px}.close-modal{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:#f5f7fb;border-radius:100%;font-size:20px;cursor:pointer;position:absolute;right:32px;top:32px}@media screen and (max-width: 768px){width:100%;padding:48px 16px;#progress-table{font-size:.85rem}p{font-size:14px}.table-container{width:18rem}#expandable,.progress-bar{width:16rem}}}}}@keyframes shake{0%{transform:scale(.9)}25%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}