.free-tool-section{box-sizing:border-box}.free-tool-section *,.free-tool-section *:before,.free-tool-section *:after{box-sizing:inherit}.free-tool-section{--ws-ft-panel: #212121;--ws-ft-card: #16161A;--ws-ft-divider: #343434;--ws-ft-text: #F4F4F5;--ws-ft-text-bright: #FFFFFF;--ws-ft-text-muted: #ABABAE;--ws-ft-green: #1DD65F;--ws-ft-green-soft: rgba(29, 214, 95, .5);--ws-ft-dark: #0D0E0D;--slate-100: #F4F4F5;--slate-300: #CFCFD2;--slate-400: #ABABAE;--slate-600: #4A4A4E;--slate-700: #343434;--slate-800: #212121;--slate-900: #0D0E0D;--accent-300: #6FE89B;--accent-400: #1DD65F;--accent-500: #1DD65F;--accent-focus-ring: rgba(29, 214, 95, .4);--danger-500: #ef4444}.free-tool-section{font-family:var(--font-body-family);color:var(--ws-ft-text);margin:0}.free-tool-section .free-tool-container{width:100%;margin:0 auto}.free-tool-section header{text-align:center;margin:2rem 0 5rem}.free-tool-section h1{font-size:3.2rem;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:var(--ws-ft-text)}.free-tool-section h2{font-size:2.8rem;line-height:1.2;font-weight:700;color:var(--ws-ft-text)}.free-tool-section main{width:100%}.free-tool-section .ws-ft-tabs{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:6rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.free-tool-section .ws-ft-tabs::-webkit-scrollbar{display:none}.free-tool-section .ws-ft-tab-button{display:inline-flex;align-items:center;justify-content:center;height:5rem;padding:.9rem 1.8rem;border:1px solid var(--ws-ft-text);background-color:transparent;color:var(--ws-ft-text);cursor:pointer;font-family:inherit;font-size:1.6rem;font-weight:600;border-radius:999px;transition:background-color .2s,color .2s,border-color .2s;flex-shrink:0;white-space:nowrap}.free-tool-section .ws-ft-tab-button:hover{border-color:var(--ws-ft-green);color:var(--ws-ft-green)}.free-tool-section .ws-ft-tab-button[aria-selected=true]{background-color:var(--ws-ft-green);border-color:var(--ws-ft-green);color:var(--ws-ft-dark)}.free-tool-section .ws-ft-tab-panel{display:flex;flex-direction:column;gap:6rem}.free-tool-section #panel-bpm>.ws-ft-card:first-child,.free-tool-section #panel-key-scale>.ws-ft-card:first-child{position:relative;z-index:9}.free-tool-section .ws-ft-hidden{display:none}.free-tool-section .ws-ft-card{background-color:var(--ws-ft-panel);border-radius:20px;padding:6rem;display:flex;flex-direction:column;gap:1.5rem;position:relative}.free-tool-section .ws-ft-card p{margin:0}.free-tool-section .ws-ft-card .ws-ft-description{color:var(--ws-ft-text-bright);font-size:1.8rem;font-weight:300;line-height:1.51}.free-tool-section .ws-ft-input-grid{display:grid;grid-template-columns:1fr;column-gap:4rem;row-gap:2.4rem;padding-top:3.5rem}@media(min-width:640px){.free-tool-section .ws-ft-input-grid{grid-template-columns:1fr 1fr}}@media(min-width:990px){.free-tool-section .ws-ft-input-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.free-tool-section .ws-ft-input-grid label{display:block;font-size:1.8rem;font-weight:400;color:var(--ws-ft-text-bright);margin-bottom:1.4rem}.free-tool-section .ws-ft-common-input-styles{width:100%;height:5rem;background-color:transparent;border:1px solid var(--ws-ft-text);border-radius:999px;padding:0 2rem;color:var(--ws-ft-text);font-family:inherit;font-size:2rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.free-tool-section select.ws-ft-common-input-styles{-webkit-appearance:none;appearance:none;padding-right:4.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23F4F4F5' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2rem center}.free-tool-section select.ws-ft-common-input-styles option{background-color:var(--ws-ft-panel);color:var(--ws-ft-text)}.free-tool-section .ws-ft-common-input-styles::placeholder{color:var(--ws-ft-text-muted)}.free-tool-section .ws-ft-common-input-styles:not(button):focus{outline:none;border-color:var(--ws-ft-green);box-shadow:0 0 0 2px var(--accent-focus-ring)}.free-tool-section .ws-ft-common-input-styles:disabled{opacity:.5;cursor:not-allowed}.free-tool-section input.ws-ft-common-input-styles[type=number]{-moz-appearance:textfield}.free-tool-section input.ws-ft-common-input-styles::-webkit-outer-spin-button,.free-tool-section input.ws-ft-common-input-styles::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.free-tool-section .ws-ft-stepper{position:relative}.free-tool-section .ws-ft-stepper .ws-ft-common-input-styles{padding:0 5rem;text-align:center}.free-tool-section .ws-ft-step{position:absolute;top:50%;transform:translateY(-50%);width:3.2rem;height:3.2rem;border:none;border-radius:50%;background-color:var(--ws-ft-card);color:var(--ws-ft-text);font-size:2rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s;padding:0}.free-tool-section .ws-ft-step:hover{opacity:.85}.free-tool-section .ws-ft-step-minus{left:.9rem}.free-tool-section .ws-ft-step-plus{right:.9rem;background-color:var(--ws-ft-green);color:var(--ws-ft-dark)}.free-tool-section .ws-ft-results-container{margin-top:3.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:2.7rem}@media(min-width:768px){.free-tool-section .ws-ft-results-container.ws-ft-four-items{grid-template-columns:repeat(4,1fr)}}.free-tool-section .ws-ft-result-box{background-color:var(--ws-ft-card);border-radius:10px;padding:2rem 1rem 2.7rem;text-align:center}.free-tool-section .ws-ft-result-box .ws-ft-label{font-size:1.8rem;font-weight:300;color:var(--ws-ft-text-bright);margin-bottom:2rem}.free-tool-section .ws-ft-result-box .ws-ft-value{font-size:4.4rem;font-weight:800;color:var(--ws-ft-green);line-height:1.14;word-break:break-all}.free-tool-section .ws-ft-result-box .ws-ft-unit{font-size:2.4rem;font-weight:400;color:var(--ws-ft-green);margin-left:.5rem}.free-tool-section .ws-ft-quick-ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin-top:3.5rem}@media(min-width:640px){.free-tool-section .ws-ft-quick-ref-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.free-tool-section .ws-ft-quick-ref-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.free-tool-section .ws-ft-quick-ref-item{background-color:var(--ws-ft-card);border-radius:10px;padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.free-tool-section .ws-ft-quick-ref-item .ws-ft-name{font-size:1.4rem;font-weight:400;line-height:1.15;color:var(--ws-ft-text);margin-bottom:0;min-height:3.2rem;display:flex;align-items:center;justify-content:center}.free-tool-section .ws-ft-quick-ref-item .ws-ft-samples-value,.free-tool-section .ws-ft-quick-ref-item .ws-ft-duration-value{font-size:2.4rem;font-weight:600;color:var(--ws-ft-green)}.free-tool-section .ws-ft-quick-ref-item .ws-ft-unit{font-size:1.4rem;font-weight:300;color:var(--ws-ft-text)}.free-tool-section .ws-ft-quick-ref-item hr{border:none;border-top:1px solid var(--ws-ft-divider);margin:.2rem 0;width:100%}.free-tool-section .ws-ft-visualizer-container{margin-top:1.5rem}.free-tool-section .ws-ft-keyboard{display:flex;justify-content:center;height:19rem;position:relative}.free-tool-section .ws-ft-key{border:1px solid var(--ws-ft-dark);border-radius:0 0 .4rem .4rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.8rem;font-weight:500;font-size:1.4rem;color:var(--slate-600);transition:background-color .2s;cursor:pointer}.free-tool-section .ws-ft-key.ws-ft-white{width:14.28%;height:100%;background-color:var(--slate-100)}.free-tool-section .ws-ft-key.ws-ft-black{width:8%;height:60%;background-color:var(--ws-ft-dark);color:var(--slate-300);position:absolute;z-index:10}.free-tool-section .ws-ft-key.ws-ft-black[data-note="C#"]{left:10.28%}.free-tool-section .ws-ft-key.ws-ft-black[data-note="D#"]{left:24.57%}.free-tool-section .ws-ft-key.ws-ft-black[data-note="F#"]{left:53.14%}.free-tool-section .ws-ft-key.ws-ft-black[data-note="G#"]{left:67.42%}.free-tool-section .ws-ft-key.ws-ft-black[data-note="A#"]{left:81.71%}.free-tool-section .ws-ft-key.ws-ft-active,.free-tool-section .ws-ft-key.ws-ft-selected{background-color:var(--ws-ft-green);color:var(--ws-ft-dark)}.free-tool-section .ws-ft-key.ws-ft-root{background-color:var(--ws-ft-green);color:var(--ws-ft-dark);border:2px solid var(--accent-300)}.free-tool-section .ws-ft-relative-key-card{background-color:var(--ws-ft-card);border-radius:10px;padding:2rem;text-align:center;margin-top:1.5rem;font-size:1.6rem;color:var(--slate-300)}.free-tool-section .ws-ft-relative-key-card strong{color:var(--ws-ft-green);font-weight:700}.free-tool-section .ws-ft-chord-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.3rem;margin-top:1rem}.free-tool-section .ws-ft-chord-item{background-color:var(--ws-ft-card);border-radius:10px;padding:2rem;text-align:center}.free-tool-section .ws-ft-chord-item .ws-ft-name{font-size:2rem;font-weight:700;color:var(--ws-ft-green)}.free-tool-section .ws-ft-chord-item .ws-ft-degree{font-size:1.4rem;color:var(--ws-ft-text-muted);margin-bottom:.8rem}.free-tool-section .ws-ft-chord-item .ws-ft-notes{font-size:1.6rem;color:var(--slate-300);margin-top:1.2rem}.free-tool-section #key-finder-results-container{display:grid;grid-template-columns:1fr;gap:1.3rem;margin-bottom:2.4rem;min-height:11rem}.free-tool-section #key-finder-results-container .ws-ft-result-box.ws-ft-primary{background-color:var(--ws-ft-dark);border:1px solid var(--ws-ft-green)}.free-tool-section #key-finder-other-matches{color:var(--slate-300);font-size:1.6rem}.free-tool-section #key-finder-other-matches button,.free-tool-section .ws-ft-key-finder-primary-match button{background-color:var(--ws-ft-card);border:1px solid var(--ws-ft-divider);color:var(--ws-ft-text);padding:.5rem 1.4rem;border-radius:999px;margin:.4rem;font-weight:500;cursor:pointer;font-family:inherit;font-size:1.6rem;transition:background-color .2s,border-color .2s,color .2s,text-decoration-color .2s}.free-tool-section .ws-ft-key-finder-primary-match button{background:none;border:none;padding:0;margin:0;font-size:3.2rem;font-weight:700;color:var(--ws-ft-green);line-height:1.2}.free-tool-section #key-finder-other-matches button:hover,.free-tool-section .ws-ft-key-finder-primary-match button:hover{background-color:var(--slate-600)}.free-tool-section .ws-ft-key-finder-primary-match button:hover{background:none;color:var(--accent-300)}.free-tool-section #key-finder-other-matches button.ws-ft-active-suggestion,.free-tool-section .ws-ft-key-finder-primary-match button.ws-ft-active-suggestion{background-color:var(--ws-ft-green);color:var(--ws-ft-dark);border-color:var(--ws-ft-green)}.free-tool-section .ws-ft-key-finder-primary-match button.ws-ft-active-suggestion{background:none;border-color:transparent;color:var(--ws-ft-green);text-decoration:underline;text-decoration-color:var(--ws-ft-green);text-underline-offset:4px}.free-tool-section .ws-ft-seo-description{font-family:var(--font-body-family);font-weight:300;color:var(--ws-ft-text);margin-bottom:1rem;text-align:center;max-width:100%;line-height:1.66;letter-spacing:.02em;font-size:1.8rem}@media(min-width:990px){.free-tool-section .ws-ft-seo-description{font-size:2.4rem}}@media(max-width:989px){.free-tool-section .ws-ft-card{padding:3rem}.free-tool-section .ws-ft-tabs{gap:1.2rem;margin-bottom:4rem}}@media(max-width:749px){.free-tool-section h1{font-size:2.4rem}.free-tool-section h2{font-size:2.2rem}.free-tool-section .ws-ft-card{padding:2rem}.free-tool-section .ws-ft-result-box .ws-ft-value{font-size:2.8rem}.free-tool-section .ws-ft-result-box .ws-ft-unit{font-size:1.6rem}.free-tool-section .ws-ft-result-box .ws-ft-label{margin-bottom:1rem}.free-tool-section .ws-ft-keyboard{height:13rem}.free-tool-section .ws-ft-quick-ref-item{padding:2.4rem 1.5rem}}@media(max-width:480px){.free-tool-section .ws-ft-results-container,.free-tool-section .ws-ft-quick-ref-grid{grid-template-columns:1fr}.free-tool-section .ws-ft-key.ws-ft-black{width:10%}}.free-tool-section h1,.free-tool-section h2,.free-tool-section h3{font-family:var(--font-heading-family)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/free-tools.css.map */