.component-pie{position:absolute;bottom:-10px;right:-25px;width:130px;height:130px}.component-pie .chart-attach{position:absolute;width:100%;height:100%}.component-pie .chart .background-circle{transition:rotate .15s cubic-bezier(.4,0,.2,1);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;height:100%;width:100%}@media (prefers-reduced-motion:reduce){.component-pie .chart .background-circle{transition:none}}.component-pie .chart .background-circle svg{height:100%;width:100%}.component-pie .chart .background-circle svg path{fill:#3187bb}@media (min-width:576px){.component-pie .chart .background-circle{-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg)}}@media (min-width:768px){.component-pie .chart .background-circle{-webkit-transform:rotate(17deg);-ms-transform:rotate(17deg);transform:rotate(17deg)}}@media (min-width:992px){.component-pie .chart .background-circle{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}}@media (min-width:1200px){.component-pie{-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translateX(1rem)}.component-pie .chart .background-circle{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}}