@import "https://fonts.googleapis.com/css2?family=Geologica&display=swap";.icon-thewall,.icon-thewall:after,.icon-thewall:before{content:"";box-sizing:border-box;display:block}.icon-thewall{border:.05em solid var(--icon-color);width:1em;height:1em;position:relative}.icon-thewall:after{background-color:var(--icon-color);box-shadow:0em .1em 0 0 var(--icon-color),0em .1em 0 0 var(--icon-color),0em .2em 0 0 var(--icon-color),0em .3em 0 0 var(--icon-color),0em .4em 0 0 var(--icon-color);width:.7em;height:.05em;position:absolute;top:.1em;left:.1em}.icon-thewall:before{content:"";background-color:var(--icon-color);box-shadow:0em .1em 0 0 var(--icon-color);width:.25em;height:.05em;position:absolute;top:.65em;left:.1em}.icon-heatmap,.icon-heatmap:after{content:"";box-sizing:border-box;display:block}.icon-heatmap{background-color:#0000;width:1em;height:1em;position:relative}.icon-heatmap:after{background-color:var(--icon-color);box-shadow:.266em 0 0 0 var(--icon-color),.532em 0 0 0 var(--icon-color),.798em 0 0 0 var(--icon-color),0 .266em 0 0 var(--icon-color),.266em .266em 0 0 var(--icon-color),.532em .266em 0 0 var(--icon-color),.798em .266em 0 0 var(--icon-color),0 .532em 0 0 var(--icon-color),.266em .532em 0 0 var(--icon-color),.532em .532em 0 0 var(--icon-color),.798em .532em 0 0 var(--icon-color),0 .798em 0 0 var(--icon-color),.266em .798em 0 0 var(--icon-color),.532em .798em 0 0 var(--icon-color),.798em .798em 0 0 var(--icon-color);border-radius:.07em;width:.2em;height:.2em;position:absolute}.icon-bubbles,.icon-bubbles:after{content:"";box-sizing:border-box;display:block}.icon-bubbles{background-color:#0000;width:1em;height:1em;position:relative}.icon-bubbles:after{background-color:var(--icon-color);box-shadow:.1em -.6em 0 -.1em var(--icon-color),.4em -.3em 0 -.05em var(--icon-color),.65em -.05em 0 -.16em var(--icon-color),.45em .07em 0 -.16em var(--icon-color),.6em -.55em 0 -.16em var(--icon-color);border-radius:50%;width:.5em;height:.5em;position:absolute;bottom:0}.icon-collage,.icon-collage:after,.icon-collage:before{content:"";box-sizing:border-box;display:block}.icon-collage{border:.05em solid var(--icon-color);background-color:#0000;width:1em;height:1em;position:relative}.icon-collage:after{border:.05em solid var(--icon-color);background-color:#0000;width:.38em;height:1em;position:absolute;top:-.05em;left:.265em}.icon-collage:before{border:.05em solid var(--icon-color);background-color:#0000;width:1em;height:.38em;position:absolute;top:.26em;left:-.05em}.icon-friend-check,.icon-friend-check:after,.icon-friend-check:before{content:"";box-sizing:border-box;display:block}.icon-friend-check{background-color:#0000;width:1em;height:1em;position:relative;overflow:hidden}.icon-friend-check:after{background-color:var(--icon-color);box-shadow:-.4em .2em 0 0 var(--icon-color),-.2em .4em 0 0 var(--icon-color),-.1em .6em 0 0 var(--icon-color),-.3em .8em 0 0 var(--icon-color);border-radius:.03em;width:.7em;height:.1em;position:absolute;top:.075em;left:-.1em}.icon-friend-check:before{background-color:var(--icon-color);box-shadow:.4em -.2em 0 0 var(--icon-color),.2em .2em 0 0 var(--icon-color),.3em .4em 0 0 var(--icon-color),.1em .6em 0 0 var(--icon-color);border-radius:.03em;width:.75em;height:.1em;position:absolute;top:.275em;right:-.1em}.icon-start,.icon-start:after,.icon-start:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-start{font-size:inherit;background-color:var(--icon-bg-color);width:1em;height:1em;position:relative}.icon-start:before{border-top:.5em solid #0000;border-left:.9em solid var(--icon-color);border-bottom:.5em solid #0000;width:0;height:0;transition:transform .3s;position:absolute;top:.025em;left:.05em;transform:scale(1)}@media (hover:hover) and (pointer:fine){.icon-start:hover:before{transition:transform .3s;transform:scale(.85)}}.icon-download,.icon-download:after,.icon-download:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-download{font-size:inherit;background-color:var(--icon-bg-color);border-bottom:.1em solid;border-color:var(--icon-color);width:1em;height:1em;position:relative}.icon-download:before{background-color:var(--icon-color);width:.3em;height:.4em;transition:top .3s;position:absolute;top:0;left:.35em}.icon-download:after{border-top:.3em solid var(--icon-color);border-left:.3em solid #0000;border-right:.3em solid #0000;width:0;height:0;transition:top .3s;position:absolute;top:.4em;left:.2em}@media (hover:hover) and (pointer:fine){.icon-download:hover:before{transition:top .3s;top:.2em}.icon-download:hover:after{transition:top .3s;top:.6em}}.icon-download.active:before,.icon-download.active:after{animation-name:slideDownload;animation-duration:1.5s;animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-iteration-count:1}@keyframes slideDownload{0%{opacity:1;transform:translateY(0)}10%{opacity:1}to{opacity:0;transform:translateY(1.5em)}}.icon-settings,.icon-settings:after,.icon-settings:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-settings{font-size:inherit;background-color:inherit;border-top:.15em solid;border-top-color:var(--icon-color);width:1em;height:1em;position:relative}.icon-settings:before{background-color:var(--icon-color);width:1em;height:.15em;transition:transform .3s;position:absolute;top:.275em;transform:rotate(0)}.icon-settings:after{background-color:var(--icon-color);width:1em;height:.15em;transition:transform .3s,top .3s;position:absolute;top:.7em;transform:rotate(0)}@media (hover:hover) and (pointer:fine){.icon-settings:hover:before{transition:transform .3s;transform:translate(-15%)}.icon-settings:hover:after{transition:transform .3s;transform:translate(10%)}}.icon-settings.active{border-top-color:#0000}.icon-settings.active:before{transition:transform .4s;transform:rotate(45deg)}.icon-settings.active:after{transition:transform .3s,top .4s;top:.275em;transform:rotate(-45deg)}.icon-color,.icon-color:after,.icon-color:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-color{font-size:inherit;background-color:var(--icon-bg-color);width:1em;height:1em;position:relative;transform:rotate(0)}.icon-color:before{border:.1em solid var(--icon-color);background-color:var(--icon-color);clip-path:polygon(100% 20%,100% 0,100% 50%,100% 100%,0 100%,20% 100%);border-radius:0 50% 50%;width:.75em;height:.75em;transition:clip-path .3s;position:absolute;top:.2em;left:.125em;transform:rotate(45deg)}.icon-color:after{border:.1em solid var(--icon-color);border-radius:0 50% 50%;width:.85em;height:.85em;position:absolute;top:.15em;left:.075em;transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.icon-color:hover:before{clip-path:polygon(45% 0,100% 0,100% 50%,100% 100%,0 100%,0 45%);transition:clip-path .3s}}.icon-color.active{animation-name:rotateIcon;animation-duration:.5s}.icon-square{content:"";box-sizing:border-box;cursor:pointer;width:1em;height:1em;display:block;position:relative}.icon-square:after{content:"";box-sizing:border-box;cursor:pointer;border:.1em solid var(--icon-color);width:1em;height:1em;display:block;position:absolute}.icon-rectangle{content:"";box-sizing:border-box;cursor:pointer;width:1em;height:1em;display:block;position:relative}.icon-rectangle:after{content:"";box-sizing:border-box;cursor:pointer;border:.1em solid var(--icon-color);width:1em;height:.5em;display:block;position:absolute;top:.25em}.icon-rectangle2{content:"";box-sizing:border-box;cursor:pointer;width:1em;height:1em;display:block;position:relative}.icon-rectangle2:after{content:"";box-sizing:border-box;cursor:pointer;border:.1em solid var(--icon-color);width:.5em;height:1em;display:block;position:absolute;left:.25em}.icon-square.active:after,.icon-rectangle.active:after,.icon-rectangle2.active:after{--icon-color:var(--color-secondary)}.icon-square.active:before,.icon-rectangle.active:before,.icon-rectangle2.active:before{content:"";box-sizing:border-box;cursor:pointer;background-color:var(--icon-bg-color);border-radius:.25em;width:1.4em;height:1.4em;display:block;position:absolute;top:-.2em;left:-.2em}.icon-text-small{content:"";box-sizing:border-box;cursor:pointer;width:1em;height:1em;display:block;position:relative}.icon-text-small:after{content:"T";box-sizing:border-box;cursor:pointer;color:var(--icon-color);font-size:.5em;display:block;position:absolute;bottom:-.25em;left:.75em}.icon-text-medium{content:"";box-sizing:border-box;cursor:pointer;width:1em;height:1em;display:block;position:relative}.icon-text-medium:after{content:"T";box-sizing:border-box;cursor:pointer;color:var(--icon-color);font-size:.8em;display:block;position:absolute;bottom:-.26em;left:.35em}.icon-text-big{content:"";box-sizing:border-box;cursor:pointer;width:1em;height:1em;display:block;position:relative}.icon-text-big:after{content:"T";box-sizing:border-box;cursor:pointer;text-align:center;color:var(--icon-color);width:1em;height:1em;display:block;position:absolute}.icon-text-small.active:after,.icon-text-medium.active:after,.icon-text-big.active:after{--icon-color:var(--color-secondary)}.icon-text-small.active:before,.icon-text-medium.active:before,.icon-text-big.active:before{content:"";box-sizing:border-box;cursor:pointer;background-color:var(--icon-bg-color);border-radius:.25em;width:1.4em;height:1.4em;display:block;position:absolute;top:-.2em;left:-.2em}.icon-align-left,.icon-align-left:after,.icon-align-left:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-align-left{font-size:inherit;border-left:.1em solid var(--icon-color);width:1em;height:1em;position:relative}.icon-align-left:before{background-color:var(--icon-color);width:.7em;height:.2em;position:absolute;top:.2em;left:.1em}.icon-align-left:after{background-color:var(--icon-color);width:.45em;height:.2em;position:absolute;top:.6em;left:.1em}.icon-align-right,.icon-align-right:after,.icon-align-right:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-align-right{font-size:inherit;border-right:.1em solid var(--icon-color);width:1em;height:1em;position:relative}.icon-align-right:before{background-color:var(--icon-color);width:.7em;height:.2em;position:absolute;top:.2em;right:.1em}.icon-align-right:after{background-color:var(--icon-color);width:.45em;height:.2em;position:absolute;top:.6em;right:.1em}.icon-align-center,.icon-align-center:after,.icon-align-center:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-align-center{font-size:inherit;border-right:.1em solid var(--icon-color);border-left:.1em solid var(--icon-color);width:1em;height:1em;position:relative}.icon-align-center:before{background-color:var(--icon-color);width:.6em;height:.2em;position:absolute;top:.2em;left:.1em}.icon-align-center:after{background-color:var(--icon-color);width:.3em;height:.2em;position:absolute;top:.6em;left:.25em}.icon-align-justify,.icon-align-justify:after,.icon-align-justify:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-align-justify{font-size:inherit;border-right:.1em solid var(--icon-color);border-left:.1em solid var(--icon-color);width:1em;height:1em;position:relative}.icon-align-justify:before{background-color:var(--icon-color);width:.6em;height:.2em;position:absolute;top:.2em;left:.1em}.icon-align-justify:after{background-color:var(--icon-color);width:.6em;height:.2em;position:absolute;top:.6em;left:.1em}.icon-space,.icon-space:after,.icon-space:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-space{font-size:inherit;border-bottom:.1em solid var(--icon-color);width:1em;height:1em;position:relative}.icon-space:before{background-color:var(--icon-color);width:.1em;height:.2em;position:absolute;bottom:0;left:0}.icon-space:after{background-color:var(--icon-color);width:.1em;height:.2em;position:absolute;bottom:0;right:0}.icon-comma,.icon-comma:after,.icon-comma:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-comma{font-size:inherit;width:1em;height:1em;position:relative}.icon-comma:before{background-color:var(--icon-color);border-radius:50%;width:.35em;height:.35em;position:absolute;bottom:.4em;left:.3em}.icon-comma:after{border-right:.12em solid var(--icon-color);border-radius:50%;width:.5em;height:.6em;position:absolute;bottom:.15em;right:.32em;transform:rotate(16deg)}.icon-color2,.icon-color2:after,.icon-color2:before{content:"";box-sizing:border-box;cursor:pointer;display:block}.icon-color2{font-size:inherit;width:1em;height:1em;position:relative}.icon-color2:before{border:.1em solid var(--icon-color);background-color:var(--icon-color);clip-path:polygon(100% 20%,100% 0,100% 50%,100% 100%,0 100%,20% 100%);border-radius:0 50% 50%;width:.75em;height:.75em;position:absolute;top:.2em;left:.125em;transform:rotate(45deg)}.icon-color2:after{border:.1em solid var(--icon-color);border-radius:0 50% 50%;width:.85em;height:.85em;position:absolute;top:.15em;left:.075em;transform:rotate(45deg)}.icon-loading,.icon-loading:after,.icon-loading:before{content:"";box-sizing:border-box;display:block}.icon-loading{font-size:inherit;width:1em;height:1em;animation-name:rotateIcon;animation-duration:1.3s;animation-timing-function:linear;animation-iteration-count:infinite;position:relative}.icon-loading:before{border-top:.1em solid var(--icon-color);border-left:.1em solid var(--icon-color);border-right:.1em solid var(--icon-color);border-bottom:.1em solid #0000;border-radius:50%;width:.8em;height:.8em;position:absolute;top:.1em;left:.1em}.icon-loading:after{border-left:.25em #0000;border-right:.25em solid #0000;border-bottom:.25em solid var(--icon-color);position:absolute;bottom:.14em;right:.12em}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:root{--color-background:black;--color-background2:#1e1e1e;--color-font:white;--color-font2:#b3b3b3;--color-fm-red:#dc0715;--color-secondary:white}body{background-color:var(--color-background);color:var(--color-font);font-family:Geologica,sans-serif;font-size:16px}.fm-tools-logo{color:var(--color-font);text-align:center;background-color:#00000080;border-radius:.3em;flex-basis:100%;font-size:1.4em}.fm-tools-logo a{color:var(--color-font);padding:.2em .35em;text-decoration:none;display:block}.fm-tools-logo .red{color:var(--color-fm-red)}#menu{flex-wrap:wrap;justify-content:space-around;gap:20px;padding:6px;font-size:22px;display:flex}#menu div{align-self:center}.nickname-container{flex-basis:100%}.nickname-container input{border-bottom:2px solid var(--color-secondary);color:var(--color-font);background-color:inherit;text-align:center;text-shadow:0 0 .1em #000;border-top:none;border-left:none;border-right:none;width:96%;padding-bottom:6px;font-size:24px;font-weight:700}.nickname-container input::placeholder{color:var(--color-font);opacity:.8}.nickname-container input:focus-visible{outline:none}.icon-container{--icon-bg-color:var(--color-background);--icon-color:var(--color-secondary);font-size:30px;position:relative}#settings-popup-closer{display:none;position:absolute;inset:0}.icon-settings.active{--icon-color:white}#settings-container{user-select:none;color:#fff;--icon-bg-color:var(--color-background);--icon-color:white;background-color:#000;border-radius:15px;width:65vw;min-width:195px;max-width:440px;padding-top:.2em;padding-left:.4em;padding-right:.4em;display:none;position:absolute;top:-12px;right:-12px}#settings-container-title{padding-top:10px}.settings-container-section{margin-bottom:1em;position:relative}.settings-container-section.disabled:after{content:"";opacity:.8;background-color:#000;width:100%;height:110%;display:block;position:absolute;top:0}.settings-container-header{text-align:center;margin-top:.7em;margin-bottom:.7em;font-size:.9em}.settings-container-content{justify-content:space-around;align-items:center;display:flex}#settings-theme-list{flex-wrap:wrap;gap:.5em}.settings-theme-button{box-sizing:border-box;cursor:pointer;text-align:center;user-select:none;border:.1em solid #fff;border-radius:50%;width:1.2em;height:1.2em;line-height:.85em;position:relative}.settings-icon-background2.active .settings-theme-button{border-color:var(--color-secondary)}.settings-icon-background2{position:relative}.settings-icon-background2.active:before{content:"";box-sizing:border-box;background-color:var(--icon-bg-color);border-radius:.25em;width:1.6em;height:1.6em;display:block;position:absolute;top:-.2em;left:-.2em}.settings-icon-background{content:"";box-sizing:border-box;display:block;position:relative}.settings-icon-background.active:before{content:"";box-sizing:border-box;background-color:var(--icon-bg-color);border-radius:.25em;width:1.4em;height:1.4em;display:block;position:absolute;top:-.2em;left:-.2em}.settings-icon-background.active>div{--icon-color:var(--color-secondary)}.settings-custom-color{box-sizing:border-box;cursor:pointer;text-shadow:0 0 .2em #000;border:.1em solid #fff;border-radius:.25em;padding:.3em;font-size:18px}label[for=settings-custom-background]{background-color:var(--color-background)}label[for=settings-custom-text]{background-color:var(--color-secondary)}.settings-custom-color input{opacity:0;position:absolute}#output-loading-overlay{--icon-color:var(--color-secondary);--icon-bg-color:var(--color-background);margin-top:30vh;font-size:100px;display:none}#output-error-overlay{text-shadow:0 0 .05em #000;text-align:center;margin-top:20vh;font-size:30px;display:none}@media screen and (width>=840px){.fm-tools-logo{flex-basis:content;padding-top:unset;margin:-.3em}#menu{flex-wrap:nowrap;gap:30px;padding:20px;font-size:18px}.nickname-container{flex-basis:content}.nickname-container input{width:180px;padding-bottom:2px;font-size:18px}#settings-container{width:195px;padding-top:.5em;padding-left:.8em;padding-right:.8em;position:absolute}}main{justify-content:center;display:flex}#output{background-color:var(--color-background);flex-basis:100%;max-width:700px;display:none}#output #info{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5em;font-size:1.4em;display:flex}#info .title{text-align:center;color:var(--color-secondary);flex-basis:100%;margin-top:2em;margin-bottom:1em;font-size:1.4em;font-weight:700}#nicknameLeft,#nicknameRight{border-bottom:2px solid var(--color-secondary)}#output .bar{justify-content:space-between;align-items:center;gap:2.5em;width:100%;margin-bottom:1.5em;display:flex}#artists .top-bar{justify-content:space-between;align-items:flex-end;margin-bottom:.3em;display:flex}#artists .artist-name{font-size:1.2em}#artists .position{margin-bottom:-.3em;font-size:.6em}#output .bar .right,#output .bar .left{content:"test";background-color:var(--color-secondary);color:var(--color-background);padding:.12em .3em;font-size:1.2em;font-weight:700}.bar .left{text-align:right;border-top-right-radius:.5em;border-bottom-right-radius:.5em;min-width:2.5em}.bar .right{border-top-left-radius:.5em;border-bottom-left-radius:.5em;min-width:2.5em}@media screen and (width>=840px){#download-button{margin-left:auto}main{padding:2em}#output{padding:4em}#output #info{margin-bottom:1em;font-size:1.6em}#info .title{margin-top:0;margin-bottom:1.5em;font-size:2em}#artists .artist-name{font-size:1.5em}#artists .position{font-size:.8em}#output .bar{gap:4.5em;margin-bottom:2.2em}}