:root{--background-color:46,46,46;--doc-height:100%;--panel-prefferedHeight:312px;--bottom-bar-height:77px;--track-slider-height:44px;--coverflow-height:200px;--top-padding:60px;--playlist-width:360px;--top-bar-height:52px;--colors--alpha-black-700:rgba(0,0,0,.7)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow:hidden;touch-action:none}body{background:rgb(var(--background-color))}a{color:inherit;text-decoration:none}.swiper{width:100%}.swiper>*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper.in-edit-mode .swiper-slide{transform:scale(.8)}.swiper-slide{transition:transform .3s ease-out}.swiper-slide img{display:block;width:100%}#playlist-wrapper,#playlist-wrapper>*{touch-action:none,}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;border-radius:5px;background:transparent;outline:none;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;box-sizing:border-box;height:10px;transform:scale(5);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23FFFF04' /%3E%3C/svg%3E");background-position:50%,50%;background-size:2px 2px,100% 100%;background-color:transparent;background-repeat:no-repeat;cursor:pointer;box-shadow:none}.slider::-moz-range-thumb{width:10px;box-sizing:border-box;height:10px;transform:scale(5);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23FFFF04' /%3E%3C/svg%3E");background-position:50%,50%;background-size:2px 2px,100% 100%;background-repeat:no-repeat;background-color:transparent;cursor:pointer}.button,.button-bg,.button-no-scale{cursor:pointer;transition:opacity .2s,background-color .2s}@media (hover:hover){.button:hover{opacity:.6;transform:scale(1.1)}.button-no-scale:hover{opacity:.6}.button-bg:hover{background-color:#555!important}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,255,4,.7)}70%{transform:scale(1);box-shadow:0 0 0 40px rgba(255,255,4,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,255,4,0)}}.pulsating{animation:pulse 2s infinite;transform:scale(1);border-radius:50%;box-shadow:0 0 0 0 #ffff04}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}@media (pointer:fine){::-webkit-scrollbar-track{width:12px;background-color:transparent}tbody::-webkit-scrollbar-track{width:12px;background-color:var(--backgroundColor)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:22px;cursor:pointer;border:3px solid transparent;background-color:#777;background-clip:content-box}}.panel{display:flex;flex-direction:column;justify-content:space-between}button{background:transparent;border:none}.d-block{display:block!important}.d-none{display:none!important}@media (min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}}:root{--backgroundColor:#393939;--headerBackground:#000;--headerColor:silver;--subHeaderBackground:#262626;--subHeaderColor:silver;--activeColor:#363636;--activeHoverColor:#ffff03;--activeforeHoverColor:#121212;--activeforeGroundColor:#fff;--tableBackground:#2e2e2e;--borderWidth:1px;--topPanelHeight:50%;--playBarHeight:48px;--leftPanelWidth:0%;--headerHeight:52px;--bottomPanelHeight:calc(100% - var(--headerHeight) - var(--mixHeight) - var(--playBarHeight));--mixHeight:418px;--font--primary:Inter,sans-serif,system-ui;--colors--primary-main:#ffff04;--colors--primary-dark:#545400;--colors--text-primary:#fff;--colors--text-secondary:hsla(0,0%,100%,.7);--colors--surface-lightest:#7c7c7c;--colors--surface-lighter:#646464;--colors--surface-light:#575757;--colors--surface-main:#474747;--colors--surface-dark:#393939;--colors--surface-darker:#2e2e2e;--colors--surface-darkest:#1c1c1c;--colors--button-group-background:rgba(0,0,0,.4);--z-index--modal:10;--colors--alpha-white-50:hsla(0,0%,100%,.05);--colors--alpha-white-100:hsla(0,0%,100%,.1);--colors--alpha-white-200:hsla(0,0%,100%,.2);--colors--alpha-white-300:hsla(0,0%,100%,.3);--colors--alpha-white-600:hsla(0,0%,100%,.6);--colors--alpha-brand-100:rgba(255,255,4,.1);--colors--alpha-brand-600:rgba(255,255,4,.6);font-feature-settings:"liga" 1,"calt" 1}body{font-family:var(--font--primary)}#__next,.studio,body,html{min-width:0;width:100%;max-width:100vw;min-height:0;height:100%;max-height:100vh;margin:0;padding:0;color:var(--colors--text-primary)}.studio,body:not(.onboarding),body:not(.onboarding)>#__next,html{overflow-x:hidden;overflow-y:hidden}body.onboarding,body.onboarding>#__next{overflow-y:auto}body{touch-action:none}.studio{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:relative}.studio .overlayCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.studio .content{flex:1 1;min-height:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}.studio .footer{width:100%;height:0}.studio .content>.panel{position:relative}.studio main.panel{flex:1 1;display:flex;flex-direction:column;align-items:stretch}.studio .analyze-area,.studio .bottom-panel,.studio .left-panel,.studio .mix-area,.studio .mix-play-bar,.studio .top-panel{position:relative;inset:unset}.studio .bottom-panel,.studio .mix-play-bar,.studio .top-panel{width:unset}.studio .analyze-area,.studio .mix-area{height:var(--mixHeight)}.studio .bottom-panel{flex:1 1;min-height:0}.studio .left-panel{height:unset}.studio .modal-area{position:absolute;inset:0;pointer-events:none}.studio #popover-root,.studio .popupArea{z-index:17}.badge{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 8px;border-radius:3px;box-sizing:border-box;font-size:16px;line-height:18px;color:#000;background-color:var(--colors--primary-main);text-align:center}.badge.badge--small{padding:2px 4px;font-size:14px;line-height:16px}.badge.badge--outlined{color:var(--harmony--background-color);outline:1px solid var(--harmony--background-color);background-color:transparent}.badge--harmony{position:relative;width:100%;height:100%;max-width:36px;max-height:24px;color:var(--harmony--text-color);background-color:var(--harmony--background-color)}.badge--harmony>.solve{position:absolute;inset:-2px -4px;display:flex;place-content:center;place-items:center;font-size:12px;font-weight:500;border-radius:inherit;color:var(--colors--primary-main);background-color:var(--colors--surface-dark);opacity:0;transition:opacity .2s ease-in-out}.badge--harmony>.solve:hover{opacity:1}.rating{display:inline-block;width:5em;min-height:17px;position:relative}.rating:after,.rating:before{position:absolute;inset:0}.rating:before{content:"★★★★★";color:var(--colors--primary-dark)}.rating:after{content:"";color:var(--colors--primary-main)}.rating[data-rating="5"]:after{content:"★★★★★";color:var(--colors--primary-main)}.rating[data-rating="4"]:after{content:"★★★★";color:var(--colors--primary-main)}.rating[data-rating="3"]:after{content:"★★★";color:var(--colors--primary-main)}.rating[data-rating="2"]:after{content:"★★";color:var(--colors--primary-main)}.rating[data-rating="1"]:after{content:"★";color:var(--colors--primary-main)}:root{--cursors--bracket-l:url(/cursors/bracket-l.svg) 10 10,default;--cursors--bracket-r:url(/cursors/bracket-r.svg) 10 10,default;--cursors--default:url(/cursors/default.svg) 4 2,default;--cursors--move-h:url(/cursors/move-h.svg) 10 10,ew-resize;--cursors--move-v:url(/cursors/move-v.svg) 10 10,ns-resize;--cursors--sound:url(/cursors/sound.svg) 10 10,default;--cursors--zoom:url(/cursors/zoom.svg) 10 10,default;--cursors--repeat:url(/cursors/repeat.svg) 10 10,default;--cursors--grab:url(/cursors/grab.svg) 10 10,default;--cursors--grabbed:url(/cursors/grabbed.svg) 10 10,default}