.wp-block-greenmetrics-badge .wp-block-greenmetrics-badge-wrapper{display:inline-block;margin:0;padding:0;position:relative;z-index:1}.wp-block-greenmetrics-badge .wp-block-greenmetrics-badge{align-items:center;display:inline-flex;gap:8px}.wp-block-greenmetrics-badge .wp-block-greenmetrics-badge .wp-block-greenmetrics-badge__icon{height:20px;width:20px;fill:currentColor;align-items:center;display:inline-flex;flex-shrink:0;vertical-align:middle}.wp-block-greenmetrics-badge .wp-block-greenmetrics-badge .wp-block-greenmetrics-badge__icon svg{height:100%;width:100%}.wp-block-greenmetrics-badge .wp-block-greenmetrics-badge span{vertical-align:middle;white-space:nowrap}.wp-block-greenmetrics-badge.aligncenter{justify-content:center}.wp-block-greenmetrics-badge.alignright{justify-content:flex-end}.wp-block-greenmetrics-badge.alignleft{justify-content:flex-start}.wp-block-greenmetrics-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;left:0;margin-top:8px;min-width:300px;opacity:0;padding:24px;pointer-events:none;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:2}.wp-block-greenmetrics-content h3{color:#333;font-size:20px;font-weight:600;margin:0 0 24px;padding:0}.wp-block-greenmetrics-badge-wrapper:hover .wp-block-greenmetrics-content{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.wp-block-greenmetrics-metrics{display:flex;flex-direction:column;gap:16px}.wp-block-greenmetrics-metric{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.wp-block-greenmetrics-metric:hover{background-color:#f0f0f0}.wp-block-greenmetrics-metric .metric-label{align-items:center;color:#666;display:flex;gap:8px}.wp-block-greenmetrics-metric .metric-value{color:#333;font-weight:600}.wp-block-greenmetrics-custom-content{border-top:1px solid #eee;color:#666;font-size:14px;margin-top:16px;padding-top:16px}.wp-block-greenmetrics-badge.light{background-color:#fff;border:1px solid #4caf50;color:#4caf50}.wp-block-greenmetrics-badge.dark{background-color:#333;color:#fff}.wp-block-greenmetrics-badge.small .wp-block-greenmetrics-badge__icon{height:16px;width:16px}.wp-block-greenmetrics-badge.large .wp-block-greenmetrics-badge__icon{height:24px;width:24px}@media screen and (max-width:600px){.wp-block-greenmetrics-badge .wp-block-greenmetrics-badge__icon{height:16px;width:16px}.wp-block-greenmetrics-content{min-width:250px;padding:16px}.wp-block-greenmetrics-content h3{font-size:16px;margin-bottom:16px}.wp-block-greenmetrics-metric{font-size:12px;padding:8px 12px}}.icon-selector{margin-bottom:16px}.icon-grid{display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:8px}.icon-button{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.icon-button:hover{background-color:rgba(76,175,80,.1);border-color:#4caf50}.icon-button.selected{background-color:rgba(76,175,80,.2);border-color:#4caf50}.icon-button svg{color:#333;height:20px;width:20px}.color-picker{margin-top:16px}.color-picker p{font-size:13px;font-weight:500;margin:0 0 8px}