body{--main-text:#303030;--main-bg:#fcfcfc;--light:#e5e5e5;--secondary-color:#1e1e1e;--light-secondary:#f0f0f0;--very-light-secondary:#fafafa;--default-rgb:30,30,30;--secondary-r:30;--secondary-g:30;--secondary-b:30;--shadow:rgba(0,0,0,0.12);--light-blue:#cce3f2;background:var(--main-bg);background-image:url(/static/media/blue-diamond-bg.e5642bf8.svg);background-repeat:no-repeat;background-size:contain;background-size:1200px}body,body.dark-theme{--accessible-color:calc(var(--secondary-r)*299/1000*-1000 + var(--secondary-g)*587/1000*-1000 + var(--secondary-b)*114/1000*-1000 - -150000);--border-radius:5px;--blue:#4d9cd0}body.dark-theme{--main-text:#f7f7f7;--main-bg:#303030;--light:#505050;--secondary-color:#f7f7f7;--light-secondary:hsla(0,0%,96.9%,0.8);--very-light-secondary:hsla(0,0%,96.9%,0.7);--default-rgb:247,247,247;--secondary-r:247;--secondary-g:247;--secondary-b:247;--shadow:rgba(0,0,0,0.4);--light-blue:#cce3f2;background:#202020;background-image:url(/static/media/blue-diamond-bg.e5642bf8.svg);background-repeat:no-repeat;background-size:1200px}*{font-family:"Maven Pro","Segoe UI",Tahoma,Geneva,Verdana,sans-serif}#root,body,html{color:var(--main-text);margin:0;height:100%;width:100%}body{min-height:100%;min-width:100%}#loading{padding-top:50px;text-align:center}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:var(--main-text);border-left:6px solid transparent;border-bottom:6px solid var(--main-text);border-right:6px solid transparent;border-top:6px solid var(--main-text);-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.label{fill:var(--main-text)}.axis{color:var(--main-text)}.point{fill:var(--main-text)}#selected{fill:red}.no-data-message{fill:grey;font-style:italic}#month-select,#year-select{margin:0 .1em;padding:2px;border:none;border-radius:var(--border-radius);background-color:var(--light);color:- var(--main-text);font-size:xx-large}#corner-options-container{position:absolute;top:.5em;right:.5em}.corner-option{display:inline-block;margin:0 0 0 .5em;padding:.5em .7em;font-size:smaller}#file-upload{display:none}.option-card{padding:1em;box-sizing:border-box;border-radius:.5em;background-color:var(--main-bg);box-shadow:3px 3px 10px 2px var(--shadow)}#filter-select{font-weight:600}#filter-input,#filter-select{border:none;border-radius:var(--border-radius);background-color:var(--light);color:var(--main-text)}#filter-input{display:inline-block;width:clamp(100px,60%,260px);padding:4px 8px;margin:5px 5px 5px 0}#submit-button{display:inline-block;padding:4px 15px}#day-filters{width:100%;margin:1em 0}input[type=text]{border:1px solid var(--main-text)}input[type=checkbox]{display:none}.checkbox{display:inline-block;margin:2px 4px 2px 0;padding:2px 10px;background-color:var(--light);border-radius:var(--border-radius)}:checked+span{font-weight:600;background-color:var(--secondary-color);color:rgb(var(--accessible-color),var(--accessible-color),var(--accessible-color))}.checkbox:hover{font-weight:600}.button{font-weight:600;border:none;border-radius:var(--border-radius);background-color:var(--light);color:var(--main-text)}#reset{padding:.5em .75em}.button:hover{font-weight:600;background-color:var(--secondary-color);color:rgb(var(--accessible-color),var(--accessible-color),var(--accessible-color));cursor:pointer}.album:hover,.arrow:hover,.artist:hover,.checkbox:hover,.checkbox>input:hover,.point:hover,.song:hover,button:hover,select:hover{cursor:pointer}#album-art{grid-row:1/6;width:115px;margin:5px 0;border-radius:calc(var(--border-radius) + 5px)}.info{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.album:hover,.artist:hover,.song:hover{text-decoration:underline}.artist{font-weight:600}.album{font-style:italic}.song{font-size:large;font-weight:700}.date{font-size:smaller;grid-row:4/5}.song-arrows{grid-row:5/6;align-self:center}.tag{height:-webkit-min-content;height:min-content;display:inline-block;font-size:10px;font-weight:500;border-radius:15px;margin:0 2px 1px 0;padding:1px 6px;background-color:var(--secondary-color);color:rgb(var(--accessible-color),var(--accessible-color),var(--accessible-color))}.tagList{display:flex;flex-flow:row wrap;overflow:hidden;align-content:flex-start}#content-container{-webkit-animation:content-fade-in .5s ease-in-out;animation:content-fade-in .5s ease-in-out}.side-options{width:90%;display:grid;grid-template-columns:100%;grid-gap:1em 0;gap:1em 0;padding:.5em;margin:auto}.side-options div{width:100%}@-webkit-keyframes content-fade-in{0%{opacity:0}to{opacity:1}}@keyframes content-fade-in{0%{opacity:0}to{opacity:1}}#reset,.checkbox,body,button,input,select{transition:background-color .5s ease-out}.time-settings{text-align:center;margin-bottom:5em}.time-period{margin-bottom:2em}#monthly,#yearly{display:none}input[type=radio]:checked+label{color:var(--main-text);border-bottom:2px solid var(--main-text);font-size:larger;font-weight:600}input[type=radio]:hover+label{cursor:pointer;color:var(--main-text)}input[type=radio]+label{color:grey}.time-period-button{padding:.5em;margin:0 1em;-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps}.date-navigation{margin:.5em 0;position:relative;display:inline-block}.up-caret{top:7px}.down-caret,.up-caret{position:absolute;left:-15px}.down-caret{bottom:7px}#search-filter{width:100%;margin:1em 0}.song-info-grid{width:minmax(100%,400px);display:grid;grid-template-columns:115px 1fr;grid-template-rows:23px 18px 45px 18px 14px;grid-gap:0 12px;gap:0 12px;text-align:left}#main{text-align:center;position:relative;margin:.5em}#main-graph,#test-canvas{width:100%;height:100%}#canvas{width:100%}.point-settings-container{text-align:center;display:flex;flex-direction:column;align-items:center}.point-setting{border-radius:calc(var(--border-radius) + 10px);box-sizing:border-box;width:100%;padding:.5em 2em}.settings-container{display:flex;justify-content:space-around;width:70%}.settings-flexbox{display:flex;flex-direction:column;width:100%}.settings-flexbox>label{text-align:left;white-space:nowrap}.settings-flexbox>input{width:100%}.reset-default{margin-top:1em;padding:.5em .75em}.disabled-arrow{pointer-events:none;color:var(--light)}@media (min-width:1000px){.site-container{height:100%}#filter-input,#filter-select,.button,.option-card{font-size:smaller}.song{font-size:medium}.side-options{width:25%;float:left;box-sizing:border-box;text-align:left}.song-info-grid{width:100%;margin:0}.song-info-card{grid-row:3/4}.option-card{width:100%}#day-filters,#search-filter{margin-bottom:1.5em}.point-settings-container{text-align:left;align-items:flex-start}.point-setting{padding:0}.settings-container{width:100%}.settings-flexbox>input{width:90%}#content-container{width:75%;height:100%;float:right;box-sizing:border-box;padding:2em .25em;overflow-y:scroll}#entries{position:absolute;top:.5em;left:1.5em}#corner-options-container{right:1.5em}.time-period{margin-bottom:.25em}.time-settings{margin-bottom:.5em}#month-select,#year-select{font-size:x-large}.up-caret{top:2px}.down-caret{bottom:2px}}@media (min-width:1300px){#content-container{padding:0 6vw}}.home-page-container{height:100%;width:100%;display:grid;justify-content:center;align-content:center;background-image:linear-gradient(rgba(68,76,247,.02) 4px,transparent 0),linear-gradient(90deg,rgba(69,78,247,.02) 4px,transparent 0);background-size:240px 240px}.content-grid{display:grid;width:100vw;height:100%;grid-template-columns:100%;grid-template-rows:100% 100%}.title-container{width:100%;height:100%;grid-row:2/3;text-align:center;margin-top:-50px}.home-title{font-size:3em}.diamond-container{display:flex;position:relative;justify-content:center}.diamond-button{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--light-blue);border:none;border-radius:2px}.diamond-button:hover{background-color:var(--blue);cursor:pointer;color:#fff}.larger-diamond-shape{height:150px;width:150px;font-size:x-large}.smaller-diamond-shape{height:100px;width:100px;font-size:larger}.diamond-text{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.d1{bottom:-20px;left:23px}.d1,.d2{position:relative}.d2{top:150px;right:-4px}@media (min-width:475px){.content-grid{grid-template-columns:40% 60%;grid-template-rows:100%;align-items:center}.title-container{grid-row:1/2;text-align:right}.diamond-container{display:block}.d1{bottom:50px;left:40px}.d2{top:45px;right:-22px}}.instructions-container{padding:2vw 4vw 4vw;max-width:600px}.screenshot{display:block;width:100%;max-width:500px;margin:1em 0;border-radius:2px}.steps>li{margin:4em 0}
/*# sourceMappingURL=main.4745c3b6.chunk.css.map */