@keyframes popIn { from {opacity:0; transform: translateY(10px) scale(.98)} to {opacity:1; transform: translateY(0) scale(1)} }
                .pop-in { animation: popIn .55s ease-out both; }

                .evt-chip{
                border:1px solid rgb(226 232 240);
                background:#fff;
                color: rgb(51 65 85);
                padding:.45rem .75rem;
                border-radius: 9999px;
                font-size:.8rem;
                font-weight:700;
                box-shadow: 0 1px 0 rgba(15,23,42,.03);
                transition: .2s;
                }
                .evt-chip:hover{ transform: translateY(-1px); box-shadow: 0 10px 25px rgba(2,6,23,.08); }
                .evt-chip--active{
                background: rgb(15 23 42);
                color:#fff;
                border-color: rgb(15 23 42);
                }

                .evt-view{
                width:42px; height:38px;
                display:inline-flex; align-items:center; justify-content:center;
                color: rgb(51 65 85);
                transition:.2s;
                }
                .evt-view:hover{ background: rgb(248 250 252); }
                .evt-view--active{ background: rgb(15 23 42); color:#fff; }

                .evt-shine{
                position:relative; overflow:hidden;
                }
                .evt-shine:before{
                content:"";
                position:absolute;
                top:-60px; left:-120px;
                width:120px; height:220px;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
                transform: rotate(20deg);
                opacity:0;
                transition: .35s;
                }
                .evt-shine:hover:before{ opacity:.9; left: 120%; }