/* 2026 너구리 올해의 자전거 투표 (vote.html · vote.js) — 시상식·매거진 커버 톤: 진한 무대 + 금색·주황 포인트 */
.vt-page{
  --v-bg:#f6efe4;--v-card:#fffdf9;--v-line:#eadfcc;--v-ink:#1d1812;--v-sub:#7b6d5b;--v-faint:#a89a86;
  --v-gold:#d6a233;--v-gold2:#f5d27a;--v-gold3:#a8781c;--v-or:#ff7a1a;--v-or2:#e0661a;
  --v-stage:radial-gradient(120% 95% at 50% 62%,#ffffff 0%,#f7f1e7 52%,#e9dfcf 100%);
  --v-shadow:0 10px 30px rgba(60,40,15,.10);--v-shadow2:0 22px 46px rgba(120,80,20,.22);
  --v-night:#130f0a;--v-night2:#1d1710;
  background:var(--v-bg);color:var(--v-ink);font-family:'Pretendard Variable',Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif
}
:root[data-theme="dark"] .vt-page{
  --v-bg:#0d0b08;--v-card:#17130e;--v-line:#2c251b;--v-ink:#f3ece2;--v-sub:#ab9c87;--v-faint:#7d705e;
  --v-stage:radial-gradient(120% 95% at 50% 62%,#f2ece3 0%,#e2d9cc 55%,#cbbfae 100%);
  --v-shadow:0 10px 30px rgba(0,0,0,.45);--v-shadow2:0 22px 50px rgba(0,0,0,.6);
  --v-night:#0a0806;--v-night2:#16110b
}
:root[data-theme="dark"] body.vt-page{background:#0d0b08!important}
body.vt-page{background:var(--v-bg)}
.vt-page .finder-header{position:relative;z-index:5}
.vt-main{padding:0 0 120px}
.vt-main *{box-sizing:border-box}

/* ── 히어로: 무대 조명 ── */
.vt-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--v-night);color:#fff;padding:64px var(--vg,max(20px,calc(50% - 588px))) 58px}
.vt-hero:before{content:'';position:absolute;inset:-40% -10% auto;height:180%;z-index:-2;
  background:conic-gradient(from 200deg at 30% 0%,transparent 0deg,rgba(245,210,122,.20) 14deg,transparent 30deg,transparent 52deg,rgba(255,122,26,.13) 64deg,transparent 80deg),
             conic-gradient(from 150deg at 78% 0%,transparent 0deg,rgba(245,210,122,.16) 12deg,transparent 26deg);
  animation:vtBeam 9s ease-in-out infinite alternate}
.vt-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 22% 62%,rgba(214,162,51,.22),transparent 70%),radial-gradient(40% 60% at 90% 110%,rgba(255,122,26,.18),transparent 70%),linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.35))}
@keyframes vtBeam{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
.vt-hero-in{position:relative;max-width:1176px;margin:0 auto}
.vt-kick{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:12.5px;font-weight:800;letter-spacing:3.2px;color:var(--v-gold2)}
.vt-trophy{width:44px;height:44px;fill:none;stroke:var(--v-gold2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(245,210,122,.45))}
.vt-trophy .vt-star{fill:var(--v-gold2);stroke:none}
.vt-hero h1{position:relative;margin:0;display:flex;flex-direction:column;line-height:1.02;letter-spacing:-.04em;font-weight:900}
.vt-year{position:absolute;right:-6px;top:-38px;font-size:clamp(120px,22vw,300px);line-height:1;font-weight:900;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(245,210,122,.28);pointer-events:none;user-select:none}
.vt-t1{font-size:clamp(22px,3vw,34px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--v-gold2),#fff3cf 50%,var(--v-gold));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.vt-t2{font-size:clamp(46px,8.2vw,104px);color:#fff;text-shadow:0 6px 40px rgba(214,162,51,.25)}
.vt-t2:after{content:'';display:block;width:min(340px,60%);height:6px;margin-top:18px;border-radius:6px;background:linear-gradient(90deg,var(--v-gold2),var(--v-or) 70%,transparent)}
.vt-lead{margin:24px 0 0;font-size:clamp(16px,1.8vw,20px);line-height:1.6;color:#e9dfcf;font-weight:500}
.vt-lead b{color:#fff;font-weight:900}.vt-lead em{font-style:normal;font-weight:900;color:var(--v-gold2)}
.vt-meta{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.vt-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(245,210,122,.25);font-size:14px;font-weight:800;color:#fff;backdrop-filter:blur(4px)}
.vt-meta span:empty{display:none}
.vt-live:before{content:'';width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:vtPulse 1.8s infinite}
.vt-live.off:before{background:#a8a29e;animation:none}
@keyframes vtPulse{70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.vt-rules{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;padding:0;font-size:13.5px;color:#bfb19c;font-weight:600}
.vt-rules li:before{content:'✦';color:var(--v-gold);margin-right:6px;font-size:11px}

/* ── 친구 픽 · 내 픽 · 순위 ── */
.vt-friend,.vt-mine,.vt-rank,.vt-list{max-width:1176px;margin-left:auto;margin-right:auto;padding:0 16px}
@media (min-width:761px){.vt-friend,.vt-mine,.vt-rank,.vt-list{width:calc(100% - 2*max(20px,calc(50% - 588px)));padding:0}}
.vt-friend{margin-top:22px}
.vt-fr{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:var(--v-card);border:1px dashed var(--v-gold);box-shadow:var(--v-shadow)}
.vt-fr img{width:84px;height:52px;object-fit:contain;border-radius:10px;background:var(--v-stage);mix-blend-mode:normal}
.vt-fr p{margin:0;font-size:15px;line-height:1.5;color:var(--v-sub)}.vt-fr b{color:var(--v-ink)}
.vt-mine{margin-top:26px}
.vt-mc{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:0;border-radius:24px;overflow:hidden;background:var(--v-night);color:#fff;box-shadow:var(--v-shadow2);border:1px solid rgba(245,210,122,.35)}
.vt-mc-pic{position:relative;background:var(--v-stage);min-height:190px}
.vt-mc-pic img{position:absolute;inset:10% 6% 8%;width:88%;height:82%;object-fit:contain;mix-blend-mode:multiply}
.vt-ribbon{position:absolute;left:14px;top:14px;padding:5px 11px;border-radius:999px;background:linear-gradient(90deg,var(--v-gold2),var(--v-gold));color:#2a1e08;font-size:11.5px;font-weight:900;letter-spacing:1.6px;box-shadow:0 4px 12px rgba(120,80,20,.3)}
.vt-mc-tx{padding:26px 28px;display:flex;flex-direction:column;gap:10px}
.vt-mc-k{font-size:12.5px;font-weight:800;letter-spacing:2.4px;color:var(--v-gold2)}
.vt-mc-tx h3{margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:900;letter-spacing:-.03em;line-height:1.25}
.vt-st{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:800;background:rgba(74,222,128,.14);color:#86efac}
.vt-st.wait{background:rgba(245,210,122,.14);color:var(--v-gold2)}
.vt-mc-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.vt-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(245,210,122,.4);background:rgba(255,255,255,.06);color:#fff;font:800 14.5px/1 inherit;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s}
.vt-btn:hover{background:rgba(255,255,255,.14)}.vt-btn:active{transform:translateY(1px)}
.vt-btn.gold{background:linear-gradient(135deg,var(--v-gold2),var(--v-gold));color:#241906;border-color:transparent;box-shadow:0 6px 18px rgba(214,162,51,.35)}
.vt-btn.gold:hover{filter:brightness(1.05)}
.vt-yt{display:flex;align-items:center;gap:10px;margin-top:6px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:13.5px;line-height:1.5;color:#d9cdbb;text-decoration:none}
.vt-yt b{color:#fff}.vt-yt i{font-style:normal;margin-left:auto;padding:7px 12px;border-radius:999px;background:#ff2a2a;color:#fff;font-weight:900;white-space:nowrap;font-size:13px}
.vt-rank{margin-top:26px}
.vt-rk{border-radius:24px;background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-shadow);padding:22px 24px}
.vt-rk-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:0 0 14px}
.vt-rk-h h2{margin:0;font-size:20px;font-weight:900;letter-spacing:-.02em}
.vt-rk-h h2 span{font-size:12px;letter-spacing:2.4px;color:var(--v-gold3);font-weight:900;margin-right:8px;vertical-align:2px}
:root[data-theme="dark"] .vt-rk-h h2 span{color:var(--v-gold2)}
.vt-rk-h small{color:var(--v-sub);font-size:13px;font-weight:600}
.vt-rk-h button{margin-left:auto;border:0;background:none;color:var(--v-or2);font:800 13.5px inherit;font-family:inherit;cursor:pointer;padding:6px 0}
.vt-rk ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vt-rk li{display:grid;grid-template-columns:34px 64px minmax(0,1fr);align-items:center;gap:12px}
.vt-rk .no{font-size:22px;font-weight:900;color:var(--v-gold3);text-align:center;font-variant-numeric:tabular-nums}
:root[data-theme="dark"] .vt-rk .no{color:var(--v-gold2)}
.vt-rk li:first-child .no{color:var(--v-or)}
.vt-rk .pic{width:64px;height:40px;border-radius:9px;background:var(--v-stage);object-fit:contain}
.vt-rk .nm{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;font-weight:800;margin-bottom:5px}
.vt-rk .nm em{font-style:normal;color:var(--v-sub);font-weight:700;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.vt-trk{height:9px;border-radius:9px;background:color-mix(in srgb,var(--v-line) 80%,transparent);overflow:hidden}
.vt-trk i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--v-gold2),var(--v-or));transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.vt-lock{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:18px;background:var(--v-card);border:1px solid var(--v-line);color:var(--v-sub);font-size:14.5px;line-height:1.55}
.vt-lock svg{flex:0 0 34px;width:34px;height:34px;fill:none;stroke:var(--v-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vt-lock b{color:var(--v-ink)}

/* ── 후보 목록 ── */
.vt-list{margin-top:40px}
.vt-list-head{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 18px;margin-bottom:8px}
.vt-list-head h2{margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:900;letter-spacing:-.03em}
.vt-list-head h2 b{color:var(--v-or)}
.vt-sort{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.vt-sort button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--v-line);background:var(--v-card);color:var(--v-sub);font:700 13.5px inherit;font-family:inherit;cursor:pointer}
.vt-sort button[aria-pressed="true"]{background:var(--v-ink);color:var(--v-bg);border-color:var(--v-ink)}
.vt-hint{margin:0 0 18px;color:var(--v-sub);font-size:14.5px}
.vt-hint b{color:var(--v-ink)}
.vt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:1100px){.vt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.vt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (max-width:560px){.vt-grid{grid-template-columns:1fr;gap:16px}}
.vc{position:relative;border-radius:22px;background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-shadow);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;animation:vcIn .5s both;animation-delay:calc(var(--i,0) * 35ms)}
@keyframes vcIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.vc-hit{display:block;cursor:pointer;border-radius:22px;outline:none;-webkit-tap-highlight-color:transparent}
.vc-hit:focus-visible{box-shadow:0 0 0 3px var(--v-or)}
.vc-stage{position:relative;aspect-ratio:16/10;background:var(--v-stage);border-radius:21px 21px 0 0;overflow:hidden}
.vc-stage:after{content:'';position:absolute;left:14%;right:14%;bottom:7%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,40,15,.22),transparent);z-index:0}
.vc-stage img{position:absolute;left:4%;top:7%;width:92%;height:86%;object-fit:contain;mix-blend-mode:multiply;z-index:1;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.vc-no{position:absolute;left:14px;top:12px;z-index:2;font-size:13px;font-weight:900;letter-spacing:1px;color:var(--v-gold3);font-variant-numeric:tabular-nums}
.vc-check{position:absolute;right:12px;top:12px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--v-gold2),var(--v-gold));color:#241906;font-size:18px;font-weight:900;box-shadow:0 4px 12px rgba(120,80,20,.35);transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.vc-mine{position:absolute;left:12px;bottom:10px;z-index:2;padding:4px 10px;border-radius:999px;background:var(--v-night);color:var(--v-gold2);font-size:11px;font-weight:900;letter-spacing:1.4px}
.vc-info{padding:16px 18px 18px}
.vc-brand{margin:0 0 4px;font-size:11.5px;font-weight:800;letter-spacing:2px;color:var(--v-faint);text-transform:uppercase}
.vc-name{margin:0;font-size:19px;font-weight:900;letter-spacing:-.03em;line-height:1.3;word-break:keep-all}
.vc-price{margin:6px 0 0;font-size:15px;font-weight:800;color:var(--v-or2);font-variant-numeric:tabular-nums}
:root[data-theme="dark"] .vc-price{color:#ff9a4d}
.vc-why{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--v-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.vc-res{margin-top:12px}
.vc-res .vt-trk{height:8px}
.vc-res p{display:flex;justify-content:space-between;margin:6px 0 0;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.vc-res p span{color:var(--v-sub);font-weight:700}
.vc-ft{display:flex;justify-content:flex-end;padding:0 14px 12px;margin-top:-6px}
.vc-more{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--v-sub);text-decoration:none}
.vc-more:hover{color:var(--v-or2);background:color-mix(in srgb,var(--v-line) 50%,transparent)}
@media (hover:hover) and (pointer:fine){.vc:hover{transform:translateY(-4px);box-shadow:var(--v-shadow2)}.vc:hover .vc-stage img{transform:scale(1.035)}}
.vc.sel{transform:translateY(-8px);border-color:transparent;box-shadow:0 0 0 2.5px var(--v-gold),0 0 0 7px rgba(214,162,51,.18),var(--v-shadow2)}
.vc.sel .vc-check{transform:scale(1)}
.vc.sel .vc-stage img{transform:scale(1.05)}
.vc.mine:not(.sel){box-shadow:0 0 0 2px rgba(214,162,51,.55),var(--v-shadow)}
.vt-foot{margin:30px 0 0;font-size:13px;line-height:1.75;color:var(--v-faint)}
.vt-foot a{color:var(--v-or2);font-weight:700}

/* ── 아래 선택 막대 ── */
.vt-bar{position:fixed;left:0;right:0;bottom:0;z-index:72;padding:0 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}
.vt-bar-in{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:640px;margin:0 auto;padding:10px 10px 10px 12px;border-radius:22px;background:rgba(19,15,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35);border:1px solid rgba(245,210,122,.35);animation:vtUp .35s cubic-bezier(.2,.8,.2,1)}
@keyframes vtUp{from{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}
.vt-bar img{flex:0 0 auto;width:84px;height:52px;object-fit:contain;border-radius:12px;background:var(--v-stage)}
.vt-bar-tx{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.vt-bar-tx small{font-size:12px;font-weight:700;color:var(--v-gold2)}
.vt-bar-tx b{font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-go{flex:0 0 auto;min-height:50px;padding:0 22px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--v-gold2),var(--v-gold) 55%,var(--v-or));color:#1f1505;font:900 16px/1 inherit;font-family:inherit;cursor:pointer;box-shadow:0 8px 20px rgba(214,162,51,.35)}
.vt-go:disabled{opacity:.55;cursor:default;box-shadow:none}
/* 선택 막대가 뜨면 수다방·공유·맨 위로 단추를 막대 위로 올린다(가리면 투표하기를 못 누른다) */
.vt-page .nch-btn,.vt-page .nsh-btn.page,.vt-page .totop{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.vt-page.vt-barup .nch-btn,.vt-page.vt-barup .nsh-btn.page,.vt-page.vt-barup .totop{transform:translateY(calc(-84px - env(safe-area-inset-bottom)))}

/* ── 공유 카드 창 · 토스트 · 색종이 ── */
.vt-dlg{border:0;padding:0;border-radius:24px;background:var(--v-night);color:#fff;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.vt-dlg::backdrop{background:rgba(10,8,5,.72);backdrop-filter:blur(4px)}
.vt-dlg-in{padding:18px;display:flex;flex-direction:column;gap:12px}
.vt-dlg-h{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:16px}
.vt-dlg-h button{width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer}
.vt-dlg img{width:100%;height:auto;border-radius:16px;display:block;background:#1d1710}
.vt-dlg-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vt-dlg small{color:#b9ab96;font-size:12.5px;line-height:1.5;text-align:center}
.vt-toast{position:fixed;left:50%;top:84px;z-index:90;transform:translate(-50%,-20px);opacity:0;padding:12px 20px;border-radius:999px;background:var(--v-night,#130f0a);color:#fff;font-weight:800;font-size:15px;box-shadow:0 12px 30px rgba(0,0,0,.3);border:1px solid rgba(245,210,122,.4);transition:opacity .25s,transform .25s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.vt-toast.on{opacity:1;transform:translate(-50%,0)}
.vt-confetti{position:fixed;inset:0;z-index:95;pointer-events:none}
.vt-glow{position:fixed;inset:0;z-index:94;pointer-events:none;background:radial-gradient(50% 45% at 50% 50%,rgba(245,210,122,.35),transparent 70%);animation:vtGlow .45s ease-out forwards}
@keyframes vtGlow{from{opacity:1}to{opacity:0}}

/* ── 폰 ── */
@media (max-width:760px){
  .vt-hero{padding:40px 16px 38px}
  .vt-kick{font-size:11px;letter-spacing:2.4px;margin-bottom:16px}.vt-trophy{width:36px;height:36px}
  .vt-year{top:-14px;right:-10px;-webkit-text-stroke-width:1.5px}
  .vt-t2:after{height:5px;margin-top:14px}
  .vt-lead{margin-top:18px}
  .vt-meta{margin-top:20px}.vt-meta span{font-size:13px;padding:7px 12px}
  .vt-rules{font-size:12.5px;gap:4px 14px}
  .vt-mc{grid-template-columns:1fr}
  .vt-mc-pic{min-height:0;aspect-ratio:16/9}
  .vt-mc-tx{padding:18px 18px 20px}
  .vt-mc-btns .vt-btn{flex:1 1 calc(50% - 4px);padding:0 10px}
  .vt-rk{padding:18px 16px}
  .vt-rk li{grid-template-columns:26px 54px minmax(0,1fr);gap:10px}.vt-rk .pic{width:54px;height:34px}
  .vt-list{margin-top:30px}
  .vt-sort{margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.vt-sort::-webkit-scrollbar{display:none}
  .vt-sort button{flex:0 0 auto}
  .vc-name{font-size:20px}
  .vt-bar-in{gap:10px;padding:8px 8px 8px 10px;border-radius:20px}
  .vt-bar img{width:70px;height:44px}
  .vt-bar-tx b{font-size:15px}
  .vt-go{min-height:48px;padding:0 16px;font-size:15px}
}
/* 동작 줄이기: 움직임은 빼고 짧은 페이드만 */
@media (prefers-reduced-motion:reduce){
  .vt-hero:before{animation:none}
  .vt-live:before{animation:none}
  .vc{animation:vcFade .2s both;animation-delay:0s;transition:box-shadow .15s,border-color .15s}
  @keyframes vcFade{from{opacity:0}to{opacity:1}}
  .vc.sel,.vc:hover{transform:none!important}
  .vc-stage img,.vc.sel .vc-stage img{transition:none;transform:none!important}
  .vc-check{transition:opacity .15s;transform:scale(1);opacity:0}.vc.sel .vc-check{opacity:1}
  .vt-trk i{transition-duration:.25s}
  .vt-bar-in{animation:vcFade .2s both}
}