@import '/assets/stogram/stogram.min.css';@font-face{font-family:"D-DIN";font-weight:bold;src:url("../fonts/D-DIN-Bold.otf")}@font-face{font-family:"D-DIN";font-weight:normal;src:url("../fonts/D-DIN.otf")}@font-face{font-family:"Lexend";font-weight:normal;src:url("../fonts/Lexend.ttf")}@font-face{font-family:"Lexend";font-weight:bold;src:url("../fonts/Lexend-Bold.ttf")}.page .page-header{position:fixed;left:0;right:0;top:0;z-index:2;--navbar-font-color:#fff}.page .page-header .navbar .navbar-brand{background:url(../img/logo.png) no-repeat center;background-size:contain;width:52px;height:40px}.page .page-header .navbar:has(input:checked) .navbar-brand{filter:invert(1)}.page .page-body{min-height:100vh}.page .page-footer{position:relative;z-index:2;background-color:#000;color:#fff;padding-top:20px}.page .page-footer .logo{width:80px;height:80px;background-image:url(../img/logo.png);background-position:center;background-repeat:no-repeat;background-size:contain}.page .page-footer .contact-info{display:flex;flex-direction:column;gap:16px;padding:20px 0}.page .page-footer .contact-info dl{display:flex;gap:12px}.page .page-footer .contact-info dl dt{opacity:.5}.page .page-footer .contact-info dl.follow-us{flex-direction:column}.page .page-footer .contact-info dl.follow-us dt{opacity:1}.page .page-footer .contact-info dl.follow-us dd{display:flex;gap:8px}.page .page-footer .contact-info dl.follow-us dd .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:solid 1px rgba(255,255,255,0.1);border-radius:100%}.page .page-footer .copyright{opacity:.6;margin-top:20px;padding:20px 0;border-top:solid 1px rgba(255,255,255,0.1)}.heading{font-weight:500}@keyframes proCircle1{100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes proCircle2{100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes b-loading{100%{width:100%}}.page-trace-detail .page-body{position:relative}.page-trace-detail .page-body:before{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#000;background-image:var(--bg);background-size:cover;background-position:center;background-repeat:no-repeat;content:""}.page-trace-detail .page-body .doc-header-trace{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;color:#fff}.page-trace-detail .page-body .doc-header-trace h2{font-size:28px;font-weight:500;margin-bottom:.5em}.page-trace-detail .page-body .doc-header-trace h3{font-size:18px;font-weight:200}.page-trace-detail .page-body .doc-body{position:relative;z-index:2;min-height:100vh;background-image:linear-gradient(180deg, rgba(220,220,220,0), #dcdcdc 5%)}.page-trace-detail .page-body .doc-body .block{position:relative;padding:60px 0}.page-trace-detail .page-body .doc-body .block.block-intro .data{display:grid;grid-template-columns:48% auto;border:solid 1px rgba(0,0,0,0.2);padding:20px;border-radius:8px;margin-top:20px}.page-trace-detail .page-body .doc-body .block.block-intro .data dl{display:flex;flex-direction:column;gap:4px;border-bottom:solid 1px rgba(0,0,0,0.1);padding:12px 0}.page-trace-detail .page-body .doc-body .block.block-intro .data dl:nth-last-of-type(1),.page-trace-detail .page-body .doc-body .block.block-intro .data dl:nth-last-of-type(2){border-bottom:none}.page-trace-detail .page-body .doc-body .block.block-intro .data dl dt{font-size:85%}.page-trace-detail .page-body .doc-body .block.block-intro .data dl.span-fill{grid-column:2 span}.page-trace-detail .page-body .doc-body .block.block-labs{margin-top:-40px}.page-trace-detail .page-body .doc-body .block.block-labs .tabs{padding:20px 0;display:flex;justify-content:center;gap:20px;text-align:center}.page-trace-detail .page-body .doc-body .block.block-labs .tabs a{position:relative;color:inherit;font-size:110%}.page-trace-detail .page-body .doc-body .block.block-labs .tabs a:after{position:absolute;left:0;right:0;bottom:-8px;width:100%;height:2px;background-color:#000;content:"";transition:.3s;transform:scaleX(0)}.page-trace-detail .page-body .doc-body .block.block-labs .tabs a.active:after{transform:scaleX(1)}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani{margin:auto}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item{position:relative;display:none;padding-top:180px;padding-bottom:32px}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(1){--p1:calc(var(--v1)/100 * 100%);--p2:calc(var(--v2)/100 * 100%);--p3:rotate(calc(-35deg + var(--v1)/100 * 250deg))}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(1) .d-ani-cylinder:before{background-image:url(../img/d2.png)}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(2){--p1:calc(var(--v1)/28 * 100%);--p2:calc(var(--v2)/28 * 100%);--p3:rotate(calc(-35deg + var(--v1)/28 * 250deg))}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(2) .d-ani-cylinder:before{background-image:url(../img/d1.png)}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(2) .d-ani-cylinder .range{z-index:3;height:235px}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(2) .d-ani-cylinder .range:after{display:none}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(3){--p1:calc(var(--v1)/1000 * 100%);--p2:calc(var(--v2)/1000 * 100%);--p3:rotate(calc(-35deg + var(--v1)/1000 * 250deg))}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item:nth-of-type(3) .d-ani-cylinder:before{background-image:url(../img/d3.png)}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item.active{display:block}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item.in.active .d-ani-cylinder .range .l1{bottom:var(--p1) !important}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item.in.active .d-ani-cylinder .range .l2{bottom:var(--p2) !important}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item.in.active .d-ani-cylinder .range:after{height:var(--p1) !important}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item.in.active .d-ani-text .line{transform:var(--p3) !important}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder{position:relative;height:280px}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder:before{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;background-position:center;background-repeat:no-repeat;background-size:contain;content:""}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range{position:absolute;left:50%;top:8px;z-index:1;width:46px;height:264px;transform:translateX(-50%)}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range:after{position:absolute;left:0;right:0;bottom:0;z-index:-1;width:100%;height:0;content:"";background-image:url(../img/fill.png);background-size:cover;transition:3s;opacity:.9}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l1,.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l2{position:absolute;bottom:0;z-index:2;font-size:10px;background-color:#333;color:#fff;padding:1px 6px;border-radius:2px;margin-bottom:-8px}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l1:before,.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l2:before{position:absolute;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:#f30;border-radius:100%;content:""}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l1{transition:3s;left:-120%}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l1:before{right:-40.5px}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l2{right:-120%;transition:1.5s}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-cylinder .range .l2:before{left:-40.5px}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text{position:absolute;left:50%;top:32px;width:70vw;height:70vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:translateX(-50%);pointer-events:none}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text:before{position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(../img/dashboard@1.5x.png);background-position:center;background-repeat:no-repeat;background-size:contain;content:""}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text .line{position:absolute;left:0;right:0;top:50%;height:1px;width:50%;z-index:-1;content:"";transform:rotate(-35deg);transform-origin:right center;transition:3s}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text .line:before{position:absolute;left:12px;top:0;height:1px;width:24px;background-color:#f30;content:""}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text dl{margin-bottom:90px}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text dl dt{border:solid 1px #ddd;border-radius:100px;margin:auto;padding:2px 12px;font-size:90%}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text dl dd{font-size:80%}.page-trace-detail .page-body .doc-body .block.block-labs .lab-ani .charts-item .d-ani-text dl dd big{font-size:250%}.page-trace-detail .page-body .doc-body .block.block-labs .data{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:40px;justify-content:space-between}.page-trace-detail .page-body .doc-body .block.block-labs .data dl{border-bottom:solid 1px rgba(0,0,0,0.1);padding:0 0 20px}.page-trace-detail .page-body .doc-body .block.block-labs .data dl dt{font-size:110%;font-weight:400;opacity:.8}.page-trace-detail .page-body .doc-body .block.block-labs .data dl dd big{font-size:160%;font-weight:500}.page-trace-detail .page-body .doc-body .block.block-labs .data dl dd small{opacity:.6}.page-trace-detail .page-body .doc-body .block.block-certs{margin-top:-40px}.page-trace-detail .page-body .doc-body .block.block-certs .heading{position:sticky;top:40px}.page-trace-detail .page-body .doc-body .block.block-certs .certs{position:relative;display:flex;flex-direction:column;gap:20px}.page-trace-detail .page-body .doc-body .block.block-certs .certs .card{position:sticky;top:var(--offset);background-color:#fff;display:flex;flex-direction:column;padding:24px;box-shadow:0 0 20px rgba(0,0,0,0.15);border-radius:8px;width:90%;margin:auto;min-height:50vh}.page-trace-detail .page-body .doc-body .block.block-certs .certs .card .card-img{width:120px;height:120px}.page-trace-detail .page-body .doc-body .block.block-certs .certs .card .card-img img{object-fit:contain}.page-trace-detail .page-body .doc-body .block.block-certs .certs .card .card-body{margin-top:auto;padding:0}.page-trace-detail .page-body .doc-body .block.block-certs .certs .card .card-body .title{font-size:150%;font-weight:500}.page-trace-detail .page-body .doc-body .block.block-certs .certs .card .card-body .desc{line-height:1.5;opacity:.75;margin-top:12px}.page-trace-detail .page-body .doc-body .block.block-origin{position:relative;display:flex;align-items:center;height:100vh;padding:0;overflow:hidden}.page-trace-detail .page-body .doc-body .block.block-origin .image{width:80vw;height:50vh;background-color:#000;background-image:var(--bg);background-position:center;background-repeat:no-repeat;background-size:cover;margin:auto}.page-trace-detail .page-body .doc-body .block.block-origin .text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;height:100%;width:100%;padding:40px 20px;color:#fff}.page-trace-detail .page-body .doc-body .block.block-origin .text .heading{display:flex;flex-direction:column}.page-trace-detail .page-body .doc-body .block.block-origin .text .heading small{font-size:.8rem;opacity:1}.page-trace-detail .page-body .doc-body .block.block-origin .text .map{width:80% !important;margin:auto;margin-top:12px;filter:invert(1)}.page-trace-detail .page-body .doc-body .block.block-origin .text .richtext{margin-top:auto;font-size:120%}.page-trace-detail .page-body .doc-body .block.block-origin .text .richtext p{margin-bottom:.75em !important}.page-trace-detail .page-body .doc-body .block.block-care .box{box-shadow:0 0 15px rgba(0,0,0,0.1);background-color:#fff;padding:20px;border-radius:8px;margin-bottom:40px}.page-trace-detail .page-body .doc-body .block.block-care .box .heading{border-bottom:solid 1px #ddd;padding-bottom:20px;margin-bottom:40px}.page-trace-detail .page-body .doc-body .block.block-care .box dl{position:relative;padding-left:48px;margin-bottom:24px}.page-trace-detail .page-body .doc-body .block.block-care .box dl img{position:absolute;left:0;top:0;width:32px}.page-trace-detail .page-body .doc-body .block.block-care .box dl dt{font-size:120%;font-weight:500}.page-trace-detail .page-body .doc-body .block.block-care .box dl dd{margin-top:12px;line-height:1.5}.page-trace-detail .page-body .doc-body .block.block-care .box ol{line-height:1.5;list-style:none;padding:0}.page-trace-detail .page-body .doc-body .block.block-care .box ol li{position:relative;margin-bottom:20px;padding:0;margin:0;padding-left:40px;margin-bottom:24px}.page-trace-detail .page-body .doc-body .block.block-care .box ol li i{position:absolute;left:0;top:4px;font-style:normal;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;border-radius:100%}:root{--d-width:1920;--color-primary:#000;--color-secondary:var(--color-primary);--border-color:#dee2e6;--border-radius:8px;--font-color-base:#1F160C}.container{max-width:1400px}