[data-v-34842ec5]:root{--icon-stroke-width: 2px;--breakpoint-sm: 768px;--safe-area-inset-top: env(safe-area-inset-top, 0px)}.system-banner[data-v-34842ec5]{width:100%;padding:4px 0;background:var(--background-inverse);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10000}@media(max-width:768px){.system-banner[data-v-34842ec5]{padding:8px 0}}.system-banner__message[data-v-34842ec5]{margin:0;font-size:.875rem;font-weight:600;line-height:1.4;color:var(--text-inverse);text-align:center;padding:0 16px}@media(max-width:768px){.system-banner__message[data-v-34842ec5]{font-size:.75rem;line-height:1.3;padding:0 24px}}.app{height:100vh;overflow:hidden;position:relative;background-color:var(--background-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-color:#dfdfe2}body{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;text-rendering:optimizeSpeed;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background-color:#dfdfe2}@supports (-webkit-appearance: none) and (font: -apple-system-body){body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-feature-settings:normal}}@supports not ((-webkit-appearance: none) and (font: -apple-system-body)){body{font-family:Inter,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#app{height:100%}:root{--icon-stroke-width: 2px;--breakpoint-sm: 768px;--safe-area-inset-top: env(safe-area-inset-top, 0px)}html{font-size:14px}@media(max-width:768px){html{font-size:16px}input,textarea,select{font-size:16px!important}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:460;line-height:1.5;text-rendering:optimizeSpeed;color:var(--text-primary)}@supports (-webkit-appearance: none) and (font: -apple-system-body){body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif}}@supports not ((-webkit-appearance: none) and (font: -apple-system-body)){body{font-family:Inter,system-ui,sans-serif}}h2{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;font-size:1.5rem;font-weight:500;font-stretch:101%;line-height:1.9rem;letter-spacing:-.01em;margin-bottom:1rem}h2.project-view__artists{font-weight:400}@supports (-webkit-appearance: none) and (font: -apple-system-body){h2{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif}}@supports not ((-webkit-appearance: none) and (font: -apple-system-body)){h2{font-family:Inter,system-ui,sans-serif}}@media(max-width:768px){h2{font-size:1rem;line-height:1.2rem;margin-bottom:.7rem}}h3{font-size:1rem;font-weight:600}.default-light{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;--background-primary: hsl(240, 0%, 100%);--background-secondary: hsl(240, 7%, 89%);--background-tertiary: hsl(240, 10%, 91%);--background-quaternary: hsl(240, 7%, 95%);--background-hover: hsl(240, 7%, 96.5%);--background-selected: hsl(240, 7%, 88%);--background-inverse: hsl(240, 10%, 2%);--border-subtle: hsl(240, 10%, 91%);--border-default: hsl(240, 7%, 89%);--border-strong: hsl(240, 7%, 88%);--text-primary: hsl(240, 10%, 2%);--text-secondary: hsl(240, 10%, 47%);--text-tertiary: hsl(240, 7%, 57%);--text-inverse: hsl(240, 0%, 100%);--icon-primary: hsl(240, 7%, 34%);--icon-secondary: hsl(240, 7%, 34%);--icon-tertiary: hsl(240, 7%, 57%);--icon-inactive: hsl(240, 7%, 88%);--icon-inverse: hsl(240, 0%, 100%);--button-default-bg: hsl(240, 10%, 2%);--button-default-text: hsl(240, 0%, 100%);--button-hover-bg: hsl(240, 7%, 34%);--button-hover-text: hsl(240, 0%, 100%);--button-ghost-bg: hsl(240, 7%, 95%);--button-ghost-text: hsl(240, 7%, 57%);--button-border-default: hsl(240, 7%, 88%);--button-border-hover: hsl(240, 10%, 2%);--button-border-focus: hsl(240, 7%, 34%);--button-border-disabled: hsl(240, 7%, 89%);--selected-state-searchinput: hsl(240, 7%, 95%);--selected-state-navitem: hsl(240, 7%, 95%);--selected-state-tabitem: hsl(240, 10%, 91%);--selected-state-track: hsl(240, 7%, 95%);--selected-state-filteritem: hsl(240, 10%, 91%);--audio-status-progress-tint: hsl(240, 10%, 91%);--audio-status-progress-line: hsl(240, 10%, 2%);--audio-status-wave-dimmed: hsl(240, 7%, 84%);--audio-status-wave-elapsed: hsl(240, 10%, 47%);--control-bar-background: hsl(240, 0%, 100%);--control-bar-button-bg: hsl(240, 7%, 84%);--control-bar-shadow: rgba(80.631, 80.631, 92.769, .15) 0px 0px 20px;--control-bar-border: hsl(240, 7%, 95%);--control-bar-icon: hsl(240, 7%, 34%);--shadow-default: rgba(0, 0, 0, .06) 0px 8px 16px;--modal-backdrop: color-mix(in srgb, hsl(240, 7%, 57%) 30%, transparent);--info-bg: hsl(210, 100%, 95%);--info-text: hsl(210, 100%, 30%);--info-border: hsl(210, 100%, 80%);--info-icon: hsl(210, 100%, 30%);--success-bg: hsl(140, 80%, 95%);--success-text: hsl(140,80%, 30%);--success-border: hsl(140, 40%, 80%);--success-icon: hsl(140, 80%, 30%);--warning-bg: hsl(45, 100%, 95%);--warning-text: hsl(45, 100%, 25%);--warning-border: hsl(45, 100%, 80%);--warning-icon: hsl(45, 100%, 25%);--error-bg: hsl(0, 100%, 95%);--error-text: hsl(0, 100%, 35%);--error-border: hsl(0, 100%, 80%);--error-icon: hsl(0, 100%, 35%)}.default-dark{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;--background-primary: hsl(240, 5%, 8%);--background-secondary: hsl(240, 0%, 0%);--background-tertiary: hsl(240, 5%, 12%);--background-quaternary: hsl(240, 3%, 9.5%);--background-hover: hsl(240, 3%, 9.5%);--background-selected: hsl(240, 5%, 19%);--background-inverse: hsl(240, 0%, 100%);--border-subtle: hsl(240, 5%, 15%);--border-default: hsl(240, 5%, 19%);--border-strong: hsl(240, 5%, 26%);--text-primary: hsl(240, 0%, 100%);--text-secondary: hsl(240, 3%, 43%);--text-tertiary: hsl(240, 3%, 35%);--text-inverse: hsl(240, 0%, 0%);--icon-primary: hsl(240, 3%, 71%);--icon-secondary: hsl(240, 3%, 43%);--icon-tertiary: hsl(240, 3%, 35%);--icon-inactive: hsl(240, 5%, 26%);--icon-inverse: hsl(240, 0%, 0%);--button-default-bg: hsl(240, 0%, 100%);--button-default-text: hsl(240, 0%, 0%);--button-hover-bg: hsl(240, 3%, 84%);--button-hover-text: hsl(240, 0%, 0%);--button-ghost-bg: hsl(240, 5%, 12%);--button-ghost-text: hsl(240, 3%, 30%);--button-border-default: hsl(240, 5%, 26%);--button-border-hover: hsl(240, 3%, 30%);--button-border-focus: hsl(240, 3%, 30%);--button-border-disabled: hsl(240, 3%, 30%);--selected-state-searchinput: hsl(240, 5%, 12%);--selected-state-navitem: hsl(240, 3%, 9.5%);--selected-state-tabitem: hsl(240, 5%, 19%);--selected-state-track: hsl(240, 3%, 9.5%);--selected-state-filteritem: hsl(240, 5%, 15%);--audio-status-progress-tint: hsl(240, 5%, 19%);--audio-status-progress-line: hsl(240, 0%, 100%);--audio-status-wave-dimmed: hsl(240, 5%, 26%);--audio-status-wave-elapsed: hsl(240, 3%, 56%);--control-bar-background: hsl(240, 3%, 9.5%);--control-bar-button-bg: hsl(240, 5%, 15%);--control-bar-shadow: rgba(0, 0, 0, .3) 0px 0px 50px;--control-bar-border: hsl(240, 5%, 12%);--control-bar-icon: hsl(240, 3%, 71%);--shadow-default: rgba(0, 0, 0, .3) 0px 8px 16px;--modal-backdrop: color-mix(in srgb, hsl(240, 0%, 0%) 60%, transparent);--info-bg: hsl(210, 100%, 8%);--info-text: hsl(210, 100%, 70%);--info-border: hsl(210, 100%, 20%);--warning-icon: hsl(210, 100%, 70%);--success-bg: hsl(140, 80%, 8%);--success-text: hsl(140, 80%, 70%);--success-border: hsl(140, 80%, 25%);--success-icon: hsl(140, 80%, 70%);--warning-bg: hsl(45, 100%, 8%);--warning-text: hsl(45, 100%, 70%);--warning-border: hsl(45, 100%, 25%);--warning-icon: hsl(45, 100%, 70%);--error-bg: hsl(0, 100%, 8%);--error-text: hsl(0, 100%, 100%);--error-border: hsl(0, 100%, 25%);--error-icon: hsl(0, 100%, 70%)}.default-mid{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;--background-primary: hsl(245, 4%, 66%);--background-secondary: hsl(245, 4%, 56%);--background-tertiary: hsl(245, 4%, 74%);--background-quaternary: hsl(245, 4%, 76%);--background-hover: hsl(245, 4%, 80%);--background-selected: hsl(245, 4%, 62%);--background-inverse: hsl(245, 0%, 8%);--border-subtle: hsl(245, 4%, 72%);--border-default: hsl(245, 4%, 66%);--border-strong: hsl(245, 4%, 56%);--text-primary: hsl(245, 0%, 8%);--text-secondary: hsl(245, 4%, 32%);--text-tertiary: hsl(245, 4%, 42%);--text-inverse: hsl(245, 0%, 82%);--icon-primary: hsl(245, 4%, 22%);--icon-secondary: hsl(245, 4%, 22%);--icon-tertiary: hsl(245, 4%, 42%);--icon-inactive: hsl(245, 4%, 62%);--icon-inverse: hsl(245, 0%, 82%);--button-default-bg: hsl(245, 0%, 8%);--button-default-text: hsl(245, 0%, 82%);--button-hover-bg: hsl(245, 4%, 22%);--button-hover-text: hsl(245, 0%, 82%);--button-ghost-bg: hsl(245, 4%, 74%);--button-ghost-text: hsl(245, 4%, 42%);--button-border-default: hsl(245, 4%, 56%);--button-border-hover: hsl(245, 0%, 8%);--button-border-focus: hsl(245, 4%, 22%);--button-border-disabled: hsl(245, 4%, 66%);--selected-state-searchinput: hsl(245, 4%, 76%);--selected-state-navitem: hsl(245, 4%, 74%);--selected-state-tabitem: hsl(245, 4%, 72%);--selected-state-track: hsl(245, 4%, 76%);--selected-state-filteritem: hsl(245, 4%, 72%);--audio-status-progress-tint: hsl(245, 4%, 72%);--audio-status-progress-line: hsl(245, 0%, 8%);--audio-status-wave-dimmed: hsl(245, 4%, 56%);--audio-status-wave-elapsed: hsl(245, 4%, 32%);--control-bar-background: hsl(245, 4%, 80%);--control-bar-button-bg: hsl(245, 4%, 62%);--control-bar-shadow: rgba(54.23, 53.856, 58.344, .15) 0px 0px 20px;--control-bar-border: hsl(245, 4%, 74%);--control-bar-icon: hsl(245, 4%, 22%);--shadow-default: rgba(0, 0, 0, .1) 0px 8px 16px;--modal-backdrop: color-mix(in srgb, hsl(245, 4%, 42%) 40%, transparent);--info-bg: hsl(210, 40%, 72%);--info-text: hsl(210, 100%, 18%);--info-border: hsl(210, 30%, 62%);--info-icon: hsl(210, 100%, 18%);--success-bg: hsl(140, 30%, 72%);--success-text: hsl(140, 80%, 18%);--success-border: hsl(140, 20%, 62%);--success-icon: hsl(140, 80%, 18%);--warning-bg: hsl(45, 50%, 74%);--warning-text: hsl(45, 100%, 18%);--warning-border: hsl(45, 40%, 62%);--warning-icon: hsl(45, 100%, 18%);--error-bg: hsl(0, 40%, 74%);--error-text: hsl(0, 100%, 22%);--error-border: hsl(0, 30%, 62%);--error-icon: hsl(0, 100%, 22%)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}#app{min-height:100vh}
