{"id":5513,"date":"2026-11-04T18:53:56","date_gmt":"2026-11-04T17:53:56","guid":{"rendered":"https:\/\/deskaudio.eu\/?post_type=da_nastroj&#038;p=5513"},"modified":"2026-11-10T20:12:29","modified_gmt":"2026-11-10T19:12:29","slug":"transpozice","status":"publish","type":"da_nastroj","link":"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/transpozice\/","title":{"rendered":"Transpozice a kapodastr"},"content":{"rendered":"<div class=\"da-lekcia da-nastroj\" data-lekcia=\"nastroj-transpozicia\">\n<div style=\"width: 100%; background: #141311; color: #EDEAE4; font-family: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;\"><main style=\"max-width: 1240px; margin: 0 auto; padding: 40px 24px 64px; display: flex; flex-direction: column; gap: 28px;\"><\/p>\n<nav aria-label=\"N\u00e1stroje\" style=\"display: flex; flex-wrap: wrap; gap: 6px; align-items: center;\"><span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; margin-right: 6px;\">N\u00e1stroje:<\/span><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/hmatnik\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Hmatn\u00edk<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/akordy\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Akordy<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/kvintovy-kruh\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Kvintov\u00fd kruh<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/transpozice\/\" aria-current=\"page\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; background: #EDEAE4; color: #141311; border: 1px solid #EDEAE4;\">Transpozice<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/rytmy\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Rytmy<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/podklady\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Podklady<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/trener-sluchu\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Tren\u00e9r sluchu<\/a><\/nav>\n<div style=\"display: flex; flex-direction: column; gap: 10px; max-width: 46em;\">\n      <span style=\"font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #F2804A;\">N\u00e1stroj<\/span><\/p>\n<h1 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(34px, 4vw, 48px); line-height: 1.05; letter-spacing: -0.02em;\">Transpozice a kapodastr<\/h1>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #C9C3BA;\">Vlo\u017e akordy p\u00edsn\u011b ze zp\u011bvn\u00edku a posu\u0148 je do t\u00f3niny, kter\u00e1 ti sed\u00ed do hlasu. N\u00e1stroj ti z\u00e1rove\u0148 navrhne, kam d\u00e1t kapodastr, abys hr\u00e1l co nejsnaz\u0161\u00ed hmaty.<\/p>\n<\/p><\/div>\n<section aria-labelledby=\"in-h\" style=\"display: flex; flex-direction: column; gap: 12px; padding: 24px; border-radius: 20px; background: #1D1B19; border: 1px solid #3A3733;\">\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; justify-content: space-between;\">\n<h2 id=\"in-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">1. Vlo\u017e akordy<\/h2>\n<div role=\"group\" aria-label=\"Z\u00e1pis t\u00f3nu B a H\" style=\"display: flex; border: 1px solid #8C867D; border-radius: 999px; overflow: hidden;\">\n            <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; padding: 0 16px; border: 0; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; background: #EDEAE4; color: #141311;\">Mezin\u00e1rodn\u00ed (B, Bb)<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; padding: 0 16px; border: 0; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; background: transparent; color: #EDEAE4;\">\u010cesk\u00fd zp\u011bvn\u00edk (H, B)<\/button>\n        <\/div>\n<\/p><\/div>\n<p>      <label for=\"src\" style=\"font-size: 14px; color: #A8A29A;\">Akordy nad textem nebo v hranat\u00fdch z\u00e1vork\u00e1ch, nap\u0159\u00edklad \u201e[Am]slovo\u201c. Text p\u00edsn\u011b z\u016fstane beze zm\u011bny.<\/label><br \/>\n      <textarea id=\"src\" spellcheck=\"false\" rows=\"9\" style=\"width: 100%; resize: vertical; padding: 14px 16px; border-radius: 12px; border: 1px solid #3A3733; background: #141311; color: #EDEAE4; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 15px; line-height: 1.6;\">[Sloka]<br \/>\nG        D        Em       C<br \/>\nG        D\/F#     C        C<br \/>\n[Refr\u00e9n]<br \/>\nEm       C        G        D<br \/>\nEm       C        Dsus4    D<\/textarea><\/p>\n<p aria-live=\"polite\" style=\"margin: 0; font-size: 15px; color: #C9C3BA;\">Na\u0161el jsem 16 akord\u016f. P\u016fvodn\u00ed t\u00f3nina vypad\u00e1 na G dur.<\/p>\n<\/section>\n<section aria-labelledby=\"tr-h\" style=\"display: flex; flex-wrap: wrap; gap: 24px 36px; padding: 24px; border-radius: 20px; background: #1D1B19; border: 1px solid #3A3733;\">\n<div style=\"flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 12px;\">\n<h2 id=\"tr-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">2. Vyber t\u00f3ninu<\/h2>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px; align-items: center;\">\n          <button type=\"button\" aria-label=\"O p\u016flt\u00f3n n\u00ed\u017e\" style=\"min-width: 48px; min-height: 48px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-size: 22px; font-weight: 700; cursor: pointer;\">\u2212<\/button><\/p>\n<div style=\"display: flex; flex-direction: column; gap: 2px; min-width: 210px;\">\n            <span style=\"font-family: 'Syne', sans-serif; font-weight: 800; font-size: 26px;\">G dur<\/span><br \/>\n            <span style=\"font-size: 14px; color: #A8A29A;\">bez posunu<\/span>\n          <\/div>\n<p>          <button type=\"button\" aria-label=\"O p\u016flt\u00f3n v\u00fd\u0161\" style=\"min-width: 48px; min-height: 48px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-size: 22px; font-weight: 700; cursor: pointer;\">+<\/button><br \/>\n          <button type=\"button\" style=\"min-height: 40px; padding: 0 14px; border-radius: 999px; border: 0; background: transparent; color: #A8A29A; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: underline;\">p\u016fvodn\u00ed t\u00f3nina<\/button>\n        <\/div>\n<div role=\"group\" aria-label=\"C\u00edlov\u00e1 t\u00f3nina\" style=\"display: flex; flex-wrap: wrap; gap: 6px;\">\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Db<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">D<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Eb<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">E<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">F<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Gb<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #F2804A; background: #F2804A; color: #141311;\">G \u2022<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Ab<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">A<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Bb<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">B<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">C<\/button>\n        <\/div>\n<p style=\"margin: 0; font-size: 14px; color: #A8A29A;\">P\u016fvodn\u00ed t\u00f3nina (odhad z akord\u016f): <strong style=\"color: #EDEAE4;\">G dur<\/strong>. Kdy\u017e je p\u00edse\u0148 na tv\u016fj hlas vysoko, posu\u0148 ji o jeden a\u017e dva p\u016flt\u00f3ny n\u00ed\u017e. Kdy\u017e je n\u00edzko, posu\u0148 ji v\u00fd\u0161.<\/p>\n<\/p><\/div>\n<div style=\"flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 12px;\">\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">3. Kapodastr<\/h2>\n<div role=\"group\" aria-label=\"Pra\u017eec kapodastru\" style=\"display: flex; flex-wrap: wrap; gap: 6px;\">\n            <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #F2804A; background: #F2804A; color: #141311;\">bez<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">1<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">2<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">3<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">4<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">5<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">6<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 12px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">7<\/button>\n        <\/div>\n<p>        <span style=\"font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #A8A29A;\">Nejsnaz\u0161\u00ed mo\u017enosti<\/span><br \/>\n          <button type=\"button\" aria-pressed=\"true\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 14px; border-radius: 12px; cursor: pointer; font: inherit; text-align: left; background: #2A2420; border: 2px solid #F2804A;\"><br \/>\n            <span style=\"font-weight: 700; color: #EDEAE4;\">Bez kapodastru<\/span><br \/>\n            <span style=\"font-size: 14px; color: #C9C3BA;\">Hraje\u0161 tvary G dur: G, D, Em, C, Dsus4 \u00b7 v\u0161echno otev\u0159en\u00e9 hmaty<\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 14px; border-radius: 12px; cursor: pointer; font: inherit; text-align: left; background: #141311; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-weight: 700; color: #EDEAE4;\">Kapodastr na 5. pra\u017eci<\/span><br \/>\n            <span style=\"font-size: 14px; color: #C9C3BA;\">Hraje\u0161 tvary D dur: D, A, Bm, G, Asus4<\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 14px; border-radius: 12px; cursor: pointer; font: inherit; text-align: left; background: #141311; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-weight: 700; color: #EDEAE4;\">Kapodastr na 7. pra\u017eci<\/span><br \/>\n            <span style=\"font-size: 14px; color: #C9C3BA;\">Hraje\u0161 tvary C dur: C, G, Am, F, Gsus4<\/span><br \/>\n          <\/button>\n      <\/div>\n<\/section>\n<section aria-labelledby=\"out-h\" style=\"display: flex; flex-direction: column; gap: 12px;\">\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; justify-content: space-between;\">\n<div style=\"display: flex; flex-direction: column; gap: 2px;\">\n<h2 id=\"out-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">V\u00fdsledek<\/h2>\n<p>          <span style=\"font-size: 15px; color: #C9C3BA;\">T\u00f3nina G dur, bez kapodastru.<\/span>\n        <\/div>\n<p>        <button type=\"button\" style=\"display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 0; background: #F2804A; color: #141311; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\">Kop\u00edrovat v\u00fdsledek<\/button>\n      <\/div>\n<div style=\"overflow-x: auto; padding: 18px 20px; border-radius: 16px; background: #2A2420; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 16px; line-height: 1.7;\">\n<div style=\"white-space: pre; min-height: 1.7em;\"><span style=\"color: #EDEAE4;\">[Sloka]<\/span><\/div>\n<div style=\"white-space: pre; min-height: 1.7em;\"><span style=\"color: #F2804A; font-weight: 700;\">G<\/span><span style=\"color: #EDEAE4;\">        <\/span><span style=\"color: #F2804A; font-weight: 700;\">D<\/span><span style=\"color: #EDEAE4;\">        <\/span><span style=\"color: #F2804A; font-weight: 700;\">Em<\/span><span style=\"color: #EDEAE4;\">       <\/span><span style=\"color: #F2804A; font-weight: 700;\">C<\/span><\/div>\n<div style=\"white-space: pre; min-height: 1.7em;\"><span style=\"color: #F2804A; font-weight: 700;\">G<\/span><span style=\"color: #EDEAE4;\">        <\/span><span style=\"color: #F2804A; font-weight: 700;\">D\/F#<\/span><span style=\"color: #EDEAE4;\">     <\/span><span style=\"color: #F2804A; font-weight: 700;\">C<\/span><span style=\"color: #EDEAE4;\">        <\/span><span style=\"color: #F2804A; font-weight: 700;\">C<\/span><\/div>\n<div style=\"white-space: pre; min-height: 1.7em;\"><span style=\"color: #EDEAE4;\">[Refr\u00e9n]<\/span><\/div>\n<div style=\"white-space: pre; min-height: 1.7em;\"><span style=\"color: #F2804A; font-weight: 700;\">Em<\/span><span style=\"color: #EDEAE4;\">       <\/span><span style=\"color: #F2804A; font-weight: 700;\">C<\/span><span style=\"color: #EDEAE4;\">        <\/span><span style=\"color: #F2804A; font-weight: 700;\">G<\/span><span style=\"color: #EDEAE4;\">        <\/span><span style=\"color: #F2804A; font-weight: 700;\">D<\/span><\/div>\n<div style=\"white-space: pre; min-height: 1.7em;\"><span style=\"color: #F2804A; font-weight: 700;\">Em<\/span><span style=\"color: #EDEAE4;\">       <\/span><span style=\"color: #F2804A; font-weight: 700;\">C<\/span><span style=\"color: #EDEAE4;\">        <\/span><span style=\"color: #F2804A; font-weight: 700;\">Dsus4<\/span><span style=\"color: #EDEAE4;\">    <\/span><span style=\"color: #F2804A; font-weight: 700;\">D<\/span><\/div>\n<\/p><\/div>\n<\/section>\n<section aria-labelledby=\"hm-h\" style=\"display: flex; flex-direction: column; gap: 12px;\">\n<h2 id=\"hm-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Hmaty, kter\u00e9 bude\u0161 hr\u00e1t<\/h2>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px;\">\n          <button type=\"button\" aria-label=\"G, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 10px 10px; border-radius: 14px; cursor: pointer; font: inherit; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">G<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A; min-height: 16px;\"><\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n              <span><\/span><br \/>\n              <span><\/span><span><\/span><span>o<\/span><span>o<\/span><span>o<\/span><span><\/span><br \/>\n            <\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"D, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 10px 10px; border-radius: 14px; cursor: pointer; font: inherit; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">D<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A; min-height: 16px;\"><\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n              <span><\/span><br \/>\n              <span>\u00d7<\/span><span>\u00d7<\/span><span>o<\/span><span><\/span><span><\/span><span><\/span><br \/>\n            <\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"Em, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 10px 10px; border-radius: 14px; cursor: pointer; font: inherit; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">Em<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A; min-height: 16px;\"><\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n              <span><\/span><br \/>\n              <span>o<\/span><span><\/span><span><\/span><span>o<\/span><span>o<\/span><span>o<\/span><br \/>\n            <\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"C, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 10px 10px; border-radius: 14px; cursor: pointer; font: inherit; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">C<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A; min-height: 16px;\"><\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n              <span><\/span><br \/>\n              <span>\u00d7<\/span><span><\/span><span><\/span><span>o<\/span><span><\/span><span>o<\/span><br \/>\n            <\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"D\/F#, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 10px 10px; border-radius: 14px; cursor: pointer; font: inherit; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">D\/F#<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A; min-height: 16px;\">bas F# dole<\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n              <span><\/span><br \/>\n              <span><\/span><span>\u00d7<\/span><span>o<\/span><span><\/span><span><\/span><span><\/span><br \/>\n            <\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"Dsus4, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 10px 10px; border-radius: 14px; cursor: pointer; font: inherit; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">Dsus4<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A; min-height: 16px;\"><\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n              <span><\/span><br \/>\n              <span>\u00d7<\/span><span>\u00d7<\/span><span>o<\/span><span><\/span><span><\/span><span><\/span><br \/>\n            <\/span><br \/>\n            <span style=\"display: grid; grid-template-columns: 20px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #9B6BD6;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n              <\/span><br \/>\n          <\/button>\n      <\/div>\n<p style=\"margin: 0; font-size: 14px; color: #A8A29A;\">Klikni na hmat a zazn\u00ed (v poloze bez kapodastru). Dal\u0161\u00ed varianty najde\u0161 v n\u00e1stroji <a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/akordy\/\">Akordy<\/a>.<\/p>\n<\/section>\n<section aria-labelledby=\"how-h\" style=\"display: flex; flex-direction: column; gap: 12px;\">\n<h2 id=\"how-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Jak p\u0159ev\u00e9st p\u00edse\u0148 do jin\u00e9 t\u00f3niny<\/h2>\n<ol style=\"margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px;\">\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Vlo\u017e akordy ze zp\u011bvn\u00edku<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Zkop\u00edruj akordy nad textem nebo v hranat\u00fdch z\u00e1vork\u00e1ch. Text p\u00edsn\u011b z\u016fstane, jak je.<\/span><\/li>\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Najdi t\u00f3ninu pro sv\u016fj hlas<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Posouvej t\u00f3ninu po p\u016flt\u00f3nech tla\u010d\u00edtky \u2212 a +. Kdy\u017e se ti refr\u00e9n zp\u00edv\u00e1 bez tla\u010den\u00ed, m\u00e1\u0161 ji.<\/span><\/li>\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Nech si poradit kapodastr<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">N\u00e1stroj uk\u00e1\u017ee polohy kapodastru s nejsnaz\u0161\u00edmi hmaty. Zn\u00ed to stejn\u011b, hraje\u0161 ale otev\u0159en\u00e9 akordy.<\/span><\/li>\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Zkontroluj hmaty<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Pod v\u00fdsledkem jsou v\u0161echny hmaty, kter\u00e9 bude\u0161 hr\u00e1t. Klikni na n\u011b a poslechni si, jak zn\u00ed.<\/span><\/li>\n<\/ol>\n<\/section>\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; padding: 20px 22px; border-radius: 12px; border: 1px solid #3A3733;\">\n<div data-da-odkazy style=\"display: flex; flex-direction: column; gap: 6px; flex: 1 1 420px; min-width: 0;\">\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Pro\u010d transpozice funguje, vysv\u011btluj\u00ed <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-26-akordy-v-tonine-a-rimska-cisla\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekce 26<\/a> (\u0159\u00edmsk\u00e1 \u010d\u00edsla) a <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-31-kvintovy-kruh-v-praxi\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekce 31<\/a> (kvintov\u00fd kruh v praxi). Kapodastr jako posunut\u00fd tvar popisuje <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-24-system-caged\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekce 24<\/a>.<\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">V\u00edc k t\u00e9matu: <a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/kapodastr-a-transpozice\/\" style=\"color: #EDEAE4; font-weight: 700;\">Kapodastr a transpozice<\/a>. Prvn\u00ed t\u0159i lekce kurzu jsou zdarma.<\/p>\n<\/p><\/div>\n<p>      <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/\" style=\"display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 7px; border: 1px solid #8C867D; color: #EDEAE4; font-weight: 600; text-decoration: none;\">P\u0159ej\u00edt na kurz<\/a>\n    <\/div>\n<p>  <\/main><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vlo\u017e akordy p\u00edsn\u011b ze zp\u011bvn\u00edku a posu\u0148 je do t\u00f3niny, kter\u00e1 ti sed\u00ed do hlasu. N\u00e1stroj ti z\u00e1rove\u0148 navrhne, kam d\u00e1t kapodastr, abys hr\u00e1l co nejsnaz\u0161\u00ed hmaty.<\/p>\n","protected":false},"featured_media":0,"menu_order":4,"template":"","meta":{"_acf_changed":false,"_da_nastroj":"transpozicia","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"class_list":["post-5513","da_nastroj","type-da_nastroj","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/da_nastroj\/5513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/da_nastroj"}],"about":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/types\/da_nastroj"}],"wp:attachment":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/media?parent=5513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}