/* vv-priebeh — prefix vvt- */

.vv .vvt-ex{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;width:min(880px,100%);margin:20px auto 0;padding:16px 20px;border-radius:18px;background:rgba(249,168,37,.1);border:1px solid rgba(249,168,37,.35);font-size:16px;text-align:center}
.vvt-tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--vv-gold);color:var(--vv-ink);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.vvt-ex>span:not(.vvt-tag){font-size:17px;font-weight:700;color:#fff}
.vvt-ex>span b{color:var(--vv-gold)}
.vvt-ex small{flex-basis:100%;font-size:15px;font-weight:600;color:var(--vv-lav)}

.vvt-tl{position:relative;display:grid;grid-template-columns:repeat(var(--vvt-n,8),1fr);margin:32px 0 0}
.vvt-tl::before{content:"";position:absolute;left:6%;right:6%;top:56px;height:2px;background:rgba(201,168,245,.3)}
.vvt-tl li{position:relative;padding:84px 8px 0;text-align:center}
.vvt-tl li::before{content:"";position:absolute;left:50%;top:52px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--vv-lav);box-shadow:0 0 0 3px var(--vv-bg)}
.vvt-tl b{position:absolute;left:0;right:0;top:4px;font-family:var(--vv-lg);font-weight:400;font-size:26px;letter-spacing:.03em;color:var(--vv-gold);text-shadow:0 2px 0 var(--vv-ink)}
.vvt-tl span{display:block;font-size:15px;line-height:1.4;font-weight:600;color:var(--vv-lav-l);text-wrap:pretty}
.vvt-tl .is-brk span{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border-radius:999px;background:var(--vv-pink);color:#fff;font-weight:800;font-size:14px;line-height:1;letter-spacing:.02em;white-space:nowrap}
.vvt-tl .is-brk::before{background:var(--vv-pink-a)}
.vvt-tl .is-fin span{font-weight:800;color:#fff}
.vvt-tl .is-fin::before{top:50px;width:14px;height:14px;margin-left:-7px;background:var(--vv-gold)}

@media (max-width:1024px){
	.vv .vvt-ex{justify-content:flex-start;margin:18px 0 0;padding:14px 16px;border-radius:16px;font-size:15px;text-align:left}
	.vvt-ex>span:not(.vvt-tag){font-size:16px}
	.vvt-ex small{font-size:14px}
	.vvt-tl{display:block;margin:18px 0 0;padding:0 0 0 2px}
	.vvt-tl::before{left:84px;right:auto;top:12px;bottom:12px;width:2px;height:auto}
	.vvt-tl li{display:flex;align-items:center;gap:22px;min-height:46px;padding:0;text-align:left}
	.vvt-tl li::before{left:79px;top:50%;width:8px;height:8px;margin:-5px 0 0;box-shadow:0 0 0 2px var(--vv-bg)}
	.vvt-tl b{position:static;flex:none;width:70px;font-size:20px;text-align:right}
	.vvt-tl span{font-size:16px}
	.vvt-tl .is-brk span{height:36px;padding:0 16px}
	.vvt-tl .is-fin::before{top:50%;left:77px;width:12px;height:12px;margin:-7px 0 0}
}