@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

.soscut-counter-widget {
	margin-right: .625rem;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

.counter-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.counter-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
}

.counter-dot.visitor {
    background-color: #1DAC00;
}

.counter-dot.pageview {
    background-color: #4B84FF;
}

.counter-label {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: -0.02em;
    color: #4A4A4A;
}

.counter-value {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6em;
    letter-spacing: -0.02em;
}

.counter-value.visitor {
    color: #1DAC00;
    min-width: 42px;
}

.counter-value.pageview {
    color: #4B84FF;
    min-width: 41px;
}
