:root{--background-color:#1d1449;--pink:#f62e97;--orange:#f9ac53;color:#ffffffde;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;font-family:geom-graphic,sans-serif;font-style:italic;display:flex}.tracks-list,.settings{background:var(--background-color);border:.15em outset var(--orange);padding:2em 2.6em 2em 2.8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tracks-list__title,.settings__title{color:#0000;background:linear-gradient(var(--orange),var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:1.3em;font-family:cc-running-with-scissors-up,sans-serif;font-size:1.6rem}.tracks-list__ul{flex-direction:column;gap:1.3em;padding:0;display:flex}.tracks-list__li{letter-spacing:.07em;justify-content:space-between;align-items:center;gap:1.4em;display:flex}.tracks-list__span{border-bottom:.1em dashed #fff}.tracks-list__button{cursor:pointer;background:0 0;border-style:outset}.tracks-list__img{width:1rem}.settings-button{cursor:pointer;background:#502675;justify-content:center;align-items:center;height:max-content;padding:.5em;display:flex;position:absolute;top:1em;left:1em}.settings{background:var(--background-color);border:.1em outset var(--orange);position:absolute}.settings__close{background:var(--background-color);cursor:pointer;width:min-content;padding:0;display:flex;position:absolute;top:.8em;right:.8em}.settings__close-img{width:1.7rem}.settings__title{text-align:center;margin-bottom:.85em}.settings__subtitle{margin-bottom:.5em}.settings__bar-color,.settings__ellipse-color{aspect-ratio:1;width:3em}.track{background:var(--background-color);background:var(--background-color);border:.1em outset #9f3397;grid-template-columns:1fr min-content 1fr;place-items:center;padding:1.7em 2em;display:grid;position:absolute;top:1em;right:1em}.track__img,.track__label,.track__range{grid-column:1/4}.track__img{width:10rem}.track__label{color:#0000;background:linear-gradient(var(--orange),var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.35em;font-family:cc-running-with-scissors-up,sans-serif;font-size:.9rem}.track__range{appearance:none;background:0 0;outline:none;width:100%;margin-top:.4em;margin-bottom:1.3em}.track__range:focus{outline:none}.track__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--pink);cursor:pointer;border-radius:50%;width:14px;height:14px;margin-top:-3px}.track__range::-moz-range-thumb{background:var(--pink);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.track__range::-ms-thumb{background:var(--pink);cursor:pointer;border-radius:50%;width:14px;height:14px}.track__range::-webkit-slider-runnable-track{background:#463a80;border-radius:1em;height:8px;display:flex}.track__range::-moz-range-track{background:#463a80;border-radius:1em;height:8px}.track__range::-ms-track{color:#0000;cursor:pointer;background:0 0;border-width:6px 0;border-color:#0000;border-radius:1em;height:8px}.track__range::-ms-fill-lower{background:#463a80;border-radius:1em}.track__range::-ms-fill-upper{background:#463a80;border-radius:1em}.track__button{cursor:pointer;background:0 0;border-style:outset}.track__order-img{width:1rem;padding:.15em}.track__order-img--previous{transform:scaleX(-1)}.track__pause{aspect-ratio:1;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}.track__pause-img{height:70%}.hidden{display:none}