#resultWrap{display:none}#result{flex-direction:column;margin-top:1em;display:flex}#overview{flex-direction:row;display:flex}#overview a{color:#fff;text-decoration:none}#overview>article{width:50%}#overview>article img{margin-bottom:1em}.column{flex:100%;margin-left:auto;margin-right:auto;padding:0 1em 1em}#rec{flex-direction:column;justify-content:center;margin-top:1em;margin-bottom:1em;display:flex}#headline{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:2em;display:flex}#headline h2{margin:0 .5em 0 0;font-size:1.75em}#headline p{vertical-align:text-bottom;margin-bottom:0}#headline #currentUser{display:none}#headline #currentUser span{font-weight:700}label.topLabel,legend.topLabel{font-size:.75rem}label.topLabel{margin-bottom:0}#period{margin-bottom:.7em}#period~label{margin-top:0;margin-left:1em;font-size:.75rem;display:inline-block}#period~label input[type=checkbox],#period~label input[type=radio]{width:1em;height:1em;margin-right:0}#credits{text-align:center;font-size:.75rem}#musipie{text-align:center;margin-left:1em;margin-right:1em}#musipie canvas{object-fit:contain;max-width:500px;margin:auto;width:100%!important;height:unset!important}#spotify{border-radius:15px}#youtube{aspect-ratio:16/9;max-width:560px;width:100%!important}#bandcamp{border:0;width:250px;height:392px;margin:2em auto 0;display:block}sup a{text-decoration:none}header img{width:1.3em;max-width:unset;margin-right:.25em}header h1{margin:0;display:inline-block}header h1 a:link,header h1 a:visited,header h1 a:hover,header h1 a:active{color:#e0e3e7;text-decoration:none}header h1 span{display:none}ul#navmenu,ul#navmenu a{color:#fff}ul#navmenu details.dropdown summary{color:inherit;box-shadow:none;background:0 0;border:none;display:flex}#loader{z-index:1000;box-sizing:border-box;border:50px solid #363940;border-color:#363940 #4e5157 #66686d #898b8f;border-radius:50%;width:100px;height:100px;margin-left:auto;margin-right:auto;animation:1s linear infinite animloader;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes animloader{0%{border-color:#363940 #4e5157 #66686d #88c670}33%{border-color:#dde65e #363940 #4e5157 #66686d}66%{border-color:#66686d #fbb564 #363940 #4e5157}to{border-color:#4e5157 #66686d #f25f79 #363940}}#errors div{color:#640a2b;background-color:#dda0b5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(100, 10, 43, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");background-position:.75rem;background-size:30px;border:1px solid #dd95ae;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1rem .75rem calc(1.5rem + 30px)}#buttonClipboard{display:none}@media (width>=422px){header h1 span{display:inline}}@media (width>=768px){#headline h2,#headline p{display:inline-block}}@media (width>=1024px){#result{flex-direction:row;margin-top:2em}.column{flex:50%}#rec{margin-top:3em}#bandcamp{width:350px;height:470px}#paletteList{columns:2}#overview article img{float:left;margin-right:1em}#usernameForm{max-width:50%;margin:auto}#buttons{display:grid}}#paletteList{padding:0}#paletteList li{text-align:right;cursor:pointer;font-size:.7em;list-style:none}#paletteList li div{border-radius:5px;flex-flow:row;display:flex}#paletteList li div span{background-color:var(--color);flex:1 0 auto;height:1.7em}.fadeIn,.fadeOut{transition:opacity .5s}.fadeOut{opacity:0}.fadeIn{opacity:1}.flex-grid{flex-wrap:wrap;column-gap:1em;display:flex}.flex-grid>div{flex:calc(50% - 1em)}#p5_loading{display:none}#buttons{flex-direction:row;justify-content:center;margin-bottom:1em;display:flex}#buttons button{width:100%}#customize h3{display:none}
/*# sourceMappingURL=index.8926e99e.css.map */