.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}[data-v-59893fce]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-alert[data-v-59893fce]{display:flex;flex-direction:column;gap:1.5rem}.base-alert__icon-container[data-v-59893fce]{display:flex;justify-content:center;align-items:center;padding:1rem 1rem 0;color:var(--color-white-overlay-50)}.base-alert__message[data-v-59893fce]{margin:0;color:var(--color-text-default);text-align:center;opacity:.8}.base-alert__actions[data-v-59893fce]{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}[data-v-57f69b0c]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.overflowed-content[data-v-57f69b0c]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-f1dc2e2e]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}svg[data-v-f1dc2e2e]{display:block}[data-v-da0c51ae]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.badge[data-v-da0c51ae]{display:flex;align-items:center;gap:.25rem;padding:.125rem .375rem .125rem .25rem;border-radius:var(--radius-xxs);color:var(--color-default-light);font-size:var(--font-size-xxs);font-weight:500;line-height:1;max-width:100px}.badge--md[data-v-da0c51ae]{font-size:var(--font-size-xs)}[data-v-99ba5e1a]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-confirm[data-v-99ba5e1a]{display:flex;flex-direction:column;gap:1.5rem}.base-confirm__icon-container[data-v-99ba5e1a]{display:flex;justify-content:center;align-items:center;padding-top:1rem;opacity:.5}.base-confirm__message[data-v-99ba5e1a]{margin:0;color:var(--color-text-default);text-align:center;opacity:.8}.base-confirm__actions[data-v-99ba5e1a]{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}[data-v-43d42cb2]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-loader[data-v-43d42cb2]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.base-loader--overlay .base-loader__backdrop[data-v-43d42cb2]{position:absolute;inset:0;background-color:var(--color-dark-primary-overlay-90);backdrop-filter:blur(10px)}.base-loader__content[data-v-43d42cb2]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.base-loader__spinner[data-v-43d42cb2]{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.base-loader__message[data-v-43d42cb2]{font-weight:500;margin:0;line-height:1.4}.loader-fade-enter-active[data-v-43d42cb2],.loader-fade-leave-active[data-v-43d42cb2]{transition:opacity var(--transition-normal)}.loader-fade-enter-active .base-loader__content[data-v-43d42cb2],.loader-fade-leave-active .base-loader__content[data-v-43d42cb2]{transition:transform var(--transition-normal)}.loader-fade-enter-from[data-v-43d42cb2],.loader-fade-leave-to[data-v-43d42cb2]{opacity:0}.loader-fade-enter-from .base-loader__content[data-v-43d42cb2],.loader-fade-leave-to .base-loader__content[data-v-43d42cb2]{transform:scale(.9) translateY(10px)}.loader-fade-enter-to[data-v-43d42cb2],.loader-fade-leave-from[data-v-43d42cb2]{opacity:1}.loader-fade-enter-to .base-loader__content[data-v-43d42cb2],.loader-fade-leave-from .base-loader__content[data-v-43d42cb2]{transform:scale(1) translateY(0)}[data-v-f30ece3a]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-modal[data-v-f30ece3a]{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-default);padding:1rem}.base-modal[data-v-f30ece3a]:has(.base-modal__content--full-screen){padding:0}.base-modal:not(:has(.base-modal__content--full-screen))~.base-modal .base-modal__overlay[data-v-f30ece3a]{opacity:0}.base-modal__content[data-v-f30ece3a]{position:relative;z-index:1;max-width:90%;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 767px){.base-modal__content[data-v-f30ece3a]{max-width:100%;max-height:100%;overflow-y:auto}}.base-modal__content--default[data-v-f30ece3a]{width:100%;max-width:480px;background-color:var(--color-background-secondary);border-radius:var(--radius-md)}.base-modal__content--full-screen[data-v-f30ece3a]{width:100%;height:100%;border-radius:0;max-width:100%;background-color:transparent;box-shadow:none;overflow-y:auto}.base-modal__header[data-v-f30ece3a]{display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;margin-top:1.25rem;margin-bottom:1.25rem}.base-modal__header--with-pre-header[data-v-f30ece3a]{margin-top:.75rem}.base-modal__title[data-v-f30ece3a]{margin:0;font-size:var(--font-size-sm);text-align:center;font-weight:700;display:block;width:100%}.base-modal__body[data-v-f30ece3a]{padding:0 1.5rem 1.5rem}.base-modal__body--full-screen[data-v-f30ece3a]{padding:0;min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.base-modal__body--full-screen[data-v-f30ece3a]>*{margin:auto}.base-modal__close[data-v-f30ece3a]{position:absolute;top:2rem;right:2rem;z-index:2}.base-modal__close[data-v-f30ece3a]>*{width:2rem;height:2rem;border-radius:50%;background-color:var(--color-dark-primary-overlay-70)}.base-modal__close[data-v-f30ece3a]>*:hover{background-color:var(--color-dark-primary-40)}.fade-enter-active[data-v-f30ece3a],.fade-leave-active[data-v-f30ece3a]{transition:opacity var(--transition-normal)}.fade-enter-from[data-v-f30ece3a],.fade-leave-to[data-v-f30ece3a]{opacity:0}[data-v-0aeb8fa5]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-overlay[data-v-0aeb8fa5]{position:absolute;inset:0;background-color:var(--color-dark-primary-overlay-90);backdrop-filter:blur(10px)}[data-v-6e5bab67]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-pagination__container[data-v-6e5bab67]{display:flex;justify-content:center;align-items:center}.base-pagination__current-page[data-v-6e5bab67]{line-height:2rem;min-width:2rem;padding:0 .25rem;font-weight:600;text-align:center}.base-pagination__button[data-v-6e5bab67]{width:2rem;height:2rem;border-radius:50%;background-color:var(--color-blue-overlay-40);color:var(--color-text-default);display:flex;flex-direction:column;align-items:center;justify-content:center}.base-pagination__button[data-v-6e5bab67]>*{margin:auto}.base-pagination__button[data-v-6e5bab67]:hover:not(:disabled){opacity:.8}.base-pagination__button[data-v-6e5bab67]:disabled{background-color:var(--color-blue-overlay-20);cursor:not-allowed}[data-v-f915c8a0]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.spinner[data-v-f915c8a0]{display:flex;align-items:center;justify-content:center;gap:4px}.spinner__dot[data-v-f915c8a0]{border-radius:50%;animation:bounce-f915c8a0 1.4s ease-in-out infinite both}.spinner--small[data-v-f915c8a0]{gap:2px}.spinner--small .spinner__dot[data-v-f915c8a0]{width:4px;height:4px}.spinner--medium[data-v-f915c8a0]{gap:4px}.spinner--medium .spinner__dot[data-v-f915c8a0]{width:8px;height:8px}.spinner--large[data-v-f915c8a0]{gap:6px}.spinner--large .spinner__dot[data-v-f915c8a0]{width:12px;height:12px}@keyframes bounce-f915c8a0{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}[data-v-5116131a]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.site-logo[data-v-5116131a]{display:flex;align-items:center;gap:.5rem;text-decoration:none;height:2rem}.site-logo__text[data-v-5116131a]{font-size:1.5rem;font-weight:700;line-height:1;color:var(--color-text-default)}@media (max-width: 767px){.site-logo__text[data-v-5116131a]{font-size:1.25rem}}.site-logo--sm[data-v-5116131a],.site-logo--sm img[data-v-5116131a]{height:1.5rem}.site-logo--sm .site-logo__text[data-v-5116131a]{font-size:1rem}.site-logo--lg[data-v-5116131a],.site-logo--lg img[data-v-5116131a]{height:4.5rem}[data-v-b47704d5]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.button[data-v-b47704d5]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:var(--font-weight-button);font-family:inherit;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;position:relative;max-width:100%;flex-shrink:0}.button[data-v-b47704d5]:focus-visible{box-shadow:0 0 0 2px var(--color-border-accent-primary)}.button--xs[data-v-b47704d5]{font-size:.75rem;padding:.25rem .5rem;min-height:1.5rem;border-radius:var(--radius-xs)}.button--sm[data-v-b47704d5]{font-size:.75rem;padding:.25rem .5rem;min-height:2rem;border-radius:var(--radius-sm)}.button--md[data-v-b47704d5]{font-size:.75rem;padding:.625rem 1rem;min-height:2.5rem}.button--gradient[data-v-b47704d5],.button--primary[data-v-b47704d5],.button--outlined[data-v-b47704d5],.button--ghost[data-v-b47704d5],.button--danger[data-v-b47704d5]{border-radius:var(--radius-md)}.button--gradient.button--xs[data-v-b47704d5],.button--primary.button--xs[data-v-b47704d5],.button--outlined.button--xs[data-v-b47704d5],.button--ghost.button--xs[data-v-b47704d5],.button--danger.button--xs[data-v-b47704d5]{border-radius:var(--radius-xs)}.button--gradient.button--sm[data-v-b47704d5],.button--primary.button--sm[data-v-b47704d5],.button--outlined.button--sm[data-v-b47704d5],.button--ghost.button--sm[data-v-b47704d5],.button--danger.button--sm[data-v-b47704d5]{border-radius:var(--radius-sm)}.button--gradient.button--md[data-v-b47704d5],.button--primary.button--md[data-v-b47704d5],.button--outlined.button--md[data-v-b47704d5],.button--ghost.button--md[data-v-b47704d5],.button--danger.button--md[data-v-b47704d5]{border-radius:var(--radius-md)}.button-text--xs[data-v-b47704d5]{font-size:.75rem}.button-text--sm[data-v-b47704d5]{font-size:.875rem}.button-text--md[data-v-b47704d5]{font-size:1rem}.button-text--lg[data-v-b47704d5]{font-size:1.125rem}.button--has-icon-left[data-v-b47704d5]{padding-right:1rem}.button--has-icon-right[data-v-b47704d5]{padding-left:1rem}.button--text[data-v-b47704d5]{background-color:transparent;color:var(--color-text-primary)}.button--text.button-color--blue[data-v-b47704d5]{color:var(--color-button-blue-hover)}.button--text.button-color--blue[data-v-b47704d5]:hover:not(.button--disabled),.button--text.button-color--blue[data-v-b47704d5]:active:not(.button--disabled){color:var(--color-blue-overlay-80)}.button--text.button-color--green[data-v-b47704d5]{color:var(--color-button-green-hover)}.button--text.button-color--dark-green[data-v-b47704d5]{color:var(--color-button-dark-green-hover)}.button--text.button-color--white[data-v-b47704d5]{color:var(--color-button-white-hover)}.button--gradient[data-v-b47704d5],.button--primary[data-v-b47704d5]{background-color:var(--color-button-primary);border:1px solid var(--color-button-primary);color:var(--color-button-text-primary)}.button--gradient[data-v-b47704d5]:hover:not(.button--disabled),.button--gradient[data-v-b47704d5]:active:not(.button--disabled),.button--primary[data-v-b47704d5]:hover:not(.button--disabled),.button--primary[data-v-b47704d5]:active:not(.button--disabled){background-color:var(--color-button-primary-hover);font-weight:var(--font-weight-button)}.button--gradient.button-color--primary[data-v-b47704d5],.button--primary.button-color--primary[data-v-b47704d5]{border:unset}.button--gradient.button-color--blue[data-v-b47704d5],.button--primary.button-color--blue[data-v-b47704d5]{background-color:var(--color-button-blue);border:1px solid var(--color-button-blue-hover)}.button--gradient.button-color--blue[data-v-b47704d5]:hover:not(.button--disabled),.button--gradient.button-color--blue[data-v-b47704d5]:active:not(.button--disabled),.button--primary.button-color--blue[data-v-b47704d5]:hover:not(.button--disabled),.button--primary.button-color--blue[data-v-b47704d5]:active:not(.button--disabled){background-color:var(--color-button-blue-hover)}.button--gradient.button-color--green[data-v-b47704d5],.button--primary.button-color--green[data-v-b47704d5]{background-color:var(--color-button-green);border:1px solid var(--color-button-green-hover)}.button--gradient.button-color--green[data-v-b47704d5]:hover:not(.button--disabled),.button--gradient.button-color--green[data-v-b47704d5]:active:not(.button--disabled),.button--primary.button-color--green[data-v-b47704d5]:hover:not(.button--disabled),.button--primary.button-color--green[data-v-b47704d5]:active:not(.button--disabled){background-color:var(--color-button-green-hover)}.button--gradient.button-color--dark-green[data-v-b47704d5],.button--primary.button-color--dark-green[data-v-b47704d5]{background-color:var(--color-button-dark-green);border:1px solid var(--color-button-dark-green-hover)}.button--gradient.button-color--dark-green[data-v-b47704d5]:hover:not(.button--disabled),.button--gradient.button-color--dark-green[data-v-b47704d5]:active:not(.button--disabled),.button--primary.button-color--dark-green[data-v-b47704d5]:hover:not(.button--disabled),.button--primary.button-color--dark-green[data-v-b47704d5]:active:not(.button--disabled){background-color:var(--color-button-dark-green-hover)}.button--gradient.button-color--white[data-v-b47704d5],.button--primary.button-color--white[data-v-b47704d5]{background-color:var(--color-button-white);border:1px solid var(--color-button-white-hover);color:var(--color-button-text-white)}.button--gradient.button-color--white[data-v-b47704d5]:hover:not(.button--disabled),.button--gradient.button-color--white[data-v-b47704d5]:active:not(.button--disabled),.button--primary.button-color--white[data-v-b47704d5]:hover:not(.button--disabled),.button--primary.button-color--white[data-v-b47704d5]:active:not(.button--disabled){background-color:var(--color-button-white-hover)}.button--gradient.button--disabled[data-v-b47704d5],.button--gradient.button--inactive[data-v-b47704d5],.button--primary.button--disabled[data-v-b47704d5],.button--primary.button--inactive[data-v-b47704d5]{border-color:var(--color-white-overlay-10);background-color:var(--color-white-overlay-10);color:var(--color-button-text-primary-inactive);font-weight:var(--font-weight-button-inactive)}.button--gradient[data-v-b47704d5]{background-image:var(--gradient-primary);border:unset}.button--gradient[data-v-b47704d5]:hover:not(.button--disabled),.button--gradient[data-v-b47704d5]:active:not(.button--disabled){opacity:.8}.button--outlined[data-v-b47704d5]{background-color:transparent;color:var(--color-button-outlined-text-primary);border:1px solid var(--color-button-outlined-border);font-weight:var(--font-weight-outlined-button)}.button--outlined[data-v-b47704d5]:hover:not(.button--disabled){color:var(--color-text-default);background-color:transparent;border-color:var(--color-button-outlined-border-hover)}@media (any-hover: none){.button--outlined[data-v-b47704d5]:hover:not(.button--disabled){border-color:var(--color-button-outlined-border)}}.button--outlined.button--active[data-v-b47704d5]:not(.button--disabled),.button--outlined[data-v-b47704d5]:active:not(.button--disabled){background-color:transparent;border-color:var(--color-button-outlined-border-active);font-weight:var(--font-weight-outlined-button-active)}.button--ghost[data-v-b47704d5]{background-color:var(--color-white-overlay-10);color:var(--color-button-text-ghost)}.button--ghost[data-v-b47704d5]:active:not(.button--disabled),.button--ghost[data-v-b47704d5]:hover:not(.button--disabled){background-color:var(--color-white-overlay-20)}.button--icon[data-v-b47704d5]{background-color:transparent;color:var(--color-text-primary);padding:0}.button--icon.button-color--blue[data-v-b47704d5]{color:var(--color-button-blue-hover)}.button--icon.button-color[data-v-b47704d5]:hover:not(.button--disabled),.button--icon.button-color[data-v-b47704d5]:active:not(.button--disabled){color:var(--color-blue-overlay-80)}.button--icon--green[data-v-b47704d5]{color:var(--color-button-green-hover)}.button--icon--dark-green[data-v-b47704d5]{color:var(--color-button-dark-green-hover)}.button--icon--white[data-v-b47704d5]{color:var(--color-button-white-hover)}.button--danger[data-v-b47704d5]{background-color:var(--color-error);color:#fff}.button--danger[data-v-b47704d5]:hover:not(.button--disabled),.button--danger[data-v-b47704d5]:active:not(.button--disabled){opacity:.8}.button--disabled[data-v-b47704d5]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading[data-v-b47704d5]{cursor:wait;opacity:.7}.button__text[data-v-b47704d5]{display:block;max-width:100%;overflow:hidden;position:relative}[data-v-f9dc1a8b]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.buttons-switcher[data-v-f9dc1a8b]{display:flex;flex-direction:row;gap:1rem}@media (max-width: 767px){.buttons-switcher[data-v-f9dc1a8b]{gap:.5rem}}.buttons-switcher__option[data-v-f9dc1a8b]{display:block;flex:1}.buttons-switcher__option-button[data-v-f9dc1a8b]{width:100%}.buttons-switcher__input[data-v-f9dc1a8b]{all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;display:block;width:4px;height:4px;margin:0 -4px -4px 0}.buttons-switcher__input:checked:focus-visible+button[data-v-f9dc1a8b]{outline:solid 1px var(--color-border-accent-primary)}[data-v-497a3f61]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.button-with-validation-tooltip__content[data-v-497a3f61]{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:var(--font-size-xs);color:var(--color-white-overlay-80)}.button-with-validation-tooltip__content[data-v-497a3f61]>*:first-child{flex-shrink:0}[data-v-787c03df]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.close-button[data-v-787c03df]{width:2rem;height:2rem;background-color:var(--color-white-overlay-10);border-radius:50%}.close-button--dark[data-v-787c03df]{background-color:var(--color-dark-primary-overlay-70)}.close-button[data-v-787c03df]:hover{opacity:.8}[data-v-6a5d314d]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-checkbox[data-v-6a5d314d]{display:flex;align-items:center;position:relative}.base-checkbox__label[data-v-6a5d314d]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:1rem}.base-checkbox__input[data-v-6a5d314d]{all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;display:block;width:4px;height:4px;margin:0 -4px -4px 0;position:absolute;left:0;top:0}[data-v-72cbfdfd]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.switcher[data-v-72cbfdfd]{width:100%}.switcher__label[data-v-72cbfdfd]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;gap:1rem}.switcher__label-content[data-v-72cbfdfd]{display:flex;align-items:center;gap:8px;justify-content:space-between;width:100%;max-width:calc(100% - 42px - 1rem)}.switcher__label--disabled[data-v-72cbfdfd]{cursor:not-allowed;opacity:.6}.switcher__input[data-v-72cbfdfd]{position:absolute;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.switcher__toggle[data-v-72cbfdfd]{position:relative;display:inline-block;min-width:42px;width:42px;height:22px;background-color:#424855;border-radius:12px;transition:background-color .3s ease;-webkit-tap-highlight-color:transparent;outline:none}.switcher__toggle[data-v-72cbfdfd]:focus{outline:none;box-shadow:none}.switcher__toggle[data-v-72cbfdfd]:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.switcher__toggle[data-v-72cbfdfd]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0000004d}.switcher__toggle--enabled[data-v-72cbfdfd]{background-color:var(--color-accent-primary)}.switcher__toggle--enabled[data-v-72cbfdfd]:before{transform:translate(20px)}.switcher__toggle--disabled[data-v-72cbfdfd]{background-color:#e0e0e0;cursor:not-allowed}.switcher__toggle--disabled[data-v-72cbfdfd]:before{background-color:#f5f5f5}.switcher__text[data-v-72cbfdfd]{font-weight:700;color:var(--color-text-default);min-width:80px}.switcher__additional-text[data-v-72cbfdfd]{font-weight:300;color:var(--color-text-muted)}.switcher__label--disabled .switcher__text[data-v-72cbfdfd]{color:var(--color-text-muted)}[data-v-e5c5660e]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.text-field[data-v-e5c5660e]{display:flex;flex-direction:column;gap:4px}.text-field--disabled[data-v-e5c5660e] .text-field__input,.text-field--disabled[data-v-e5c5660e] .text-field__textarea{opacity:.5;cursor:not-allowed}.text-field--readonly[data-v-e5c5660e] .text-field__input,.text-field--readonly[data-v-e5c5660e] .text-field__textarea{cursor:not-allowed}.text-field--error .text-field__input-container[data-v-e5c5660e]{border:1px solid var(--color-error)}.text-field__input-container[data-v-e5c5660e]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border-radius:var(--radius-md);transition:border-color .2s ease;position:relative}.text-field__input-container[data-v-e5c5660e]:has(.text-field__icon-left){padding-left:3rem}.text-field__input-container--primary[data-v-e5c5660e]{background-color:var(--color-background-primary)}.text-field__input-container--secondary[data-v-e5c5660e]{background-color:var(--color-white-overlay-10)}.text-field__input-container--outlined[data-v-e5c5660e]{background-color:transparent;border-color:var(--color-border-accent-secondary)}.text-field__input-container--filled[data-v-e5c5660e]{background-color:transparent;border-color:transparent}.text-field__input-container--filled[data-v-e5c5660e]:focus-within{border-color:transparent}.text-field__input-container--sm[data-v-e5c5660e]{padding:4px;border-radius:var(--radius-sm)}.text-field__input-container--md[data-v-e5c5660e]{padding:8px}.text-field__input-container--md .text-field__input[data-v-e5c5660e]{height:32px}.text-field__input-container--lg[data-v-e5c5660e]{padding:12px;border-radius:var(--radius-lg)}.text-field__icon-left[data-v-e5c5660e]{position:absolute;left:1rem;top:50%;transform:translateY(-50%)}.text-field__error-container[data-v-e5c5660e]{display:flex;align-items:center;gap:8px}.text-field__error[data-v-e5c5660e]{display:flex;align-items:center;gap:.25rem;color:var(--color-error);font-size:.8125rem;font-weight:200;margin:0}.text-field__label[data-v-e5c5660e]{font-size:1rem;font-weight:500;margin:0}.text-field__input[data-v-e5c5660e],.text-field__textarea[data-v-e5c5660e]{width:100%;border:none;background-color:transparent;color:var(--color-text-default);font-size:var(--font-size-sm);line-height:1.4;max-height:300px;resize:none;font-family:inherit;caret-color:var(--caret-color)}@media (max-width: 1024px){.text-field__input[data-v-e5c5660e],.text-field__textarea[data-v-e5c5660e]{font-size:1rem}}.text-field__input[data-v-e5c5660e]:focus,.text-field__textarea[data-v-e5c5660e]:focus{outline:none}.text-field__input[data-v-e5c5660e]::-moz-placeholder,.text-field__textarea[data-v-e5c5660e]::-moz-placeholder{color:var(--color-text-placeholder);font-style:var(--font-style-placeholder);font-weight:var(--font-weight-placeholder);font-size:var(--font-size-sm)}.text-field__input[data-v-e5c5660e]::placeholder,.text-field__textarea[data-v-e5c5660e]::placeholder{color:var(--color-text-placeholder);font-style:var(--font-style-placeholder);font-weight:var(--font-weight-placeholder);font-size:var(--font-size-sm)}.text-field__input--resizable[data-v-e5c5660e],.text-field__textarea--resizable[data-v-e5c5660e]{resize:vertical}.text-field__textarea[data-v-e5c5660e]{min-height:80px;font-family:inherit}.text-field:has(.text-field__textarea) .text-field__actions[data-v-e5c5660e]{position:absolute;bottom:0;left:0;padding:8px;width:calc(100% - 30px);height:32px;background-color:var(--color-background-primary)}[data-v-87909fb2]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.drag-resizer[data-v-87909fb2]{display:flex;gap:0;max-height:100%;overflow:hidden}.drag-resizer__left[data-v-87909fb2],.drag-resizer__right[data-v-87909fb2]{display:flex;flex-direction:column;overflow:hidden}.drag-resizer__divider[data-v-87909fb2]{width:4px;position:relative;display:flex;flex-direction:column;flex-shrink:0}.drag-resizer__drag-handler[data-v-87909fb2]{flex:1;background-color:var(--color-blue-overlay-20);cursor:col-resize;min-height:100px;transition:background-color .2s ease}.drag-resizer__drag-handler[data-v-87909fb2]:hover,.drag-resizer__drag-handler--dragging[data-v-87909fb2]{background-color:var(--color-accent-primary)}.drag-resizer__drag-handler--blocked[data-v-87909fb2]{background-color:var(--color-blue-overlay-20);cursor:default}[data-v-a9b594b3]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.get-premium-section[data-v-a9b594b3]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;padding:1rem;border:1px solid var(--color-border-accent-primary);border-radius:var(--radius-md);box-shadow:0 0 10px #2871ff66}@media (max-width: 1024px){.get-premium-section[data-v-a9b594b3]{padding-right:10.5rem}}.get-premium-section__button[data-v-a9b594b3]{width:100%;font-size:var(--font-size-xs)}@media (max-width: 1024px){.get-premium-section__button[data-v-a9b594b3]{position:absolute;right:1rem;bottom:0;top:0;margin:auto;width:9rem;height:2.5rem}}.get-premium-section__title[data-v-a9b594b3]{font-weight:700;margin-bottom:.25rem}.get-premium-section__description[data-v-a9b594b3]{font-weight:200;margin-bottom:1rem;line-height:1.25}@media (max-width: 1024px){.get-premium-section__description[data-v-a9b594b3]{margin-bottom:0}}[data-v-59b52f94]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.main-layout[data-v-59b52f94]{display:flex;background-color:var(--color-background-primary);background-image:linear-gradient(to top,var(--color-dark-blue-darker),var(--color-background-primary) 350px)}@media (max-width: 1024px){.main-layout[data-v-59b52f94]{background-image:linear-gradient(to top,var(--color-dark-blue-darker) 40px,var(--color-background-primary) 300px)}}.main-layout__content[data-v-59b52f94]{display:flex;flex-direction:column;flex:1;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;position:relative;overflow-y:auto}.main-layout__content-inner[data-v-59b52f94]{padding:0 2rem;display:flex;flex-direction:column;flex:1;overflow-y:auto;position:relative;overflow-anchor:none}@media (max-width: 1024px){.main-layout__content-inner[data-v-59b52f94]{padding:0 1rem}}[data-v-155616e3]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.mobile-header__container[data-v-155616e3]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-background-primary);max-width:100%;overflow-x:auto;min-height:3rem;background-color:var(--color-dark)}.mobile-header__banner[data-v-155616e3]{display:flex;align-items:center;padding:.625rem 1rem;width:100%}.mobile-header__banner-icon[data-v-155616e3]{width:2rem;height:2rem}.mobile-header__banner-text[data-v-155616e3]{flex:1;padding:0 1rem 0 .5rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.mobile-header__banner-text h3[data-v-155616e3]{font-size:var(--font-size-sm);font-weight:700;line-height:1}.mobile-header__banner-text p[data-v-155616e3]{font-size:var(--font-size-xs);font-weight:200;line-height:1;opacity:.8}.mobile-header__banner-button[data-v-155616e3]{height:2rem;padding:0 1rem;border-radius:1rem;line-height:2rem;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase}[data-v-5302f443]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.mobile-menu[data-v-5302f443]{display:block;padding:.375rem 1rem;background-color:var(--color-background-primary);position:relative}.mobile-menu__list[data-v-5302f443]{display:flex;justify-content:space-between}.mobile-menu__item[data-v-5302f443]{display:block}.mobile-menu__button[data-v-5302f443]{font-weight:400;padding:0 var(--spacing-sm);line-height:2}.mobile-menu__button--highlight[data-v-5302f443]{font-weight:700;width:3rem;height:2.125rem;border-radius:1.5rem;background-color:var(--color-blue-overlay-60)}.mobile-menu__button--active[data-v-5302f443]{color:var(--color-text-accent-primary)}.mobile-menu__button--placeholder[data-v-5302f443]{display:block;width:2.5rem}[data-v-08b9a62f]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.playback-rate[data-v-08b9a62f]{position:relative}.playback-rate__button[data-v-08b9a62f]{padding:.5rem .75rem;min-height:2.5rem;font-size:.875rem;font-weight:600}.playback-rate__dropdown[data-v-08b9a62f]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.25rem;color:#fff;border-radius:.75rem;font-size:.75rem;overflow:hidden;box-shadow:0 4px 12px #00000026;z-index:10}.playback-rate__option[data-v-08b9a62f]{display:block;width:100%;padding:.25rem .75rem;min-height:1.75rem;color:#fff;font-size:.75rem}.playback-rate__option[data-v-08b9a62f]:hover{background-color:#ffffff1a}.fade-rate-enter-active[data-v-08b9a62f],.fade-rate-leave-active[data-v-08b9a62f]{transition:opacity .3s ease,transform .3s ease}.fade-rate-enter-from[data-v-08b9a62f],.fade-rate-leave-to[data-v-08b9a62f]{opacity:0;transform:translate(-50%) translateY(10px)}[data-v-0b309af0]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.placeholder[data-v-0b309af0]{display:flex;align-items:center;justify-content:center;height:60px;gap:1rem}.placeholder__icon[data-v-0b309af0]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-secondary-light);border-radius:var(--radius-lg)}.placeholder__icon img[data-v-0b309af0]{width:38px;height:38px}.placeholder__text[data-v-0b309af0]{flex:1;font-weight:200}.placeholder__text h3[data-v-0b309af0]{font-size:var(--font-size-sm);font-weight:700;line-height:1.5}.placeholder__text p[data-v-0b309af0]{font-size:var(--font-size-xs);line-height:1.25}[data-v-e85d512b]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.badges[data-v-e85d512b]{display:flex;gap:.5rem}.badges__badge[data-v-e85d512b]{color:var(--color-text-default)}.badges__badge-image[data-v-e85d512b]{width:16px;height:16px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.badges__badge-share[data-v-e85d512b]{color:var(--color-text-default)}.badges__badge-share[data-v-e85d512b]:hover{color:var(--color-text-accent-secondary)}[data-v-61baf8c2]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-info[data-v-61baf8c2]{display:flex;flex-direction:column;gap:2rem;position:relative;overflow-y:auto;padding-bottom:2rem}.track-info__close[data-v-61baf8c2]{position:absolute;top:2rem;right:2rem;z-index:2}@media (max-width: 767px){.track-info__close[data-v-61baf8c2]{top:1rem;right:1rem}}.track-info__container[data-v-61baf8c2]{display:flex;gap:2rem}.track-info__image[data-v-61baf8c2]{width:280px;height:400px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;position:relative}.track-info__image img[data-v-61baf8c2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.track-info__image-placeholder[data-v-61baf8c2]{width:100%;height:100%;background-color:var(--color-background-secondary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.track-info__image-placeholder img[data-v-61baf8c2]{width:100px;height:100px}.track-info__header[data-v-61baf8c2]{display:flex;flex-direction:column;z-index:1;min-width:0}@media (max-width: 767px){.track-info__header[data-v-61baf8c2]{padding:0 1rem}}.track-info__header-badges[data-v-61baf8c2]{margin-top:.5rem;flex:1;align-items:flex-start}@media (max-width: 767px){.track-info__header-badges[data-v-61baf8c2]{margin-top:1rem}}.track-info__header-play-button[data-v-61baf8c2]{color:var(--color-text-default);background-color:var(--color-blue-overlay-20);width:5.5rem;height:2.25rem;border-radius:var(--radius-md);padding:0;margin:0;display:flex;align-items:center;justify-content:center}.track-info__header-play-button[data-v-61baf8c2]:hover{background-color:var(--color-blue-overlay-40)}.track-info__header-title[data-v-61baf8c2]{display:flex;flex-direction:column;gap:.5rem;z-index:1}.track-info__header-title h2[data-v-61baf8c2]{font-size:var(--font-size-2xl);pointer-events:none}@media (max-width: 767px){.track-info__header-title h2[data-v-61baf8c2]{display:flex;flex-direction:column;justify-content:flex-end;min-height:240px}}.track-info__header-title p[data-v-61baf8c2]{font-size:var(--font-size-xs);font-weight:200}.track-info__header-title p[data-v-61baf8c2]:first-letter{text-transform:capitalize}.track-info__lyrics[data-v-61baf8c2]{display:flex;flex-direction:column;gap:1rem}@media (max-width: 767px){.track-info__lyrics[data-v-61baf8c2]{padding:0 1rem}}.track-info__lyrics-container[data-v-61baf8c2]{display:flex;flex-direction:column;gap:.5rem}.track-info__lyrics-title[data-v-61baf8c2]{font-size:var(--font-size-md)}.track-info__lyrics-content p[data-v-61baf8c2]{white-space:pre-wrap}.track-info--mobile[data-v-61baf8c2]{width:100%}@media (max-width: 767px){.track-info--mobile[data-v-61baf8c2]{gap:1rem}}.track-info--mobile .track-info__container[data-v-61baf8c2]{flex-direction:column}.track-info--mobile .track-info__image[data-v-61baf8c2]{width:100%;height:auto;border-radius:0;position:relative;aspect-ratio:1/1}@media (max-width: 767px){.track-info--mobile .track-info__image[data-v-61baf8c2]{max-height:240px;height:240px;display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0}}.track-info--mobile .track-info__image[data-v-61baf8c2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--gradient-fade-to-top)}.track-info--mobile .track-info__image img[data-v-61baf8c2]{width:100%;height:auto}.track-info--mobile .track-info__header-actions[data-v-61baf8c2]{display:none}[data-v-e60dd948]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-preview[data-v-e60dd948]{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;max-width:100%;overflow:hidden;padding:.25rem;border-radius:var(--radius-md);min-width:0}@media (max-width: 1024px){.track-preview[data-v-e60dd948]{padding:0;border-radius:0}}.track-preview[data-v-e60dd948]:hover{background-color:var(--color-white-overlay-10)}@media (max-width: 1024px){.track-preview[data-v-e60dd948]:hover{background-color:transparent;padding:0}}.track-preview__image-container[data-v-e60dd948]{width:60px;min-width:60px;height:60px;min-height:60px;border-radius:var(--radius-md);background-color:var(--color-background-secondary-light);display:flex;align-items:center;justify-content:center}.track-preview__description-container[data-v-e60dd948]{padding:.25rem 0}.track-preview__footer[data-v-e60dd948]{display:flex;gap:.25rem;min-height:1rem}.track-preview__footer[data-v-e60dd948]>*{margin-bottom:auto}.track-preview__badges[data-v-e60dd948]{display:flex;gap:.5rem;align-items:center}.track-preview__badge--play[data-v-e60dd948]{background-color:var(--color-blue-overlay-20)}.track-preview__badge--user[data-v-e60dd948]{background-color:var(--color-white-overlay-10)}.track-preview__actions-container[data-v-e60dd948]{display:flex;align-items:center;padding-right:1rem}@media (max-width: 1024px){.track-preview__actions-container[data-v-e60dd948]{padding-right:0}}.track-preview__info[data-v-e60dd948]{display:flex;-moz-column-gap:1rem;column-gap:1rem;row-gap:.5rem;align-items:center;width:100%;max-width:100%;overflow:hidden}.track-preview__details[data-v-e60dd948]{display:flex;flex:1;flex-direction:column;overflow:hidden;max-width:100%}.track-preview__details h3[data-v-e60dd948]{font-size:var(--font-size-sm)}.track-preview__details p[data-v-e60dd948]{margin:0;font-size:var(--font-size-xs);line-height:1.2;overflow:hidden;font-weight:200;opacity:.8}.track-preview__details p[data-v-e60dd948]:first-letter{text-transform:capitalize}.track-preview--md .track-preview__image-container[data-v-e60dd948]{width:120px;height:120px;min-width:120px;min-height:120px;position:absolute;left:0;top:0;border-radius:var(--radius-lg)}.track-preview--md .track-preview__image-container[data-v-e60dd948]{border-radius:var(--radius-lg)}.track-preview--md .track-preview__details[data-v-e60dd948]{min-width:100px;flex:unset}.track-preview--md .track-preview__actions-container[data-v-e60dd948]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.track-preview--md .track-preview__buttons[data-v-e60dd948]{height:1.5rem}.track-preview--md .track-preview__badges[data-v-e60dd948]{gap:.125rem}.track-preview--md .track-preview__info[data-v-e60dd948]{padding-left:calc(1rem + 120px);height:120px;position:relative;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:nowrap;gap:.1rem}.track-preview--md .track-preview__details p[data-v-e60dd948]{display:-webkit-box;line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.45rem;white-space:normal}.track-preview--md .track-preview__description-container[data-v-e60dd948]{padding:.4rem 0}[data-v-3786b820]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-info-drawer[data-v-3786b820]{position:fixed;top:0;right:0;height:100%;background-color:var(--color-background-primary);z-index:var(--z-drawer);display:flex}@media (max-width: 1024px){.track-info-drawer[data-v-3786b820]{height:calc(100% - 3rem)}.track-info-drawer--player-visible[data-v-3786b820] .track-info--mobile{padding-bottom:120px}}@media (max-width: 767px){.track-info-drawer[data-v-3786b820]{height:100%}}.track-info-drawer[data-v-3786b820] .track-info__header,.track-info-drawer[data-v-3786b820] .track-info__lyrics{padding-inline:1rem}.track-info-drawer__drag-handler[data-v-3786b820]{min-width:4px;background-color:var(--color-blue-overlay-20);cursor:col-resize;transition:background-color .2s ease;flex-shrink:0}.track-info-drawer__drag-handler[data-v-3786b820]:hover,.track-info-drawer__drag-handler--dragging[data-v-3786b820]{background-color:var(--color-accent-primary)}@media (max-width: 1024px){.track-info-drawer__drag-handler[data-v-3786b820]{display:none}}.slide-left-enter-active[data-v-3786b820],.slide-left-leave-active[data-v-3786b820]{transition:transform .3s ease-in-out}.slide-left-enter-from[data-v-3786b820],.slide-left-leave-to[data-v-3786b820]{transform:translate(100%)}[data-v-e34828ae]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.player[data-v-e34828ae]{position:fixed;bottom:2rem;right:1.5rem;width:calc(100% - 3rem - var(--sidebar-width));z-index:var(--z-player);transition:width var(--transition-fast),right var(--transition-fast)}@media (max-width: 1024px){.player[data-v-e34828ae]{width:calc(100% - 2rem);bottom:3.5rem;right:1rem}}.player--drawer-open[data-v-e34828ae]{width:calc(100% - 3rem - var(--sidebar-width) - var(--drawer-width));right:calc(1.5rem + var(--drawer-width))}@media (max-width: 1024px){.player--drawer-open[data-v-e34828ae]{width:calc(100% - 2rem);right:1rem}}@media (max-width: 767px){.player--drawer-open[data-v-e34828ae],.player--library-track-page[data-v-e34828ae]{bottom:.75rem}}.player__container[data-v-e34828ae]{background-color:var(--color-background-primary);border:1px solid var(--color-border-accent-primary);border-width:.5px;border-radius:var(--radius-lg);padding:7px;position:relative;width:100%}[data-v-6eac44a8]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.player-controls[data-v-6eac44a8]{display:flex;align-items:center;justify-content:center;gap:.5rem}.player-controls__button[data-v-6eac44a8]{border-radius:50%}.player-controls__button[data-v-6eac44a8]:hover{background-color:var(--color-white-overlay-10)}.player-controls__button--prev[data-v-6eac44a8],.player-controls__button--next[data-v-6eac44a8]{padding:.5rem;min-height:2.5rem;min-width:2.5rem}@media (max-width: 767px){.player-controls__button--prev[data-v-6eac44a8],.player-controls__button--next[data-v-6eac44a8]{padding:.25rem;min-height:.5rem;min-width:.5rem}}.player-controls__button--play[data-v-6eac44a8],.player-controls__button--pause[data-v-6eac44a8]{padding:.5rem;min-height:3rem;min-width:3rem}@media (max-width: 767px){.player-controls__button--play[data-v-6eac44a8],.player-controls__button--pause[data-v-6eac44a8]{padding:.25rem;min-height:1rem;min-width:1rem}}.player-controls__button--shuffle[data-v-6eac44a8],.player-controls__button--loop[data-v-6eac44a8]{opacity:.5;min-height:2.5rem;min-width:2.5rem}@media (max-width: 767px){.player-controls__button--shuffle[data-v-6eac44a8],.player-controls__button--loop[data-v-6eac44a8]{padding:.25rem;min-height:1rem;min-width:1rem}}.player-controls__button--shuffle[data-v-6eac44a8]:hover,.player-controls__button--shuffle-active[data-v-6eac44a8],.player-controls__button--loop[data-v-6eac44a8]:hover,.player-controls__button--loop-active[data-v-6eac44a8]{opacity:1}.player-controls__loading[data-v-6eac44a8]{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}[data-v-35f5dfd1]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.progress-bar[data-v-35f5dfd1]{display:flex;flex-direction:column;gap:.5rem}.progress-bar__track[data-v-35f5dfd1]{position:relative;background:var(--color-blue-overlay-20);height:4px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;user-drag:none;outline:none;-webkit-tap-highlight-color:transparent;border-radius:2px}.progress-bar__fill[data-v-35f5dfd1]{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;transition:width .1s ease;background:var(--color-accent-primary)}.progress-bar__thumb[data-v-35f5dfd1]{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;margin-top:-8px;cursor:pointer;opacity:0}[data-v-707d24ca]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.info-text[data-v-707d24ca]{overflow:hidden;display:flex;flex-direction:column;gap:.4rem;line-height:1}.info-text__time[data-v-707d24ca]{white-space:nowrap;display:flex;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:700}.info-text__time span[data-v-707d24ca]{display:inline-block}.info-text__time-separator[data-v-707d24ca]{width:1em;text-align:center}.info-text__time-current[data-v-707d24ca]{width:3em;text-align:left}.info-text__time-duration[data-v-707d24ca]{text-align:right}.info-text__title[data-v-707d24ca]{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.info-text__description[data-v-707d24ca]{font-size:var(--font-size-xs);font-weight:200;overflow:hidden;color:var(--color-text-muted)}.info-text__description[data-v-707d24ca]>*{vertical-align:top}.info-text__description span[data-v-707d24ca]{display:inline-block}.info-text__description-separator[data-v-707d24ca]{margin:0 .25rem}.info-text__description-text[data-v-707d24ca]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-text__description-text[data-v-707d24ca]:first-letter{text-transform:capitalize}[data-v-c10a8c1d]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-image[data-v-c10a8c1d]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;overflow:hidden;position:relative}.track-image__image[data-v-c10a8c1d]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.track-image__placeholder-icon[data-v-c10a8c1d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-secondary-light)}.track-image__placeholder-icon img[data-v-c10a8c1d]{width:38px;height:38px}[data-v-667a60da]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.volume-control[data-v-667a60da]{position:relative}.volume-control__button[data-v-667a60da]{padding:.125rem;min-height:1.75rem;min-width:1.75rem;opacity:.5;border-radius:var(--radius-xs)}@media (max-width: 767px){.volume-control__button[data-v-667a60da]{padding:.25rem;min-height:.5rem;min-width:.5rem}}.volume-control__button[data-v-667a60da]:hover,.volume-control__button--active[data-v-667a60da]{opacity:1;background-color:var(--color-white-overlay-10)}.volume-control__slider[data-v-667a60da]{width:100%;height:60px;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.volume-control__slider[data-v-667a60da]:before{content:"";position:absolute;top:0;left:0;right:0;margin:auto;width:2px;height:100%;background-color:var(--color-white-overlay-50);border-radius:1px}.volume-control__slider-wrap[data-v-667a60da]{box-sizing:border-box;position:absolute;left:50%;right:50%;bottom:calc(100% + 8px);margin:auto;width:28px;padding:6px 9px;transform:translate(-50%);background:var(--color-background-primary);box-shadow:0 0 4px var(--color-blue-overlay-20);border-radius:var(--radius-md);display:flex;justify-content:center;align-items:center}.volume-control__fill[data-v-667a60da]{pointer-events:none;position:absolute;bottom:0;left:0;right:0;margin:auto;border-radius:1px;width:2px;transition:height .1s ease;background-color:var(--color-default)}.volume-control__fill[data-v-667a60da]:after{content:"";position:absolute;top:0;left:-5px;margin:auto;display:block;background-color:var(--color-default);width:100%;width:10px;height:10px;border:1px solid var(--color-background-primary);border-radius:50%}.fade-volume-enter-active[data-v-667a60da],.fade-volume-leave-active[data-v-667a60da]{transition:opacity .3s ease,transform .3s ease}.fade-volume-enter-from[data-v-667a60da],.fade-volume-leave-to[data-v-667a60da]{opacity:0;transform:translate(-50%) translateY(10px)}[data-v-65c90c8e]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.audio-player[data-v-65c90c8e]{width:100%;display:flex;flex-direction:column;gap:.5rem}.audio-player__header[data-v-65c90c8e]{display:flex;align-items:center;gap:1rem}@media (max-width: 767px){.audio-player__header[data-v-65c90c8e]{justify-content:space-between;padding-right:.5rem}}.audio-player__info[data-v-65c90c8e]{display:flex;align-items:center;gap:1rem;flex:1;max-width:50%;overflow:hidden}@media (max-width: 767px){.audio-player__info[data-v-65c90c8e]{max-width:unset}}.audio-player__image[data-v-65c90c8e]{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-md)}.audio-player__controls[data-v-65c90c8e]{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem}@media (max-width: 767px){.audio-player__controls[data-v-65c90c8e]{max-width:unset}}.audio-player__actions[data-v-65c90c8e]{display:flex;justify-content:flex-end;align-items:center;padding-right:1rem;flex:1;max-width:50%}.audio-player__progress-bar[data-v-65c90c8e]{width:100%}.audio-player__notice[data-v-65c90c8e]{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:.75rem;padding:.25rem .5rem;z-index:10;white-space:nowrap}.audio-player__audio[data-v-65c90c8e]{display:none}.audio-player__more-button[data-v-65c90c8e]{opacity:.5;min-height:1.75rem;min-width:1.75rem;padding:.125rem;border-radius:var(--radius-xs)}.audio-player__more-button[data-v-65c90c8e]:hover{opacity:1;background-color:var(--color-white-overlay-10)}.audio-player__more-button[data-popper-shown][data-v-65c90c8e]{background-color:var(--color-white-overlay-10)}@media (max-width: 767px){.audio-player[data-v-65c90c8e]{gap:.75rem}}.fade-enter-active[data-v-65c90c8e],.fade-leave-active[data-v-65c90c8e]{transition:opacity var(--transition-normal)}.fade-enter-from[data-v-65c90c8e],.fade-leave-to[data-v-65c90c8e]{opacity:0}[data-v-83bf1f0e]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-image-with-player[data-v-83bf1f0e]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;overflow:hidden;position:relative}.track-image-with-player__loader[data-v-83bf1f0e]{position:absolute;top:0;left:0;width:100%;height:100%;margin:auto;z-index:2}.track-image-with-player__image[data-v-83bf1f0e]{transition:opacity var(--transition-fast)}.track-image-with-player__play-button[data-v-83bf1f0e]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden;z-index:1;border:1px solid rgba(var(--color-white-rgb),0);transition:border-color var(--transition-normal)}.track-image-with-player__play-button .track-image-with-player__play-icon--hover[data-v-83bf1f0e]{opacity:0}@media (any-hover: none){.track-image-with-player__play-button[data-v-83bf1f0e]{border:none}}.track-image-with-player__play-button[data-v-83bf1f0e]:hover{border-color:var(--color-border-white)}.track-image-with-player__play-button:hover .track-image-with-player__playback-animation[data-v-83bf1f0e]{opacity:0}.track-image-with-player__play-button:hover .track-image-with-player__play-icon--hover[data-v-83bf1f0e]{opacity:1}.track-image-with-player__play-button:hover .track-image-with-player__image[data-v-83bf1f0e]{opacity:.2}@media (any-hover: none){.track-image-with-player__play-button[data-v-83bf1f0e]:hover{border-color:transparent}.track-image-with-player__play-button:hover .track-image-with-player__playback-animation[data-v-83bf1f0e]{opacity:1}}.track-image-with-player--notification .track-image-with-player__play-button[data-v-83bf1f0e]:hover{border-color:transparent}.track-image-with-player--notification .track-image-with-player__play-button:hover .track-image-with-player__image[data-v-83bf1f0e]{opacity:.4}.track-image-with-player__playback-animation[data-v-83bf1f0e],.track-image-with-player__play-icon[data-v-83bf1f0e],.track-image-with-player__play-icon--hover[data-v-83bf1f0e]{position:absolute;inset:0;margin:auto;width:24px;height:24px;z-index:2;color:var(--color-text-default);transition:opacity var(--transition-fast)}.track-image-with-player__placeholder[data-v-83bf1f0e]{width:100%;height:100%;background-color:var(--color-background-secondary-light);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs)}.track-image-with-player__duration[data-v-83bf1f0e]{position:absolute;bottom:.1875rem;right:.1875rem;padding:.0625rem .25rem;border-radius:var(--radius-xxxs);background-color:var(--color-dark-primary-overlay-70);color:var(--color-text-muted);font-size:var(--font-size-xxs);font-weight:500;line-height:1}[data-v-3a577b32]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-generated-notification[data-v-3a577b32]{width:360px;max-width:360px;padding:.75rem;border-radius:var(--radius-md);background-color:var(--color-background-primary);border:1px solid var(--color-border-accent-secondary);border-width:.5px;position:relative;display:flex;align-items:center;gap:var(--spacing-md)}@media (max-width: 767px){.track-generated-notification[data-v-3a577b32]{width:100%;max-width:100%}}.track-generated-notification__image[data-v-3a577b32]{width:60px;height:60px;min-width:60px;border:unset}.track-generated-notification__image[data-v-3a577b32] .track-image-with-player__play-button,.track-generated-notification__image[data-v-3a577b32] .track-image-with-player__play-button:hover{border:unset}.track-generated-notification__close[data-v-3a577b32]{position:absolute;top:.5rem;right:.5rem;height:2rem;width:2rem}.track-generated-notification__details[data-v-3a577b32]{display:flex;flex-direction:column;gap:var(--spacing-xs);overflow:hidden}.track-generated-notification__title[data-v-3a577b32]{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:700}.track-generated-notification__description[data-v-3a577b32]{font-size:var(--font-size-xs);font-weight:500;opacity:.8}.track-generated-notification__checkmark[data-v-3a577b32]{color:var(--color-accent-secondary)}[data-v-33da15cd]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.status-notification-stack[data-v-33da15cd]{position:relative}.status-notification-stack__container[data-v-33da15cd]{position:fixed;top:0;right:0;z-index:var(--z-notification-stack);padding:2rem 2rem 0 0;display:flex;flex-direction:column-reverse;gap:var(--spacing-md)}@media (max-width: 767px){.status-notification-stack__container[data-v-33da15cd]{padding:1rem;width:100%}}.status-notification-stack__container--empty[data-v-33da15cd]{pointer-events:none}.fade-slide-down-enter-active[data-v-33da15cd],.fade-slide-down-leave-active[data-v-33da15cd]{transition:all .3s ease}.fade-slide-down-enter-from[data-v-33da15cd],.fade-slide-down-leave-to[data-v-33da15cd]{opacity:0;transform:translateY(-100%)}[data-v-3258eb4e]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.notifications-container[data-v-3258eb4e]{position:fixed;bottom:2rem;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));z-index:var(--z-notification-stack)}@media (max-width: 1024px){.notifications-container[data-v-3258eb4e]{left:0;width:100%;bottom:4rem}}.notifications-container--player-visible[data-v-3258eb4e]{bottom:130px}@media (max-width: 1024px){.notifications-container--player-visible[data-v-3258eb4e]{bottom:160px}}.notifications-container[data-v-3258eb4e] .vue-notification-group{bottom:0!important;position:absolute!important}.notification[data-v-3258eb4e]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:300;color:var(--color-white-overlay-80);min-width:220px;padding:.5rem 1rem;border-radius:.75rem;margin-top:1rem;background-color:var(--color-dark-primary-overlay-70);backdrop-filter:var(--blur-filter-general)}.notification__text[data-v-3258eb4e]{flex:1}.notification__close[data-v-3258eb4e]{color:var(--color-text-default);opacity:.5;padding:0;min-height:1rem}.notification__close[data-v-3258eb4e]:hover{opacity:1}.notification--success[data-v-3258eb4e]{background-color:var(--color-background-accent-secondary);color:var(--color-green-overlay-80)}.notification--error[data-v-3258eb4e]{background-color:var(--color-background-accent-error);color:var(--color-error-overlay-80)}[data-v-083de7ba]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.music-player__actions[data-v-083de7ba]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.music-player__actions[data-v-083de7ba]>*{font-weight:400;gap:0}.music-player__actions[data-v-083de7ba]>*:hover{color:var(--color-text-accent-secondary)}@media (max-width: 1024px){.music-player__actions[data-v-083de7ba]>*{padding-block:.25rem}}@media (max-width: 1024px){.music-player__actions[data-v-083de7ba]{gap:0}}[data-v-2d0f2b8d]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.credits-section[data-v-2d0f2b8d]{color:var(--color-text-muted);display:flex;align-items:center;justify-content:space-between;gap:.25rem;flex-wrap:wrap}@media (max-width: 1024px){.credits-section[data-v-2d0f2b8d]{position:absolute;top:1.25rem;right:4rem;gap:.75rem;z-index:var(--z-credits-section);min-height:1.5rem}.credits-section--premium[data-v-2d0f2b8d]{top:4.25rem}}[data-v-7074a594]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.delete-profile-button[data-v-7074a594]{font-weight:300;opacity:.8}.delete-profile-button[data-v-7074a594]:hover{opacity:1}.delete-profile-modal__icon-container[data-v-7074a594]{display:flex;justify-content:center;align-items:center;padding-top:1rem;opacity:.5}.delete-profile-modal__message[data-v-7074a594]{margin:0;color:var(--color-text-default);text-align:center;opacity:.8;padding-bottom:1.5rem}.delete-profile-modal__actions[data-v-7074a594]{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding-bottom:.5rem}.delete-profile-modal__agreement[data-v-7074a594]{display:flex;align-items:center;justify-content:center;font-weight:700}[data-v-8e7bd348]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.edit-username-modal[data-v-8e7bd348]{display:flex;flex-direction:column;gap:1.25rem}.edit-username-modal__actions[data-v-8e7bd348]{display:flex;gap:1.5rem}.edit-username-modal__actions[data-v-8e7bd348]>*{flex:1}.edit-username-modal__footer-menu[data-v-8e7bd348]{padding:2rem;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center}[data-v-3e8925e5]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.edit-username-modal[data-v-3e8925e5]{display:flex;flex-direction:column;gap:1.25rem}.edit-username-modal__actions[data-v-3e8925e5]{display:flex;gap:1.5rem}.edit-username-modal__actions[data-v-3e8925e5]>*{flex:1}.edit-username-modal__footer-menu[data-v-3e8925e5]{padding:2rem;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center}[data-v-6f246e55]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.user-profile-menu[data-v-6f246e55]{display:flex;flex-direction:column;gap:.5rem;border:1px solid transparent;border-width:.5px;border-radius:var(--radius-lg);padding:1rem 1rem .75rem;transition:all .3s ease-in-out;max-height:3rem;overflow:hidden}.user-profile-menu__mobile-avatar[data-v-6f246e55]{display:none;justify-content:flex-end}@media (max-width: 1024px){.user-profile-menu__mobile-avatar[data-v-6f246e55]{display:flex}}.user-profile-menu__mobile-avatar button[data-v-6f246e55]{border:none;background:transparent;cursor:pointer}.user-profile-menu__mobile-avatar button img[data-v-6f246e55]{width:1.5rem;height:1.5rem;border-radius:50%}.user-profile-menu button[data-v-6f246e55]{display:flex;gap:.25rem;align-items:center;overflow:hidden;background:transparent;border:none;color:var(--color-text-primary);width:100%;min-height:2rem;padding-right:1rem;position:relative;cursor:pointer;text-align:left}@media (max-width: 1024px){.user-profile-menu button[data-v-6f246e55]{display:none}}.user-profile-menu--open[data-v-6f246e55]{border-color:var(--color-border-accent-primary);background-color:var(--color-background-secondary-light);max-height:20rem}.user-profile-menu--open .user-profile-menu__arrow[data-v-6f246e55]{opacity:0}.user-profile-menu--open .user-profile-menu__dropdown[data-v-6f246e55]{opacity:1;pointer-events:auto}.user-profile-menu--open button[data-v-6f246e55]{padding-right:0}@media (max-width: 1024px){.user-profile-menu--open button[data-v-6f246e55]{display:flex}}.user-profile-menu__dropdown[data-v-6f246e55]{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;position:relative;max-width:100%}.user-profile-menu__name-container[data-v-6f246e55]{flex:1;overflow:hidden}.user-profile-menu__avatar[data-v-6f246e55]{width:1.5rem;min-width:1.5rem;height:1.5rem;border-radius:50%;overflow:hidden;background-color:var(--color-background-secondary-light);display:flex;align-items:center;justify-content:center}.user-profile-menu__avatar img[data-v-6f246e55]{width:1.5rem;height:1.5rem}.user-profile-menu__name[data-v-6f246e55]{font-size:.875rem;font-weight:400}.user-profile-menu__email[data-v-6f246e55]{font-size:.675rem;font-weight:300;opacity:.8}.user-profile-menu__arrow[data-v-6f246e55]{position:absolute;right:0;top:0;bottom:0;margin:auto;transform:rotate(90deg);width:1rem;height:1rem;transition:opacity .3s ease-in-out}.user-profile-menu__dropdown[data-v-6f246e55]{width:208px;padding-block:.5rem;display:flex;flex-direction:column;gap:.5rem}[data-v-6e155762]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.dropdown-options[data-v-6e155762]{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;position:relative;max-width:100%}.dropdown-options__legal[data-v-6e155762]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.dropdown-options__item[data-v-6e155762]{width:100%;overflow:hidden}.dropdown-options__button[data-v-6e155762]{font-size:.75rem;font-weight:400;display:flex;justify-content:flex-start}.dropdown-options__button--muted[data-v-6e155762]{font-size:.675rem;font-weight:200;opacity:.8}.dropdown-options__button[data-v-6e155762]:hover{color:var(--color-text-accent-secondary);opacity:1}[data-v-ffb4cb01]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.user-profile-section[data-v-ffb4cb01]{padding:0 1rem 2rem 1.5rem;position:relative;height:4.25rem}@media (max-width: 1024px){.user-profile-section[data-v-ffb4cb01]{width:200px;position:absolute;top:1.25rem;right:0}.user-profile-section--premium[data-v-ffb4cb01]{top:4.25rem}}.user-profile-section__menu[data-v-ffb4cb01]{position:absolute;top:0;left:1rem;right:1rem;width:calc(100% - 2.5rem);z-index:var(--z-user-profile-menu)}.user-profile-section__button[data-v-ffb4cb01]{font-weight:500}@media (max-width: 1024px){.user-profile-section__button[data-v-ffb4cb01]{float:right;padding:.125rem .4rem;min-height:1.25rem}}[data-v-d0bed430]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.sidebar[data-v-d0bed430]{--max-width: var(--sidebar-width);background-color:var(--color-background-primary);background-image:linear-gradient(to bottom,var(--color-dark-blue),var(--color-background-primary) 80%);transition:max-width var(--transition-fast);z-index:1000;display:flex;flex-direction:column;width:var(--max-width)}.sidebar--open[data-v-d0bed430]{max-width:var(--max-width)}.sidebar__header[data-v-d0bed430]{padding:1.75rem 2rem 0;margin-bottom:1.75rem}.sidebar__premium[data-v-d0bed430]{display:flex;justify-content:center;padding:1rem 2rem 2rem}.sidebar__nav[data-v-d0bed430]{flex:1}.sidebar__nav-list[data-v-d0bed430]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.sidebar__nav-item[data-v-d0bed430]{margin-bottom:.25rem;display:block;padding:0 2rem;height:1.5rem}.sidebar__nav-item--active[data-v-d0bed430]{border-left:5px solid var(--color-border-accent-primary);padding-left:calc(2rem - 5px)}.sidebar__nav-button[data-v-d0bed430]{justify-content:flex-start;color:var(--color-text-default);font-weight:400;width:100%;box-sizing:border-box;min-height:1.5rem;font-size:.875rem}.sidebar__nav-button[data-v-d0bed430]:hover{color:var(--color-text-accent-secondary)}.sidebar__nav-button--active[data-v-d0bed430]{color:var(--color-text-accent-primary);font-weight:700}.sidebar__credits[data-v-d0bed430]{padding:1rem 2rem 0}@media (max-width: 1024px){.sidebar__credits[data-v-d0bed430]{padding:0}}@media (max-width: 1024px){.sidebar[data-v-d0bed430]{max-width:0;overflow:hidden}.sidebar--open[data-v-d0bed430]{max-width:var(--max-width)}}[data-v-09aa6089]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.apple-sign-in-button[data-v-09aa6089]{font-size:var(--font-size-sm);font-weight:400;padding-block:.75rem}[data-v-7a42fe29]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.email-sent-notification[data-v-7a42fe29]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}[data-v-d7e61b18]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.sign-in-form__content[data-v-d7e61b18]{display:flex;flex-direction:column;gap:1.5rem}.sign-in-form__button[data-v-d7e61b18]{font-size:var(--font-size-xs);font-weight:300;color:var(--color-text-muted)}.sign-in-form__text-field[data-v-d7e61b18]{--font-style-placeholder: normal;--font-weight-placeholder: 400}.sign-in-form__text-field[data-v-d7e61b18]::-moz-placeholder{font-style:normal}.sign-in-form__text-field[data-v-d7e61b18]::placeholder{font-style:normal}[data-v-0410fff4]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.google-sign-in-button[data-v-0410fff4]{font-size:var(--font-size-sm);font-weight:400;padding-block:.75rem}[data-v-e5276d59]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.sign-in-card[data-v-e5276d59]{width:100%}.sign-in-card__logo[data-v-e5276d59]{display:flex;justify-content:center;margin-bottom:1rem}.sign-in-card__header[data-v-e5276d59]{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;margin-bottom:1.5rem}.sign-in-card__header h2[data-v-e5276d59]{font-size:var(--font-size-2xl)}.sign-in-card__header p[data-v-e5276d59]{font-size:var(--font-size-md);opacity:.5}.sign-in-card__separator[data-v-e5276d59]{display:flex;align-items:center;margin:1rem 0;width:100%;text-align:center;font-weight:200;font-size:.8125rem;line-height:1.5}.sign-in-card__separator span[data-v-e5276d59]{padding:0 1rem;display:block;white-space:nowrap}.sign-in-card__separator[data-v-e5276d59]:before,.sign-in-card__separator[data-v-e5276d59]:after{content:"";display:block;width:100%;height:1px;background-color:var(--color-border-light)}.sign-in-card__form[data-v-e5276d59],.sign-in-card__controls[data-v-e5276d59]{display:flex;flex-direction:column;gap:1rem;width:100%}.sign-in-card--sm .sign-in-card__logo[data-v-e5276d59]{margin-bottom:.5rem}.sign-in-card--sm .sign-in-card__header[data-v-e5276d59]{gap:.5rem;margin-bottom:1rem}.sign-in-card--sm .sign-in-card__header h2[data-v-e5276d59]{font-size:var(--font-size-xl)}[data-v-3c0abfc1]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.sign-in-modal[data-v-3c0abfc1]{flex-shrink:0}.sign-in-modal__content[data-v-3c0abfc1]{display:flex;flex-direction:column;align-items:center;width:515px;padding:1.5rem 2rem 2rem;max-width:100%}@media (max-width: 767px){.sign-in-modal__content[data-v-3c0abfc1]{width:90vw;max-width:515px;padding:1rem 0}}.sign-in-modal__footer[data-v-3c0abfc1]{width:100%;margin-top:2rem;font-size:var(--font-size-xs);text-align:center}@media (max-width: 767px){.sign-in-modal__footer[data-v-3c0abfc1]{margin-top:1.5rem}}.sign-in-modal__footer-menu[data-v-3c0abfc1]{gap:1rem;display:flex;justify-content:center}@media (max-width: 767px){.sign-in-modal__footer-menu[data-v-3c0abfc1]{display:inline-grid;grid-template-columns:repeat(2,1fr)}}.sign-in-modal__footer a[data-v-3c0abfc1]{white-space:nowrap;color:var(--color-text-muted);font-weight:200;text-decoration:none}.sign-in-modal__footer a[data-v-3c0abfc1]:hover{color:var(--color-text-default)}[data-v-d2afdef2]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.premium-paywall[data-v-d2afdef2]{width:100%;height:100%}.premium-paywall iframe[data-v-d2afdef2]{width:100%;height:100%;position:relative;z-index:1}[data-v-607336b0]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.random-button[data-v-607336b0]{font-size:var(--font-size-sm)}@media (max-width: 767px){.random-button[data-v-607336b0]{padding-inline:var(--spacing-sm)}}[data-v-aabf4720]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.fast-form[data-v-aabf4720]{border:1px solid var(--color-border-accent-primary);border-radius:var(--radius-lg);background-color:var(--color-background-secondary-light)}.fast-form__container[data-v-aabf4720]{display:flex;gap:1rem;padding:.25rem .25rem .25rem 1rem}@media (max-width: 767px){.fast-form__container[data-v-aabf4720]{gap:0}}.fast-form__input[data-v-aabf4720]{flex:1;height:2.5rem}.fast-form__input[data-v-aabf4720]>*{padding:.25rem 0}.fast-form__submit-button[data-v-aabf4720]{padding-inline:var(--spacing-lg)}@media (max-width: 767px){.fast-form__submit-button[data-v-aabf4720]{padding-inline:var(--spacing-md)}}[data-v-a2cd2728]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.lyrics-field[data-v-a2cd2728]{display:flex;flex-direction:column;border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--color-background-secondary-light);position:relative}.lyrics-field[data-v-a2cd2728]:focus-within{border-color:var(--color-border-accent-primary)}.lyrics-field__header[data-v-a2cd2728]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1.5rem}.lyrics-field__length[data-v-a2cd2728]{font-size:var(--font-size-xxs);color:var(--color-text-muted)}.lyrics-field__textarea[data-v-a2cd2728]{border:none;padding-inline:1rem}.lyrics-field__loading[data-v-a2cd2728]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lyrics-field__loading-overlay[data-v-a2cd2728]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background-secondary-light);border-radius:var(--radius-lg);opacity:.8}[data-v-fdbf0f84]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.music-styles-menu[data-v-fdbf0f84]{display:block;overflow-x:scroll;overscroll-behavior-x:contain;position:relative;height:calc(40px + 2rem)}.music-styles-menu__container[data-v-fdbf0f84]{padding:1rem 1.5rem;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;position:absolute;top:0;left:0;bottom:0}.music-styles-menu__button[data-v-fdbf0f84]{position:relative;padding-inline:1.5rem;padding-inline:calc(1.5rem + .5px);border-width:.5px;box-sizing:border-box;transition:border-color .2s ease-in-out}.music-styles-menu__button--active[data-v-fdbf0f84]{padding-inline:1.5rem;border-width:1px}.music-styles-menu__button-text[data-v-fdbf0f84]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;text-align:center}.music-styles-menu__button-hidden-text[data-v-fdbf0f84]{font-weight:700;opacity:0;pointer-events:none}.music-styles-menu__button--random[data-v-fdbf0f84]{padding-inline:1rem}[data-v-6466c28b]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.song-description-field[data-v-6466c28b]{display:flex;flex-direction:column;border:1px solid transparent;border-radius:var(--radius-lg);background-color:var(--color-background-secondary-light)}.song-description-field[data-v-6466c28b]:focus-within{border-color:var(--color-border-accent-primary)}.song-description-field__header[data-v-6466c28b]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1.5rem}.song-description-field__length[data-v-6466c28b]{font-size:var(--font-size-xxs);color:var(--color-text-muted)}.song-description-field__textarea[data-v-6466c28b]{border:none;padding-inline:1rem}[data-v-fd980121]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.title-field[data-v-fd980121]{background-color:var(--color-background-secondary);border-radius:var(--radius-md)}.title-field__label[data-v-fd980121]{color:var(--color-text-default);padding:1rem 1.5rem;font-weight:700}.title-field__label-note[data-v-fd980121]{font-size:var(--font-size-xs);font-weight:200;margin-left:.5rem;opacity:.8}.title-field__input-container[data-v-fd980121]{min-width:0;display:flex;align-items:center;gap:.5rem;border:1px solid transparent;padding:.125rem 1.5rem;background-color:var(--color-background-secondary-light);border-radius:var(--radius-md)}.title-field__input-container[data-v-fd980121]:focus-within{border-color:var(--color-border-accent-primary)}.title-field__input[data-v-fd980121]{flex:1}.title-field__length[data-v-fd980121]{font-size:var(--font-size-xxs);color:var(--color-text-muted)}[data-v-4f46aab0]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-generator__form-item[data-v-4f46aab0]{max-width:100%}.track-generator__container[data-v-4f46aab0]{display:flex;flex-direction:column;gap:1.25rem;flex:1}.track-generator__form[data-v-4f46aab0]{display:flex;flex-direction:column;gap:1.5rem;position:relative;transition:opacity .3s ease}.track-generator__footer[data-v-4f46aab0]{display:flex;justify-content:center;width:100%;gap:10px}.track-generator__footer[data-v-4f46aab0]>*{width:100%}.track-generator__footer-button[data-v-4f46aab0]{width:100%;--font-weight-button-inactive: 700}.track-generator__footer[data-v-4f46aab0] .button--inactive{background-color:var(--color-blue-overlay-20);color:var(--color-white-overlay-50)}.track-generator__form-item[data-v-4f46aab0]{position:relative;max-width:100%;min-width:0}.track-generator__form-item-buttons-switcher[data-v-4f46aab0]{width:296px}@media (max-width: 1024px){.track-generator__form-item-buttons-switcher[data-v-4f46aab0]{width:236px;margin:0 auto}}.track-generator__form-item.lyrics-field[data-v-4f46aab0]{padding-top:.5625rem;background-color:var(--color-background-secondary);border-radius:var(--radius-md)}.track-generator__form-item-switcher[data-v-4f46aab0]{padding:0 1rem .5625rem 1.5rem}.track-generator__form-item-switcher--active[data-v-4f46aab0]{padding-bottom:.75rem}.track-generator__form-item-label[data-v-4f46aab0]{font-weight:700;padding:.125rem 1.5rem .75rem}[data-v-afe0eb3c]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-list-actions[data-v-afe0eb3c]{display:flex;align-items:center;gap:.25rem}.track-list-actions__button[data-v-afe0eb3c]{width:1.75rem;min-height:1.75rem;opacity:.5}.track-list-actions__button[data-popper-shown][data-v-afe0eb3c]{background-color:var(--color-white-overlay-10)}.track-list-actions__button[data-v-afe0eb3c]:hover{opacity:1;background-color:var(--color-white-overlay-10)}.track-list-actions__dropdown[data-v-afe0eb3c]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}@media (max-width: 1024px){.track-list-actions__dropdown[data-v-afe0eb3c]{gap:0}}.track-list-actions__dropdown[data-v-afe0eb3c]>*{font-weight:400;gap:0}.track-list-actions__dropdown[data-v-afe0eb3c]>*:hover{color:var(--color-text-accent-secondary)}@media (max-width: 1024px){.track-list-actions__dropdown[data-v-afe0eb3c]>*{padding-block:.25rem}}[data-v-373e89c5]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-list[data-v-373e89c5]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:100%;overflow:hidden;position:relative;width:100%}@media (max-width: 1024px){.track-list[data-v-373e89c5]{grid-template-columns:repeat(1,minmax(0,1fr))}}.track-list--top[data-v-373e89c5]{grid-template-columns:repeat(2,1fr)}@media (min-width: 1440px){.track-list--top[data-v-373e89c5]{grid-template-columns:repeat(4,1fr)}.track-list--top__item[data-v-373e89c5]{grid-column:span 1}}@media (max-width: 1024px){.track-list--top[data-v-373e89c5]{grid-template-columns:repeat(4,minmax(280px,1fr));overflow-x:auto;padding-bottom:1rem}}.track-list--top .track-list__item[data-v-373e89c5]{min-width:0;max-width:100%;overflow:hidden}@media (max-width: 1024px){.track-list--top .track-list[data-v-373e89c5]{min-width:calc(1120px + 3.75rem)}}.track-list__item[data-v-373e89c5]{grid-column:span 1;min-width:0;width:100%}@media (max-width: 1024px){.track-list__item[data-v-373e89c5]{grid-column:span 1;max-width:100%;position:relative}}.track-list__container[data-v-373e89c5]{display:flex;flex-direction:column;gap:1.25rem}@media (max-width: 1024px){.track-list__container[data-v-373e89c5]{gap:.5rem}}.track-list__header[data-v-373e89c5]{display:flex;justify-content:center;align-items:center;height:80vh}.track-list__loader[data-v-373e89c5]{padding:20px;text-align:center;color:#666}[data-v-8393112f]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-list-section__header[data-v-8393112f]{display:flex;justify-content:space-between;align-items:center}.track-list-section__pagination[data-v-8393112f]{margin-bottom:auto}.track-list[data-v-8393112f]{display:flex;flex-direction:column;gap:1rem}.track-list__container[data-v-8393112f]{display:flex;flex-direction:column;gap:2rem}.track-list__header[data-v-8393112f]{display:flex;justify-content:center;align-items:center;height:80vh}.track-list__loader[data-v-8393112f]{padding:20px;text-align:center;color:#666}[data-v-00728aae]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-list-section__header[data-v-00728aae]{display:flex;justify-content:space-between;align-items:center}.track-list-section__pagination[data-v-00728aae]{margin-bottom:auto}.track-list[data-v-00728aae]{display:flex;flex-direction:column;gap:1rem}.track-list__container[data-v-00728aae]{display:flex;flex-direction:column;gap:2rem}.track-list__header[data-v-00728aae]{display:flex;justify-content:center;align-items:center;height:80vh}.track-list__loader[data-v-00728aae]{padding:20px;text-align:center;color:#666}[data-v-2eca23b8]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-list-section__header[data-v-2eca23b8]{display:flex;justify-content:space-between;align-items:center}.track-list-section__pagination[data-v-2eca23b8]{margin-bottom:auto}.track-list[data-v-2eca23b8]{display:flex;flex-direction:column;gap:1rem}.track-list__container[data-v-2eca23b8]{display:flex;flex-direction:column;gap:2rem}.track-list__header[data-v-2eca23b8]{display:flex;justify-content:center;align-items:center;height:80vh}.track-list__loader[data-v-2eca23b8]{padding:20px;text-align:center;color:#666}[data-v-440ddfde]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.dashboard[data-v-440ddfde]{display:flex;flex-direction:column;gap:.75rem;padding:2rem 0}@media (max-width: 767px){.dashboard[data-v-440ddfde]{padding-top:1rem}}.dashboard__container[data-v-440ddfde]{display:flex;flex-direction:column;gap:20px}.dashboard__content[data-v-440ddfde]{display:flex;flex-direction:column;gap:2rem}.dashboard__header[data-v-440ddfde]{display:flex;width:100%;gap:10px}.dashboard__header>h1[data-v-440ddfde]{line-height:1}.dashboard--player-visible[data-v-440ddfde]{padding-bottom:160px}@media (max-width: 1024px){.dashboard--player-visible[data-v-440ddfde]{padding-bottom:120px}}[data-v-afbb3faf]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.user-library[data-v-afbb3faf]{display:flex;flex-direction:column;gap:.75rem;padding:2rem 0}@media (max-width: 767px){.user-library[data-v-afbb3faf]{padding-top:1rem}}.user-library__container[data-v-afbb3faf]{display:flex;flex-direction:column;gap:20px}.user-library__content[data-v-afbb3faf]{display:flex;flex-direction:column;gap:2rem}.user-library__header[data-v-afbb3faf]{display:flex;width:100%;gap:10px}.user-library__header>h1[data-v-afbb3faf]{line-height:1}.user-library--player-visible[data-v-afbb3faf]{padding-bottom:160px}@media (max-width: 1024px){.user-library--player-visible[data-v-afbb3faf]{padding-bottom:120px}}[data-v-0a9c7139]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.mobile-menu-page__list[data-v-0a9c7139]{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.mobile-menu-page__item[data-v-0a9c7139]{display:block;width:100%}.mobile-menu-page__item[data-v-0a9c7139]>*{font-size:var(--font-size-sm);font-weight:400}[data-v-958db825]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.not-found[data-v-958db825]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:var(--color-text-default);background-color:rgb(var(--color-dark-primary-rgb));background-image:linear-gradient(180deg,rgba(var(--color-dark-primary-rgb),0) 0%,var(--color-dark-primary-overlay-40) 10%,var(--color-dark-primary-overlay-60) 20%,var(--color-dark-primary-overlay-80) 30%,var(--color-dark-primary) 40%),url(/assets/bg-404-Cbt2dx2P.jpg);background-repeat:no-repeat;background-position:50% 0;background-size:cover}@media (max-width: 767px){.not-found[data-v-958db825]{background-image:linear-gradient(180deg,rgba(var(--color-dark-primary-rgb),0) 0%,var(--color-dark-primary-overlay-40) 10%,var(--color-dark-primary-overlay-60) 20%,var(--color-dark-primary-overlay-80) 30%,var(--color-dark-primary) 40%),url(/assets/bg-404-mobile-RjdEnQF4.jpg)}}.not-found__container[data-v-958db825]{min-height:42vh;padding:1rem}.not-found__content[data-v-958db825]{text-align:center;border-radius:1rem;box-shadow:0 20px 40px #0000001a;margin:auto;width:280px}.not-found__code[data-v-958db825]{font-weight:900;font-size:25rem;font-size:min(25rem,40vw);line-height:1.2;letter-spacing:-.31px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(180deg,rgba(var(--color-blue-rgb),1) 20%,rgba(var(--color-blue-rgb),0));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.not-found__title[data-v-958db825]{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem}.not-found__description[data-v-958db825]{margin-bottom:2rem;line-height:1.6;opacity:.8}.not-found__actions[data-v-958db825]{display:flex;gap:1rem;justify-content:center}.not-found__actions[data-v-958db825]>*{width:100%}[data-v-c8eb0b06]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.animated-reviews[data-v-c8eb0b06]{overflow:hidden;position:relative}.animated-reviews__track[data-v-c8eb0b06]{display:flex;gap:.5rem;animation:carousel-scroll-c8eb0b06 30s linear infinite;will-change:transform}.animated-reviews__item[data-v-c8eb0b06]{padding:1rem;border:1px solid rgba(37,87,214,.4);border-radius:.75rem;width:224px;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.animated-reviews__item__header[data-v-c8eb0b06]{display:flex;gap:.5rem;align-items:center}.animated-reviews__item__header>img[data-v-c8eb0b06]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.animated-reviews__item__rating[data-v-c8eb0b06]{display:flex;gap:.25rem}.animated-reviews__item h3[data-v-c8eb0b06],.animated-reviews__item h4[data-v-c8eb0b06]{font-size:1rem;font-weight:600;line-height:1.25}.animated-reviews__item h4[data-v-c8eb0b06]{font-weight:700}.animated-reviews__item p[data-v-c8eb0b06]{font-size:.875rem;line-height:1.25;color:#b9babe}@keyframes carousel-scroll-c8eb0b06{0%{transform:translate(0)}to{transform:translate(calc(-896px - 2rem))}}[data-v-3afe098c]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.sign-in-page[data-v-3afe098c]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:absolute;inset:0}@media (max-width: 1024px){.sign-in-page[data-v-3afe098c]{max-height:100%;overflow-y:auto;justify-content:unset}.sign-in-page[data-v-3afe098c]>*{margin:auto}}.sign-in-page a[data-v-3afe098c]{color:var(--color-text-accent-primary);text-decoration:none}.sign-in-page a[data-v-3afe098c]:hover{color:var(--color-text-accent-secondary)}.sign-in-page__container[data-v-3afe098c]{width:100%;max-width:min(95%,1050px);border-radius:1.25rem;position:relative;overflow:hidden;display:flex;flex-shrink:0;padding:1px}.sign-in-page__container[data-v-3afe098c]:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(149.21deg,#242f85 12.43%,#2e2d3c 22.29%,#252525 46.27%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media (max-width: 1024px){.sign-in-page__container[data-v-3afe098c]{border:1px solid #252525;padding:unset;max-width:min(95%,423px)}.sign-in-page__container[data-v-3afe098c]:before{display:none}}.sign-in-page__column[data-v-3afe098c]{padding:1.5rem 0;overflow-x:hidden;background:url(/assets/sign-in-bg-CSvTSYkl.png) no-repeat center top/624px auto}@media (max-width: 1024px){.sign-in-page__column[data-v-3afe098c]{display:none}}.sign-in-page__drawer[data-v-3afe098c]{width:423px;flex-shrink:0;background:#121723;border-left:1px solid #252525;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:1.5rem}.sign-in-page__drawer__menu[data-v-3afe098c]{margin-top:1rem}@media (max-width: 1024px){.sign-in-page__drawer[data-v-3afe098c]{gap:2rem;width:100%}}.sign-in-page__header[data-v-3afe098c]{text-align:center;height:325px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.sign-in-page__icons[data-v-3afe098c]{padding:.75rem;border:1px solid rgba(37,87,214,.4);border-radius:.875rem;margin-bottom:1.5rem}.sign-in-page__icons>img[data-v-3afe098c]{width:310px;display:block}.sign-in-page h2[data-v-3afe098c]{font-size:1.125rem;line-height:1.55;margin-bottom:.5rem}.sign-in-page__footer-menu[data-v-3afe098c]{display:flex;gap:.5rem;justify-content:space-evenly;align-items:center;color:#d2d2d280;font-size:.75rem}.sign-in-page__footer-menu a[data-v-3afe098c]{color:inherit}.sign-in-page__footer-menu a[data-v-3afe098c]:hover{color:inherit;opacity:.8}[data-v-01ba838f]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.songs-creator[data-v-01ba838f]{min-height:100%;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;padding:0;background-color:var(--color-background-secondary)}.songs-creator__workspace[data-v-01ba838f]{margin-top:2rem}@media (max-width: 1024px){.songs-creator__workspace[data-v-01ba838f]{margin-top:0}}.songs-creator__container[data-v-01ba838f]{flex:1;position:relative;min-height:100%;max-height:100%;overflow-y:auto}.songs-creator__col[data-v-01ba838f]{display:flex;flex-direction:column;gap:1rem;padding:2rem 0;min-height:100%;max-height:100%;overflow-y:auto}.songs-creator__col--left[data-v-01ba838f]{padding-left:2rem;padding-bottom:2rem;background-image:linear-gradient(to top,var(--color-dark-blue-darker),var(--color-background-primary) 350px)}@media (max-width: 1024px){.songs-creator__col--left[data-v-01ba838f]{background-image:linear-gradient(to top,var(--color-dark-blue-darker) 40px,var(--color-background-primary) 300px);padding:.75rem}}.songs-creator__col--right[data-v-01ba838f]{padding-right:2rem}@media (max-width: 1024px){.songs-creator__col[data-v-01ba838f]{padding-top:1rem}}.songs-creator__col--left[data-v-01ba838f]{padding-right:20px}.songs-creator__col--right[data-v-01ba838f]{padding-left:30px}.songs-creator__col--player-visible[data-v-01ba838f]{padding-bottom:160px}@media (max-width: 1024px){.songs-creator__col--player-visible[data-v-01ba838f]{padding-bottom:120px}}.songs-creator__header[data-v-01ba838f]{display:flex;width:100%;gap:10px}.songs-creator__header--workspace[data-v-01ba838f]{margin-bottom:1.75rem}.songs-creator__header>h1[data-v-01ba838f]{line-height:1}.songs-creator__header>h2[data-v-01ba838f]{font-size:1.5rem;line-height:1}.songs-creator__mobile-form[data-v-01ba838f]{pointer-events:none;opacity:0;transition:opacity var(--transition-normal);position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-create-song-modal);background-color:var(--color-background-primary)}.songs-creator__mobile-form--visible[data-v-01ba838f]{pointer-events:auto;opacity:1;overflow-y:auto}.songs-creator__mobile-form .songs-creator__header[data-v-01ba838f]{padding:.75rem 2.75rem;display:flex;justify-content:center;align-items:center;gap:1rem;border-bottom:1px solid var(--color-border-light);height:3.5rem}.songs-creator__mobile-form .songs-creator__header h1[data-v-01ba838f]{margin:0;font-size:var(--font-size-md)}.songs-creator__mobile-form .songs-creator__mobile-form-close[data-v-01ba838f]{position:absolute;top:.75rem;right:.75rem;z-index:1}.songs-creator__mobile-form .songs-creator__mobile-form-content[data-v-01ba838f]{padding:1.5rem 1rem}[data-v-3d938f14]:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.track-page[data-v-3d938f14]{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0}@media (max-width: 1024px){.track-page[data-v-3d938f14]{padding-top:0}}@media (max-width: 767px){.track-page[data-v-3d938f14]{padding-top:0;gap:.75rem}}.track-page__back-button[data-v-3d938f14]{font-size:var(--font-size-xl)}.track-page__back-button[data-v-3d938f14]:hover{opacity:.5}.track-page__container[data-v-3d938f14]{display:flex;flex-direction:column;gap:20px}@media (max-width: 767px){.track-page__container[data-v-3d938f14]{display:none}}.track-page__content[data-v-3d938f14]{display:flex;flex-direction:column;gap:2rem}@media (max-width: 767px){.track-page__content[data-v-3d938f14]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-background-primary);z-index:var(--z-drawer)}}.track-page__header[data-v-3d938f14]{display:flex;width:100%;gap:10px}.track-page__header>h1[data-v-3d938f14]{line-height:1}.track-page--player-visible[data-v-3d938f14]{padding-bottom:100px}@media (max-width: 767px){.track-page--player-visible .track-page__content[data-v-3d938f14] .track-info--mobile{padding-bottom:120px}}:root{--color-blue: #246bfd;--color-blue-rgb: 36, 107, 253;--color-dark-blue: #2a059c;--color-dark-blue-darker: #190161;--color-blue-overlay-80: rgba(var(--color-blue-rgb), .8);--color-blue-overlay-60: rgba(var(--color-blue-rgb), .6);--color-blue-overlay-40: rgba(var(--color-blue-rgb), .4);--color-blue-overlay-20: rgba(var(--color-blue-rgb), .2);--color-blue-overlay-10: rgba(var(--color-blue-rgb), .1);--color-dark: #000;--color-dark-rgb: 0, 0, 0;--color-dark-primary: #0e0f10;--color-dark-primary-rgb: 14, 15, 16;--color-dark-primary-overlay-40: rgba(var(--color-dark-primary-rgb), .4);--color-dark-primary-overlay-60: rgba(var(--color-dark-primary-rgb), .6);--color-dark-primary-overlay-70: rgba(var(--color-dark-primary-rgb), .7);--color-dark-primary-overlay-80: rgba(var(--color-dark-primary-rgb), .8);--color-dark-primary-overlay-90: rgba(var(--color-dark-primary-rgb), .9);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-white-overlay-10: rgba(var(--color-white-rgb), .1);--color-white-overlay-20: rgba(var(--color-white-rgb), .2);--color-white-overlay-50: rgba(var(--color-white-rgb), .5);--color-white-overlay-80: rgba(var(--color-white-rgb), .8);--color-green: #21ffb2;--color-green-rgb: 33, 255, 178;--color-green-overlay-80: rgba(var(--color-green-rgb), .8);--color-green-overlay-60: rgba(var(--color-green-rgb), .6);--color-green-overlay-50: rgba(var(--color-green-rgb), .5);--color-green-overlay-30: rgba(var(--color-green-rgb), .3);--color-green-overlay-10: rgba(var(--color-green-rgb), .1);--color-grey: #151c2b;--color-dark-grey: #121723;--color-default: var(--color-white);--color-default-light: var(--color-white-overlay-80);--color-accent-primary: var(--color-blue);--color-accent-primary-light: var(--color-blue-overlay-60);--color-accent-secondary: var(--color-green);--color-accent-secondary-light: var(--color-green-overlay-60);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #e93b6f;--color-error-rgb: 233, 59, 111;--color-error-overlay-10: rgba(var(--color-error-rgb), .1);--color-error-overlay-80: rgba(var(--color-error-rgb), .8);--color-background-primary: var(--color-dark-primary);--color-background-secondary: var(--color-dark-grey);--color-background-secondary-light: var(--color-grey);--color-background-accent-secondary: var(--color-green-overlay-10);--color-background-accent-error: var(--color-error-overlay-10);--color-text-default: var(--color-white);--color-text-accent-primary: var(--color-blue);--color-text-accent-secondary: var(--color-green);--color-text-muted: var(--color-white-overlay-80);--color-text-placeholder: var(--color-white-overlay-80);--color-text-dark: var(--color-dark-primary);--color-text-error: var(--color-error);--color-border: var(--color-white-overlay-80);--color-border-light: var(--color-white-overlay-10);--color-border-dark: var(--color-white-overlay-80);--color-border-accent-primary: var(--color-blue);--color-border-accent-secondary: var(--color-green);--color-border-white: var(--color-white);--radius-xxxs: .25rem;--radius-xxs: .375rem;--radius-xs: .5rem;--radius-sm: .625rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-base: 16px;--font-size-xxs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--gradient-primary: linear-gradient(90deg, #6d26fc 0%, #246bfd 100%);--gradient-fade-to-top: linear-gradient( to top, var(--color-background-primary), rgba(var(--color-dark-rgb), 0) 50% );--z-drawer: 1000;--z-user-profile-menu: 1000;--z-credits-section: 1010;--z-player: 1020;--z-create-song-modal: 1025;--z-modal: 1030;--z-dropdown: 1040;--z-notification-stack: 1050;--media-query-tablet: (max-width: 1024px);--media-query-mobile: (max-width: 767px);--media-query-desktop-large: (min-width: 1440px);--font-style-placeholder: italic;--font-weight-placeholder: 300;--caret-color: var(--color-default);--color-button-primary: var(--color-blue);--color-button-primary-hover: var(--color-blue-overlay-80);--color-button-blue: var(--color-blue-overlay-60);--color-button-blue-hover: var(--color-blue);--color-button-green: var(--color-green-overlay-60);--color-button-green-hover: var(--color-green);--color-button-dark-green: var(--color-green-overlay-30);--color-button-dark-green-hover: var(--color-green-overlay-50);--color-button-white: var(--color-white-overlay-80);--color-button-white-hover: var(--color-white);--color-button-text-primary: var(--color-text-default);--color-button-text-primary-inactive: var(--color-text-muted);--color-button-text-blue: var(--color-text-default);--color-button-text-green: var(--color-text-default);--color-button-text-dark-green: var(--color-text-default);--color-button-text-white: var(--color-text-dark);--color-button-outlined-text-primary: var(--color-white-overlay-80);--color-button-outlined-border: var(--color-white-overlay-10);--color-button-outlined-border-hover: var(--color-white);--color-button-outlined-border-active: var(--color-button-primary);--color-button-text-ghost: var(--color-text-default);--font-weight-button: 700;--font-weight-button-inactive: 400;--font-weight-outlined-button: 300;--font-weight-outlined-button-active: 700;--sidebar-width: 240px;--blur-filter-general: blur(94px)}.base-tooltip{max-width:400px;padding-inline:var(--spacing-sm)}@media (max-width: 767px){.base-tooltip{max-width:max(90%,250px)}}.base-tooltip.v-popper__popper{z-index:var(--z-dropdown)}.base-tooltip .v-popper__inner{background-color:var(--color-dark-primary-overlay-70);color:var(--color-text-default);padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-sm);overflow:hidden}.base-tooltip .v-popper__arrow-inner{visibility:visible;border-color:var(--color-dark-primary-overlay-70)}.base-tooltip .v-popper__arrow-outer{border-color:var(--color-dark-primary-overlay-70)}.validation-tooltip{max-width:400px;padding-inline:var(--spacing-sm)}@media (max-width: 767px){.validation-tooltip{max-width:max(90%,250px)}}.validation-tooltip.v-popper__popper{z-index:var(--z-dropdown)}.validation-tooltip .v-popper__inner{background-color:var(--color-dark-primary-overlay-70);color:var(--color-text-default);padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-sm);overflow:hidden;border-radius:.75rem;backdrop-filter:var(--blur-filter-general)}.validation-tooltip .v-popper__arrow-inner,.validation-tooltip .v-popper__arrow-outer{visibility:hidden}.overflowed-content-tooltip{max-width:80%}.overflowed-content-tooltip .v-popper__inner{font-size:var(--font-size-xs)}.base-dropdown{max-width:260px;min-width:100px}.base-dropdown.v-popper__popper{z-index:var(--z-dropdown)}.base-dropdown .v-popper__inner{background-color:var(--color-background-secondary-light);color:var(--color-text-default);padding:var(--spacing-md) var(--spacing-md);border:1px solid var(--color-accent-primary);border-width:.5px}@media (max-width: 1024px){.base-dropdown .v-popper__inner{padding:.75rem var(--spacing-md)}}.base-dropdown .v-popper__arrow-inner,.base-dropdown .v-popper__arrow-outer{visibility:hidden}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-white-overlay-10) transparent}* ::-webkit-scrollbar-thumb{background-color:var(--color-white-overlay-10);border-radius:4px}* ::-webkit-scrollbar-thumb:hover{background-color:var(--color-white-overlay-20)}* ::-webkit-scrollbar-thumb:active{background-color:var(--color-white-overlay-20)}@supports not (-webkit-touch-callout: none){* ::-webkit-scrollbar{width:10px;height:10px}* ::-webkit-scrollbar-track{background:transparent}* ::-webkit-scrollbar-thumb{background:var(--color-white-overlay-10);border-radius:5px;border:2px solid transparent;background-clip:padding-box}* ::-webkit-scrollbar-thumb:hover{background:var(--color-white-overlay-20);background-clip:padding-box}* ::-webkit-scrollbar-thumb:active{background:var(--color-white-overlay-20);background-clip:padding-box}* ::-webkit-scrollbar-button{display:none}* ::-webkit-scrollbar-corner{background:transparent}}html{line-height:var(--line-height-normal);font-size:var(--font-size-base);-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family-sans);font-feature-settings:normal;font-variation-settings:normal;scroll-behavior:smooth;overflow:hidden}body{margin:0;background-color:var(--color-background-primary);color:var(--color-text-default);font-family:var(--font-family-sans);line-height:var(--line-height-normal);font-size:var(--font-size-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md)}button{border:none;background-color:transparent;cursor:pointer;font-family:inherit}