body{font-family:Trebuchet MS;margin:0}#wrapper{align-items:center;display:flex;height:100vh;justify-content:space-evenly;position:absolute;width:100vw}#backdropFull{width:100%}#backdropA,#backdropFull{background:url(/static/media/noise.f275fdabd249802191a4.png) #333;height:100%;position:absolute;z-index:-1}#backdropA{left:0;width:50%}#backdropB{background:url(/static/media/noise.f275fdabd249802191a4.png) #4e67cd;height:100%;position:absolute;right:0;width:50%;z-index:-1}.cardContent{border-radius:4px;box-shadow:-2px 2px 3px #00000055,inset -1px 1px 2px #ffffff99;cursor:grab;height:35px;outline:1px solid #00000088;overflow:hidden;-webkit-user-select:none;user-select:none}.cardNumber{color:#000;font-family:Trebuchet MS;font-size:.5em;font-weight:700;padding-top:3px}.textContainer{border-radius:8px;height:19px;margin:1px 3px 0;white-space:nowrap}.rootText{font-size:.9em;line-height:18px}.rootText,.seventhText{font-family:Bravura;width:-webkit-min-content;width:min-content}.seventhText{font-size:.6em;line-height:22px;margin-left:2px}.unmarked{background-color:#ff0}.dim{background-color:#2297bf}.min{background-color:#86d1ea}.maj{background-color:#d3d2cf}.aug{background-color:#e38363}.dim7,.hdim7{background-color:#2297bf}.min7,.minmaj7{background-color:#86d1ea}.dom7,.maj7{background-color:#d3d2cf}.aug7,.augmaj7{background-color:#e38363}.empty{border-radius:4px;box-shadow:inset 1px -1px 1px #ffffff80,inset -2px 2px 6px #00000040;color:#fff;font-size:.9em;font-weight:700;height:35px;line-height:35px;max-width:57px;min-width:25px;overflow-x:hidden;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.bar{overflow:hidden}.bar,.bar *,.line{z-index:1}.line{align-items:center;border-right:1px solid transparent;border-top:1px solid transparent;display:flex;flex-direction:row;gap:7px;height:52px;padding:0 10px}.line *{z-index:1}.removeLineButton{font-size:1.1em;margin:15px 0 0 6px;position:absolute;right:-30px}.newLineButton,.removeLineButton{background-color:#00000033;border-radius:50%;color:#ffffffdd;cursor:pointer;height:20px;line-height:18px;text-align:center;width:20px}.newLineButton{font-family:Trebuchet MS}@font-face{font-family:Bravura;src:url(/static/media/BravuraText.23a724b81c9358d267f3.woff) format("woff"),url(/static/media/BravuraText.b83aeb76ec141ad2681a.woff2) format("woff2")}:root{--defShadow:-3px 3px 3px #0000002b}.componentWrapper{width:-webkit-min-content;width:min-content}.componentWrapper,.componentWrapperFill{height:-webkit-min-content;height:min-content;position:relative}.backdrop,.componentWrapperFill{width:100%}.backdrop{border-radius:8px;border-right:1px solid #ffffff88;border-top:1px solid #ffffff88;box-shadow:-3px 3px 3px #0000002b;box-shadow:var(--defShadow);height:100%;position:absolute;z-index:0}.blur{-webkit-backdrop-filter:invert(1) hue-rotate(180deg) blur(10px) contrast(40%) brightness(100%);backdrop-filter:invert(1) hue-rotate(180deg) blur(10px) contrast(40%) brightness(100%);background-image:url(/static/media/noise.f275fdabd249802191a4.png)}.settingsBar{border-right:1px solid transparent;border-top:1px solid transparent;display:flex;flex-direction:row;height:30px;width:auto;z-index:1}.settingsBar *{z-index:1}.transposeButton{background:linear-gradient(#ffffff44,transparent);border-radius:2px;cursor:pointer;font-size:1.2em;line-height:13px;-webkit-user-select:none;user-select:none}.transposeButton:hover{background:#ffffff44;color:#fff}.seventhButton{border-radius:5px;cursor:pointer;-webkit-filter:drop-shadow(-2px 2px 3px #00000055);filter:drop-shadow(-2px 2px 3px #00000055);font-family:Trebuchet MS;font-size:.8em;font-weight:700;line-height:17px;margin:5px 10px 5px auto;text-align:center;-webkit-user-select:none;user-select:none;width:16px}.seventhButton:hover{-webkit-filter:invert(1);filter:invert(1)}.reference{align-items:center;display:flex;height:100%;justify-content:center;left:-40px;position:absolute;transition:opacity .25s ease-in-out;width:40px}.reference__marker{cursor:pointer;height:18px;width:18px}.reference__marker--selected{background:radial-gradient(#f05 33.3%,transparent 50%)}.reference__marker--unselected{background:radial-gradient(#0000002b 25%,#ffffff88 0 40%,#0000002b 40%,transparent 66.6%)}.reference__marker--unselected:hover{background:radial-gradient(#ffffff88 25%,#0000002b 33.3%,transparent 66.6%)}.headerRow{align-items:center;background-color:#ffffff22;box-shadow:0 2px 2px #ffffff33,inset -3px 0 2px #00000022;box-sizing:initial;display:flex;height:100%;padding:0 10px}.modeTag{background-color:#333;border-radius:4px;border-right:1px solid #ffffff88;border-top:1px solid #ffffff88;color:#fff;font-family:Lacquer;font-size:1em;height:19px;line-height:17px;padding:5px 15px}.contentRow{align-items:center;box-shadow:0 2px 2px #ffffff33;display:flex;flex-direction:row;gap:7px;height:100%;justify-content:space-between;padding:0 10px}.coverage{height:100%;position:absolute;width:100%}.texture{z-index:-1}.color{z-index:-2}.backdrop__controls{align-items:center;bottom:15px;display:flex;gap:10px;left:15px;opacity:.333;position:absolute;transition:opacity .25s ease-in-out}.backdrop__controls:hover{opacity:1}.colorInput{height:50px;width:50px}.rangeInput{-webkit-appearance:slider-vertical;appearance:slider-vertical;height:50px;width:10px}
/*# sourceMappingURL=main.6921e0b6.css.map*/