@import"https://rsms.me/inter/inter.css";:root{--white: #ffffff;--black: #131517;--transparent: rgba(0, 0, 0, 0);--gray: #d2d4d7;--gray-20: #ebeced;--gray-40: #d2d4d7;--gray-60: #939597;--gray-90: #333537;--gray-100: #212325;--gray-content: #b3b5b7;--gray-pale: #93959722;--opacity-light: rgba(255, 255, 255, .08);--opacity-4: rgba(255, 255, 255, .04);--opacity-8: rgba(255, 255, 255, .08);--opacity-16: rgba(255, 255, 255, .16);--opacity-25: rgba(255, 255, 255, .16);--opacity-32: rgba(255, 255, 255, .32);--opacity-48: rgba(255, 255, 255, .48);--opacity-50: rgba(255, 255, 255, .5);--opacity-64: rgba(255, 255, 255, .64);--opacity-79: rgba(255, 255, 255, .79);--opacity-80: rgba(255, 255, 255, .8);--brand: #a9f923;--red-background: #ed2b32;--red-background-active: #cf2c31;--red: #f9524e;--red-pale: #ed2b3222;--orange: #f98346;--orange-pale: #d9632622;--orange-pale-active: #d9632644;--yellow-background: #d69712;--yellow: #f2ca77;--yellow-pale: #d6971222;--yellow-pale-active: #d6971244;--green-background: #3cbd2c;--green-background-active: #54c546;--green: #77d86b;--green-pale: #3cbd2c22;--green-pale-active: #3cbd2c44;--blue: #287eff;--blue-pale: #325ffa22;--purple: #c350fd;--purple-pale: #ab46dd22;--purple-pale-active: #ab46dd44}:root{--font: Inter, sans-serif;--font-size-xxxs: .625rem;--font-size-xxs: .75rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.375rem;--font-size-xxxl: 1.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-title-reduced: 1.15;--line-height-title: 1.2;--line-height-reduced: 1.3;--line-height-default: 1.5}:root{--max-width: 960px;--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-round: 100px;--backdrop-blur: blur(16px);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.alert-wrapper{align-items:flex-end;display:flex;inset:1rem;justify-content:center;pointer-events:none;position:fixed;transition:var(--transition);z-index:9999}.alert{align-items:center;animation:.35s cubic-bezier(.21,1.02,.73,1) forwards;background-color:var(--white);border-radius:var(--border-radius);box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;color:var(--black);display:flex;line-height:var(--line-height-reduced);max-width:350px;min-width:200px;padding:.5rem .625rem;-webkit-user-select:none;user-select:none}.alert.error{background-color:var(--red-background);color:var(--white)}.alert.warning{background-color:var(--yellow-background);color:var(--white)}.alert.success{background-color:var(--green-background);color:var(--white)}.alert-loading{align-items:center;display:flex;justify-content:center;min-height:1.25rem;min-width:1.25rem;position:relative}.alert-loading div{animation:alert-loading 1s linear infinite;border:2px solid var(--gray);border-radius:100%;border-right-color:var(--black);box-sizing:border-box;height:.75rem;width:.75rem}.alert svg{align-items:center;display:flex;justify-content:center;min-height:1.25rem;min-width:1.25rem;position:relative}.alert-title{color:inherit;display:flex;flex:1 1 auto;justify-content:center;margin:.25rem .625rem;white-space:pre-line}.avatar{background-color:var(--opacity-8);background-position:50%;background-size:cover;border-radius:var(--border-radius-round);height:1.5rem;position:relative;width:1.5rem}.avatar.large{height:2rem;width:2rem}.badge{align-items:center;background-color:var(--opacity-8);border:none;border-radius:var(--border-radius);color:var(--opacity-48);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.25rem;line-height:1;padding:.1875rem .5rem;transition:var(--transition);white-space:nowrap}.badge.clickable:not(:disabled):hover{background-color:var(--opacity-64);border-color:var(--transparent);color:var(--white);cursor:pointer}.badge.error{background-color:var(--red-pale);color:var(--red)}.badge.warning{background-color:var(--yellow-pale);color:var(--yellow)}.badge.success{background-color:var(--green-pale);color:var(--green)}.badge.purple{color:var(--purple);background-color:var(--purple-pale)}.badge.orange{color:var(--orange);background-color:var(--orange-pale)}.badge.info{color:var(--blue);background-color:var(--blue-pale)}.badge.small{font-size:var(--font-size-sm);padding:.3125rem .5625rem}.badge.tiny{border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs);padding:.25rem .4375rem}.badge.rounded{border-radius:var(--border-radius-round)}.badge .delete-btn{align-items:center;border:none;border-radius:var(--border-radius);color:inherit;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);opacity:.6;transition:var(--transition)}.badge .delete-btn:hover{opacity:1}.badge.small .delete-btn{padding:.3125rem .5625rem;margin:-.3125rem -.625rem -.3125rem -.25rem}.badge.small .delete-btn svg{height:.875rem;width:.875rem}.badge .icon{align-items:center;display:flex}.badge.small .icon.icon-left{margin-right:.25rem}.badge.small .icon svg{height:.875rem;width:.875rem}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);list-style:none;margin-bottom:.25rem;padding:0}.breadcrumb{color:var(--opacity-79);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.breadcrumb:hover{color:var(--brand)!important}.breadcrumb-list li+li:before{background:url(data:image/svg+xml;base64,PHN2ZwogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgIGZpbGw9Im5vbmUiCiAgICAgIHN0cm9rZT0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjUpIgogICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICAgIHN0cm9rZS13aWR0aD0iMiIKICAgICAgdmlld0JveD0iMCAwIDI0IDI0IgogICAgPgogICAgICA8cGF0aCBkPSJtOSAxOCA2LTYtNi02Ij48L3BhdGg+CiAgICA8L3N2Zz4=) no-repeat center;color:var(--opacity-50);content:"";display:inline-block;height:.75rem;margin:0 .25rem;stroke-width:2.5px;vertical-align:middle;width:.75rem}.btn{align-items:center;border:1px solid;border-radius:var(--border-radius);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);height:calc(2.25rem + 2px);justify-content:center;max-width:100%;min-width:0;outline:2px solid var(--transparent);outline-offset:.125rem;padding:.625rem .875rem;position:relative;transition:var(--transition),outline 0s;white-space:nowrap;width:fit-content;width:-moz-fit-content;width:-webkit-fit-content}.btn:focus{box-shadow:none}.btn.small{font-size:var(--font-size-sm);height:1.875rem;padding:.4375rem .625rem}.btn.full-width{width:100%}.btn.round{border-radius:1000px}.btn svg:not(.spinner){stroke-width:2.5}.btn.small svg{height:.875rem;width:.875rem}.btn.icon-left svg{margin-right:.5rem}.btn.small.icon-left svg{margin-right:.375rem}.btn.icon-right svg{margin-left:.5rem}.btn.small.icon-right svg{margin-left:.375rem}.btn.icon-only{display:inline-flex;flex-shrink:0;min-width:0;outline:0;padding:.625rem}.btn.small.icon-only{padding:.4375rem}.btn.small.icon-only-compact{display:inline-flex;flex-shrink:0;height:auto;min-width:0;outline:0;padding:.3125rem}.btn.menu-trigger{gap:.375rem}.btn .btn-text{line-height:1;margin:-4px 0;overflow:hidden;padding:4px 0;text-overflow:ellipsis}.btn.primary{background-color:var(--white);border-color:var(--white);color:var(--black)}.btn:focus-visible.primary{outline:2px solid var(--white)}.btn.primary:not(:disabled):hover{background-color:var(--gray-20);border-color:var(--gray-20);color:var(--black)}.btn.secondary{background-color:var(--opacity-8);border-color:var(--transparent);color:var(--opacity-64)}.btn:focus-visible.secondary{outline:2px solid var(--opacity-64)}.btn.secondary:not(:disabled):hover,.btn.secondary.active:not(:disabled){background-color:var(--opacity-64);border-color:var(--transparent);color:var(--black)}.btn.secondary.selected:not(.link):not(:disabled){background-color:transparent;border-color:var(--opacity-64);color:var(--opacity-64)}.btn.secondary.selected:hover:not(.link):not(:disabled){border-color:var(--opacity-80);color:var(--opacity-80)}.btn.error{background-color:var(--red-background);border-color:var(--red-background);color:var(--white)}.btn:focus-visible.error{outline:2px solid var(--red-background)}.btn.error:not(:disabled):hover{background-color:var(--red-background-active);border-color:var(--red-background-active);color:var(--white)}.btn.warning{background-color:var(--yellow-background);border-color:var(--yellow-background);color:var(--white)}.btn:focus-visible.warning{outline:2px solid var(--yellow-background)}.btn.warning:not(:disabled):hover{background-color:var(--yellow-background-active);border-color:var(--yellow-background-active);color:var(--white)}.btn.success{background-color:var(--green-background);border-color:var(--green-background);color:var(--white)}.btn:focus-visible.success{outline:2px solid var(--green-background)}.btn.success:not(:disabled):hover{background-color:var(--green-background-active);border-color:var(--green-background-active);color:var(--white)}.btn.link{background-color:var(--transparent);border:none;border-radius:0;height:auto;outline-offset:.375rem;padding:0}.btn.secondary.link{color:var(--opacity-50)}.btn.secondary.link:not(:disabled):hover{background-color:var(--transparent);border:none;color:var(--opacity-79)}.btn-icon{width:calc(2rem + 2px);height:calc(2rem + 2px);color:var(--black);background-color:var(--white);border:2px solid var(--black);border-radius:var(--border-radius);position:absolute;bottom:-2px;right:-2px;transition:var(--transition);justify-content:center;align-items:center;display:flex}.checkbox{display:inline-block;height:1.5rem;margin-bottom:0;position:relative;width:2.375rem}.checkbox input{height:0;opacity:0;width:0}.checkbox .slider{background-color:#ffffff40;border-radius:var(--border-radius-lg);cursor:pointer;inset:0;position:absolute;transition:var(--transition)}.checkbox input:checked+.slider{background-color:var(--green-background-active)}.checkbox .slider:before{background-color:var(--white);border-radius:100%;box-shadow:0 1px 4px #00000026;content:"";height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition:var(--transition);width:1.25rem}.checkbox input:checked+.slider:before{transform:translate(.875rem)}.data-card{background-color:#ffffff0a;border:1px solid var(--opacity-light);border-radius:.75rem;min-height:0;overflow:hidden;position:relative}.data-card-wrapper{align-items:center;background-clip:padding-box;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;position:relative;transition:var(--transition)}.data-card-wrapper:not(:disabled):hover{background-color:var(--gray-pale)}.data-card-wrapper:not(.warning).active{background-color:var(--gray-pale)}.data-card-wrapper.warning{background-color:var(--yellow-pale)}.data-card-wrapper.warning.active{background-color:#d6971244}.data-card-wrapper.warning:not(:disabled):hover{background-color:#d6971244}.data-card-wrapper+.data-card-wrapper:before{background-color:var(--opacity-light);content:"";display:block;height:1px;left:0;position:absolute;top:-.5px;width:100%}.data-card-artwork{background-color:var(--opacity-light);background-position:50%;background-size:cover;border-radius:var(--border-radius);height:2.5rem;position:relative;width:2.5rem}.data-card-wrapper:not(:disabled):hover .data-card-artwork{display:none}.data-card-wrapper .btn.data-card{display:none}.data-card-wrapper:not(:disabled):hover .btn.data-card{display:flex}.data-card-wrapper.active .btn.data-card{display:flex}.data-card-wrapper.active .data-card-artwork{display:none}.data-card-left{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;margin-left:.25rem;min-height:0;min-width:0;overflow:hidden}.data-card-left .title{align-items:baseline;display:flex;flex:1 1;flex-direction:column;gap:.25rem;margin-left:.25rem;min-height:0;min-width:0;overflow:hidden}.data-card-right{align-items:center;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;min-height:0;min-width:0;overflow:hidden}.data-card-right span{font-size:var(--font-size-sm);color:var(--opacity-50)}.data-card-title{color:var(--white);display:flex;font-weight:var(--font-weight-medium);gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-card-subtitle{color:var(--opacity-50);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-card-year,.data-card-duration{color:var(--opacity-50);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55px;text-align:right;flex-shrink:0}.dialog-overlay{animation:fade .5s cubic-bezier(.4,0,.2,1) 1;-webkit-backdrop-filter:grayscale(.3);backdrop-filter:grayscale(.3);background-color:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog-content{align-items:flex-start;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;padding-top:15vh;position:fixed;scrollbar-gutter:stable;top:0;width:100%;z-index:1000}@media screen and (max-width: 450px){.dialog-content{padding-top:0}}.dialog{animation:dialog .5s cubic-bezier(.4,0,.2,1) 1;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background-color:#222b;border-radius:var(--border-radius-xl);display:flex;flex-direction:column;max-height:75vh;overflow:hidden;position:relative;width:340px;will-change:transform,opacity}@media screen and (max-width: 450px){.dialog{margin-top:10vh;max-width:340px;width:calc(100% - 40px)}}.dialog-wrapper{flex:1 1;overflow:auto;padding:1rem 1.25rem;width:100%}.dialog-header{padding-top:.125rem}.dialog-header.spread{display:flex;justify-content:space-between}.dialog-icon{align-items:center;background-color:var(--opacity-8);border-radius:var(--border-radius-round);color:var(--gray-40);display:flex;height:3.5rem;justify-content:center;margin-bottom:.75rem;width:3.5rem}.dialog-icon svg{height:2rem;width:2rem}.dialog-title h3{color:var(--white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem}@media screen and (max-width: 450px){.dialog-title h3{font-size:var(--font-size-lg)}}.dialog-title p{color:var(--opacity-79);font-size:var(--font-size-sm);line-height:var(--line-height-default);margin:0}.dialog-body{display:flex;flex-direction:column;gap:1rem;margin-top:.25rem;padding-top:.5rem}.dialog-footer{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.dialog-footer.column{flex-direction:column;gap:.5rem}.dialog-footer .btn{flex:1 1 0%}.dialog-footer.column .btn{width:100%}.dropzone{background-color:var(--opacity-4);border:1px dashed var(--opacity-8);border-radius:var(--border-radius);color:var(--opacity-79);cursor:pointer;display:flex;flex-direction:column;height:unset;justify-content:center;padding:1.5rem;position:relative;text-align:center;transition:var(--transition);width:100%}.dropzone:not(:disabled):hover{background-color:var(--opacity-8)}.dropzone-wrapper{align-items:center;display:flex;flex-direction:column}.dropzone-title{color:var(--opacity-79);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition)}.dropzone-subtitle{color:var(--opacity-50);font-size:var(--font-size-xs);padding-top:.25rem;transition:var(--transition)}.empty-state{align-items:center;display:flex;flex-direction:column;margin-top:4rem;text-align:center}.empty-state .illustration{align-items:center;display:flex;justify-content:center;margin-bottom:-110px;margin-top:0;shape-rendering:geometricPrecision}.empty-state .illustration svg{height:auto;shape-rendering:crispEdges;width:250px}@media screen and (max-width: 450px){.empty-state .illustration svg{width:200px}}.empty-state h3{color:var(--opacity-50);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-medium);margin-bottom:0;margin-top:1.5rem;padding:0}@media screen and (max-width: 650px){.empty-state h3{font-size:var(--font-size-xxl)}}@media screen and (max-width: 450px){.empty-state h3{font-size:var(--font-size-xl)}}.empty-state p{color:var(--opacity-50);margin-top:.75rem;padding-left:3rem;padding-right:3rem}@media screen and (max-width: 650px){.empty-state p{padding-left:1rem;padding-right:1rem}}@media screen and (max-width: 450px){.empty-state p{font-size:var(--font-size-sm)}}.dropdown{display:inline-block;position:relative}.menu-wrapper{animation:menu .3s cubic-bezier(.4,0,.2,1) 1;position:absolute;top:calc(100% + .35rem);left:0;transform:none;transform-origin:55px 0% 0px;z-index:1001;border-radius:var(--border-radius);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);will-change:transform,opacity}.menu-wrapper .menu{box-shadow:#0000001a 0 1px 3px,#00000021 0 2px 7px,#0000002b 0 3px 14px,#00000038 0 7px 29px;border-radius:var(--border-radius);outline:1px solid var(--opacity-8);max-height:inherit;background-color:#222b;position:relative;display:flex;overflow:auto}.menu-wrapper .menu-content{min-width:120px;max-width:280px}.menu-wrapper .menu-content.searchable{display:flex;flex-direction:column;min-width:246px;max-height:100%}.menu-content .rows{padding:.25rem;overflow:auto}.menu-search-wrapper{background-color:var(--opacity-8);border-bottom:1px solid var(--opacity-8);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);z-index:2}.menu-search-wrapper input{background-color:transparent;border:0;color:var(--white);outline:0;padding:.5rem .75rem;width:100%}.with-placeholder::placeholder{color:var(--opacity-32);opacity:1}.menu-item{align-items:center;border-radius:var(--border-radius-sm);color:var(--white);font-size:var(--font-size-sm);padding:.375rem .5rem;position:relative;transition:var(--transition);z-index:1}.menu-item:not(:disabled){cursor:pointer}.menu-item:not(:disabled):hover{background-color:#93959722}.menu-item .spread{display:flex;justify-content:space-between}.menu-item .icon-text{align-items:center;display:flex;flex:1;min-height:0;min-width:0}.menu-item .menu-icon{align-items:center;color:var(--opacity-50);display:flex;height:1rem;justify-content:center;margin-right:.625rem;width:1rem}.menu-item .menu-icon svg{height:1rem;width:1rem}.menu-text{flex:1;min-height:0;min-width:0;text-wrap:nowrap}.menu-checkmark{width:1rem;opacity:0}.menu-item.selected .menu-checkmark{opacity:1}.menu-checkmark.left{margin-right:.625rem}.menu-checkmark.right{margin-left:.625rem}.menu-tag{border-radius:1rem;height:.5rem;margin-left:.25rem;margin-right:.25rem;width:.5rem}.input{background-color:#13151752;background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));border:1px solid var(--opacity-16);border-radius:var(--border-radius);color:var(--white);font-size:1rem;height:2.375rem;line-height:1;margin:0;overflow:hidden;padding:.625rem .875rem;transition:var(--transition);width:100%}.input.input::placeholder{color:var(--opacity-32);opacity:1}.input:focus-visible{text-shadow:none}.input:not(:disabled):focus{background-color:#131517a3;border-color:var(--white);outline:0}.input:not(:disabled):hover{background-color:#1315177a;border-color:var(--opacity-50)}.label{color:var(--opacity-79);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:.375rem;transition:var(--transition)}.label.medium{font-size:.875rem}.label:has(svg){align-items:center;gap:.25rem;display:flex}.label svg{display:inline-flex}.label svg.clickable{cursor:pointer}.label.clickable{cursor:pointer}.label.clickable:not(:disabled):hover{color:var(--white)}.link{align-items:center;border-radius:var(--border-radius);color:var(--opacity-50);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.25rem;min-width:0;outline-offset:4px;transition:var(--transition);white-space:nowrap}.link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link:hover{color:var(--white);text-decoration:none}.text-skeleton-wrapper{padding-bottom:2px;padding-top:2px;position:relative}.skeleton{animation:skeleton 1.2s linear infinite forwards;-webkit-animation:skeleton 1.2s linear infinite forwards;background:var(--gray-pale);background:linear-gradient(to right,var(--gray-pale) 8%,#93959711 18%,var(--gray-pale) 33%);background-size:1200px 104px;height:1rem;line-height:var(--line-height-default);margin-bottom:0;margin-top:0;position:relative}.skeleton-round{border-radius:var(--border-radius)}.skeleton-pill{border-radius:var(--border-radius-round)}.stats{display:grid;grid-gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.stats-header{align-items:center;color:var(--opacity-50);display:flex;font-size:var(--font-size-sm);gap:.25rem;line-height:var(--line-height-default)}.stats-header svg{flex-shrink:0}.stats-title{color:var(--white);font-size:var(--font-size-xxl);font-weight:var(--font-weight-medium);line-height:var(--line-height-default)}.stats-subtitle{color:var(--opacity-50);font-size:var(--font-size-sm);line-height:var(--line-height-default)}.tabs{margin:auto;padding-top:.5rem;position:relative;z-index:2}@media screen and (max-width: 650px){.tabs{padding-top:.25rem}}@media screen and (max-width: 450px){.tabs{padding-top:0}}.tabs-container{margin:0 auto;max-width:var(--max-width);padding-left:1rem;padding-right:1rem;padding-top:.25rem}.tabs-wrapper{display:flex;flex:1 1;gap:1rem;list-style:none;margin:0;min-height:0;min-width:0;max-width:100%;overflow:auto;padding:0}.tab{border-bottom:2px solid transparent;color:var(--opacity-50);display:inline-block;padding-bottom:.5rem;position:relative;transition:var(--transition);white-space:nowrap}.tab:hover{color:var(--opacity-79)}.tab.active{border-bottom:2px solid var(--white);color:var(--white)}.tabs-divider{border-bottom:1px solid var(--opacity-8);margin-bottom:1.75rem}.tag{align-items:center;display:flex}.tag .dot{background-color:var(--opacity-79);border-radius:var(--border-radius-round);flex-shrink:0;height:.5rem;width:.5rem}.tag.error .dot{background-color:var(--red)}.tag.orange .dot{background-color:var(--orange)}.tag.warning .dot{background-color:var(--yellow)}.tag.success .dot{background-color:var(--green)}.tag.purple .dot{background-color:var(--purple)}.tag.info .dot{background-color:var(--blue)}.tracks-library{background-color:var(--opacity-4);border:1px solid var(--opacity-light);border-radius:var(--border-radius-lg);min-height:0;overflow:hidden;position:relative}.track{align-items:center;background-clip:padding-box;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;position:relative;transition:var(--transition)}.track:not(:disabled):not(.no-hover):hover{background-color:var(--gray-pale)}.track:not(.warning).active{background-color:var(--gray-pale)}.track.warning{background-color:var(--yellow-pale)}.track.warning.active{background-color:var(--yellow-pale-active)}.track.warning:not(:disabled):hover{background-color:var(--yellow-pale-active)}@media screen and (max-width: 450px){.track.success{background-color:var(--green-pale)}.track.success.active{background-color:var(--green-pale-active)}.track.success:not(:disabled):hover{background-color:var(--green-pale-active)}}.track+.track:before{background-color:var(--opacity-light);content:"";display:block;height:1px;left:0;position:absolute;top:-.5px;width:100%}.track-preview{backdrop-filter:blur(1px);background:rgba(18,18,18,.6);cursor:pointer;display:flex;height:100%;opacity:0;position:relative;text-align:center;transition:var(--transition);white-space:nowrap;width:100%;-webkit-backdrop-filter:blur(1px)}.track-preview svg{color:var(--white);left:calc(50% - .5rem);position:absolute;top:calc(50% - .5rem)}.track-artwork-wrapper{aspect-ratio:1 / 1;background-color:var(--opacity-8);background-position:50%;background-size:cover;border-radius:var(--border-radius);flex:none;height:auto;overflow:hidden;position:relative;width:2.5rem;will-change:transform}.track-artwork{border-radius:inherit;inset:0;position:absolute}.track-artwork img{border-radius:inherit;display:block;height:100%;image-rendering:auto;object-fit:cover;object-position:center center;width:100%}.track.no-hover{cursor:default}.track:not(:disabled):not(.no-hover):hover .track-preview,.track.active .track-preview{opacity:1}.track .btn.data-card{display:none}.track:not(:disabled):hover .btn.data-card{display:flex}.track.active .btn.data-card{display:flex}.track-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem;margin-left:.25rem;min-height:0;min-width:0;overflow:hidden}.track-title{color:var(--white);display:flex;font-weight:var(--font-weight-medium);gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:var(--opacity-50);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta{display:flex;flex-direction:row;align-items:flex-end;gap:3.5rem;margin-right:.25rem}@media screen and (max-width: 450px){.track-meta{display:none}}.track-release,.track-duration{color:var(--opacity-50);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55px;text-align:left;flex-shrink:0}.track-right{align-items:center;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;min-height:0;min-width:0;overflow:hidden}.track-right span{font-size:var(--font-size-sm);color:var(--opacity-50)}.btn.data-card{height:2.5rem;width:2.5rem}.track-display{margin:0 auto;max-width:var(--max-width);padding-left:1rem;padding-right:1rem;padding-top:.25rem;position:relative;z-index:22}.track-display.hidden{opacity:0}.track-display-wrapper{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.track-display-title{align-items:center;color:var(--white);display:flex;flex:1;font-size:2rem;font-weight:var(--font-weight-bold);gap:.75rem;line-height:var(--line-height-title);min-width:0;min-height:0;margin-bottom:0;margin-top:0}.track-display-avatar-wrapper{width:-moz-fit-content;width:fit-content;position:relative}.track-display-avatar-wrapper div{border-radius:var(--border-radius-sm);width:1.5625rem;height:1.5625rem;background-position:50%;background-size:cover;background-color:var(--opacity-8);box-shadow:inset 0 0 0 .5px var(--opacity-8)}.page-header{margin:0 auto;max-width:var(--max-width);padding-left:1rem;padding-right:1rem;padding-top:1.1875rem;position:relative;z-index:1}@media screen and (max-width: 650px){.page-header{padding-top:.4375rem}}@media screen and (max-width: 450px){.page-header{padding-top:0}}.page-title{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.page-title h1{color:var(--white);flex:1 1;font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:0;min-height:0;min-width:0}@media screen and (max-width: 650px){.page-title h1{font-size:1.75rem}}@media screen and (max-width: 450px){.page-title h1{font-size:var(--font-size-xxxl)}}.page-body{margin:0 auto;max-width:var(--max-width);padding-bottom:3rem;padding-left:1rem;padding-right:1rem;padding-top:0}.search{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);position:relative;z-index:1}.search-wrapper{align-items:center;background-color:var(--opacity-4);border:1px solid var(--opacity-8);border-radius:var(--border-radius);display:flex;justify-content:space-between;overflow:hidden;position:relative;transition:var(--transition)}.search input{background-color:transparent;border:transparent;border-radius:var(--border-radius);color:var(--white);flex:1 1;font-size:var(--font-size-lg);min-height:0;min-width:0;padding-bottom:calc(.5rem + 1px);padding-left:2.5rem;padding-top:calc(.5rem - 1px);transition:var(--transition)}.search-wrapper:has(input:focus-within){border-color:var(--white)}.search input::-webkit-input-placeholder{color:var(--opacity-32);opacity:1}.search input:focus{outline:none}.search input::placeholder{color:var(--opacity-32);opacity:1}.search-icon{align-items:center;color:var(--opacity-32);display:flex;height:100%;justify-content:center;left:.75rem;pointer-events:none;position:absolute;transition:var(--transition)}.search input:not(:disabled):hover+.search-icon{color:var(--opacity-50)}.search input:not(:disabled):focus-within+.search-icon{color:var(--white)}.search-icon svg{height:1.125rem;width:1.125rem}.section{width:100%}.section+.section{margin-top:2rem;padding-top:2rem}.section+.section.divider{border-top:1px solid var(--opacity-8)}.section-title-wrapper{gap:.5rem;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center}.section-title{color:var(--white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:0}.section-title-right{align-items:center;display:flex;gap:.25rem;margin:0}.section-subtitle{color:var(--gray-40);font-size:var(--font-size-md);margin-bottom:1.25rem;margin-top:-.875rem}.spinner{animation:spinner 1.5s linear infinite;flex-shrink:0;height:1rem;width:1rem}.spinner circle{animation:dash 1.5s ease-in-out infinite;stroke-dasharray:175;stroke-dashoffset:0;transform-origin:center}.id{align-items:center;color:var(--opacity-50);display:flex;font-size:var(--font-size-sm)}.id code{background-color:var(--opacity-8);border-radius:var(--border-radius-sm);cursor:copy;font-size:.8125rem;margin-left:.375rem;padding:.125rem .375rem;transition:var(--transition)}.id code:hover{color:var(--opacity-79)}.atomicradio{background:linear-gradient(124deg,#61d3b8,#77be7f 10%,#999e2a);background-clip:text;background-image:url(https://assets.atomic.radio/web/gradients/text-gradient.png);background-position:right;background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.avatar-wrapper{cursor:pointer;position:relative}.avatar-wrapper:not(:disabled):hover .delete-icon{background-color:var(--red-background);color:var(--white)}.avatar-wrapper .delete-icon{align-items:center;background-color:var(--white);background-position:50%;background-size:cover;border:2px solid var(--black);border-radius:1000px;bottom:0;color:var(--black);display:flex;height:35%;justify-content:center;min-height:1.25rem;min-width:1.25rem;position:absolute;right:0;transition:var(--transition);transform:rotate(.001deg);transform-origin:50%;width:35%;z-index:2}.avatar-wrapper .delete-icon svg{height:55%;stroke-width:2.5px;width:55%}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0;z-index:-1}}@keyframes alert-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dialog{0%{opacity:0;transform:scale(.95)}50%{transform-origin:center;transform:scale(1.005);opacity:1!important}to{transform:none!important}}@keyframes menu{0%{opacity:0;transform:scale(.95)}50%{transform-origin:center;transform:scale(1.005);opacity:1!important}to{transform:none!important}}@keyframes skeleton{0%{background-position:-568px 0px}to{background-position:568px 0px}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:175}50%{stroke-dashoffset:43.75;transform:rotate(135deg)}to{stroke-dashoffset:175;transform:rotate(450deg)}}@charset "UTF-8";:root{font-family:Inter,sans-serif;font-variant-ligatures:common-ligatures contextual;font-variant-numeric:lining-nums proportional-nums}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}@media (prefers-reduced-motion: no-preference){*,:before,:after{scroll-behavior:smooth}}*,:after,:before{box-sizing:border-box}html,body{background-color:var(--black);font-family:var(--font);height:100%;margin:0;overflow-wrap:break-word;scrollbar-gutter:stable;width:100%}@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:100%}}a{cursor:pointer;text-decoration:none;transition:var(--transition)}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-title);margin-bottom:1rem;margin-top:0}h3{font-size:var(--font-size-lg)}p{margin-top:0}b,strong{font-weight:var(--font-weight-bold)}figure{margin:0}img,svg{vertical-align:middle}svg{display:block}button{background-color:var(--transparent);border:1px solid var(--transparent);font-size:inherit;line-height:var(--line-height-default)}button:disabled{opacity:.5}button.inactive{opacity:.5}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{font-family:inherit;margin:0}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input[type=number]{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}input,textarea{font-size:inherit}textarea{resize:none}img:-moz-loading{visibility:hidden}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}th{text-align:left}hr{border-color:var(--divider-color);border-style:solid;border-width:0 0 1px}code{word-wrap:break-word}code,pre{font-size:87.5%}pre{overflow:auto;-webkit-overflow-scrolling:touch}iframe{border:none}svg{height:1rem;width:1rem}.uppercase{text-transform:uppercase}.container{margin:0 auto;max-width:var(--max-width);padding-left:1rem;padding-right:1rem}@media screen and (max-width: 450px){.hide-on-mobile{display:none}}.gradient-bg{background-image:url(https://assets.atomic.radio/web/gradients/gradient.png);background-position:center center;background-size:cover;filter:blur(72px);inset:0;opacity:.35;position:fixed}.top-gradient{animation:fade 1s both;height:180px;left:0;pointer-events:none;position:absolute;top:0;transition:var(--transition);width:100%;z-index:1;-webkit-animation:fade 1s both}.top-gradient img{filter:blur(72px);height:100%;mask-image:linear-gradient(to bottom,var(--background) 0%,var(--transparent) 100%);-webkit-mask-image:linear-gradient(to bottom,var(--background) 0%,var(--transparent) 100%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;object-fit:cover;opacity:.5;width:100%}.filter{gap:.5rem;margin-bottom:.5rem;margin-top:.5rem;display:flex;justify-content:space-between;align-items:center}div:where(.swal-icon){-webkit-user-select:none!important;user-select:none!important}.swal2-container.swal2-center>.swal2-popup{background-color:#222b;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);color:var(--white);outline:none!important}div:where(.swal2-container) h2:where(.swal2-title){font:Inter,sans-serif!important}div:where(.swal2-container) .swal2-input{font:Inter,sans-serif!important;border:1px solid #2e2e2e!important;border-radius:6px!important;outline:none!important}div:where(.swal2-container) .swal2-input:focus{outline:none!important;outline-offset:2px!important}div:where(.swal2-icon).swal2-question{border-color:var(--opacity-light)!important;color:var(--opacity-light)!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{background-color:var(--opacity-light)!important;color:var(--opacity-light)!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover{background-color:var(--opacity-light)!important;color:var(--opacity-light)!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border:1px solid!important;background-color:transparent!important;color:var(--opacity-light)!important;border-color:var(--opacity-light)!important}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover{background-color:var(--opacity-light)!important;color:var(--opacity-light)!important;border-color:var(--opacity-light)!important}pagination-controls{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.ngx-pagination{gap:.25rem;display:flex}.ngx-pagination a,.ngx-pagination button{background-color:var(--opacity-light)!important;border-color:var(--transparent)!important;color:var(--opacity-64)!important;border-radius:var(--border-radius)!important}.ngx-pagination li{border-radius:var(--border-radius)!important;transition:var(--transition)!important}.ngx-pagination li span{transition:var(--transition)!important}.ngx-pagination .current{background:var(--opacity-64)!important;border-color:var(--transparent)!important;color:var(--black)!important}.ngx-pagination li:not(:disabled):hover{background:var(--opacity-64)!important;border-color:var(--transparent)!important;color:var(--black)!important;cursor:pointer}.ngx-pagination li:not(:disabled):hover span{color:var(--black)!important}.ngx-pagination .disabled{background-color:#ffffff0a;opacity:.5}.ngx-pagination .disabled:hover{background-color:#ffffff0a!important;opacity:.5}