.kms-chord-finder-section{width:100%}.kms-chord-finder-section .kms-cf-container{max-width:var(--kms-cf-max-width, 1100px);margin:0 auto;padding:0 16px}.kms-chord-finder-section .kms-cf-card{background:var(--kms-cf-panel-bg, #111827);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;box-shadow:0 16px 50px #00000040}.kms-chord-finder-section h2,.kms-chord-finder-section h3,.kms-chord-finder-section .kms-cf-title{color:var(--kms-cf-heading-color, #f9fafb)}.kms-chord-finder-section .kms-cf-title{margin:0 0 8px;font-size:2rem;line-height:1.2}.kms-chord-finder-section .kms-cf-subtitle,.kms-chord-finder-section .kms-cf-helper,.kms-chord-finder-section .kms-cf-result-meta,.kms-chord-finder-section .kms-cf-message,.kms-chord-finder-section .kms-cf-seo p,.kms-chord-finder-section .kms-cf-filter-label{color:var(--kms-cf-text-color, #d1d5db)}.kms-chord-finder-section .kms-cf-subtitle,.kms-chord-finder-section .kms-cf-helper{margin:0 0 14px}.kms-chord-finder-section .kms-cf-helper{font-size:.92rem}.kms-cf-toolbar{display:grid;gap:14px;margin-bottom:16px}.kms-cf-search-area{position:relative}.kms-cf-search-row,.kms-cf-filter-row,.kms-cf-audio-controls,.kms-cf-quick,.kms-cf-suggestions,.kms-cf-voicing-tabs{display:flex;gap:10px;flex-wrap:wrap}.kms-cf-search-row input,.kms-cf-filter-row select{min-width:220px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:var(--kms-cf-input-bg, #0b1220);color:var(--kms-cf-heading-color, #f9fafb);font-size:1rem;outline:none}.kms-cf-search-row input{flex:1 1 320px}.kms-cf-search-row input:focus,.kms-cf-filter-row select:focus{border-color:var(--kms-cf-accent, #d4a017);box-shadow:0 0 0 3px #d4a0172e}.kms-cf-btn,.kms-cf-chip,.kms-cf-voicing-tab,.kms-cf-autocomplete button{font:inherit}.kms-cf-btn{padding:14px 18px;border:none;border-radius:12px;background:var(--kms-cf-accent, #d4a017);color:var(--kms-cf-button-text, #111827);font-weight:700;cursor:pointer}.kms-cf-btn.kms-cf-btn-secondary{background:var(--kms-cf-input-bg, #0b1220);color:var(--kms-cf-heading-color, #f9fafb);border:1px solid rgba(255,255,255,.12)}.kms-cf-chip,.kms-cf-voicing-tab{background:var(--kms-cf-input-bg, #0b1220);color:var(--kms-cf-heading-color, #f9fafb);border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:999px;cursor:pointer}.kms-cf-voicing-tab.active,.kms-cf-chip:hover,.kms-cf-chip.is-active{border-color:var(--kms-cf-accent, #d4a017);color:var(--kms-cf-accent, #d4a017)}.kms-cf-filter-row{align-items:center}.kms-cf-filter-label{display:inline-flex;align-items:center;gap:8px;font-size:.95rem}.kms-cf-toggle{width:18px;height:18px}.kms-cf-autocomplete{position:absolute;top:calc(100% + 8px);left:0;right:140px;background:var(--kms-cf-input-bg, #0b1220);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;z-index:20;display:none;box-shadow:0 12px 30px #00000059}.kms-cf-autocomplete.open{display:block}.kms-cf-autocomplete button{width:100%;text-align:left;background:transparent;color:var(--kms-cf-heading-color, #f9fafb);border:none;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06)}.kms-cf-autocomplete button:hover,.kms-cf-autocomplete button.active{background:#ffffff0f}.kms-cf-message{margin:0 0 18px;padding:14px 16px;border-radius:12px;background:#ffffff0a}.kms-cf-message.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fecaca}.kms-cf-suggestions{margin:-6px 0 20px}.kms-cf-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.kms-cf-result-card{background:var(--kms-cf-input-bg, #0b1220);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}.kms-cf-result-card h3{margin:0 0 6px;font-size:1.35rem}.kms-cf-result-meta{margin-bottom:12px;font-size:.95rem}.kms-cf-diagram-wrap{display:flex;justify-content:center;margin:12px 0 16px}.kms-cf-diagram{max-width:100%;height:auto;background:#fff;border-radius:12px;padding:10px}.kms-cf-info-list{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px;color:var(--kms-cf-text-color, #d1d5db);font-size:.95rem}.kms-cf-info-list strong{color:var(--kms-cf-heading-color, #f9fafb)}.kms-cf-seo{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:760px){.kms-cf-autocomplete{right:0}}@media(max-width:640px){.kms-chord-finder-section .kms-cf-card{padding:18px}.kms-chord-finder-section .kms-cf-title{font-size:1.7rem}.kms-cf-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kms-chord-finder.css.map */