.fiber-graph-margin{padding-top:var(--sec-pt-mobile);padding-bottom:var(--sec-pb-mobile);background:#fff}@media screen and (min-width:750px){.fiber-graph-margin{padding-top:var(--sec-pt-desktop);padding-bottom:var(--sec-pb-desktop)}}.fiber-graph-section{width:100%}.fiber-container{max-width:1240px;margin:0 auto;padding:0 clamp(20px,-182.93px + 28.99vw,40px);display:flex;align-items:center;gap:100px}.fiber-graph-visual{flex:0 0 450px;display:flex;justify-content:center}.donut-wrapper{width:100%;max-width:350px;aspect-ratio:1 / 1;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible;pointer-events:none}.donut-segment{cursor:default!important;transition:stroke-width .2s,stroke-dashoffset .8s ease-out;pointer-events:stroke!important}.donut-segment:hover{stroke-width:10;opacity:.8}.donut-center-content{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;width:80%;pointer-events:none;line-height:1.2;display:flex;flex-direction:column;justify-content:center;align-items:center}.donut-label-materialer{display:block;font-size:13px;color:#999;margin-bottom:2px}.donut-label-procent-or-instruction{display:block;font-family:TT Commons Pro Expanded,sans-serif;font-size:16px;font-weight:500;color:var(--color-offblack)}.fiber-text-content{flex:1;text-align:var(--text-align, left)}.fiber-title{font-family:TT Commons Pro Expanded,sans-serif;font-size:var(--heading-font-size);margin:0;color:var(--color-offblack)}.fiber-body li{position:relative;margin-bottom:8px;line-height:1.4;display:flex;align-items:flex-start;text-transform:none!important;color:var(--color-offblack)!important}.fiber-body li:before{content:"\2022";margin-right:12px;font-size:1.2em;color:var(--color-offblack)!important}.fiber-button-wrapper{margin-top:30px}@media(max-width:990px){.fiber-container{flex-direction:column;padding:0 20px;gap:5px}.fiber-text-content{display:contents}.fiber-title{order:1;width:100%;text-align:center;margin:10px 0}.fiber-graph-visual{order:2;width:100%;flex:none}.fiber-body li{text-align:start;margin-left:-30px}.donut-wrapper{max-width:280px;margin:0 auto}.fiber-body{order:3;width:100%;text-align:center}.fiber-button-wrapper{order:4;width:100%;text-align:center;margin-top:30px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-inde-i-bleen-graf.css.map */