.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes glitch-out{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);filter:none;transform:translateX(0)}10%{-webkit-clip-path:inset(12% 0 55% 0);clip-path:inset(12% 0 55% 0);filter:hue-rotate(90deg) saturate(3);transform:translateX(-8px)}20%{-webkit-clip-path:inset(55% 0 12% 0);clip-path:inset(55% 0 12% 0);filter:hue-rotate(180deg);transform:translateX(8px)}30%{-webkit-clip-path:inset(0 0 80% 0);clip-path:inset(0 0 80% 0);filter:brightness(2) hue-rotate(270deg);transform:translateX(-4px)}40%{-webkit-clip-path:inset(80% 0 0 0);clip-path:inset(80% 0 0 0);filter:hue-rotate(0deg);transform:translateX(6px)}50%{-webkit-clip-path:inset(30% 0 30% 0);clip-path:inset(30% 0 30% 0);filter:saturate(0) brightness(1.5);transform:translateX(-6px)}60%{-webkit-clip-path:inset(0 0 60% 0);clip-path:inset(0 0 60% 0);filter:hue-rotate(180deg);transform:translateX(4px)}70%{-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0);filter:none;transform:translateX(-2px)}80%{-webkit-clip-path:inset(0 0 90% 0);clip-path:inset(0 0 90% 0);filter:brightness(3);transform:translateX(2px)}90%{-webkit-clip-path:inset(90% 0 0 0);clip-path:inset(90% 0 0 0);filter:none;transform:translateX(0)}to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);opacity:0;transform:translateX(0)}}@property --circle-radius{syntax:"<percentage>";inherits:false;initial-value:150%}*{box-sizing:border-box;font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-style:normal;margin:0;padding:0}header{background-color:#2f2e2e;height:65px;width:100%}.defoult-page{align-items:center;background-color:#222;flex-direction:column;height:100vh;padding-left:15%;padding-right:15%}.defoult-page,.radio{display:flex;width:100%}.radio{align-items:flex-end;background:#a7a7a7;border:1px solid #aaa;border-radius:20px;height:450px;margin-top:25px;padding:15px}.track-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-top:25px;min-height:50%;width:100%}.shadow-block{align-items:center;background-color:#000;display:flex;height:100%;justify-content:space-evenly;width:100%}.track-block{aspect-ratio:180/200;height:auto;min-width:180px;padding:5px}.track{aspect-ratio:1/1;height:180px;width:100%}.player-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 15px;height:200px;pointer-events:none}.player-container,.player-container-two{background-color:initial;bottom:0;position:fixed;width:100%;z-index:5}.player-container-two{align-items:stretch;box-sizing:border-box;display:flex;justify-content:center;left:0;transition:all .2s ease}.player-seek{-webkit-appearance:none;appearance:none;border-radius:4px;box-sizing:border-box;max-width:100%;min-width:0;outline:none}.player-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:12px;opacity:0;width:12px}.player-seek::-moz-range-thumb{background:#0000;border:none;height:12px;opacity:0;width:12px}.player-info{grid-column:1;justify-content:flex-start;padding-left:10px;width:auto}.player-info,.player-sub{align-items:flex-end;display:flex;grid-row:1;padding-bottom:10px}.player-sub{grid-column:2;justify-content:flex-end;padding-right:10px}.player-line{background-color:#d7d7d7;cursor:pointer;display:flex;grid-column:1/-1;grid-row:2;pointer-events:all}.player-line-btn{background-color:#fd5e5e;height:100%;width:1%}.player-line-line{height:100%;width:98%}.player-modal{align-items:flex-end;justify-content:space-evenly;padding:10px}.track-page{align-items:flex-start;display:flex;flex-direction:column;height:400px;justify-content:flex-end;padding-left:15%;padding-right:15%;position:absolute;width:100%;z-index:4}#radius,#radius-2{-webkit-appearance:none;appearance:none;border:none;border-radius:4px;height:18px;outline:none;overflow:hidden;width:250px}#radius-2::-webkit-slider-thumb,#radius::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border:0 solid #fff;border-radius:50%;box-shadow:calc(-100vmax - 18px) 0 0 100vmax #fff;-webkit-clip-path:polygon(100% 0,2px 0,0 7px,-100vmax 7px,-100vmax 11px,0 11px,2px 100%,100% 100%);clip-path:polygon(100% 0,2px 0,0 7px,-100vmax 7px,-100vmax 11px,0 11px,2px 100%,100% 100%);height:18px;margin-top:-7px;width:18px}#radius-2::-moz-range-thumb,#radius::-moz-range-thumb{appearance:none;background-color:#fff;border:none;border-radius:50%;height:18px;margin-top:-7px;width:18px}#radius-2::-webkit-slider-runnable-track,#radius::-webkit-slider-runnable-track{background:#5d5d5d;border:none;border-radius:4px;box-shadow:0 0 0 #5d5d5d;height:4px}@keyframes vinyl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.purchase-btn{align-items:center;background-color:initial;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;gap:12px;justify-content:center;margin-top:2rem;padding:.5rem 1.5rem;transition:background-color .15s ease,color .15s ease;white-space:nowrap;width:-webkit-min-content;width:min-content;z-index:100}.purchase-btn:hover{background-color:#fff;color:#000}.purchase-btn:hover img{filter:invert(1)}.purchase-btn:active{background-color:#fffc}
/*# sourceMappingURL=main.0435bba6.css.map*/