.pin{align-items:center;gap:var(--vt-sp-4);flex-direction:column;width:min(336px,100%);display:flex}.pin__bodky{gap:var(--vt-sp-3);justify-content:center;min-height:20px;display:flex}.pin__bodka{border-radius:var(--vt-r-plny);border:2px solid var(--vt-okraj-silny);width:16px;height:16px;transition:background-color var(--vt-cas) var(--vt-kriv), border-color var(--vt-cas) var(--vt-kriv);animation:pin-bodka-prichod var(--vt-cas) var(--vt-kriv-dosad) both}.pin__bodka--plna{background:var(--vt-akcent);border-color:var(--vt-akcent)}@keyframes pin-bodka-prichod{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.pin__bodka{transition:none;animation:none}}.pin__klavesnica{gap:var(--vt-sp-3);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.pin__klaves{min-height:76px;font-size:var(--vt-text-xl);font-family:var(--vt-font-kod);position:relative}[data-povrch] .vt-btn.pin__klaves.pin__klaves{transition:transform .26s var(--vt-kriv-dosad), opacity var(--vt-cas) var(--vt-kriv)}[data-povrch] .vt-btn.pin__klaves.pin__klaves:active{transition-duration:90ms;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:scale(.9)translate(0,0)}@media (prefers-reduced-motion:reduce){[data-povrch] .vt-btn.pin__klaves.pin__klaves,[data-povrch] .vt-btn.pin__klaves.pin__klaves:active{transition:none;transform:none}}.pin__klaves:after{content:"";border-radius:inherit;box-shadow:0 0 0 4px var(--vt-akcent), 0 0 18px 2px var(--vt-akcent-ziara);opacity:0;pointer-events:none;position:absolute;inset:0}.pin__chyba{min-height:1.4em;color:var(--vt-chyba-ink);text-align:center;margin:0;font-weight:600}.pin-dvere{min-height:max(44px, var(--vt-dotyk));padding:0 var(--vt-sp-3);border-radius:var(--vt-r);color:var(--vt-ink-2);font-size:var(--vt-text-s);text-underline-offset:.2em;transition:color var(--vt-cas) var(--vt-kriv), background-color var(--vt-cas) var(--vt-kriv);justify-content:center;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.pin-dvere:hover{color:var(--vt-ink);background:color-mix(in srgb, var(--vt-ink) 8%, transparent)}.pin__klavesnica[data-vlna=bezi] .pin__klaves{animation:pin-vlna var(--vlna-zablesk) var(--vt-kriv) both;animation-delay:calc(var(--kruh) * var(--vlna-krok));pointer-events:none}.pin__klavesnica[data-vlna=bezi] .pin__klaves:after{animation:pin-vlna-ziara var(--vlna-zablesk) var(--vt-kriv) both;animation-delay:calc(var(--kruh) * var(--vlna-krok))}@keyframes pin-vlna{0%,to{transform:scale(1)}45%{transform:scale(1.07)}}@keyframes pin-vlna-ziara{0%,to{opacity:0}45%{opacity:1}}@media (prefers-reduced-motion:reduce){.pin__klavesnica[data-vlna=bezi] .pin__klaves,.pin__klavesnica[data-vlna=bezi] .pin__klaves:after{animation:none}}