@media screen and (min-width: 0px){header .sorter .by{text-align:right}header .sorter-buttons{align-items:center}header .sorter-buttons :nth-child(3){display:flex;position:relative;justify-content:center}header .beatlist-sorter{height:183px;padding-block:40px 25px;padding-inline:25px}header .beatlist-sorter h2{max-height:90px}header .beatlist-sorter .intro{max-width:220px}header .beatlist-sorter .intro p{max-width:165px}header .sorter{align-items:center}}@media screen and (min-width: 400px){header .sorter-buttons{display:grid!important;grid-template-columns:46px 46px 46px!important}header .sorter .by{text-align:unset}header .sorter-buttons :nth-child(3){justify-content:start}header .beatlist-sorter{height:260px;padding-block:50px 25px;padding-inline:clamp(25px,8vw,60px) 15px}header .beatlist-sorter h2{font-size:clamp(20px,5vw,35px);max-height:130px}header .beatlist-sorter .intro{max-width:clamp(140px,35vw,250px)}header .beatlist-sorter .intro p{max-width:165px}header .sorter{align-items:start;padding-right:0}}@font-face{font-family:font;src:url(/assets/SUSE-CRzWIRDC.ttf)}:root{--clr-60: 255, 255, 255;--clr-60-2: 72, 125, 127;--clr-font-h: 20, 20, 20;--clr-font-p: 40, 40, 40;--clr-primary: 0, 65, 71;--clr-primary-2: 96, 100, 102;--clr-header-background: 47, 76, 77;--clr-accent: 255, 215, 0}*{padding:0;margin:0;box-sizing:border-box}body{color:rgba(var(--clr-primary));background-color:rgba(var(--clr-60));font-family:font;-webkit-user-select:auto;user-select:auto}.homepage{position:relative;display:flex;flex-direction:column;align-items:center}.header-sidenav{display:flex;width:100%;position:relative;justify-content:space-between;z-index:5;gap:6px}.sidenav{display:flex;flex-direction:column;align-items:center;width:0;padding-bottom:0;padding-inline:0;opacity:0;gap:10px;height:0;z-index:1;position:relative;overflow:hidden;transition:width .8s cubic-bezier(.52,-.03,.48,1.05),padding-bottom .8s cubic-bezier(.52,-.03,.48,1.05) .7s,padding-inline .8s cubic-bezier(.52,-.03,.48,1.05),height 1.2s cubic-bezier(.52,-.03,.48,1.05) .6s,opacity .6s cubic-bezier(.52,-.03,.48,1.05)}.sidenav .cart-nav input{width:100%;border:1px solid;background-color:transparent;color:inherit;border-radius:3px}.sidenav-open{width:110px;padding-bottom:15px;padding-inline:6px;height:200px;opacity:1;transition:width .8s cubic-bezier(.52,-.03,.48,1.05),padding-bottom .8s cubic-bezier(.52,-.03,.48,1.05) .3s,padding-inline .8s cubic-bezier(.52,-.03,.48,1.05),height 1.6s cubic-bezier(.52,-.03,.48,1.05),opacity .7s cubic-bezier(.52,-.03,.48,1.05) .6s!important}.sidenav>*{width:0;padding:0;opacity:0;border-radius:6px;text-wrap-mode:nowrap;transition:opacity .6s,width .6s ease-in,padding .6s ease-in .6s}.sidenav>:first-child{box-shadow:#0003 4px 2px 10px 2px;border-top-left-radius:0;border-top-right-radius:0}.sidenav>:first-child img{margin-top:15px}.sidenav-open>*{width:100%!important;padding:10px!important;opacity:1!important;transition:opacity .6s .3s,width .6s,padding .6s .3s!important}.sidenav .sidenav-item{overflow:hidden}header{display:flex;flex-direction:column;position:relative;width:100%;box-shadow:#00000026 0 0 20px 20px;border-bottom-right-radius:20px;overflow:hidden;z-index:1;background-color:rgba(var(--clr-primary));color:rgba(var(--clr-60))}header .background-img{position:absolute;bottom:50%;right:50%;transform:rotate(90deg);filter:blur(2px);width:100%;object-fit:cover;z-index:-1;opacity:.5}header nav{display:flex;justify-content:space-between;align-items:center;height:60px;padding-inline:clamp(25px,8vw,60px);padding-top:10px}header nav .menu{opacity:1;width:25px;height:25px}nav ul{display:none;list-style:none;gap:20px}nav .logo{font-weight:900;font-size:12px}p,label,.sorter-buttons select,.sorter-buttons option{font-size:12.36px}h4{font-size:15px;text-transform:capitalize}h6{font-size:12.36px}::-webkit-scrollbar{background-color:transparent;height:8px;width:8px}::-webkit-scrollbar-thumb{background-color:rgba(var(--clr-primary),.6);border-radius:20px}.beatlist-main{display:grid;grid-template-columns:1fr min(100%,400px) 1fr;position:relative;background-color:rgba(var(--clr-60));width:100%}.beatlist-main>*{grid-column:2}.hide{opacity:0!important;pointer-events:none;transition:opacity .6s cubic-bezier(.52,-.03,.48,1.05)}.hide-anim{transition:opacity .6s .3s cubic-bezier(.52,-.03,.48,1.05)}.hide-anim-height-trans{opacity:1;transition:height .8s cubic-bezier(.52,-.03,.48,1.05),padding-block .8s cubic-bezier(.52,-.03,.48,1.05) .7s,margin-block .8s cubic-bezier(.52,-.03,.48,1.05),opacity .4s cubic-bezier(.52,-.03,.48,1.05)}.hide-anim-height{opacity:1;transition:opacity .6s ease-in-out}.hide-height{opacity:0!important;height:0!important;pointer-events:none!important;margin-block:0!important;padding-block:0!important;transition:height .8s cubic-bezier(.52,-.03,.48,1.05),padding-block .8s cubic-bezier(.52,-.03,.48,1.05) .7s,margin-block .8s cubic-bezier(.52,-.03,.48,1.05),opacity .4s cubic-bezier(.52,-.03,.48,1.05)}.hide-width{opacity:0!important;width:0!important;pointer-events:none;transition:width .8s .4s cubic-bezier(.52,-.03,.48,1.05),padding-block .8s .4s cubic-bezier(.52,-.03,.48,1.05) .7s,margin-block .8s .4s cubic-bezier(.52,-.03,.48,1.05),opacity .4s .4s cubic-bezier(.52,-.03,.48,1.05)}.hide-width-anim{transition:width .8s cubic-bezier(.52,-.03,.48,1.05),padding-block .8s cubic-bezier(.52,-.03,.48,1.05) .7s,margin-block .8s cubic-bezier(.52,-.03,.48,1.05),opacity .4s .8s cubic-bezier(.52,-.03,.48,1.05)}.hide-up{opacity:0!important;transform:translateY(-50%);pointer-events:none;transition:opacity .4s ease-in-out,transform .8s ease-in-out}.hide-up-anim{transform:translateY(0);transition:opacity .4s ease-in-out,transform .8s ease-in-out}.icon{height:15px;aspect-ratio:1}.icon-big{height:25px;aspect-ratio:1}.beatlist-sorter{display:flex;overflow-y:hidden;transition:height 1.4s cubic-bezier(.52,-.03,.48,1.05),opacity 1.4s cubic-bezier(.52,-.03,.48,1.05),padding-block 1.4s cubic-bezier(.52,-.03,.48,1.05);justify-content:space-between;max-width:600px}.beatlist-sorter h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-transform:uppercase;text-overflow:ellipsis;overflow:hidden;max-height:90px}.beatlist-sorter .sorter{display:flex;flex-direction:column;box-shadow:#0000001a 0 5px 9px;padding:10px;border-radius:10px;height:fit-content;background-color:rgba(var(--clr-60-2))}.beatlist-sorter .sorter .by{text-transform:capitalize;font-weight:600;color:rgba(var(--clr-60));text-wrap:nowrap}.beatlist-sorter .sorter .by span{padding-right:3px}.beatlist-sorter .sorter .sorter-buttons{margin-top:10px;display:flex;flex-direction:column;font-size:12px;gap:3px}.beatlist-sorter .sorter .sorter-buttons p,.beatlist-sorter .sorter .sorter-buttons select,.beatlist-sorter .sorter .sorter-buttons option{color:rgba(var(--clr-accent),1);text-transform:capitalize;padding:3px;border-bottom:1px solid transparent;transition:border-bottom .3s ease-in-out;width:fit-content}.beatlist-sorter .sorter .sorter-buttons>*{width:46px!important}.beatlist-sorter .sorter .sorter-buttons select{background-color:transparent;border:none;outline:none}.beatlist-sorter .sorter .sorter-buttons option{background-color:rgba(var(--clr-60));border:none;outline:none}.beatlist-sorter .sorter .sorter-buttons .current-sorter{border-bottom:1px solid rgba(var(--clr-accent),.5);transition:border-bottom .6s ease-in-out}.beatlist-sorter-sidenav{height:100vh!important}.beatlist-sorter-hide{height:0!important;opacity:0!important;padding-block:0!important;pointer-events:none!important}.beatlist{display:flex;flex-direction:column;width:100%;min-height:248px;transition:min-height 1.4s cubic-bezier(.52,-.03,.48,1.05)}.beatlist-hide{min-height:0}.beatlist-main .pages-indicator{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:20px;padding-inline:10px}.beatlist-main .pages-indicator p{font-size:12px}.beatlist-main .pages-indicator ul{display:flex;list-style-type:none}.beatlist-main .pages-indicator ul li{font-size:12px}.beatlist-main .pages-indicator .back-btn{display:flex;align-items:center;padding:4px;gap:1px}.info-text{margin-top:30px;padding-inline:25px;margin-bottom:15px}.info-text p{max-width:clamp(200px,70vw,350px)}.beatlist-main .page-indicator-bottom{display:flex;gap:3px;justify-content:center;width:100%;height:23px;margin-block:20px;transition:height .8s cubic-bezier(.52,-.03,.48,1.05),padding-block .8s cubic-bezier(.52,-.03,.48,1.05) .7s,padding-inline .8s cubic-bezier(.52,-.03,.48,1.05),opacity .8s .8s cubic-bezier(.52,-.03,.48,1.05)}.beatlist-main .page-indicator-bottom span{height:6px;width:6px;border-radius:50%;border:1px solid rgba(var(--clr-primary));background-color:transparent;filter:contrast(.3);margin-top:10px}.beatlist-main .page-indicator-bottom .circle-current{background-color:rgba(var(--clr-primary))}.beatlist-main .pause-next{display:flex;position:fixed;right:20px;bottom:15vh;height:45px;flex-direction:row;padding:2px;background-color:rgba(var(--clr-primary));border-radius:6px;z-index:15;box-shadow:#0003 4px 2px 6px;transition:transform .8s ease-in-out,opacity .8s}.beatlist-main .pause-next .pause-next-controls{display:flex}.beatlist-main .pause-next .pause-next-controls img{width:30px;filter:contrast(.5);transition:opacity .3s}.beatlist-main .pause-next .player-hide-show{display:flex;position:relative;height:100%;align-items:start;padding:5px;background-color:#487d7f;border-radius:2px}.beatlist-main .pause-next .player-hide-show img{width:10px}.beatlist-main .pause-next-hide{transform:translate(30vw);opacity:0}.beatlist-main .pause-next-hide img{opacity:0}.pause-next-minimal{transform:translate(100%)}footer{position:absolute;bottom:0;left:0;padding-inline:clamp(25px,8vw,60px);padding-block:25px}.beat-input-div{display:flex;flex-direction:column}.beat-input-div .beat-input .text-input{width:100%;height:100%;border-radius:6px;border:none;outline:none;background-color:rgba(var(--clr-60));position:unset;opacity:unset;padding-inline:6px;color:rgba(var(--clr-primary))}.beat-input-div .beat-input{display:flex;position:relative;height:45px;padding:2px;background:linear-gradient(to right,rgba(var(--clr-primary)) 33.3%,rgba(var(--clr-60)) 60%);border-radius:6px;z-index:15;box-shadow:#0003 4px 2px 6px;transition:transform .8s ease-in-out,opacity .8s}.beat-input-div .beat-input-div label{padding:4px 2px}.beat-input-div .beat-input input{opacity:0;position:absolute;width:100%;height:100%}.beat-input-div .beat-input .clip{display:flex;align-items:center;width:100%;height:100%;background-color:rgba(var(--clr-60))}.beat-input-div .beat-input .clip .label{margin-inline:12px;padding:4px;border:2px rgb(69 69 69 / 50%) solid;border-radius:4px}@font-face{font-family:SUSE;src:url(/assets/SUSE-CRzWIRDC.ttf)}.beat-hide{pointer-events:none!important;opacity:0!important;transition:opacity .1s cubic-bezier(.52,-.03,.48,1.05),margin-top 1.4s cubic-bezier(.52,-.03,.48,1.05),margin-inline 1.8s 2s cubic-bezier(.52,-.03,.48,1.05)!important}.beat{opacity:1;grid-template-columns:60px 1fr 30px 30px;display:grid;height:50px;margin-inline:25px;max-width:350px;background-color:rgba(var(--clr-60-2));border-radius:6px;gap:6px;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:opacity .6s 1.4s cubic-bezier(.52,-.03,.48,1.05),margin-top 1.4s cubic-bezier(.52,-.03,.48,1.05),margin-inline 1s 1.4s cubic-bezier(.52,-.03,.48,1.05);box-shadow:#0003 4px 2px 5px}.beat .bg{position:absolute;height:200%;right:12%;opacity:.5;transition:opacity .8s ease-in-out;z-index:5}.beat .isplaying-n-playicon{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:relative;transition:left 1.4s cubic-bezier(.52,-.03,.48,1.05)}.beat .isplaying-anim{display:flex;justify-content:space-evenly;align-items:end;height:24px;width:24px;overflow:hidden;border-radius:50%;z-index:0}.beat .isplaying-anim .one,.beat .isplaying-anim .two,.beat .isplaying-anim .three{height:100%;width:2px;background-color:rgba(var(--clr-60));border-radius:4px 4px 0 0}.beat .isplaying-anim .one{animation:play-anim 1s ease infinite}.beat .isplaying-anim .two{animation:play-anim 1s ease .2s infinite}.beat .isplaying-anim .three{animation:play-anim 1s ease .3s infinite}.beat .price{display:flex;flex-direction:column;justify-content:center;height:46px;margin:2px;border-radius:6px;gap:2px;box-shadow:#0003 0 0 10px 1px}.beat .price-mask{display:flex;width:100%;height:100%;align-items:center;border-radius:6px;padding:6px 4px;justify-content:center;color:rgba(var(--clr-accent))}.beat .title-bpm{display:flex;flex-direction:column;text-transform:capitalize;padding-block:6px;height:100%;width:100%;gap:4px;position:relative;z-index:1;text-transform:lowercase;overflow:hidden}.beat .title-bpm h4{font-size:12.36px;width:100%;text-wrap:nowrap;overflow:hidden;text-transform:inherit;font-weight:500;opacity:1;text-overflow:ellipsis}.beat .title-bpm p{width:100%;font-size:12px;text-transform:inherit}.beat .buy{position:relative;padding-right:10px}.beat .play{height:24px;width:24px;opacity:1;transition:opacity .3s .6s,}.beat .play-hide{height:0;width:0;opacity:0;transition:opacity .3s,height 0s .6s,width 0s .6s}.beathide{opacity:0!important;pointer-events:none}.beathide-anim{transition:opacity .6s cubic-bezier(.52,-.03,.48,1.05),margin-top 1.4s cubic-bezier(.52,-.03,.48,1.05),margin-inline 1s 1.4s cubic-bezier(.52,-.03,.48,1.05)!important}.back-div-wrap{display:flex;align-items:center;height:30px}.buying{margin-top:50px}.buying-view{opacity:1;background-color:rgba(var(--clr-primary));padding-block:20px;max-width:600px;padding-block:30px;padding-inline:15px;border-radius:6px;margin-inline:25px;transition:opacity .3s ease-out}.buying-view p{opacity:.5}.buying-view-hide{opacity:0;overflow:hidden;height:0;transition:opacity .5s 1.6s ease-out}.payment-summary .summary{margin-top:25px;margin-inline:25px;margin-bottom:30px}.payment-summary .summary>*{display:flex;gap:6px}.beat-option{display:flex;width:180px;transform:translateY(0);border-radius:6px;gap:6px;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:opacity .4s ease-out,transform .1s ease-out;background-color:rgba(var(--clr-60-2));box-shadow:#0003 2px 2px 6px 1px;flex-direction:column}.beat-option p{opacity:1}.beat-option-hide{opacity:0}.beat-option .option-seletor{display:flex;width:100%;flex-direction:row-reverse;align-items:center;justify-content:left;padding:10px;gap:10px;color:rgba(var(--clr-accent))}.beat-option .option-seletor .checkbox{height:15px;width:15px;border:1px solid rgba(var(--clr-primary),.7);border-radius:50%}.beat-option .option-seletor .checkbox-checked{background-position:center;background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%208C0%203.58172%203.58172%200%208%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208Z'%20fill='%23002f33'%20/%3e%3cpath%20d='M10.3547%205.23844L7.0547%208.57069L5.7547%207.25799C5.66429%207.15298%205.55337%207.06797%205.4289%207.00829C5.30442%206.94861%205.16907%206.91556%205.03135%206.91119C4.89362%206.90683%204.75649%206.93126%204.62855%206.98294C4.50062%207.03463%204.38464%207.11245%204.2879%207.21154C4.19115%207.31062%204.11574%207.42882%204.06637%207.55873C4.01701%207.68863%203.99476%207.82744%204.00104%207.96644C4.00731%208.10543%204.04196%208.24162%204.10282%208.36646C4.16368%208.49129%204.24943%208.60208%204.3547%208.69186L6.3547%2010.7114C6.54163%2010.8964%206.79295%2011.0001%207.0547%2011.0001C7.31645%2011.0001%207.56777%2010.8964%207.7547%2010.7114L11.7547%206.67232C11.92%206.48034%2012.0074%206.23244%2011.9995%205.97818C11.9916%205.72393%2011.889%205.48205%2011.7121%205.3009C11.5352%205.11975%2011.2972%205.01269%2011.0455%205.00111C10.7939%204.98953%2010.5471%205.07429%2010.3547%205.23844Z'%20fill='%23fff'/%3e%3c/svg%3e")}.beat-option .title-body{display:flex;flex-direction:column;width:100%}.beat-option .title-body h4{text-transform:capitalize;padding:15px;color:rgba(var(--clr-accent))}.beat-option .title-body p{font-size:12px}.beat-option .title-body .body{display:flex;flex-direction:column;padding:10px 15px 15px;gap:6px;color:rgba(var(--clr-60))}.beat-option .title-body .title{display:flex;align-items:center;justify-content:space-between}.beat-option .title-body .title .icon{margin:9px;width:25px;height:25px}.title-body .property-wrap{display:flex;gap:20px;justify-content:space-between;align-items:center}.title-body .property-wrap .value{display:flex;flex-direction:column;gap:3px}.title-body .property-wrap .bolean-string{display:flex;gap:6px;align-items:center;justify-content:space-between}.beat-options-scroll{display:flex;width:fit-content;gap:30px;padding-inline:25px;padding-block:20px;overflow-y:hidden}.beat-options{opacity:1;width:100%;padding-bottom:20px;margin-bottom:20px;overflow-x:scroll}.beat-options::-webkit-scrollbar{height:8px}.beat-options::-webkit-scrollbar-thumb{background-color:rgba(var(--clr-60-2));border-radius:20px}.checkout-due-info-hide{opacity:0!important;transform:translateY(50%)!important;pointer-events:none!important}.checkout-due-info{opacity:1;display:flex;width:fit-content;transform:translateY(0);border-radius:6px;overflow:hidden;transition:opacity .3s,transform .4s ease-out;box-shadow:#0003 2px 2px 6px 1px;margin-left:25px;padding-inline:6px 16px;padding-block:3px}.checkout-due-info .info{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}.checkout-due-info .info h4{text-wrap:nowrap;text-align:center}.checkout-due-info .checkout-button-mask{display:flex;height:100%;width:100%;gap:5px;border-radius:6px;align-items:center}.checkout-due-info .checkout-button-mask p{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:6.5px;border-radius:6px;font-weight:600;color:inherit}@keyframes play-anim{0%{height:0}50%{height:100%}to{height:0}}.loader{width:100%;height:1.5px;display:inline-block;position:relative;overflow:hidden}.loader:after{content:"";width:100%;height:1.5px;background:rgba(var(--clr-60));position:absolute;top:0;left:0;box-sizing:border-box;animation:hitZak 1.5s ease-in-out infinite alternate}@keyframes hitZak{0%{left:-90%;transform:translate(-10%)}to{left:180%;transform:translate(-90%)}}.vd-div-main{padding:20vw;display:flex;flex-direction:column;align-items:center;gap:20px}.vd-div-main .boxes{display:flex;gap:5px;border-radius:6px;padding:20px}.vd-div-main .box{height:50px;width:50px;border:1px solid rgba(0,0,0,.3);border-radius:6px}.vd-div-main .boxes :nth-child(1){background-color:#00f}.vd-div-main .boxes :nth-child(2){background-color:#000}.vd-div-main .boxes :nth-child(3){background-color:#292955}.vd-div-main .boxes :nth-child(4){background-color:#9a9aca}.vd-div-main img{width:100%}.admin{display:grid;grid-template-columns:1fr min(100%,400px) 1fr;flex-direction:column;position:relative;width:100%}.admin>*{grid-column:2}.sorter-buttons{gap:20px}.tabs{display:flex;width:100%;overflow-x:hidden}.tabs>*{min-height:50vh;display:flex;flex-direction:column;padding-inline:24px}.hide-tab{width:0;opacity:0;padding:0;animation:hide-tab .5s ease}.tabs .t3 .beat-input-div{display:flex;flex-direction:column}.tabs .t3 .beat-input-div .beat-input .text-input{width:100%;height:100%;border-radius:5px;border:none;outline:none;background-color:rgba(var(--clr-60));position:unset;opacity:unset;padding-inline:6px;color:rgba(var(--clr-primary))}.tabs .t3 .beat-input-div .beat-input{display:flex;position:relative;height:45px;padding:2px;background:linear-gradient(to right,rgba(var(--clr-primary)) 33.3%,rgba(var(--clr-60)) 60%);border-radius:5px;z-index:15;box-shadow:#0003 4px 2px 6px;transition:transform .8s ease-in-out,opacity .8s}.tabs .t3 .beat-input-div .beat-input-div label{padding:4px 2px}.tabs .t3 .beat-input-div .beat-input input{opacity:0;position:absolute;width:100%;height:100%}.tabs .t3 .beat-input-div .beat-input .clip{display:flex;align-items:center;width:100%;height:100%;background-color:rgba(var(--clr-60))}.tabs .t3 .beat-input-div .beat-input .clip .label{margin-inline:12px;padding:4px;border:2px rgb(69 69 69 / 50%) solid;border-radius:4px}@keyframes hide-tab{0%{transform:0;opacity:.5;width:100vw}50%{transform:translate(-100vw);width:100vw}to{opacity:0;width:0}}.show-tab{width:100%;opacity:1;animation:show-tab .6s ease-in-out}@keyframes show-tab{0%{transform:translate(-100);opacity:0;width:100vw}50%{opacity:.8}to{opacity:1;transform:translate(0)}}.make-packages{margin-top:40px;padding-bottom:0}.hide-up-hide{height:0!important;opacity:0!important;margin:0!important;padding:0!important;transition:all .5s ease-in-out .5s,opacity .2s ease-in-out!important}.hide-up-anim{transition:all .2s ease-in-out,opacity .6s ease-in-out .4s!important}.radios{display:flex;padding-bottom:2px;gap:5px;align-items:center}.radios .r{display:flex;align-items:center;gap:2px}.clip{width:100%;height:100%;border-radius:5px;border:none;outline:none;background-color:rgba(var(--clr-60));position:unset;opacity:unset;color:rgba(var(--clr-primary))}.gradient-border{display:flex;position:relative;height:45px;padding:2px;background:linear-gradient(to right,rgba(var(--clr-primary)) 33.3%,rgba(var(--clr-60)) 60%);border-radius:5px;z-index:15;box-shadow:#0003 4px 2px 6px;transition:transform .8s ease-in-out,opacity .8s}.potential-tags{display:flex;height:fit-content;margin-block:40px 20px;padding:2px;background:linear-gradient(to right,rgba(var(--clr-primary)) 33.3%,rgba(var(--clr-60)) 60%);border-radius:5px;box-shadow:#0003 4px 2px 6px;transition:transform .8s ease-in-out,opacity .8s}.potential-tags .potential-tags-clip{display:flex;flex-flow:row wrap;padding:20px;gap:10px;width:100%;height:100%;background-color:rgba(var(--clr-60))}.potential-tags .potential-tag{width:fit-content;height:fit-content;border:1px solid;border-radius:4px;padding:8px 18px 8px 8px;position:relative;transition:background-color .3s ease}.potential-tags .unselected:after,.potential-tags .selected:after{right:6px;top:6px;position:absolute;content:"";height:6px;width:6px;border-radius:4px;border:1px solid}.potential-tags .selected:after{background-color:rgba(var(--clr-primary))}.button{opacity:1;display:flex;max-width:fit-content;height:40px;transform:translateY(0);border-radius:4px;gap:6px;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:2px;transition:opacity .3s,transform .4s ease-out;box-shadow:#0003 4px 2px 5px;background:linear-gradient(to right,rgba(var(--clr-primary)),rgba(var(--clr-60)) 70%)}.button:hover{transition:filter .3s,transform .4s ease-out;box-shadow:#0000004d 4px 2px 5px}.button-mask{padding-inline:20px;background-color:rgba(var(--clr-60));display:flex;height:100%;width:100%;border-radius:4px;align-items:center}.main-div-beatpage header{margin-right:8px;width:unset!important}.main-div-beatpage .beat{margin-inline:25px!important}