.vy { font-family: 'Roboto', system-ui, sans-serif; color: #4B5565; }
.vy-ico { display: grid; place-items: center; width: 32px; height: 32px; }
.vy-ico img { display: block; }
.vy-tag { display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; line-height: normal; white-space: nowrap; }
.vy-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px; border-radius: 8px; border: 1.1px solid; font-size: 14px; font-weight: 500; line-height: normal; white-space: nowrap; background: transparent; }
.vy-tg { display: inline-flex; gap: 4px; padding: 4px; border-radius: 50px; background: #fff; box-shadow: inset 0 0 0 1px #F1EDED; }
.vy-tg span { display: inline-flex; align-items: center; padding: 5px 15px; border-radius: 50px; font-size: 14px; font-weight: 500; line-height: normal; white-space: nowrap; color: #4B5565; }
.vy-tg span.on { background: #DBEFF5; color: #2696BB; }
.vy-tg.secondary { padding: 0; gap: 8px; background: none; box-shadow: none; }
.vy-tg.secondary span { border-radius: 0; padding: 5px 15px 6px; }
.vy-tg.secondary span.on { background: none; box-shadow: inset 0 -2px 0 #2696BB; }