.populer-wrap{position:relative;margin-left:2.5rem}.populer-label{position:absolute;top:0;left:-2.75rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:56px;font-weight:800;line-height:1;letter-spacing:-.02em;color:rgb(0 0 0 / .18);pointer-events:none;user-select:none}.populer-widget{background:#f3ecff;border-radius:24px;padding:24px;overflow:hidden}.populer-title{font-size:20px;font-weight:700;margin-bottom:16px;color:#111827}.populer-list{display:flex;flex-direction:column}.populer-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgb(0 0 0 / .06);transition:background 0.25s ease,transform 0.25s ease}.populer-item:last-child{border-bottom:none}.populer-item:hover{background:rgb(124 58 237 / .08);transform:translateX(4px)}.populer-number{width:28px;height:28px;border-radius:999px;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;flex-shrink:0;transition:transform 0.25s ease,background 0.25s ease}.populer-item:hover .populer-number{background:#6d28d9;transform:scale(1.1)}.populer-content h4{font-size:15px;font-weight:600;margin:0;color:#111827;transition:color 0.25s ease}.populer-content a{text-decoration:none}.populer-item:hover h4{color:#5b21b6}.populer-item:focus-within{outline:2px solid rgb(124 58 237 / .4);outline-offset:2px}@media (max-width:768px){.populer-label{display:none}.populer-wrap{margin-left:0}.populer-widget{border-radius:16px;padding:20px}.populer-title{font-size:18px}}