.vz{padding:28px 0 64px}
.vz__g{display:grid;gap:32px;margin-top:28px}
.vz__f fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}
.vz__f legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:12px;font:800 18px/1.1 var(--disp);font-stretch:75%;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.vz__n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--n9);color:#fff;font:800 15px/1 var(--disp);font-stretch:100%;letter-spacing:0}
.vz__up{position:relative;display:block;cursor:pointer}
.vz__up input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.vz__ub{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:12px 16px;border:2px dashed #8A929C;background:#fff;color:var(--ink);font:700 16px/1.3 var(--txt);text-align:center;overflow-wrap:anywhere}
.vz__ub .ic{flex:none;font-size:22px;stroke-width:2;transform:rotate(-90deg);color:var(--oi)}
.vz__up:hover .vz__ub{border-color:var(--ink)}
.vz__up input:focus-visible+.vz__ub{outline:3px solid var(--oi);outline-offset:2px}
.vz__up.is-set .vz__ub{border-style:solid;border-color:var(--ink)}
.vz__hint{margin-top:10px;font:400 14px/21px var(--txt);color:var(--body)}
.vz__ts-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vz__t{position:relative;display:flex;flex-direction:column;gap:4px;min-height:84px;padding:12px 12px 12px 14px;background:#fff;border:2px solid var(--line);cursor:pointer;transition:border-color .16s,box-shadow .16s}
.vz__t input{position:absolute;opacity:0;width:1px;height:1px}
.vz__tn{font:800 16px/1.1 var(--disp);font-stretch:75%;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.vz__ts{font:400 13px/18px var(--txt);color:var(--body)}
.vz__t:hover{border-color:#8A929C}
.vz__t:has(input:checked){border-color:var(--or);box-shadow:inset 4px 0 0 var(--or)}
.vz__t:has(input:focus-visible){outline:3px solid var(--oi);outline-offset:2px}
.vz__og{display:flex;flex-wrap:wrap;gap:8px}
.vz__og[hidden]{display:none}
.vz__o{position:relative;cursor:pointer}
.vz__o input{position:absolute;opacity:0;width:1px;height:1px}
.vz__o span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--ink);color:var(--ink);background:transparent;font:600 15px/1 var(--disp);font-stretch:75%;letter-spacing:.06em;text-transform:uppercase;transition:background-color .16s,color .16s}
.vz__o input:checked+span{background:var(--ink);color:#fff}
.vz__o input:focus-visible+span{outline:3px solid var(--oi);outline-offset:2px}
.vz__go{width:100%}
.vz__go[disabled]{opacity:.6;cursor:progress}
.vz__st{min-height:24px;margin-top:12px;font:600 15px/22px var(--txt);color:var(--ink)}
.vz__st.is-err{color:var(--oi)}
.vz__st a{color:var(--oi)}
.vz__out{margin:0}
.vz__cmp{position:relative;overflow:hidden;background:var(--n9);touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.vz__cmp img{display:block;width:100%;height:auto}
.vz__ia{position:absolute;inset:0;clip-path:inset(0 0 0 var(--x))}
.vz__ia img{width:100%;height:100%;object-fit:cover}
.vz__h{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 6px #0008;pointer-events:none}
.vz__h::after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0006;
  background-image:linear-gradient(90deg,transparent 9px,var(--n9) 9px,var(--n9) 11px,transparent 11px,transparent 25px,var(--n9) 25px,var(--n9) 27px,transparent 27px)}
.vz__lb,.vz__la{position:absolute;top:10px;padding:5px 9px;background:#0A121ACC;color:#fff;font:700 11px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.vz__lb{left:10px}.vz__la{right:10px}
.vz__cmp.is-single .vz__h,.vz__cmp.is-single .vz__la,.vz__cmp.is-single .vz__r{display:none}
.vz__r{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}
.vz__r:focus-visible~.vz__h,.vz__cmp:has(.vz__r:focus-visible) .vz__h{background:var(--or)}
.vz__cmp.is-busy::after{content:"";position:absolute;inset:0;background:#0A121A99 linear-gradient(100deg,transparent 30%,#ffffff22 50%,transparent 70%) 0 0/200% 100%;animation:vzsh 1.4s linear infinite}
@keyframes vzsh{to{background-position:-200% 0}}
.vz__out figcaption{margin-top:12px;font:400 13px/20px var(--txt);color:var(--body)}
.vz__cap{color:var(--ink);font-weight:600}
.vz__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.vz__act .btn{flex:1 1 220px}
.vz__act [hidden]{display:none}
@media(min-width:900px){
  .vz{padding:40px 0 96px}
  .vz__g{grid-template-columns:5fr 7fr;gap:56px;align-items:start;margin-top:40px}
  .vz__out{position:sticky;top:calc(var(--hs) + 24px)}
  .vz__lb,.vz__la{font-size:12px;top:14px}.vz__lb{left:14px}.vz__la{right:14px}
}
@media(prefers-reduced-motion:reduce){.vz__cmp.is-busy::after{animation:none}.vz__t,.vz__o span{transition:none}}
.vz__nl{display:block;margin-top:18px;font:600 15px/1.3 var(--txt);color:var(--ink)}
.vz__note{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:48px;margin-top:8px;padding:10px 14px;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:400 16px/1.4 var(--txt)}
.vz__note::placeholder{color:var(--body);opacity:.8}
.vz__note:focus-visible{outline:3px solid var(--oi);outline-offset:2px}
.vz__note:disabled{opacity:.6}
.vz__dlg{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:#fff;color:var(--ink);overflow:auto;overscroll-behavior:contain}
.vz__dlg::backdrop{background:#0A121Acc}
.vz__df{position:relative;padding:24px 20px 20px}
.vz__df h3{margin:0 40px 6px 0;font:800 26px/1.1 var(--disp);font-stretch:75%;text-transform:uppercase;color:var(--ink)}
.vz__dsub{margin:0 0 14px;font:400 15px/22px var(--txt);color:var(--body)}
.vz__dx{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font:400 30px/1 var(--txt);cursor:pointer}
.vz__dx:focus-visible{outline:3px solid var(--oi);outline-offset:-3px}
.vz__dpv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.vz__dpv figure{margin:0}
.vz__dpv img{display:block;height:auto;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--g2)}
.vz__dpv figcaption{margin-top:4px;font:600 13px/1.2 var(--txt);color:var(--body)}
.vz__dg{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
@media(max-width:520px){.vz__dg{grid-template-columns:1fr}}
.vz__dl{display:block;margin-top:12px;font:600 14px/1.3 var(--txt);color:var(--ink)}
.vz__dg .vz__dl{margin-top:0}
.vz__dl input,.vz__dl textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;min-height:48px;padding:10px 12px;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font:400 16px/1.4 var(--txt)}
.vz__dl textarea{resize:vertical;min-height:84px}
.vz__dl input:focus-visible,.vz__dl textarea:focus-visible{outline:3px solid var(--oi);outline-offset:2px}
.vz__dst{min-height:22px;margin:12px 0 0;font:500 15px/22px var(--txt);color:var(--ink)}
.vz__dst.is-err{color:#B3261E}
.vz__dact{margin-top:12px}
