{"id":5606,"date":"2026-11-04T18:53:51","date_gmt":"2026-11-04T17:53:51","guid":{"rendered":"https:\/\/deskaudio.eu\/?post_type=da_nastroj&#038;p=5606"},"modified":"2026-11-11T12:26:20","modified_gmt":"2026-11-11T11:26:20","slug":"gryf","status":"publish","type":"da_nastroj","link":"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/gryf\/","title":{"rendered":"Gryf"},"content":{"rendered":"<div class=\"da-lekcia da-nastroj\" data-lekcia=\"nastroj-hmatnik\">\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=\"Narz\u0119dzia\" style=\"display: flex; flex-wrap: wrap; gap: 6px; align-items: center;\"><span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; margin-right: 6px;\">Narz\u0119dzia:<\/span><a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/gryf\/\" 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;\">Gryf<\/a><a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/akordy\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Akordy<\/a><a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/kolo-kwintowe\/\" 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;\">Ko\u0142o kwintowe<\/a><a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/transpozycja\/\" 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;\">Transpozycja<\/a><a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/rytmy\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Rytmy<\/a><a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/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;\">Podk\u0142ady<\/a><a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/narzedzia\/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;\">Trener s\u0142uchu<\/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;\">Narz\u0119dzie<\/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;\">Gryf<\/h1>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #C9C3BA;\">Wybierz d\u017awi\u0119k i akord albo skal\u0119. Zobaczysz wszystkie jej d\u017awi\u0119ki a\u017c do 15. progu, pokolorowane wed\u0142ug funkcji.<\/p>\n<\/p><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 4px; padding: 14px 18px; border-radius: 12px; background: #1D1B19; border: 1px solid #3A3733; min-width: 0;\">\n        <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #A8A29A;\">C \u00b7 akord durowy<\/span><br \/>\n        <span style=\"font-family: 'Syne', sans-serif; font-weight: 700; font-size: 22px;\">C \u2013 E \u2013 G<\/span><br \/>\n        <span style=\"font-size: 14px; color: #A8A29A; font-family: ui-monospace, Menlo, Consolas, monospace;\">R  3  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: 72px;\">D\u017awi\u0119k<\/span><\/p>\n<div role=\"group\" aria-label=\"D\u017awi\u0119k podstawowy\" 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: 72px;\">Co<\/span><\/p>\n<div role=\"group\" aria-label=\"Akord albo skala\" 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;\">Akord durowy<\/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;\">Akord molowy<\/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;\">Dominanta septymowa<\/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;\">Skala durowa<\/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;\">Pentatonika molowa<\/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: 72px;\">Opisy<\/span><\/p>\n<div role=\"group\" aria-label=\"Opisy w punktach\" 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;\">Nazwy d\u017awi\u0119k\u00f3w<\/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;\">Interwa\u0142y<\/button>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"overflow-x: auto; border-radius: 20px; background: #2A2420; padding: 22px 18px 12px;\">\n<div role=\"img\" aria-label=\"Gryf: C akord durowy, d\u017awi\u0119ki C, E, G\" 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; color: #A8A29A; text-align: center;\">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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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>\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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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; color: #A8A29A; text-align: center;\">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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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>\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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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<\/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; color: #A8A29A; text-align: center;\">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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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>\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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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<\/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; color: #A8A29A; text-align: center;\">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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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>\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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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<\/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; color: #A8A29A; text-align: center;\">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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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>\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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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; color: #A8A29A; text-align: center;\">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: 3.25px; background: #C9B9A6; transform: translateY(-50%);\"><\/span><br \/>\n                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/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>\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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #E2601E; color: #FFFFFF; box-shadow: 0 0 0 3px #2A2420, 0 0 0 5px #E2601E;\">C<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #2F7BD8; color: #FFFFFF;\">E<\/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                  <span style=\"position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: #EDEAE4; color: #141311;\">G<\/span>\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>pryma (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>tercja (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>kwinta (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>septyma (7, b7)<\/span><br \/>\n      <span style=\"display: flex; gap: 8px; align-items: center;\"><span style=\"width: 18px; height: 18px; border-radius: 50%; background: #6B665F;\"><\/span>pozosta\u0142e d\u017awi\u0119ki skali<\/span>\n    <\/div>\n<section aria-labelledby=\"how-h\" style=\"display: flex; flex-direction: column; gap: 12px;\">\n<h2 id=\"how-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Jak u\u017cywa\u0107 gryfu<\/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;\">Wybierz d\u017awi\u0119k i kszta\u0142t<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Kliknij d\u017awi\u0119k podstawowy, a potem akord albo skal\u0119. Na gryfie za\u015bwiec\u0105 si\u0119 wszystkie jej d\u017awi\u0119ki a\u017c do 15. progu.<\/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;\">Orientuj si\u0119 wed\u0142ug prymy<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Pomara\u0144czowe punkty to pryma. Kszta\u0142t, kt\u00f3ry widzisz wok\u00f3\u0142 niej, powtarza si\u0119 w tej samej postaci o 12 prog\u00f3w wy\u017cej.<\/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;\">Prze\u0142\u0105cz na interwa\u0142y<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Opisy \u201eInterwa\u0142y\u201d poka\u017c\u0105 zamiast nazw d\u017awi\u0119k\u00f3w ich funkcj\u0119 (R, 3, 5, b7). Od razu widzisz, czym akord durowy r\u00f3\u017cni si\u0119 od molowego.<\/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;\">\u0141\u0105cz akord i skal\u0119<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Prze\u0142\u0105czaj mi\u0119dzy akordem durowym a skal\u0105 durow\u0105 na tym samym d\u017awi\u0119ku. D\u017awi\u0119ki akordu s\u0105 zawsze w skali, dlatego frazy na nich brzmi\u0105 najpewniej.<\/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;\">D\u017awi\u0119k\u00f3w na gryfie w 4 tygodnie nauczysz si\u0119 w <a href=\"https:\/\/deskaudio.eu\/pl\/kurs-gitary\/lekcja-4-dzwieki-na-gryfie-w-4-tygodnie\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekcji 4<\/a>, jak akordy sk\u0142adaj\u0105 si\u0119 z d\u017awi\u0119k\u00f3w, wyja\u015bnia <a href=\"https:\/\/deskaudio.eu\/pl\/kurs-gitary\/lekcja-18-jak-powstaje-akord\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekcja 18<\/a> i pi\u0119\u0107 kszta\u0142t\u00f3w na ca\u0142ym gryfie <a href=\"https:\/\/deskaudio.eu\/pl\/kurs-gitary\/lekcja-24-system-caged\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekcja 24 (CAGED)<\/a>.<\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Wi\u0119cej na ten temat: <a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/dzwieki-na-gryfie\/\" style=\"color: #EDEAE4; font-weight: 700;\">D\u017awi\u0119ki na gryfie<\/a> a <a href=\"https:\/\/deskaudio.eu\/pl\/gitara\/skale-gitarowe\/\" style=\"color: #EDEAE4; font-weight: 700;\">Skale gitarowe<\/a>. Pierwsze trzy lekcje kursu s\u0105 za darmo.<\/p>\n<\/p><\/div>\n<p>      <a href=\"https:\/\/deskaudio.eu\/pl\/kurs-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;\">Przejd\u017a do kursu<\/a>\n    <\/div>\n<p>  <\/main><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Wybierz d\u017awi\u0119k i akord albo skal\u0119. Zobaczysz wszystkie jej d\u017awi\u0119ki a\u017c do 15. progu, pokolorowane wed\u0142ug funkcji.<\/p>\n","protected":false},"featured_media":0,"menu_order":1,"template":"","meta":{"_acf_changed":false,"_da_nastroj":"hmatnik","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"class_list":["post-5606","da_nastroj","type-da_nastroj","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/da_nastroj\/5606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/da_nastroj"}],"about":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/types\/da_nastroj"}],"wp:attachment":[{"href":"https:\/\/deskaudio.eu\/pl\/wp-json\/wp\/v2\/media?parent=5606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}