관리-도구

편집 파일: DonutChartWithLegend.178f5215.css

.aioseo-app .aioseo-donut-chart{position:relative;display:flex}.aioseo-app .aioseo-donut-chart svg{width:100%}.aioseo-app .aioseo-donut-chart svg circle{transform-origin:center}[dir=ltr] .aioseo-app .aioseo-donut-chart svg circle{transform:rotate(270deg)}[dir=rtl] .aioseo-app .aioseo-donut-chart svg circle{transform:rotate(-270deg)}.aioseo-app .aioseo-donut-chart .total-amount-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#141b38;margin:20px}.aioseo-app .aioseo-donut-chart .total-amount-wrapper .total-amount{text-align:center}.aioseo-app .aioseo-donut-chart .total-amount-wrapper .total-amount .total{font-size:32px;font-weight:700;line-height:40px}.aioseo-app .aioseo-donut-chart .total-amount-wrapper .total-amount .label{margin-top:5px;line-height:150%}.aioseo-app .aioseo-donut-chart-with-legend{display:flex;font-size:14px;color:#141b38}.aioseo-app .aioseo-donut-chart-with-legend .chart-left{max-width:200px;max-height:200px;position:relative}.aioseo-app .aioseo-donut-chart-with-legend .chart-right{flex:1 1 80%;font-size:14px;line-height:125%;margin-top:auto;margin-bottom:auto}[dir=ltr] .aioseo-app .aioseo-donut-chart-with-legend .chart-right{margin-left:32px}[dir=rtl] .aioseo-app .aioseo-donut-chart-with-legend .chart-right{margin-right:32px}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend{display:flex;align-items:center}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend+.legend{margin-top:12px}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend span{display:inline-block}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-bullet{width:12px;height:12px;min-width:12px;border-radius:50%}[dir=ltr] .aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-bullet{margin-right:8px}[dir=rtl] .aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-bullet{margin-left:8px}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-amount{font-weight:700;min-width:30px}[dir=ltr] .aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-amount{margin-right:8px;text-align:left}[dir=rtl] .aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-amount{margin-left:8px;text-align:right}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-label{line-height:130%}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-label.is-link{text-decoration:none}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .legend .legend-label.is-link:hover{text-decoration:underline}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .chart-more{margin-top:21px;color:#005ae0;font-weight:700;cursor:pointer}[dir=ltr] .aioseo-app .aioseo-donut-chart-with-legend .chart-right .chart-more{margin-left:6px}[dir=rtl] .aioseo-app .aioseo-donut-chart-with-legend .chart-right .chart-more{margin-right:6px}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .chart-more a{text-decoration:underline}.aioseo-app .aioseo-donut-chart-with-legend .chart-right .chart-more a:not(:first-of-type),.aioseo-app .aioseo-donut-chart-with-legend .chart-right .chart-more a:hover{text-decoration:none}@media screen and (max-width: 1200px){.aioseo-app .aioseo-donut-chart-with-legend{display:block!important}.aioseo-app .aioseo-donut-chart-with-legend .chart-left{margin-left:auto;margin-right:auto}.aioseo-app .aioseo-donut-chart-with-legend .chart-right{margin-left:auto;margin-right:auto;margin-top:20px;display:flex;flex-direction:column}}