@charset "utf-8";

/* "N명이 봤어요 / 지원했어요" pills over the notice image */
.view_cont .view_visual{position:relative;}
.view_cont .view_buzz{position:absolute; left:50%; top:18px; z-index:5; margin:0; padding:0; display:flex; flex-direction:column; align-items:center; gap:8px; transform:translateX(-50%); list-style:none; pointer-events:none;}
.view_cont .view_buzz li{padding:7px 16px 7px 10px; display:flex; align-items:center; gap:6px; color:#4a2a00; font-size:0.9375rem; font-weight:600; white-space:nowrap; background:#fff7ec; border:2px solid #ffc98f; border-radius:2em; box-shadow:0 4px 0 #ffd9b0, 0 8px 18px rgba(255,126,0,0.18); opacity:0; animation:view_buzz_pop 0.6s cubic-bezier(.34,1.56,.64,1) forwards;}
.view_cont .view_buzz li strong{color:var(--point-color-1); font-weight:800;}
.view_cont .view_buzz li .emoji{width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; font-size:15px; line-height:1; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,0.12);}
.view_cont .view_buzz li:nth-child(2){background:#fff; border-color:#ffd9b0; box-shadow:0 4px 0 #ffe8cf, 0 8px 18px rgba(255,126,0,0.12);}

@keyframes view_buzz_pop{
0%{opacity:0; transform:translateY(-8px) scale(0.85);}
100%{opacity:1; transform:translateY(0) scale(1);}
}

@media screen and (max-width: 768px) {
.view_cont .view_buzz{top:12px; gap:6px;}
.view_cont .view_buzz li{padding:5px 12px 5px 7px; font-size:0.8125rem;}
.view_cont .view_buzz li .emoji{width:22px; height:22px; font-size:13px;}
}

@media (prefers-reduced-motion: reduce) {
.view_cont .view_buzz li{opacity:1; animation:none;}
}