.refactor .visual-instrument__shadow-box-wrap{position:relative;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1rem 6rem}@media (max-width:992px){.refactor .visual-instrument__shadow-box-wrap{padding:0}}.refactor .visual-instrument__notations{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:15px 33px;font-size:16px;font-weight:400;color:var(--color-grey)}.refactor .visual-instrument__chords{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1.5rem;max-width:720px;margin:auto;padding:30px 2px 10px}@media (max-width:992px){.refactor .visual-instrument__chords{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:12px;padding-right:12px;max-width:485px}}.refactor .visual-instrument__chords--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:32px;height:32px;min-width:32px;color:#000;font-size:11px;font-weight:700;white-space:nowrap}.refactor .visual-instrument__chords--item:hover{text-decoration:none;color:#000}.refactor .visual-instrument__chords--item:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border:2px solid transparent;border-radius:15px;opacity:.2;z-index:-1}.refactor .visual-instrument__chords--item.active:before{opacity:1;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(transparent));background:linear-gradient(#fff,transparent);-webkit-box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px #00000080}.refactor .visual-instrument__chords--item.chord--c:before{background-color:#ff35bb;border-color:#ff35bb}.refactor .visual-instrument__chords--item.chord--cs:before{background-color:#ff8cd7;border-color:#ff8cd7}.refactor .visual-instrument__chords--item.chord--d:before{background-color:#ffb700;border-color:#ffb700}.refactor .visual-instrument__chords--item.chord--ds:before{background-color:#fbdc8f;border-color:#fbdc8f}.refactor .visual-instrument__chords--item.chord--e:before{background-color:#ffe600;border-color:#ffe600}.refactor .visual-instrument__chords--item.chord--f:before{background-color:#00f900;border-color:#00f900}.refactor .visual-instrument__chords--item.chord--fs:before{background-color:#00d64e;border-color:#00d64e}.refactor .visual-instrument__chords--item.chord--g:before{background-color:#00fdf7;border-color:#00fdf7}.refactor .visual-instrument__chords--item.chord--gs:before{background-color:#00d64e;border-color:#00d64e}.refactor .visual-instrument__chords--item.chord--a:before{background-color:#00f900;border-color:#00f900}.refactor .visual-instrument__chords--item.chord--as:before{background-color:#00d64e;border-color:#00d64e}.refactor .visual-instrument__chords--item.chord--b:before{background-color:#00f900;border-color:#00f900}.refactor .visual-instrument__chords--item.chord--bs:before{background-color:#00d64e;border-color:#00d64e}.refactor .visual-instrument__intervals{padding-top:20px;padding-bottom:40px}.refactor .visual-instrument__play-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:141px;height:40px;padding-left:13px;padding-right:13px;border-radius:20px;background:var(--color-primary);font-size:16px;font-weight:400;color:#fff}.refactor .visual-instrument__play-button:hover{cursor:pointer;background:var(--color-primary);-webkit-filter:brightness(95%);filter:brightness(95%)}.refactor .visual-instrument__play-button--disabled{opacity:.35;pointer-events:none;-webkit-filter:brightness(95%);filter:brightness(95%)}.refactor .visual-instrument__play-button__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;width:20px;height:20px;background:#fff;color:var(--color-primary);border-radius:50%}.refactor .visual-instrument__play-button__text{font-size:16px;font-weight:400;color:#fff}.refactor .visual-instrument__intervals>*{margin:0!important}.refactor .visual-instrument__intervals{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.refactor .visual-instrument__staves-wrap{text-align:center}.refactor .custom-select-minimalistic{position:relative}.refactor .custom-select-minimalistic:before{content:"";position:absolute;top:7px;left:10px;width:7px;height:7px;border-bottom:2px solid var(--color-grey);border-right:2px solid var(--color-grey);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}.refactor .custom-select-minimalistic select{border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding-left:30px;font-size:16px;font-weight:400;color:var(--color-grey);background-color:inherit}.refactor .custom-select-minimalistic select:hover{cursor:pointer}.refactor .custom-select-bordered{position:relative;width:160px}.refactor .custom-select-bordered:before{content:"";position:absolute;top:15px;right:15px;width:7px;height:7px;border-bottom:2px solid var(--color-grey);border-right:2px solid var(--color-grey);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}.refactor .custom-select-bordered select{height:40px;width:100%;border:1px solid var(--color-grey);border-radius:20px;padding:0 20px;font-size:16px;font-weight:400;color:var(--color-grey);background-color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.refactor .custom-select-bordered select:hover{cursor:pointer}