.dm-kh{display:grid;gap:18px;margin:0 0 18px}.dm-kh__step{border:0;margin:0;padding:0;min-width:0}.dm-kh__label{display:block;padding:0;margin:0 0 10px;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-2)}.dm-kh__label strong{color:var(--c-text);letter-spacing:.04em}.dm-kh__letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.dm-kh__letter{position:relative;display:block;cursor:pointer}.dm-kh__letter input,.dm-kh__style input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.dm-kh__letter span{display:flex;align-items:center;justify-content:center;height:42px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);font-weight:600;font-size:1rem;transition:border-color .15s,background-color .15s,color .15s}.dm-kh__letter:hover span{border-color:var(--c-dark)}.dm-kh__letter input:checked+span{background:var(--c-dark);border-color:var(--c-dark);color:#fff}.dm-kh__letter input:focus-visible+span,.dm-kh__style input:focus-visible~img{outline:2px solid var(--c-dark);outline-offset:2px}.dm-kh.is-error .dm-kh__letter span{border-color:var(--c-danger,#b42318)}.dm-kh__hint{margin:8px 0 0;font-size:.8125rem;color:var(--c-muted)}.dm-kh__error{margin:6px 0 0;font-size:.875rem;font-weight:600;color:var(--c-danger,#b42318)}.dm-kh__styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dm-kh__style{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px 12px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s}.dm-kh__style:hover{border-color:var(--c-dark)}.dm-kh__style:has(input:checked){border-color:var(--c-dark);box-shadow:inset 0 0 0 1px var(--c-dark)}.dm-kh__style img{display:block;width:64px;height:90px;object-fit:cover;border-radius:2px;box-shadow:0 1px 3px rgb(0 0 0 / .18);background:var(--c-media)}.dm-kh__style span{font-size:.875rem;font-weight:600;line-height:1.25}.dm-kh-thumb{width:64px;height:auto;object-fit:cover}@media (max-width:480px){.dm-kh__letters{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:5px}.dm-kh__letter span{height:40px}.dm-kh__style img{width:54px;height:76px}.dm-kh__style span{font-size:.8125rem}}