{"id":5215,"date":"2026-11-04T18:53:53","date_gmt":"2026-11-04T17:53:53","guid":{"rendered":"https:\/\/deskaudio.eu\/?post_type=da_nastroj&#038;p=5215"},"modified":"2026-11-04T18:53:53","modified_gmt":"2026-11-04T17:53:53","slug":"akordy","status":"publish","type":"da_nastroj","link":"https:\/\/deskaudio.eu\/sk\/gitara\/nastroje\/akordy\/","title":{"rendered":"Akordy"},"content":{"rendered":"<div class=\"da-lekcia da-nastroj\" data-lekcia=\"nastroj-akordy\">\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=\"\/sk\/gitara\/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=\"\/sk\/gitara\/nastroje\/akordy\/\" 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;\">Akordy<\/a><a href=\"\/sk\/gitara\/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=\"\/sk\/gitara\/nastroje\/transpozicia\/\" 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;\">Transpoz\u00edcia<\/a><a href=\"\/sk\/gitara\/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=\"\/sk\/gitara\/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=\"\/sk\/gitara\/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;\">Tr\u00e9ner sluchu<\/a><\/nav>\n<div style=\"display: flex; flex-wrap: wrap; gap: 16px 40px; align-items: end; justify-content: space-between;\">\n<div style=\"display: flex; flex-direction: column; gap: 10px; max-width: 40em;\">\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;\">Akordy<\/h1>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #C9C3BA;\">Vyber t\u00f3n a typ akordu. Uvid\u00ed\u0161 v\u0161etky jeho hmaty, od otvorenej polohy cez barr\u00e9 a\u017e po mal\u00e9 trojzvuky. Klikni na hmat a uk\u00e1\u017ee sa na celom hmatn\u00edku, aj si ho vypo\u010duje\u0161.<\/p>\n<\/p><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 4px; padding: 14px 20px; border-radius: 12px; background: #1D1B19; border: 1px solid #3A3733; min-width: 220px;\">\n        <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #A8A29A;\">durov\u00fd akord<\/span><br \/>\n        <span style=\"font-family: 'Syne', sans-serif; font-weight: 800; font-size: 34px; line-height: 1.1;\">C<\/span><br \/>\n        <span style=\"font-family: 'Syne', sans-serif; font-weight: 700; font-size: 18px;\">C \u2013 E \u2013 G<\/span><br \/>\n        <span style=\"font-size: 14px; color: #A8A29A; font-family: ui-monospace, Menlo, Consolas, monospace;\">1 \u2013 3 \u2013 5<\/span>\n      <\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 14px; padding: 20px; border-radius: 20px; background: #1D1B19; border: 1px solid #3A3733;\">\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center;\">\n        <span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; width: 86px;\">T\u00f3n<\/span><\/p>\n<div role=\"group\" aria-label=\"Z\u00e1kladn\u00fd t\u00f3n akordu\" style=\"display: flex; flex-wrap: wrap; gap: 6px;\">\n            <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #F2804A; background: #F2804A; color: #141311;\">C<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">C#<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; 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 14px; 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 14px; 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 14px; 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 14px; 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 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">G<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; 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 14px; 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 14px; 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 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">B<\/button>\n        <\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center;\">\n          <span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; width: 86px;\">Z\u00e1kladn\u00e9<\/span><\/p>\n<div role=\"group\" aria-label=\"Typ akordu: z\u00e1kladn\u00e9\" style=\"display: flex; flex-wrap: wrap; gap: 6px;\">\n              <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #F2804A; background: #F2804A; color: #141311;\">C (dur)<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Cm (mol)<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">C5<\/button>\n          <\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center;\">\n          <span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; width: 86px;\">Septakordy<\/span><\/p>\n<div role=\"group\" aria-label=\"Typ akordu: septakordy\" style=\"display: flex; flex-wrap: wrap; gap: 6px;\">\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">C7<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Cmaj7<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Cm7<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Cm7b5<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Cdim7<\/button>\n          <\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center;\">\n          <span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; width: 86px;\">Farby<\/span><\/p>\n<div role=\"group\" aria-label=\"Typ akordu: farby\" style=\"display: flex; flex-wrap: wrap; gap: 6px;\">\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Csus2<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Csus4<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Cadd9<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">C6<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">C9<\/button>\n          <\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center;\">\n          <span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; width: 86px;\">Nap\u00e4t\u00e9<\/span><\/p>\n<div role=\"group\" aria-label=\"Typ akordu: nap\u00e4t\u00e9\" style=\"display: flex; flex-wrap: wrap; gap: 6px;\">\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Cdim<\/button><br \/>\n              <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; min-width: 44px; padding: 0 14px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #3A3733; background: transparent; color: #EDEAE4;\">Caug<\/button>\n          <\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center;\">\n        <span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; width: 86px;\">Popisky<\/span><\/p>\n<div role=\"group\" aria-label=\"Popisky v bodk\u00e1ch\" 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;\">Prsty<\/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;\">T\u00f3ny<\/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;\">Intervaly<\/button>\n        <\/div>\n<p>        <span style=\"font-size: 13px; color: #A8A29A;\">T\u00f3n B sa v na\u0161ich spevn\u00edkoch p\u00ed\u0161e H, Bb ako B.<\/span>\n      <\/div>\n<\/p><\/div>\n<section aria-labelledby=\"var-h\" style=\"display: flex; flex-direction: column; gap: 14px;\">\n<h2 id=\"var-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Hmaty C <span style=\"color: #A8A29A; font-weight: 600; font-size: 18px;\">(8 hmatov)<\/span><\/h2>\n<div role=\"group\" aria-label=\"Varianty hmatu\" style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;\">\n          <button type=\"button\" aria-pressed=\"true\" aria-label=\"Otvoren\u00e1 poloha, s pr\u00e1zdnymi strunami, pra\u017ece 0 \u2013 3\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #2A2420; border: 2px solid #F2804A;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Otvoren\u00e1 poloha<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">s pr\u00e1zdnymi strunami<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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            <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" aria-label=\"Tvar A, kore\u0148 na 5. strune, od 3. pra\u017eca (III)\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Tvar A \u00b7 III<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">kore\u0148 na 5. strune<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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><\/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: 1px; background: #6B665F;\"><\/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;\">III<\/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=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/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=\"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=\"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: 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><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" aria-label=\"Tvar G, kore\u0148 na 6. strune, od 5. pra\u017eca (V)\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Tvar G \u00b7 V<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">kore\u0148 na 6. strune<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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><\/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: 1px; background: #6B665F;\"><\/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;\">V<\/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=\"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: #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: 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=\"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><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" aria-label=\"Tvar E, kore\u0148 na 6. strune, od 8. pra\u017eca (VIII)\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Tvar E \u00b7 VIII<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">kore\u0148 na 6. strune<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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><\/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: 1px; background: #6B665F;\"><\/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;\">VIII<\/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=\"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: 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: #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: 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><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" aria-label=\"Tvar D, kore\u0148 na 4. strune, od 10. pra\u017eca (X)\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Tvar D \u00b7 X<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">kore\u0148 na 4. strune<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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><\/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: 1px; background: #6B665F;\"><\/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;\">X<\/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: 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=\"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><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" aria-label=\"Trojzvuk, G-B-e, 2. obrat, pra\u017ece 0 \u2013 1\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Trojzvuk<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">G-B-e, 2. obrat<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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>\u00d7<\/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=\"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                <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><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" aria-label=\"Trojzvuk, G-B-e, z\u00e1kladn\u00fd tvar, od 3. pra\u017eca (III)\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Trojzvuk \u00b7 III<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">G-B-e, z\u00e1kladn\u00fd tvar<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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>\u00d7<\/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: 1px; background: #6B665F;\"><\/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;\">III<\/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=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/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=\"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: #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: 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><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" aria-label=\"Trojzvuk, G-B-e, 1. obrat, od 8. pra\u017eca (VIII)\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 14px; font-weight: 700; color: #EDEAE4;\">Trojzvuk \u00b7 VIII<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">G-B-e, 1. obrat<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px;\"><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>\u00d7<\/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: 1px; background: #6B665F;\"><\/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;\">VIII<\/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: #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: 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: #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: 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            <\/span><br \/>\n          <\/button>\n      <\/div>\n<\/section>\n<section aria-labelledby=\"det-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: none; width: 300px; display: flex; flex-direction: column; align-items: center; gap: 2px;\">\n        <span style=\"font-family: 'Syne', sans-serif; font-size: 30px; font-weight: 800; line-height: 1.1;\">C<\/span><br \/>\n        <span style=\"font-size: 13px; color: #A8A29A; margin-bottom: 6px;\">Otvoren\u00e1 poloha \u00b7 pra\u017ece 0 \u2013 3<\/span><\/p>\n<div style=\"display: grid; grid-template-columns: 52px repeat(6, 38px); height: 34px; align-items: center;\">\n          <span><\/span><br \/>\n          <span style=\"text-align: center; font-size: 20px; font-weight: 800; color: #8C867D;\">\u00d7<\/span><span style><\/span><span style><\/span><span style=\"justify-self: center; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 800; background: #141311; border: 2.5px solid #EDEAE4; color: #EDEAE4;\">o<\/span><span style><\/span><span style=\"justify-self: center; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 800; background: #141311; border: 2.5px solid #2F7BD8; color: #2F7BD8;\">o<\/span>\n        <\/div>\n<div style=\"width: 280px; display: grid; grid-template-columns: 71px 190px;\"><span><\/span><span style=\"height: 7px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/div>\n<div style=\"position: relative; display: grid; grid-template-columns: 52px repeat(6, 38px); height: 46px; align-items: center;\">\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 10px;\"><\/span><br \/>\n            <span style=\"display: none;\"><\/span><br \/>\n              <button type=\"button\" aria-label=\"6. struna, nehr\u00e1 sa\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"5. struna, C, 3. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"4. struna, E, 2. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"3. struna, G, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"2. struna, C, 1. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: #FFFFFF; background: #E2601E;\">1<\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"1. struna, E, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n            <span style=\"position: absolute; left: 71px; width: 190px; bottom: 0; height: 2px; background: #8C867D;\"><\/span>\n          <\/div>\n<div style=\"position: relative; display: grid; grid-template-columns: 52px repeat(6, 38px); height: 46px; align-items: center;\">\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 10px;\"><\/span><br \/>\n            <span style=\"display: none;\"><\/span><br \/>\n              <button type=\"button\" aria-label=\"6. struna, nehr\u00e1 sa\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"5. struna, C, 3. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"4. struna, E, 2. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: #FFFFFF; background: #2F7BD8;\">2<\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"3. struna, G, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"2. struna, C, 1. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"1. struna, E, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n            <span style=\"position: absolute; left: 71px; width: 190px; bottom: 0; height: 2px; background: #8C867D;\"><\/span>\n          <\/div>\n<div style=\"position: relative; display: grid; grid-template-columns: 52px repeat(6, 38px); height: 46px; align-items: center;\">\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 10px;\"><\/span><br \/>\n            <span style=\"display: none;\"><\/span><br \/>\n              <button type=\"button\" aria-label=\"6. struna, nehr\u00e1 sa\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"5. struna, C, 3. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: #FFFFFF; background: #E2601E;\">3<\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"4. struna, E, 2. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"3. struna, G, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"2. struna, C, 1. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"1. struna, E, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n            <span style=\"position: absolute; left: 71px; width: 190px; bottom: 0; height: 2px; background: #8C867D;\"><\/span>\n          <\/div>\n<div style=\"position: relative; display: grid; grid-template-columns: 52px repeat(6, 38px); height: 46px; align-items: center;\">\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 10px;\"><\/span><br \/>\n            <span style=\"display: none;\"><\/span><br \/>\n              <button type=\"button\" aria-label=\"6. struna, nehr\u00e1 sa\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"5. struna, C, 3. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"4. struna, E, 2. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"3. struna, G, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"2. struna, C, 1. pra\u017eec\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n              <button type=\"button\" aria-label=\"1. struna, E, pr\u00e1zdna\" style=\"position: relative; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #8C867D; transform: translateX(-50%);\"><\/span><span style=\"display: none;\"><\/span><\/button><br \/>\n            <span style=\"position: absolute; left: 71px; width: 190px; bottom: 0; height: 2px; background: #8C867D;\"><\/span>\n          <\/div>\n<div style=\"display: grid; grid-template-columns: 52px repeat(6, 38px); height: 26px; align-items: center; font-size: 13px; font-weight: 600; color: #A8A29A; text-align: center;\">\n          <span><\/span><span>E<\/span><span>A<\/span><span>D<\/span><span>G<\/span><span>B<\/span><span>e<\/span>\n        <\/div>\n<\/p><\/div>\n<div style=\"flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 14px;\">\n<h2 id=\"det-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Otvoren\u00e1 poloha<\/h2>\n<p style=\"margin: 0; font-size: 16px; line-height: 1.6; color: #C9C3BA;\">Otvoren\u00e1 poloha s pr\u00e1zdnymi strunami. Naj\u013eah\u0161\u00ed hmat s pln\u00fdm zvukom, ak ho dan\u00e1 t\u00f3nina dovol\u00ed.<\/p>\n<p style=\"margin: 0; font-size: 16px; line-height: 1.6; color: #C9C3BA;\"><strong style=\"color: #EDEAE4;\">Zvuk:<\/strong> Jasn\u00fd a stabiln\u00fd. Z\u00e1klad v\u00e4\u010d\u0161iny piesn\u00ed.<\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.6; color: #A8A29A;\">T\u00f3ny odspodu: C \u2013 E \u2013 G \u2013 C \u2013 E.<\/p>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n          <button type=\"button\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 0; background: #F2804A; color: #141311; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n            <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #141311; color: #F2804A; display: grid; place-items: center;\"><svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><\/span><br \/>\n            Brnkni akord<br \/>\n          <\/button><br \/>\n          <button type=\"button\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n            <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #EDEAE4; color: #141311; display: grid; place-items: center;\"><svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><\/span><br \/>\n            T\u00f3n po t\u00f3ne<br \/>\n          <\/button>\n        <\/div>\n<p style=\"margin: 0; font-size: 13px; color: #A8A29A;\">Tip: klikni na bod v diagrame alebo na hmatn\u00edku a zaznie samotn\u00fd t\u00f3n.<\/p>\n<\/p><\/div>\n<\/section>\n<section aria-labelledby=\"fb-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<h2 id=\"fb-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Na hmatn\u00edku<\/h2>\n<p>        <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; padding: 0 16px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; border: 1px solid #EDEAE4; background: #EDEAE4; color: #141311;\">Uk\u00e1\u017e aj ostatn\u00e9 t\u00f3ny C na krku<\/button>\n      <\/div>\n<div style=\"overflow-x: auto; border-radius: 20px; background: #2A2420; padding: 22px 18px 12px;\">\n<div role=\"img\" aria-label=\"Hmatn\u00edk: C, Otvoren\u00e1 poloha, t\u00f3ny C, E, G, C, E\" style=\"min-width: 980px; display: flex; flex-direction: column;\">\n<div style=\"display: grid; grid-template-columns: 34px 46px repeat(15, minmax(0, 1fr)); height: 44px; align-items: center;\">\n              <span style=\"font-weight: 700; font-size: 14px; text-align: center; color: #A8A29A;\">e<\/span><\/p>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 6px solid #EDEAE4;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 1. struna, pr\u00e1zdna, s\u00fa\u010das\u0165 hmatu\" style=\"position: relative; width: 32px; height: 32px; padding: 0; border: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">o<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 1. struna, 3. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 1. struna, 8. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #E2601E; color: #EDEAE4; opacity: 0.75;\">R<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 1. struna, 12. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #2F7BD8; color: #EDEAE4; opacity: 0.75;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.00px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 1. struna, 15. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: 34px 46px repeat(15, minmax(0, 1fr)); height: 44px; align-items: center;\">\n              <span style=\"font-weight: 700; font-size: 14px; text-align: center; color: #A8A29A;\">B<\/span><\/p>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 6px solid #EDEAE4;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 2. struna, 1. pra\u017eec, s\u00fa\u010das\u0165 hmatu\" style=\"position: relative; width: 32px; height: 32px; padding: 0; border: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">1<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 2. struna, 5. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #2F7BD8; color: #EDEAE4; opacity: 0.75;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 2. struna, 8. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 2. struna, 13. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #E2601E; color: #EDEAE4; opacity: 0.75;\">R<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.45px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: 34px 46px repeat(15, minmax(0, 1fr)); height: 44px; align-items: center;\">\n              <span style=\"font-weight: 700; font-size: 14px; text-align: center; color: #A8A29A;\">G<\/span><\/p>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 6px solid #EDEAE4;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 3. struna, pr\u00e1zdna, s\u00fa\u010das\u0165 hmatu\" style=\"position: relative; width: 32px; height: 32px; padding: 0; border: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">o<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 3. struna, 5. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #E2601E; color: #EDEAE4; opacity: 0.75;\">R<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 3. struna, 9. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #2F7BD8; color: #EDEAE4; opacity: 0.75;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 3. struna, 12. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 1.90px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: 34px 46px repeat(15, minmax(0, 1fr)); height: 44px; align-items: center;\">\n              <span style=\"font-weight: 700; font-size: 14px; text-align: center; color: #A8A29A;\">D<\/span><\/p>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 6px solid #EDEAE4;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 4. struna, 2. pra\u017eec, s\u00fa\u010das\u0165 hmatu\" style=\"position: relative; width: 32px; height: 32px; padding: 0; border: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">2<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 4. struna, 5. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 4. struna, 10. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #E2601E; color: #EDEAE4; opacity: 0.75;\">R<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 4. struna, 14. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #2F7BD8; color: #EDEAE4; opacity: 0.75;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.35px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: 34px 46px repeat(15, minmax(0, 1fr)); height: 44px; align-items: center;\">\n              <span style=\"font-weight: 700; font-size: 14px; text-align: center; color: #A8A29A;\">A<\/span><\/p>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 6px solid #EDEAE4;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 5. struna, 3. pra\u017eec, s\u00fa\u010das\u0165 hmatu\" style=\"position: relative; width: 32px; height: 32px; padding: 0; border: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 5. struna, 7. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #2F7BD8; color: #EDEAE4; opacity: 0.75;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 5. struna, 10. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 2.80px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 5. struna, 15. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #E2601E; color: #EDEAE4; opacity: 0.75;\">R<\/button>\n                <\/div>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: 34px 46px repeat(15, minmax(0, 1fr)); height: 44px; align-items: center;\">\n              <span style=\"font-weight: 700; font-size: 14px; text-align: center; color: #6B665F;\">E \u00d7<\/span><\/p>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 6px solid #EDEAE4;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 6. struna, pr\u00e1zdna\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #2F7BD8; color: #EDEAE4; opacity: 0.75;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 6. struna, 3. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"C (R), 6. struna, 8. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #E2601E; color: #EDEAE4; opacity: 0.75;\">R<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"E (3), 6. struna, 12. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #2F7BD8; color: #EDEAE4; opacity: 0.75;\">3<\/button>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span>\n                <\/div>\n<div style=\"position: relative; height: 100%; display: grid; place-items: center; border-right: 2px solid #8C867D;\">\n                  <span style=\"position: absolute; left: 0; right: 0; top: 50%; height: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                    <button type=\"button\" aria-label=\"G (5), 6. struna, 15. pra\u017eec\" style=\"position: relative; width: 26px; height: 26px; padding: 0; cursor: pointer; border-radius: 50%; display: grid; place-items: center; font: inherit; font-size: 10px; font-weight: 700; background: #2A2420; border: 2px dashed #C9C3BA; color: #C9C3BA; opacity: 0.75;\">5<\/button>\n                <\/div>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: 34px 46px repeat(15, minmax(0, 1fr)); height: 34px; align-items: center; font-size: 13px; color: #A8A29A; font-variant-numeric: tabular-nums;\">\n            <span><\/span><br \/>\n              <span style=\"text-align: center;\">0<\/span><br \/>\n              <span style=\"text-align: center;\">1<\/span><br \/>\n              <span style=\"text-align: center;\">2<\/span><br \/>\n              <span style=\"text-align: center; color: #EDEAE4; font-weight: 700;\">3 \u2022<\/span><br \/>\n              <span style=\"text-align: center;\">4<\/span><br \/>\n              <span style=\"text-align: center; color: #EDEAE4; font-weight: 700;\">5 \u2022<\/span><br \/>\n              <span style=\"text-align: center;\">6<\/span><br \/>\n              <span style=\"text-align: center; color: #EDEAE4; font-weight: 700;\">7 \u2022<\/span><br \/>\n              <span style=\"text-align: center;\">8<\/span><br \/>\n              <span style=\"text-align: center; color: #EDEAE4; font-weight: 700;\">9 \u2022<\/span><br \/>\n              <span style=\"text-align: center;\">10<\/span><br \/>\n              <span style=\"text-align: center;\">11<\/span><br \/>\n              <span style=\"text-align: center; color: #EDEAE4; font-weight: 700;\">12 \u2022\u2022<\/span><br \/>\n              <span style=\"text-align: center;\">13<\/span><br \/>\n              <span style=\"text-align: center;\">14<\/span><br \/>\n              <span style=\"text-align: center; color: #EDEAE4; font-weight: 700;\">15 \u2022<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 14px; color: #C9C3BA;\">\n        <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: #E2601E;\"><\/span>kore\u0148 (R)<\/span><br \/>\n        <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: #2F7BD8;\"><\/span>tercia (3, b3)<\/span><br \/>\n        <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: #EDEAE4;\"><\/span>kvinta (5)<\/span><br \/>\n        <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: #9B6BD6;\"><\/span>zmenen\u00e1 kvinta (b5, #5)<\/span><br \/>\n        <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: #3E9A6B;\"><\/span>septima (7, b7, bb7)<\/span><br \/>\n        <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: #6B665F;\"><\/span>pridan\u00e9 t\u00f3ny (2, 4, 6, 9)<\/span><br \/>\n        <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; border: 2px dashed #A8A29A;\"><\/span>ostatn\u00e9 t\u00f3ny akordu<\/span>\n      <\/div>\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;\">Ako h\u013eada\u0165 hmaty akordov<\/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;\">Vyber t\u00f3n a typ<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Dvan\u00e1s\u0165 typov od duru a molu cez septakordy a\u017e po sus, add9, zmen\u0161en\u00fd a zv\u00e4\u010d\u0161en\u00fd akord.<\/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;\">Prejdi v\u0161etky hmaty<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Zoznam ide od otvorenej polohy cez barr\u00e9 po mal\u00e9 trojzvuky. Klikni na hmat a uk\u00e1\u017ee sa na celom hmatn\u00edku.<\/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;\">Vypo\u010duj si ho<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">\u201eBrnkni akord\u201c zahr\u00e1 cel\u00fd hmat, \u201eT\u00f3n po t\u00f3ne\u201c ho rozlo\u017e\u00ed. Klik na bod v diagrame zahr\u00e1 samotn\u00fd t\u00f3n.<\/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;\">Vyber hmat pod\u013ea piesne<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Pri striedan\u00ed akordov h\u013eadaj hmaty bl\u00edzko seba na krku. Ruka sa menej pres\u00fava a prechody s\u00fa plynulej\u0161ie.<\/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;\">Ako akord vznik\u00e1, vysvet\u013euje <a href=\"\/sk\/kurz-gitary\/lekcia-18-ako-vznika-akord\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekcia 18<\/a>. Tento typ akordu preber\u00e1 <strong style=\"color: #EDEAE4;\">lekcia 18 a 19<\/strong>, barr\u00e9 <a href=\"\/sk\/kurz-gitary\/lekcia-20-barre-a-power-akordy\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekcia 20<\/a> a tvary po celom krku <a href=\"\/sk\/kurz-gitary\/lekcia-24-caged-system\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekcia 24 (CAGED)<\/a>.<\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Viac k t\u00e9me: <a href=\"\/sk\/gitara\/akordy-na-gitaru\/\" style=\"color: #EDEAE4; font-weight: 700;\">Akordy na gitaru<\/a> a <a href=\"\/sk\/gitara\/gitara-pre-zaciatocnikov\/\" style=\"color: #EDEAE4; font-weight: 700;\">Gitara pre za\u010diato\u010dn\u00edkov<\/a>. Prv\u00e9 tri lekcie kurzu s\u00fa zadarmo.<\/p>\n<\/p><\/div>\n<p>      <a href=\"\/sk\/kurz-gitary\/\" 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;\">Prejs\u0165 na kurz<\/a>\n    <\/div>\n<p>  <\/main><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vyber t\u00f3n a typ akordu. Uvid\u00ed\u0161 v\u0161etky jeho hmaty, od otvorenej polohy cez barr\u00e9 a\u017e po mal\u00e9 trojzvuky. Klikni na hmat a uk\u00e1\u017ee sa na celom hmatn\u00edku, aj si ho vypo\u010duje\u0161.<\/p>\n","protected":false},"featured_media":0,"menu_order":2,"template":"","meta":{"_acf_changed":false,"_da_nastroj":"akordy","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"class_list":["post-5215","da_nastroj","type-da_nastroj","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/da_nastroj\/5215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/da_nastroj"}],"about":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/types\/da_nastroj"}],"wp:attachment":[{"href":"https:\/\/deskaudio.eu\/sk\/wp-json\/wp\/v2\/media?parent=5215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}