.lp_wrap .protein{position:relative}:root{--base:#2c2a29;--orange:#d66448;--yellow:#eda43a;--size: min( 76.8vw , 576px);--stroke: min(calc(50 / 750 * 100vw), 50px)}@property --o{syntax: "<number>"; inherits: false; initial-value: 0;}@property --y{syntax: "<number>"; inherits: false; initial-value: 0;}.graph{width:var(--size);height:var(--size);border-radius:50%;position:absolute;left:50%;transform:translate(-50%);top:min(calc(158 / 750 * 100vw),158px)}.graph:before,.graph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--stroke)),#000 calc(100% - var(--stroke)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--stroke)),#000 calc(100% - var(--stroke)))}.graph:after{background:var(--base);z-index:1}.graph:before{z-index:2;background:conic-gradient(from 0deg,var(--orange) 0deg calc(118deg * var(--o)),transparent 0),conic-gradient(from 118deg,var(--yellow) 0deg calc(62deg * var(--y)),transparent 0)}.graph.trigger.move:before{animation:seq 1.6s linear forwards}@keyframes seq{0%{--o: 0;--y: 0}50%{--o: 1;--y: 0}to{--o: 1;--y: 1}}.protein_arrow{z-index:-1;animation:updown 1s ease forwards infinite}
/*# sourceMappingURL=/cdn/shop/files/lp01_protein.css.map */