a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.keyboard-container{margin:0 auto;max-width:63rem;overflow-x:auto;padding-bottom:.3rem;text-align:center;white-space:nowrap}.keyboard-container .keyboard-key{border:.07rem solid #c2c2c2;border-radius:0 0 5px 5px;box-shadow:0 5px 1px rgba(32,32,32,.2);box-sizing:border-box;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top}.keyboard-container .keyboard-key.clicked{box-shadow:none;top:5px}.keyboard-container .keyboard-key.white{background-color:#fff;color:#000;height:10rem;width:3rem;z-index:0}.keyboard-container .keyboard-key.white:hover{background-color:#9e9e9e}.keyboard-container .keyboard-key.black{background-color:#333;color:#a8a8a8;font-size:90%;height:6rem;margin-left:-1.125rem;width:2.25rem;z-index:1}.keyboard-container .keyboard-key.black:hover{background-color:#9e9e9e;color:#000}.keyboard-container .keyboard-key.black+.white{margin-left:-1.125rem}.keyboard-container .keyboard-key.active.color-1{background-color:#781c81;color:#fff}.keyboard-container .keyboard-key.active.color-1:hover{background-color:#8b2196}.keyboard-container .keyboard-key.active.color-2{background-color:#4e1e81;color:#fff}.keyboard-container .keyboard-key.active.color-2:hover{background-color:#5b2396}.keyboard-container .keyboard-key.active.color-3{background-color:#413992;color:#fff}.keyboard-container .keyboard-key.active.color-3:hover{background-color:#4940a4}.keyboard-container .keyboard-key.active.color-4{background-color:#3f5cab;color:#fff}.keyboard-container .keyboard-key.active.color-4:hover{background-color:#4867bc}.keyboard-container .keyboard-key.active.color-5{background-color:#447cbf;color:#fff}.keyboard-container .keyboard-key.active.color-5:hover{background-color:#5789c6}.keyboard-container .keyboard-key.active.color-6{background-color:#4d95be;color:#fff}.keyboard-container .keyboard-key.active.color-6:hover{background-color:#60a0c5}.keyboard-container .keyboard-key.active.color-7{background-color:#5ba7a6;color:#fff}.keyboard-container .keyboard-key.active.color-7:hover{background-color:#6cb0af}.keyboard-container .keyboard-key.active.color-8{background-color:#6eb388;color:#fff}.keyboard-container .keyboard-key.active.color-8:hover{background-color:#7fbc96}.keyboard-container .keyboard-key.active.color-9{background-color:#83ba6d;color:#fff}.keyboard-container .keyboard-key.active.color-9:hover{background-color:#92c27e}.keyboard-container .keyboard-key.active.color-10{background-color:#9cbe5a;color:#fff}.keyboard-container .keyboard-key.active.color-10:hover{background-color:#a7c56c}.keyboard-container .keyboard-key.active.color-11{background-color:#b4bd4c;color:#fff}.keyboard-container .keyboard-key.active.color-11:hover{background-color:#bcc45f}.keyboard-container .keyboard-key.active.color-12{background-color:#cab842;color:#fff}.keyboard-container .keyboard-key.active.color-12:hover{background-color:#d0bf56}.keyboard-container .keyboard-key.active.color-13{background-color:#dbab3b;color:#fff}.keyboard-container .keyboard-key.active.color-13:hover{background-color:#dfb451}.keyboard-container .keyboard-key.active.color-14{background-color:#e59435;color:#fff}.keyboard-container .keyboard-key.active.color-14:hover{background-color:#e8a04c}.keyboard-container .keyboard-key.active.color-15{background-color:#e7732f;color:#fff}.keyboard-container .keyboard-key.active.color-15:hover{background-color:#ea8246}.keyboard-container .keyboard-key.active.color-16{background-color:#e24a28;color:#fff}.keyboard-container .keyboard-key.active.color-16:hover{background-color:#e55d3e}.keyboard-container .keyboard-key.active.color-17{background-color:#d92120;color:#fff}.keyboard-container .keyboard-key.active.color-17:hover{background-color:#e13332}.keyboard-container .keyboard-key .keyboard-key-label{bottom:1rem;left:0;position:absolute;right:0;text-align:center}.keySelector-container .keySelector-button{border-radius:5px;cursor:pointer;display:inline-block;font-size:1.2rem;padding:.3rem .5rem;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keySelector-container .keySelector-button.color-1{color:#781c81}.keySelector-container .keySelector-button.color-1.active{background-color:#781c81;color:#fff}.keySelector-container .keySelector-button.color-2{color:#4e1e81}.keySelector-container .keySelector-button.color-2.active{background-color:#4e1e81;color:#fff}.keySelector-container .keySelector-button.color-3{color:#413992}.keySelector-container .keySelector-button.color-3.active{background-color:#413992;color:#fff}.keySelector-container .keySelector-button.color-4{color:#3f5cab}.keySelector-container .keySelector-button.color-4.active{background-color:#3f5cab;color:#fff}.keySelector-container .keySelector-button.color-5{color:#447cbf}.keySelector-container .keySelector-button.color-5.active{background-color:#447cbf;color:#fff}.keySelector-container .keySelector-button.color-6{color:#4d95be}.keySelector-container .keySelector-button.color-6.active{background-color:#4d95be;color:#fff}.keySelector-container .keySelector-button.color-7{color:#5ba7a6}.keySelector-container .keySelector-button.color-7.active{background-color:#5ba7a6;color:#fff}.keySelector-container .keySelector-button.color-8{color:#6eb388}.keySelector-container .keySelector-button.color-8.active{background-color:#6eb388;color:#fff}.keySelector-container .keySelector-button.color-9{color:#83ba6d}.keySelector-container .keySelector-button.color-9.active{background-color:#83ba6d;color:#fff}.keySelector-container .keySelector-button.color-10{color:#9cbe5a}.keySelector-container .keySelector-button.color-10.active{background-color:#9cbe5a;color:#fff}.keySelector-container .keySelector-button.color-11{color:#b4bd4c}.keySelector-container .keySelector-button.color-11.active{background-color:#b4bd4c;color:#fff}.keySelector-container .keySelector-button.color-12{color:#cab842}.keySelector-container .keySelector-button.color-12.active{background-color:#cab842;color:#fff}.keySelector-container .keySelector-button.color-13{color:#dbab3b}.keySelector-container .keySelector-button.color-13.active{background-color:#dbab3b;color:#fff}.keySelector-container .keySelector-button.color-14{color:#e59435}.keySelector-container .keySelector-button.color-14.active{background-color:#e59435;color:#fff}.keySelector-container .keySelector-button.color-15{color:#e7732f}.keySelector-container .keySelector-button.color-15.active{background-color:#e7732f;color:#fff}.keySelector-container .keySelector-button.color-16{color:#e24a28}.keySelector-container .keySelector-button.color-16.active{background-color:#e24a28;color:#fff}.keySelector-container .keySelector-button.color-17{color:#d92120}.keySelector-container .keySelector-button.color-17.active{background-color:#d92120;color:#fff}.ChordThumbnail-svg rect.white{fill:#fff;stroke-width:1;stroke:#bebebe}.ChordThumbnail-svg rect.black{fill:#3f3f3f}.ChordThumbnail-svg rect.active.color-1{fill:#9f25ab}.ChordThumbnail-svg rect.active.color-2{fill:#8035d0}.ChordThumbnail-svg rect.active.color-3{fill:#6259be}.ChordThumbnail-svg rect.active.color-4{fill:#3f5cab}.ChordThumbnail-svg rect.active.color-5{fill:#447cbf}.ChordThumbnail-svg rect.active.color-6{fill:#4d95be}.ChordThumbnail-svg rect.active.color-7{fill:#5ba7a6}.ChordThumbnail-svg rect.active.color-8{fill:#6eb388}.ChordThumbnail-svg rect.active.color-9{fill:#83ba6d}.ChordThumbnail-svg rect.active.color-10{fill:#9cbe5a}.ChordThumbnail-svg rect.active.color-11{fill:#b4bd4c}.ChordThumbnail-svg rect.active.color-12{fill:#cab842}.ChordThumbnail-svg rect.active.color-13{fill:#dbab3b}.ChordThumbnail-svg rect.active.color-14{fill:#e59435}.ChordThumbnail-svg rect.active.color-15{fill:#e7732f}.ChordThumbnail-svg rect.active.color-16{fill:#e24a28}.ChordThumbnail-svg rect.active.color-17{fill:#e3403f}.chordSelector-container{background-color:#fbfbfb;border-radius:5px;box-sizing:border-box;margin:.5rem auto;max-width:63rem;padding:1rem}.chordSelector-container input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1.5px solid #aeaeae;border-radius:5px;box-sizing:border-box;color:#363636;display:inline-flex;font-family:inherit;font-size:1rem;height:2.25em;justify-content:flex-start;line-height:1.5;margin-bottom:1rem;max-width:100%;padding:.375em .625em;position:relative;vertical-align:top;width:100%}.chordSelector-container input:hover{border-color:#858585}.chordSelector-container input:active,.chordSelector-container input:focus{border-color:#3273dc;box-shadow:0 0 0 .2rem rgba(50,115,220,.25);outline:0}.chordSelector-container input.color-1:focus{border-color:#781c81;box-shadow:0 0 0 .2em rgba(120,28,129,.2)}.chordSelector-container input.color-2:focus{border-color:#4e1e81;box-shadow:0 0 0 .2em rgba(78,30,129,.2)}.chordSelector-container input.color-3:focus{border-color:#413992;box-shadow:0 0 0 .2em rgba(65,57,146,.2)}.chordSelector-container input.color-4:focus{border-color:#3f5cab;box-shadow:0 0 0 .2em rgba(63,92,171,.2)}.chordSelector-container input.color-5:focus{border-color:#447cbf;box-shadow:0 0 0 .2em rgba(68,124,191,.2)}.chordSelector-container input.color-6:focus{border-color:#4d95be;box-shadow:0 0 0 .2em rgba(77,149,190,.2)}.chordSelector-container input.color-7:focus{border-color:#5ba7a6;box-shadow:0 0 0 .2em rgba(91,167,166,.2)}.chordSelector-container input.color-8:focus{border-color:#6eb388;box-shadow:0 0 0 .2em rgba(110,179,136,.2)}.chordSelector-container input.color-9:focus{border-color:#83ba6d;box-shadow:0 0 0 .2em rgba(131,186,109,.2)}.chordSelector-container input.color-10:focus{border-color:#9cbe5a;box-shadow:0 0 0 .2em rgba(156,190,90,.2)}.chordSelector-container input.color-11:focus{border-color:#b4bd4c;box-shadow:0 0 0 .2em rgba(180,189,76,.2)}.chordSelector-container input.color-12:focus{border-color:#cab842;box-shadow:0 0 0 .2em rgba(202,184,66,.2)}.chordSelector-container input.color-13:focus{border-color:#dbab3b;box-shadow:0 0 0 .2em rgba(219,171,59,.2)}.chordSelector-container input.color-14:focus{border-color:#e59435;box-shadow:0 0 0 .2em rgba(229,148,53,.2)}.chordSelector-container input.color-15:focus{border-color:#e7732f;box-shadow:0 0 0 .2em rgba(231,115,47,.2)}.chordSelector-container input.color-16:focus{border-color:#e24a28;box-shadow:0 0 0 .2em rgba(226,74,40,.2)}.chordSelector-container input.color-17:focus{border-color:#d92120;box-shadow:0 0 0 .2em rgba(217,33,32,.2)}.chordSelector-container .chord-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.chordSelector-container .chord-container .chord{background-color:#fff;border-radius:5px;box-shadow:0 0 5px 0 #e9e9e9;box-sizing:border-box;color:#000;flex-grow:1;margin:3px;padding:2rem .5rem;text-align:center;text-decoration:none}.chordSelector-container .chord-container .chord:hover .name{background:-webkit-repeating-linear-gradient(45deg,#000,#999 20px,#999 0,#000 30px);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.chordSelector-container .chord-container .chord:hover.color-1{background:linear-gradient(45deg,#fff,rgba(120,28,129,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-2{background:linear-gradient(45deg,#fff,rgba(78,30,129,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-3{background:linear-gradient(45deg,#fff,rgba(65,57,146,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-4{background:linear-gradient(45deg,#fff,rgba(63,92,171,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-5{background:linear-gradient(45deg,#fff,rgba(68,124,191,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-6{background:linear-gradient(45deg,#fff,rgba(77,149,190,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-7{background:linear-gradient(45deg,#fff,rgba(91,167,166,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-8{background:linear-gradient(45deg,#fff,rgba(110,179,136,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-9{background:linear-gradient(45deg,#fff,rgba(131,186,109,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-10{background:linear-gradient(45deg,#fff,rgba(156,190,90,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-11{background:linear-gradient(45deg,#fff,rgba(180,189,76,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-12{background:linear-gradient(45deg,#fff,rgba(202,184,66,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-13{background:linear-gradient(45deg,#fff,rgba(219,171,59,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-14{background:linear-gradient(45deg,#fff,rgba(229,148,53,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-15{background:linear-gradient(45deg,#fff,rgba(231,115,47,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-16{background:linear-gradient(45deg,#fff,rgba(226,74,40,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord:hover.color-17{background:linear-gradient(45deg,#fff,rgba(217,33,32,.1));box-shadow:0 0 5px 0 #dcdcdc}.chordSelector-container .chord-container .chord .name{font-size:1rem;margin-top:.75rem}.chordSelector-container .chord-container .missing-chord{color:#4d4d4d;line-height:1.3rem}.chordSelector-container .chord-container .missing-chord a,.chordSelector-container .chord-container .missing-chord a:active,.chordSelector-container .chord-container .missing-chord a:hover,.chordSelector-container .chord-container .missing-chord a:link,.chordSelector-container .chord-container .missing-chord a:visited{color:#7c7c7c}.chordSelector-container .chord-container .missing-chord a.no-decoration{text-decoration:none}.chordSelector-container .chord-container .missing-chord b{font-weight:700}.chordDetail-container{border-radius:5px;box-sizing:border-box;margin:.5rem auto;max-width:63rem;padding:1rem}.chordDetail-container.color-1{background:linear-gradient(45deg,#fff,rgba(120,28,129,.1))}.chordDetail-container.color-2{background:linear-gradient(45deg,#fff,rgba(78,30,129,.1))}.chordDetail-container.color-3{background:linear-gradient(45deg,#fff,rgba(65,57,146,.1))}.chordDetail-container.color-4{background:linear-gradient(45deg,#fff,rgba(63,92,171,.1))}.chordDetail-container.color-5{background:linear-gradient(45deg,#fff,rgba(68,124,191,.1))}.chordDetail-container.color-6{background:linear-gradient(45deg,#fff,rgba(77,149,190,.1))}.chordDetail-container.color-7{background:linear-gradient(45deg,#fff,rgba(91,167,166,.1))}.chordDetail-container.color-8{background:linear-gradient(45deg,#fff,rgba(110,179,136,.1))}.chordDetail-container.color-9{background:linear-gradient(45deg,#fff,rgba(131,186,109,.1))}.chordDetail-container.color-10{background:linear-gradient(45deg,#fff,rgba(156,190,90,.1))}.chordDetail-container.color-11{background:linear-gradient(45deg,#fff,rgba(180,189,76,.1))}.chordDetail-container.color-12{background:linear-gradient(45deg,#fff,rgba(202,184,66,.1))}.chordDetail-container.color-13{background:linear-gradient(45deg,#fff,rgba(219,171,59,.1))}.chordDetail-container.color-14{background:linear-gradient(45deg,#fff,rgba(229,148,53,.1))}.chordDetail-container.color-15{background:linear-gradient(45deg,#fff,rgba(231,115,47,.1))}.chordDetail-container.color-16{background:linear-gradient(45deg,#fff,rgba(226,74,40,.1))}.chordDetail-container.color-17{background:linear-gradient(45deg,#fff,rgba(217,33,32,.1))}.chordDetail-container .information-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:1rem}.chordDetail-container .information-container h1{flex-grow:3;font-size:3rem;font-weight:100;margin-right:.5rem;text-align:center}.chordDetail-container .information-container .information{flex-grow:1;font-size:1.2rem}.chordDetail-container .information-container .information div{line-height:1.6rem;margin-bottom:.4rem}.chordDetail-container .information-container .information b{font-weight:700;margin-right:.7rem}.chordDetail-container .inversion-container{background-color:#fff;border-radius:.4rem;box-shadow:0 0 5px 0 #dadada;margin-top:1rem}.chordDetail-container .inversion-container .inversion-header{align-items:center;color:#3f3f3f;cursor:pointer;display:flex;flex-direction:row;font-size:1.1rem;height:2.5rem;justify-content:space-between;padding:0 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chordDetail-container .inversion-container .inversion-content{display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem}.chordDetail-container .inversion-container .inversion-content .chord{background-color:#fff;border-radius:.4rem;cursor:pointer;flex-grow:1;margin:1px;padding:2rem .5rem;text-align:center}.chordDetail-container .inversion-container .inversion-content .chord.active.color-1{background:linear-gradient(45deg,#fff,rgba(120,28,129,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-2{background:linear-gradient(45deg,#fff,rgba(78,30,129,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-3{background:linear-gradient(45deg,#fff,rgba(65,57,146,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-4{background:linear-gradient(45deg,#fff,rgba(63,92,171,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-5{background:linear-gradient(45deg,#fff,rgba(68,124,191,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-6{background:linear-gradient(45deg,#fff,rgba(77,149,190,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-7{background:linear-gradient(45deg,#fff,rgba(91,167,166,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-8{background:linear-gradient(45deg,#fff,rgba(110,179,136,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-9{background:linear-gradient(45deg,#fff,rgba(131,186,109,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-10{background:linear-gradient(45deg,#fff,rgba(156,190,90,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-11{background:linear-gradient(45deg,#fff,rgba(180,189,76,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-12{background:linear-gradient(45deg,#fff,rgba(202,184,66,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-13{background:linear-gradient(45deg,#fff,rgba(219,171,59,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-14{background:linear-gradient(45deg,#fff,rgba(229,148,53,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-15{background:linear-gradient(45deg,#fff,rgba(231,115,47,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-16{background:linear-gradient(45deg,#fff,rgba(226,74,40,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord.active.color-17{background:linear-gradient(45deg,#fff,rgba(217,33,32,.1));box-shadow:0 0 5px 0 #e1e1e1}.chordDetail-container .inversion-container .inversion-content .chord .chord-title{font-size:1.3rem;font-weight:lighter;margin-bottom:.75rem}.chordDetail-container .inversion-container .inversion-content .chord .chord-name{font-size:1rem;margin-top:.75rem}.playbox-container{background-color:#fbfbfb;border-radius:5px;box-sizing:border-box;flex-direction:row;flex-wrap:wrap;margin:1rem auto .5rem;max-width:63rem;padding:.75rem 1rem;row-gap:.5rem}.playbox-container,.playbox-container button{align-items:center;display:flex;justify-content:center}.playbox-container button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:none;border-radius:4px;box-shadow:0 0 5px 0 #dadada;color:#363636;cursor:pointer;font-family:inherit;font-size:.9rem;height:2.25em;padding:.375em .75em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none;margin-right:.5rem;width:10rem}.playbox-container button[disabled]{box-shadow:none;cursor:not-allowed;opacity:.5}.playbox-container button.color-1:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(120,28,129,.1))}.playbox-container button.color-1:active:not(:disabled){background:linear-gradient(45deg,#fff,#781c81);box-shadow:none;color:#fff}.playbox-container button.color-1.active{background:linear-gradient(45deg,#b22ac0,#65176c);color:#fff}.playbox-container button.color-1.active:hover{background:linear-gradient(45deg,#ca46d7,#65176c)}.playbox-container button.color-1.active:active:not(:disabled){background:#511357;box-shadow:none}.playbox-container button.color-2:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(78,30,129,.1))}.playbox-container button.color-2:active:not(:disabled){background:linear-gradient(45deg,#fff,#4e1e81);box-shadow:none;color:#fff}.playbox-container button.color-2.active{background:linear-gradient(45deg,#742cbf,#41196c);color:#fff}.playbox-container button.color-2.active:hover{background:linear-gradient(45deg,#8d4ad5,#41196c)}.playbox-container button.color-2.active:active:not(:disabled){background:#351458;box-shadow:none}.playbox-container button.color-3:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(65,57,146,.1))}.playbox-container button.color-3:active:not(:disabled){background:linear-gradient(45deg,#fff,#413992);box-shadow:none;color:#fff}.playbox-container button.color-3.active{background:linear-gradient(45deg,#6259be,#393280);color:#fff}.playbox-container button.color-3.active:hover{background:linear-gradient(45deg,#857ecd,#393280)}.playbox-container button.color-3.active:active:not(:disabled){background:#312b6d;box-shadow:none}.playbox-container button.color-4:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(63,92,171,.1))}.playbox-container button.color-4:active:not(:disabled){background:linear-gradient(45deg,#fff,#3f5cab);box-shadow:none;color:#fff}.playbox-container button.color-4.active{background:linear-gradient(45deg,#6d86c9,#385298);color:#fff}.playbox-container button.color-4.active:hover{background:linear-gradient(45deg,#92a5d7,#385298)}.playbox-container button.color-4.active:active:not(:disabled){background:#314886;box-shadow:none}.playbox-container button.color-5:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(68,124,191,.1))}.playbox-container button.color-5:active:not(:disabled){background:linear-gradient(45deg,#fff,#447cbf);box-shadow:none;color:#fff}.playbox-container button.color-5.active{background:linear-gradient(45deg,#7da4d3,#3c70ae);color:#fff}.playbox-container button.color-5.active:hover{background:linear-gradient(45deg,#a3bfe0,#3c70ae)}.playbox-container button.color-5.active:active:not(:disabled){background:#35639b;box-shadow:none}.playbox-container button.color-6:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(77,149,190,.1))}.playbox-container button.color-6:active:not(:disabled){background:linear-gradient(45deg,#fff,#4d95be);box-shadow:none;color:#fff}.playbox-container button.color-6.active{background:linear-gradient(45deg,#85b6d2,#4188b1);color:#fff}.playbox-container button.color-6.active:hover{background:linear-gradient(45deg,#aacde0,#4188b1)}.playbox-container button.color-6.active:active:not(:disabled){background:#3a7a9e;box-shadow:none}.playbox-container button.color-7:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(91,167,166,.1))}.playbox-container button.color-7:active:not(:disabled){background:linear-gradient(45deg,#fff,#5ba7a6);box-shadow:none;color:#fff}.playbox-container button.color-7.active{background:linear-gradient(45deg,#8dc2c1,#519796);color:#fff}.playbox-container button.color-7.active:hover{background:linear-gradient(45deg,#aed4d3,#519796)}.playbox-container button.color-7.active:active:not(:disabled){background:#488786;box-shadow:none}.playbox-container button.color-8:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(110,179,136,.1))}.playbox-container button.color-8:active:not(:disabled){background:linear-gradient(45deg,#fff,#6eb388);box-shadow:none;color:#fff}.playbox-container button.color-8.active{background:linear-gradient(45deg,#a0cdb1,#5daa7a);color:#fff}.playbox-container button.color-8.active:hover{background:linear-gradient(45deg,#c2dfcd,#5daa7a)}.playbox-container button.color-8.active:active:not(:disabled){background:#529c6e;box-shadow:none}.playbox-container button.color-9:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(131,186,109,.1))}.playbox-container button.color-9:active:not(:disabled){background:linear-gradient(45deg,#fff,#83ba6d);box-shadow:none;color:#fff}.playbox-container button.color-9.active{background:linear-gradient(45deg,#afd3a1,#74b25c);color:#fff}.playbox-container button.color-9.active:hover{background:linear-gradient(45deg,#cde3c4,#74b25c)}.playbox-container button.color-9.active:active:not(:disabled){background:#67a64e;box-shadow:none}.playbox-container button.color-10:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(156,190,90,.1))}.playbox-container button.color-10:active:not(:disabled){background:linear-gradient(45deg,#fff,#9cbe5a);box-shadow:none;color:#fff}.playbox-container button.color-10.active{background:linear-gradient(45deg,#bdd491,#91b748);color:#fff}.playbox-container button.color-10.active:hover{background:linear-gradient(45deg,#d3e2b5,#91b748)}.playbox-container button.color-10.active:active:not(:disabled){background:#82a441;box-shadow:none}.playbox-container button.color-11:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(180,189,76,.1))}.playbox-container button.color-11:active:not(:disabled){background:linear-gradient(45deg,#fff,#b4bd4c);box-shadow:none;color:#fff}.playbox-container button.color-11.active{background:linear-gradient(45deg,#cbd284,#a6af41);color:#fff}.playbox-container button.color-11.active:hover{background:linear-gradient(45deg,#dbdfa9,#a6af41)}.playbox-container button.color-11.active:active:not(:disabled){background:#949c3a;box-shadow:none}.playbox-container button.color-12:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(202,184,66,.1))}.playbox-container button.color-12:active:not(:disabled){background:linear-gradient(45deg,#fff,#cab842);box-shadow:none;color:#fff}.playbox-container button.color-12.active{background:linear-gradient(45deg,#dbce7e,#bdab35);color:#fff}.playbox-container button.color-12.active:hover{background:linear-gradient(45deg,#e6dda6,#bdab35)}.playbox-container button.color-12.active:active:not(:disabled){background:#a99930;box-shadow:none}.playbox-container button.color-13:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(219,171,59,.1))}.playbox-container button.color-13:active:not(:disabled){background:linear-gradient(45deg,#fff,#dbab3b);box-shadow:none;color:#fff}.playbox-container button.color-13.active{background:linear-gradient(45deg,#e7c77c,#d5a127);color:#fff}.playbox-container button.color-13.active:hover{background:linear-gradient(45deg,#efd9a7,#d5a127)}.playbox-container button.color-13.active:active:not(:disabled){background:#c09123;box-shadow:none}.playbox-container button.color-14:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(229,148,53,.1))}.playbox-container button.color-14:active:not(:disabled){background:linear-gradient(45deg,#fff,#e59435);box-shadow:none;color:#fff}.playbox-container button.color-14.active{background:linear-gradient(45deg,#eeb879,#e2881e);color:#fff}.playbox-container button.color-14.active:hover{background:linear-gradient(45deg,#f4d0a6,#e2881e)}.playbox-container button.color-14.active:active:not(:disabled){background:#cd7b1a;box-shadow:none}.playbox-container button.color-15:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(231,115,47,.1))}.playbox-container button.color-15:active:not(:disabled){background:linear-gradient(45deg,#fff,#e7732f);box-shadow:none;color:#fff}.playbox-container button.color-15.active{background:linear-gradient(45deg,#efa174,#e2641a);color:#fff}.playbox-container button.color-15.active:hover{background:linear-gradient(45deg,#f4c0a1,#e2641a)}.playbox-container button.color-15.active:active:not(:disabled){background:#cc5a17;box-shadow:none}.playbox-container button.color-16:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(226,74,40,.1))}.playbox-container button.color-16:active:not(:disabled){background:linear-gradient(45deg,#fff,#e24a28);box-shadow:none;color:#fff}.playbox-container button.color-16.active{background:linear-gradient(45deg,#eb836b,#d43e1d);color:#fff}.playbox-container button.color-16.active:hover{background:linear-gradient(45deg,#f1a998,#d43e1d)}.playbox-container button.color-16.active:active:not(:disabled){background:#bd381a;box-shadow:none}.playbox-container button.color-17:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(217,33,32,.1))}.playbox-container button.color-17:active:not(:disabled){background:linear-gradient(45deg,#fff,#d92120);box-shadow:none;color:#fff}.playbox-container button.color-17.active{background:linear-gradient(45deg,#e75f5e,#c31e1d);color:#fff}.playbox-container button.color-17.active:hover{background:linear-gradient(45deg,#ee8b8b,#c31e1d)}.playbox-container button.color-17.active:active:not(:disabled){background:#ad1a19;box-shadow:none}.playbox-container svg{margin-right:.5rem}.navbar .nav-links input[type=checkbox]{display:none}.navbar .nav-links label.hamburger{display:none;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar .nav-links .menu{display:flex;font-size:1rem;gap:1.3em}.navbar .nav-links .menu li{align-items:center;display:flex;justify-content:center;list-style:none}.navbar .nav-links .menu li a,.navbar .nav-links .menu li a:active,.navbar .nav-links .menu li a:hover,.navbar .nav-links .menu li a:link,.navbar .nav-links .menu li a:visited{color:#484848;cursor:pointer;text-decoration:none}.navbar .nav-links .menu li a.active{background:-webkit-linear-gradient(45deg,#000,#999,#000,#999,#000,#999,#000,#999,#000);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.navbar .nav-links .menu li:hover{font-weight:600}.navbar .nav-links .menu li img{border-radius:2rem;height:1.3rem;margin-right:.3rem;width:1.3rem}@media (max-width:768px){.navbar .nav-links input[type=checkbox]:checked~.menu,.navbar .nav-links label.hamburger{display:block}.navbar .nav-links .menu{background-color:#fff;display:none;left:0;padding:1rem 0;position:absolute;right:0;text-align:center;transform:translateY(.8rem);z-index:9}.navbar .nav-links .menu li+li{margin-top:1rem}}.whiteboard-container{margin:0 auto;max-width:63rem}@media (max-width:63rem){.whiteboard-container{padding-left:.5rem;padding-right:.5rem}}.whiteboard-container .menu-container{border-bottom:1px solid #d5d5d5;color:#a5a5a5;display:flex;flex-direction:row;font-size:.9rem;margin:.5rem 0;padding-bottom:.5rem}.whiteboard-container .menu-container div{align-items:center;border-bottom:2px solid transparent;cursor:pointer;display:flex;flex-direction:row;margin-right:.4rem}.whiteboard-container .menu-container div span{margin-right:.2rem}.whiteboard-container .menu-container div:hover{border-bottom:2px solid #2d2d2d;color:#2d2d2d}.whiteboard-container .menu-container div:not(:first-child){margin-left:.4rem}.whiteboard-container .title-container{margin-bottom:1rem}.whiteboard-container .title-container h1{font-size:1.5rem}.whiteboard-container .control-bar{flex-wrap:wrap;margin-bottom:1rem;row-gap:1rem}.whiteboard-container .control-bar,.whiteboard-container .control-bar .info-container{-moz-column-gap:2rem;column-gap:2rem;display:flex;flex-direction:row}.whiteboard-container .control-bar .info-container div{cursor:pointer;display:inline-block;font-size:1.2rem}.whiteboard-container .control-bar .info-container div .key,.whiteboard-container .control-bar .info-container div .mode{font-weight:600}.whiteboard-container .control-bar .info-container div .key.color-1,.whiteboard-container .control-bar .info-container div .mode.color-1{color:#781c81}.whiteboard-container .control-bar .info-container div .key.color-2,.whiteboard-container .control-bar .info-container div .mode.color-2{color:#4e1e81}.whiteboard-container .control-bar .info-container div .key.color-3,.whiteboard-container .control-bar .info-container div .mode.color-3{color:#413992}.whiteboard-container .control-bar .info-container div .key.color-4,.whiteboard-container .control-bar .info-container div .mode.color-4{color:#3f5cab}.whiteboard-container .control-bar .info-container div .key.color-5,.whiteboard-container .control-bar .info-container div .mode.color-5{color:#447cbf}.whiteboard-container .control-bar .info-container div .key.color-6,.whiteboard-container .control-bar .info-container div .mode.color-6{color:#4d95be}.whiteboard-container .control-bar .info-container div .key.color-7,.whiteboard-container .control-bar .info-container div .mode.color-7{color:#5ba7a6}.whiteboard-container .control-bar .info-container div .key.color-8,.whiteboard-container .control-bar .info-container div .mode.color-8{color:#6eb388}.whiteboard-container .control-bar .info-container div .key.color-9,.whiteboard-container .control-bar .info-container div .mode.color-9{color:#83ba6d}.whiteboard-container .control-bar .info-container div .key.color-10,.whiteboard-container .control-bar .info-container div .mode.color-10{color:#9cbe5a}.whiteboard-container .control-bar .info-container div .key.color-11,.whiteboard-container .control-bar .info-container div .mode.color-11{color:#b4bd4c}.whiteboard-container .control-bar .info-container div .key.color-12,.whiteboard-container .control-bar .info-container div .mode.color-12{color:#cab842}.whiteboard-container .control-bar .info-container div .key.color-13,.whiteboard-container .control-bar .info-container div .mode.color-13{color:#dbab3b}.whiteboard-container .control-bar .info-container div .key.color-14,.whiteboard-container .control-bar .info-container div .mode.color-14{color:#e59435}.whiteboard-container .control-bar .info-container div .key.color-15,.whiteboard-container .control-bar .info-container div .mode.color-15{color:#e7732f}.whiteboard-container .control-bar .info-container div .key.color-16,.whiteboard-container .control-bar .info-container div .mode.color-16{color:#e24a28}.whiteboard-container .control-bar .info-container div .key.color-17,.whiteboard-container .control-bar .info-container div .mode.color-17{color:#d92120}.whiteboard-container .control-bar .toggle-container{-moz-column-gap:2rem;column-gap:2rem;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:1rem}.whiteboard-container .control-bar .toggle-container .toggle{align-items:center;display:flex;flex-direction:row}.whiteboard-container .control-bar .toggle-container .toggle span{font-size:1rem;margin-right:.5rem}.whiteboard-container .control-bar .toggle-container .toggle .mt-io-garden{font-size:.45rem}.whiteboard-container .sheet-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:1rem;row-gap:1rem}.whiteboard-container .sheet-container .bar{align-items:center;border-left:3px solid #000;display:flex;flex-direction:row;height:3.1rem;padding:0 .5rem}.whiteboard-container .sheet-container .bar:last-of-type{border-right:3px solid #000}.whiteboard-container .sheet-container .bar.edit{padding:0 .2rem}.whiteboard-container .sheet-container .bar.edit .beat:hover{background-color:#ddd}.whiteboard-container .sheet-container .bar.edit .chordAbbrev.invalid{-webkit-text-decoration:underline dotted red;text-decoration:underline dotted red}.whiteboard-container .sheet-container .bar .beat{border-radius:3px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.2rem}.whiteboard-container .sheet-container .bar .beat.b-1{flex-grow:1}.whiteboard-container .sheet-container .bar .beat.b-2{flex-grow:2}.whiteboard-container .sheet-container .bar .beat.b-3{flex-grow:3}.whiteboard-container .sheet-container .bar .beat.b-4{flex-grow:4}.whiteboard-container .sheet-container .bar .beat [contenteditable]{outline:0 solid transparent}.whiteboard-container .sheet-container .bar .beat .chordAbbrev{font-weight:700}.whiteboard-container .sheet-container svg{color:#a6a6a6;cursor:pointer}.whiteboard-container .sheet-container svg:hover{color:#000}.mode-modal .mode-item{border-radius:.3rem;cursor:pointer;margin-bottom:.3rem;padding:.7rem}.mode-modal .mode-item:last-child{margin-bottom:0}.mode-modal .mode-item.color-1.active,.mode-modal .mode-item.color-1:hover{background:linear-gradient(45deg,#fff,rgba(120,28,129,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-1 h1{color:#781c81}.mode-modal .mode-item.color-2.active,.mode-modal .mode-item.color-2:hover{background:linear-gradient(45deg,#fff,rgba(78,30,129,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-2 h1{color:#4e1e81}.mode-modal .mode-item.color-3.active,.mode-modal .mode-item.color-3:hover{background:linear-gradient(45deg,#fff,rgba(65,57,146,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-3 h1{color:#413992}.mode-modal .mode-item.color-4.active,.mode-modal .mode-item.color-4:hover{background:linear-gradient(45deg,#fff,rgba(63,92,171,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-4 h1{color:#3f5cab}.mode-modal .mode-item.color-5.active,.mode-modal .mode-item.color-5:hover{background:linear-gradient(45deg,#fff,rgba(68,124,191,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-5 h1{color:#447cbf}.mode-modal .mode-item.color-6.active,.mode-modal .mode-item.color-6:hover{background:linear-gradient(45deg,#fff,rgba(77,149,190,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-6 h1{color:#4d95be}.mode-modal .mode-item.color-7.active,.mode-modal .mode-item.color-7:hover{background:linear-gradient(45deg,#fff,rgba(91,167,166,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-7 h1{color:#5ba7a6}.mode-modal .mode-item.color-8.active,.mode-modal .mode-item.color-8:hover{background:linear-gradient(45deg,#fff,rgba(110,179,136,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-8 h1{color:#6eb388}.mode-modal .mode-item.color-9.active,.mode-modal .mode-item.color-9:hover{background:linear-gradient(45deg,#fff,rgba(131,186,109,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-9 h1{color:#83ba6d}.mode-modal .mode-item.color-10.active,.mode-modal .mode-item.color-10:hover{background:linear-gradient(45deg,#fff,rgba(156,190,90,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-10 h1{color:#9cbe5a}.mode-modal .mode-item.color-11.active,.mode-modal .mode-item.color-11:hover{background:linear-gradient(45deg,#fff,rgba(180,189,76,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-11 h1{color:#b4bd4c}.mode-modal .mode-item.color-12.active,.mode-modal .mode-item.color-12:hover{background:linear-gradient(45deg,#fff,rgba(202,184,66,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-12 h1{color:#cab842}.mode-modal .mode-item.color-13.active,.mode-modal .mode-item.color-13:hover{background:linear-gradient(45deg,#fff,rgba(219,171,59,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-13 h1{color:#dbab3b}.mode-modal .mode-item.color-14.active,.mode-modal .mode-item.color-14:hover{background:linear-gradient(45deg,#fff,rgba(229,148,53,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-14 h1{color:#e59435}.mode-modal .mode-item.color-15.active,.mode-modal .mode-item.color-15:hover{background:linear-gradient(45deg,#fff,rgba(231,115,47,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-15 h1{color:#e7732f}.mode-modal .mode-item.color-16.active,.mode-modal .mode-item.color-16:hover{background:linear-gradient(45deg,#fff,rgba(226,74,40,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-16 h1{color:#e24a28}.mode-modal .mode-item.color-17.active,.mode-modal .mode-item.color-17:hover{background:linear-gradient(45deg,#fff,rgba(217,33,32,.1));box-shadow:0 0 5px 0 #dcdcdc}.mode-modal .mode-item.color-17 h1{color:#d92120}.mode-modal .mode-item h1{font-size:1.2rem;margin-bottom:.3rem}.mode-modal .mode-item .rome-container span{color:#4a4a4a;margin-right:.4rem}.addBeat-modal h1{color:#353535;margin-bottom:1rem}.addBeat-modal .rome-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.addBeat-modal .rome-container span{background-color:#969696;border-radius:.2rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:.3rem .5rem}.addBeat-modal .rome-container span.active{background-color:#3f3f3f}.addBeat-modal .chord-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.addBeat-modal .chord-container span{cursor:pointer;font-size:1.2rem}.addBeat-modal .chord-container span.color-1{color:#781c81}.addBeat-modal .chord-container span.color-2{color:#4e1e81}.addBeat-modal .chord-container span.color-3{color:#413992}.addBeat-modal .chord-container span.color-4{color:#3f5cab}.addBeat-modal .chord-container span.color-5{color:#447cbf}.addBeat-modal .chord-container span.color-6{color:#4d95be}.addBeat-modal .chord-container span.color-7{color:#5ba7a6}.addBeat-modal .chord-container span.color-8{color:#6eb388}.addBeat-modal .chord-container span.color-9{color:#83ba6d}.addBeat-modal .chord-container span.color-10{color:#9cbe5a}.addBeat-modal .chord-container span.color-11{color:#b4bd4c}.addBeat-modal .chord-container span.color-12{color:#cab842}.addBeat-modal .chord-container span.color-13{color:#dbab3b}.addBeat-modal .chord-container span.color-14{color:#e59435}.addBeat-modal .chord-container span.color-15{color:#e7732f}.addBeat-modal .chord-container span.color-16{color:#e24a28}.addBeat-modal .chord-container span.color-17{color:#d92120}.addBeat-modal h2{color:#555;font-size:.8rem}.addBeat-modal h2 a{color:#000;cursor:pointer;font-weight:600;text-decoration:none}.newSheet-modal h1,.renameSheet-modal h1{font-size:1.6rem;margin-bottom:1.5rem;margin-top:.5rem}.newSheet-modal input,.renameSheet-modal input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1.5px solid #447cbf;border-radius:5px;box-shadow:0 0 0 .2em rgba(68,124,191,.2);box-sizing:border-box;color:#363636;display:inline-flex;font-family:inherit;font-size:1rem;height:2.25em;justify-content:flex-start;line-height:1.5;margin-bottom:1rem;max-width:100%;padding:.375em .625em;position:relative;vertical-align:top;width:100%}.newSheet-modal input:hover,.renameSheet-modal input:hover{border-color:#858585}.newSheet-modal input:active,.newSheet-modal input:focus,.renameSheet-modal input:active,.renameSheet-modal input:focus{border-color:#3273dc;box-shadow:0 0 0 .2rem rgba(50,115,220,.25);outline:0}.newSheet-modal button,.renameSheet-modal button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:none;border-radius:4px;box-shadow:0 0 5px 0 #dadada;color:#363636;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;height:2.25em;justify-content:center;padding:.375em .75em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none;float:inline-end;margin-left:.5rem}.newSheet-modal button[disabled],.renameSheet-modal button[disabled]{box-shadow:none;cursor:not-allowed;opacity:.5}.newSheet-modal button.color-1:hover:not(:disabled),.renameSheet-modal button.color-1:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(120,28,129,.1))}.newSheet-modal button.color-1:active:not(:disabled),.renameSheet-modal button.color-1:active:not(:disabled){background:linear-gradient(45deg,#fff,#781c81);box-shadow:none;color:#fff}.newSheet-modal button.color-1.active,.renameSheet-modal button.color-1.active{background:linear-gradient(45deg,#b22ac0,#65176c);color:#fff}.newSheet-modal button.color-1.active:hover,.renameSheet-modal button.color-1.active:hover{background:linear-gradient(45deg,#ca46d7,#65176c)}.newSheet-modal button.color-1.active:active:not(:disabled),.renameSheet-modal button.color-1.active:active:not(:disabled){background:#511357;box-shadow:none}.newSheet-modal button.color-2:hover:not(:disabled),.renameSheet-modal button.color-2:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(78,30,129,.1))}.newSheet-modal button.color-2:active:not(:disabled),.renameSheet-modal button.color-2:active:not(:disabled){background:linear-gradient(45deg,#fff,#4e1e81);box-shadow:none;color:#fff}.newSheet-modal button.color-2.active,.renameSheet-modal button.color-2.active{background:linear-gradient(45deg,#742cbf,#41196c);color:#fff}.newSheet-modal button.color-2.active:hover,.renameSheet-modal button.color-2.active:hover{background:linear-gradient(45deg,#8d4ad5,#41196c)}.newSheet-modal button.color-2.active:active:not(:disabled),.renameSheet-modal button.color-2.active:active:not(:disabled){background:#351458;box-shadow:none}.newSheet-modal button.color-3:hover:not(:disabled),.renameSheet-modal button.color-3:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(65,57,146,.1))}.newSheet-modal button.color-3:active:not(:disabled),.renameSheet-modal button.color-3:active:not(:disabled){background:linear-gradient(45deg,#fff,#413992);box-shadow:none;color:#fff}.newSheet-modal button.color-3.active,.renameSheet-modal button.color-3.active{background:linear-gradient(45deg,#6259be,#393280);color:#fff}.newSheet-modal button.color-3.active:hover,.renameSheet-modal button.color-3.active:hover{background:linear-gradient(45deg,#857ecd,#393280)}.newSheet-modal button.color-3.active:active:not(:disabled),.renameSheet-modal button.color-3.active:active:not(:disabled){background:#312b6d;box-shadow:none}.newSheet-modal button.color-4:hover:not(:disabled),.renameSheet-modal button.color-4:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(63,92,171,.1))}.newSheet-modal button.color-4:active:not(:disabled),.renameSheet-modal button.color-4:active:not(:disabled){background:linear-gradient(45deg,#fff,#3f5cab);box-shadow:none;color:#fff}.newSheet-modal button.color-4.active,.renameSheet-modal button.color-4.active{background:linear-gradient(45deg,#6d86c9,#385298);color:#fff}.newSheet-modal button.color-4.active:hover,.renameSheet-modal button.color-4.active:hover{background:linear-gradient(45deg,#92a5d7,#385298)}.newSheet-modal button.color-4.active:active:not(:disabled),.renameSheet-modal button.color-4.active:active:not(:disabled){background:#314886;box-shadow:none}.newSheet-modal button.color-5:hover:not(:disabled),.renameSheet-modal button.color-5:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(68,124,191,.1))}.newSheet-modal button.color-5:active:not(:disabled),.renameSheet-modal button.color-5:active:not(:disabled){background:linear-gradient(45deg,#fff,#447cbf);box-shadow:none;color:#fff}.newSheet-modal button.color-5.active,.renameSheet-modal button.color-5.active{background:linear-gradient(45deg,#7da4d3,#3c70ae);color:#fff}.newSheet-modal button.color-5.active:hover,.renameSheet-modal button.color-5.active:hover{background:linear-gradient(45deg,#a3bfe0,#3c70ae)}.newSheet-modal button.color-5.active:active:not(:disabled),.renameSheet-modal button.color-5.active:active:not(:disabled){background:#35639b;box-shadow:none}.newSheet-modal button.color-6:hover:not(:disabled),.renameSheet-modal button.color-6:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(77,149,190,.1))}.newSheet-modal button.color-6:active:not(:disabled),.renameSheet-modal button.color-6:active:not(:disabled){background:linear-gradient(45deg,#fff,#4d95be);box-shadow:none;color:#fff}.newSheet-modal button.color-6.active,.renameSheet-modal button.color-6.active{background:linear-gradient(45deg,#85b6d2,#4188b1);color:#fff}.newSheet-modal button.color-6.active:hover,.renameSheet-modal button.color-6.active:hover{background:linear-gradient(45deg,#aacde0,#4188b1)}.newSheet-modal button.color-6.active:active:not(:disabled),.renameSheet-modal button.color-6.active:active:not(:disabled){background:#3a7a9e;box-shadow:none}.newSheet-modal button.color-7:hover:not(:disabled),.renameSheet-modal button.color-7:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(91,167,166,.1))}.newSheet-modal button.color-7:active:not(:disabled),.renameSheet-modal button.color-7:active:not(:disabled){background:linear-gradient(45deg,#fff,#5ba7a6);box-shadow:none;color:#fff}.newSheet-modal button.color-7.active,.renameSheet-modal button.color-7.active{background:linear-gradient(45deg,#8dc2c1,#519796);color:#fff}.newSheet-modal button.color-7.active:hover,.renameSheet-modal button.color-7.active:hover{background:linear-gradient(45deg,#aed4d3,#519796)}.newSheet-modal button.color-7.active:active:not(:disabled),.renameSheet-modal button.color-7.active:active:not(:disabled){background:#488786;box-shadow:none}.newSheet-modal button.color-8:hover:not(:disabled),.renameSheet-modal button.color-8:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(110,179,136,.1))}.newSheet-modal button.color-8:active:not(:disabled),.renameSheet-modal button.color-8:active:not(:disabled){background:linear-gradient(45deg,#fff,#6eb388);box-shadow:none;color:#fff}.newSheet-modal button.color-8.active,.renameSheet-modal button.color-8.active{background:linear-gradient(45deg,#a0cdb1,#5daa7a);color:#fff}.newSheet-modal button.color-8.active:hover,.renameSheet-modal button.color-8.active:hover{background:linear-gradient(45deg,#c2dfcd,#5daa7a)}.newSheet-modal button.color-8.active:active:not(:disabled),.renameSheet-modal button.color-8.active:active:not(:disabled){background:#529c6e;box-shadow:none}.newSheet-modal button.color-9:hover:not(:disabled),.renameSheet-modal button.color-9:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(131,186,109,.1))}.newSheet-modal button.color-9:active:not(:disabled),.renameSheet-modal button.color-9:active:not(:disabled){background:linear-gradient(45deg,#fff,#83ba6d);box-shadow:none;color:#fff}.newSheet-modal button.color-9.active,.renameSheet-modal button.color-9.active{background:linear-gradient(45deg,#afd3a1,#74b25c);color:#fff}.newSheet-modal button.color-9.active:hover,.renameSheet-modal button.color-9.active:hover{background:linear-gradient(45deg,#cde3c4,#74b25c)}.newSheet-modal button.color-9.active:active:not(:disabled),.renameSheet-modal button.color-9.active:active:not(:disabled){background:#67a64e;box-shadow:none}.newSheet-modal button.color-10:hover:not(:disabled),.renameSheet-modal button.color-10:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(156,190,90,.1))}.newSheet-modal button.color-10:active:not(:disabled),.renameSheet-modal button.color-10:active:not(:disabled){background:linear-gradient(45deg,#fff,#9cbe5a);box-shadow:none;color:#fff}.newSheet-modal button.color-10.active,.renameSheet-modal button.color-10.active{background:linear-gradient(45deg,#bdd491,#91b748);color:#fff}.newSheet-modal button.color-10.active:hover,.renameSheet-modal button.color-10.active:hover{background:linear-gradient(45deg,#d3e2b5,#91b748)}.newSheet-modal button.color-10.active:active:not(:disabled),.renameSheet-modal button.color-10.active:active:not(:disabled){background:#82a441;box-shadow:none}.newSheet-modal button.color-11:hover:not(:disabled),.renameSheet-modal button.color-11:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(180,189,76,.1))}.newSheet-modal button.color-11:active:not(:disabled),.renameSheet-modal button.color-11:active:not(:disabled){background:linear-gradient(45deg,#fff,#b4bd4c);box-shadow:none;color:#fff}.newSheet-modal button.color-11.active,.renameSheet-modal button.color-11.active{background:linear-gradient(45deg,#cbd284,#a6af41);color:#fff}.newSheet-modal button.color-11.active:hover,.renameSheet-modal button.color-11.active:hover{background:linear-gradient(45deg,#dbdfa9,#a6af41)}.newSheet-modal button.color-11.active:active:not(:disabled),.renameSheet-modal button.color-11.active:active:not(:disabled){background:#949c3a;box-shadow:none}.newSheet-modal button.color-12:hover:not(:disabled),.renameSheet-modal button.color-12:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(202,184,66,.1))}.newSheet-modal button.color-12:active:not(:disabled),.renameSheet-modal button.color-12:active:not(:disabled){background:linear-gradient(45deg,#fff,#cab842);box-shadow:none;color:#fff}.newSheet-modal button.color-12.active,.renameSheet-modal button.color-12.active{background:linear-gradient(45deg,#dbce7e,#bdab35);color:#fff}.newSheet-modal button.color-12.active:hover,.renameSheet-modal button.color-12.active:hover{background:linear-gradient(45deg,#e6dda6,#bdab35)}.newSheet-modal button.color-12.active:active:not(:disabled),.renameSheet-modal button.color-12.active:active:not(:disabled){background:#a99930;box-shadow:none}.newSheet-modal button.color-13:hover:not(:disabled),.renameSheet-modal button.color-13:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(219,171,59,.1))}.newSheet-modal button.color-13:active:not(:disabled),.renameSheet-modal button.color-13:active:not(:disabled){background:linear-gradient(45deg,#fff,#dbab3b);box-shadow:none;color:#fff}.newSheet-modal button.color-13.active,.renameSheet-modal button.color-13.active{background:linear-gradient(45deg,#e7c77c,#d5a127);color:#fff}.newSheet-modal button.color-13.active:hover,.renameSheet-modal button.color-13.active:hover{background:linear-gradient(45deg,#efd9a7,#d5a127)}.newSheet-modal button.color-13.active:active:not(:disabled),.renameSheet-modal button.color-13.active:active:not(:disabled){background:#c09123;box-shadow:none}.newSheet-modal button.color-14:hover:not(:disabled),.renameSheet-modal button.color-14:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(229,148,53,.1))}.newSheet-modal button.color-14:active:not(:disabled),.renameSheet-modal button.color-14:active:not(:disabled){background:linear-gradient(45deg,#fff,#e59435);box-shadow:none;color:#fff}.newSheet-modal button.color-14.active,.renameSheet-modal button.color-14.active{background:linear-gradient(45deg,#eeb879,#e2881e);color:#fff}.newSheet-modal button.color-14.active:hover,.renameSheet-modal button.color-14.active:hover{background:linear-gradient(45deg,#f4d0a6,#e2881e)}.newSheet-modal button.color-14.active:active:not(:disabled),.renameSheet-modal button.color-14.active:active:not(:disabled){background:#cd7b1a;box-shadow:none}.newSheet-modal button.color-15:hover:not(:disabled),.renameSheet-modal button.color-15:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(231,115,47,.1))}.newSheet-modal button.color-15:active:not(:disabled),.renameSheet-modal button.color-15:active:not(:disabled){background:linear-gradient(45deg,#fff,#e7732f);box-shadow:none;color:#fff}.newSheet-modal button.color-15.active,.renameSheet-modal button.color-15.active{background:linear-gradient(45deg,#efa174,#e2641a);color:#fff}.newSheet-modal button.color-15.active:hover,.renameSheet-modal button.color-15.active:hover{background:linear-gradient(45deg,#f4c0a1,#e2641a)}.newSheet-modal button.color-15.active:active:not(:disabled),.renameSheet-modal button.color-15.active:active:not(:disabled){background:#cc5a17;box-shadow:none}.newSheet-modal button.color-16:hover:not(:disabled),.renameSheet-modal button.color-16:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(226,74,40,.1))}.newSheet-modal button.color-16:active:not(:disabled),.renameSheet-modal button.color-16:active:not(:disabled){background:linear-gradient(45deg,#fff,#e24a28);box-shadow:none;color:#fff}.newSheet-modal button.color-16.active,.renameSheet-modal button.color-16.active{background:linear-gradient(45deg,#eb836b,#d43e1d);color:#fff}.newSheet-modal button.color-16.active:hover,.renameSheet-modal button.color-16.active:hover{background:linear-gradient(45deg,#f1a998,#d43e1d)}.newSheet-modal button.color-16.active:active:not(:disabled),.renameSheet-modal button.color-16.active:active:not(:disabled){background:#bd381a;box-shadow:none}.newSheet-modal button.color-17:hover:not(:disabled),.renameSheet-modal button.color-17:hover:not(:disabled){background:linear-gradient(45deg,#fff,rgba(217,33,32,.1))}.newSheet-modal button.color-17:active:not(:disabled),.renameSheet-modal button.color-17:active:not(:disabled){background:linear-gradient(45deg,#fff,#d92120);box-shadow:none;color:#fff}.newSheet-modal button.color-17.active,.renameSheet-modal button.color-17.active{background:linear-gradient(45deg,#e75f5e,#c31e1d);color:#fff}.newSheet-modal button.color-17.active:hover,.renameSheet-modal button.color-17.active:hover{background:linear-gradient(45deg,#ee8b8b,#c31e1d)}.newSheet-modal button.color-17.active:active:not(:disabled),.renameSheet-modal button.color-17.active:active:not(:disabled){background:#ad1a19;box-shadow:none}.openSheet-modal .sheet-item{border-radius:.3rem;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.3rem;padding:.7rem}.openSheet-modal .sheet-item:last-child{margin-bottom:0}.openSheet-modal .sheet-item.color-1.active,.openSheet-modal .sheet-item.color-1:hover{background:linear-gradient(45deg,#fff,rgba(120,28,129,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-1 h1{color:#781c81}.openSheet-modal .sheet-item.color-2.active,.openSheet-modal .sheet-item.color-2:hover{background:linear-gradient(45deg,#fff,rgba(78,30,129,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-2 h1{color:#4e1e81}.openSheet-modal .sheet-item.color-3.active,.openSheet-modal .sheet-item.color-3:hover{background:linear-gradient(45deg,#fff,rgba(65,57,146,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-3 h1{color:#413992}.openSheet-modal .sheet-item.color-4.active,.openSheet-modal .sheet-item.color-4:hover{background:linear-gradient(45deg,#fff,rgba(63,92,171,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-4 h1{color:#3f5cab}.openSheet-modal .sheet-item.color-5.active,.openSheet-modal .sheet-item.color-5:hover{background:linear-gradient(45deg,#fff,rgba(68,124,191,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-5 h1{color:#447cbf}.openSheet-modal .sheet-item.color-6.active,.openSheet-modal .sheet-item.color-6:hover{background:linear-gradient(45deg,#fff,rgba(77,149,190,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-6 h1{color:#4d95be}.openSheet-modal .sheet-item.color-7.active,.openSheet-modal .sheet-item.color-7:hover{background:linear-gradient(45deg,#fff,rgba(91,167,166,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-7 h1{color:#5ba7a6}.openSheet-modal .sheet-item.color-8.active,.openSheet-modal .sheet-item.color-8:hover{background:linear-gradient(45deg,#fff,rgba(110,179,136,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-8 h1{color:#6eb388}.openSheet-modal .sheet-item.color-9.active,.openSheet-modal .sheet-item.color-9:hover{background:linear-gradient(45deg,#fff,rgba(131,186,109,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-9 h1{color:#83ba6d}.openSheet-modal .sheet-item.color-10.active,.openSheet-modal .sheet-item.color-10:hover{background:linear-gradient(45deg,#fff,rgba(156,190,90,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-10 h1{color:#9cbe5a}.openSheet-modal .sheet-item.color-11.active,.openSheet-modal .sheet-item.color-11:hover{background:linear-gradient(45deg,#fff,rgba(180,189,76,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-11 h1{color:#b4bd4c}.openSheet-modal .sheet-item.color-12.active,.openSheet-modal .sheet-item.color-12:hover{background:linear-gradient(45deg,#fff,rgba(202,184,66,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-12 h1{color:#cab842}.openSheet-modal .sheet-item.color-13.active,.openSheet-modal .sheet-item.color-13:hover{background:linear-gradient(45deg,#fff,rgba(219,171,59,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-13 h1{color:#dbab3b}.openSheet-modal .sheet-item.color-14.active,.openSheet-modal .sheet-item.color-14:hover{background:linear-gradient(45deg,#fff,rgba(229,148,53,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-14 h1{color:#e59435}.openSheet-modal .sheet-item.color-15.active,.openSheet-modal .sheet-item.color-15:hover{background:linear-gradient(45deg,#fff,rgba(231,115,47,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-15 h1{color:#e7732f}.openSheet-modal .sheet-item.color-16.active,.openSheet-modal .sheet-item.color-16:hover{background:linear-gradient(45deg,#fff,rgba(226,74,40,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-16 h1{color:#e24a28}.openSheet-modal .sheet-item.color-17.active,.openSheet-modal .sheet-item.color-17:hover{background:linear-gradient(45deg,#fff,rgba(217,33,32,.1));box-shadow:0 0 5px 0 #dcdcdc}.openSheet-modal .sheet-item.color-17 h1{color:#d92120}.openSheet-modal .sheet-item .info-container h1{font-size:1.2rem;margin-bottom:.3rem}.openSheet-modal .sheet-item .info-container h2{font-size:.8rem;margin-bottom:.5rem}.openSheet-modal .sheet-item .info-container h2 b{font-weight:600}.openSheet-modal .sheet-item .info-container .key-container{font-size:.9rem}.openSheet-modal .sheet-item .info-container .key-container .label{margin-right:.2rem}.openSheet-modal .sheet-item .info-container .key-container .key{font-weight:600}.openSheet-modal .sheet-item .info-container .key-container .key.color-1{color:#781c81}.openSheet-modal .sheet-item .info-container .key-container .key.color-2{color:#4e1e81}.openSheet-modal .sheet-item .info-container .key-container .key.color-3{color:#413992}.openSheet-modal .sheet-item .info-container .key-container .key.color-4{color:#3f5cab}.openSheet-modal .sheet-item .info-container .key-container .key.color-5{color:#447cbf}.openSheet-modal .sheet-item .info-container .key-container .key.color-6{color:#4d95be}.openSheet-modal .sheet-item .info-container .key-container .key.color-7{color:#5ba7a6}.openSheet-modal .sheet-item .info-container .key-container .key.color-8{color:#6eb388}.openSheet-modal .sheet-item .info-container .key-container .key.color-9{color:#83ba6d}.openSheet-modal .sheet-item .info-container .key-container .key.color-10{color:#9cbe5a}.openSheet-modal .sheet-item .info-container .key-container .key.color-11{color:#b4bd4c}.openSheet-modal .sheet-item .info-container .key-container .key.color-12{color:#cab842}.openSheet-modal .sheet-item .info-container .key-container .key.color-13{color:#dbab3b}.openSheet-modal .sheet-item .info-container .key-container .key.color-14{color:#e59435}.openSheet-modal .sheet-item .info-container .key-container .key.color-15{color:#e7732f}.openSheet-modal .sheet-item .info-container .key-container .key.color-16{color:#e24a28}.openSheet-modal .sheet-item .info-container .key-container .key.color-17{color:#d92120}.openSheet-modal .sheet-item .action-container{align-items:center;display:flex;justify-content:center}.openSheet-modal .sheet-item .action-container svg{color:#aeaeae}.openSheet-modal .sheet-item .action-container svg:hover{color:#575757}.notification-container{align-items:center;bottom:1rem;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;position:fixed;width:100vw}.notification-container .notification{animation-duration:.3s;animation-name:animate-pop;animation-timing-function:cubic-bezier(.26,.53,.74,1.48);background-color:#fbfbfb;border-radius:1rem;box-shadow:0 5px 5px 2px rgba(32,32,32,.2);color:#363636;margin:.5rem 1rem;padding:1.5rem 3rem;pointer-events:auto;position:relative;width:-moz-fit-content;width:fit-content}.notification-container .notification svg{cursor:pointer;position:absolute;right:.5rem;top:.5rem}@keyframes animate-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal-background{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.modal-background.show{align-items:center;display:flex;justify-content:center}.modal-background .modal-container{background-color:#f7f7f7;border-radius:1rem;box-shadow:0 5px 5px 2px rgba(32,32,32,.2);flex-grow:1;margin:1rem;max-height:90vh;max-width:42rem;overflow-y:auto;padding:1rem}.about-container{margin:1rem auto;max-width:63rem}.about-container .decor-container{height:14rem;overflow:hidden;position:relative}.about-container .decor-container:before{background:linear-gradient(transparent 80%,#fff);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.about-container .decor-container span{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-container .decor-container span.color-1{background:-webkit-linear-gradient(45deg,#fff,#8b0499);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-2{background:-webkit-linear-gradient(45deg,#fff,#4d0699);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-3{background:-webkit-linear-gradient(45deg,#fff,#281bb0);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-4{background:-webkit-linear-gradient(45deg,#fff,#1c4cce);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-5{background:-webkit-linear-gradient(45deg,#fff,#1e79e5);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-6{background:-webkit-linear-gradient(45deg,#fff,#299fe2);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-7{background:-webkit-linear-gradient(45deg,#fff,#35cdcb);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-8{background:-webkit-linear-gradient(45deg,#fff,#4dd480);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-9{background:-webkit-linear-gradient(45deg,#fff,#75da4d);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-10{background:-webkit-linear-gradient(45deg,#fff,#a7e138);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-11{background:-webkit-linear-gradient(45deg,#fff,#d3e227);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-12{background:-webkit-linear-gradient(45deg,#fff,#eed31e);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-13{background:-webkit-linear-gradient(45deg,#fff,#feb918);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-14{background:-webkit-linear-gradient(45deg,#fff,#ff961b);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-15{background:-webkit-linear-gradient(45deg,#fff,#ff6d17);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-16{background:-webkit-linear-gradient(45deg,#fff,#ff380b);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about-container .decor-container span.color-17{background:-webkit-linear-gradient(45deg,#fff,#f90100);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@media (max-width:768px){.about-container .decor-container span.mobile-hide{display:none}}body,html{height:100%;margin:0;padding:0;width:100%}body{background:#fff;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}body #app{box-sizing:border-box;min-height:100%}body #app .wrapper{min-height:calc(100vh - 70px)}body #app .wrapper .Container404{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 70px);justify-content:center}body #app .wrapper .Container404 h1{color:#4e4e4e;font-size:3rem;margin:1rem 0}body #app .wrapper .Container404 a,body #app .wrapper .Container404 a:active,body #app .wrapper .Container404 a:hover,body #app .wrapper .Container404 a:link,body #app .wrapper .Container404 a:visited{color:#5f5f5f}body #app footer{align-items:center;color:#5f5f5f;display:flex;flex-wrap:wrap;font-size:.9rem;height:70px;justify-content:center;margin:0 1rem}body #app footer pre:first-child{margin-right:.3rem}body #app footer a,body #app footer a:active,body #app footer a:hover,body #app footer a:link,body #app footer a:visited{color:#5f5f5f}body #app footer a.no-decoration{text-decoration:none}body #app footer b{font-weight:700}