.text-center{text-align:center}body{font-family:Khula,sans-serif}.select-title{display:block}.results{list-style-type:none;width:100%;padding-left:unset;background-image:-webkit-linear-gradient(right,#ebe9ee,#f5f3f0);background-image:linear-gradient(-90deg,#ebe9ee,#f5f3f0)}.results li{display:inline-block;padding:1rem;width:20%;text-align:center}.results li.active{background-image:-webkit-linear-gradient(right,#7a0c9a,#f92a89);background-image:linear-gradient(-90deg,#7a0c9a,#f92a89);color:#fff;border-radius:36px}.dial-container{width:100%;margin-bottom:5rem}.chord-selector{padding-right:2rem;min-width:12rem;background-image:-webkit-linear-gradient(right,#ebe9ee,#f5f3f0);background-image:linear-gradient(-90deg,#ebe9ee,#f5f3f0);border-radius:36px;margin:0 auto}.chord-selector select{padding:1rem;background:none;margin:0;border:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none}.chord-selector select:first-child{border-right:1px solid #e8d1d1}.chord-selector select:after{content:"";background:url(https://unsplash.it/200/300);background-position:50%;background-size:cover}.chord-container{border:1px solid #e6e6e6;border-radius:10%;padding:10px;float:none;margin:0 auto;width:8rem}.top-section{background-color:#fdfffa;padding-bottom:2.8rem}.circle-container li{color:#978fab}.chord-diagram-container{padding:.6rem 2rem 2rem}.chord-header-title{font-size:1.3rem}.seperator-medium{width:100%;margin-bottom:1.5rem}.results li{cursor:pointer}.sep--large{padding-top:6rem;display:block}.sep--medium{padding-top:3rem;display:block}.sep--small{padding-top:1rem;display:block}img{display:block;max-width:100%;border-radius:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.15s;transition:.15s}img:active,img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.circle-container{position:relative;width:15em;height:15em;padding:0;border-radius:50%;list-style:none;margin:8em auto 0;background:url(/chord-pro/static/media/dial.8f39f8f5.png);background-size:100%;background-repeat:no-repeat;background-position:50%}.circle-container>*{display:block;position:absolute;top:50%;left:50%;width:1.2em;height:1.2em;margin:-.6em}.circle-container>:first-of-type{-webkit-transform:rotate(0deg) translate(9.5em) rotate(0deg);transform:rotate(0deg) translate(9.5em) rotate(0deg)}.circle-container>:nth-of-type(2){-webkit-transform:rotate(30deg) translate(9.5em) rotate(-30deg);transform:rotate(30deg) translate(9.5em) rotate(-30deg)}.circle-container>:nth-of-type(3){-webkit-transform:rotate(60deg) translate(9.5em) rotate(-60deg);transform:rotate(60deg) translate(9.5em) rotate(-60deg)}.circle-container>:nth-of-type(4){-webkit-transform:rotate(90deg) translate(9.5em) rotate(-90deg);transform:rotate(90deg) translate(9.5em) rotate(-90deg)}.circle-container>:nth-of-type(5){-webkit-transform:rotate(120deg) translate(9.5em) rotate(-120deg);transform:rotate(120deg) translate(9.5em) rotate(-120deg)}.circle-container>:nth-of-type(6){-webkit-transform:rotate(150deg) translate(9.5em) rotate(-150deg);transform:rotate(150deg) translate(9.5em) rotate(-150deg)}.circle-container>:nth-of-type(7){-webkit-transform:rotate(180deg) translate(9.5em) rotate(-180deg);transform:rotate(180deg) translate(9.5em) rotate(-180deg)}.circle-container>:nth-of-type(8){-webkit-transform:rotate(210deg) translate(9.5em) rotate(-210deg);transform:rotate(210deg) translate(9.5em) rotate(-210deg)}.circle-container>:nth-of-type(9){-webkit-transform:rotate(240deg) translate(9.5em) rotate(-240deg);transform:rotate(240deg) translate(9.5em) rotate(-240deg)}.circle-container>:nth-of-type(10){-webkit-transform:rotate(270deg) translate(9.5em) rotate(-270deg);transform:rotate(270deg) translate(9.5em) rotate(-270deg)}.circle-container>:nth-of-type(11){-webkit-transform:rotate(300deg) translate(9.5em) rotate(-300deg);transform:rotate(300deg) translate(9.5em) rotate(-300deg)}.circle-container>:nth-of-type(12){-webkit-transform:rotate(330deg) translate(9.5em) rotate(-330deg);transform:rotate(330deg) translate(9.5em) rotate(-330deg)}
/*# sourceMappingURL=main.8df83c0c.chunk.css.map */