@charset "UTF-8";@property --featured-vibe-accent{syntax: "<color>"; inherits: true; initial-value: transparent;}:root{transition:--featured-vibe-accent 1s cubic-bezier(0,.65,.55,1)}@font-face{font-family:"Instrument Serif";src:url(/assets/InstrumentSerif-Regular-BjwVvGU6.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/assets/InstrumentSerif-Italic-BIypviHG.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Nunito Sans;src:url(/assets/NunitoSans-CowQtdx-.ttf) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-BQaDgvhP.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Medium-3S3k2nMz.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{font-family:Nunito Sans,system-ui,-apple-system,sans-serif;font-size:100%;font-weight:400;color-scheme:light dark;color:var(--font-color--200);background-color:#242424;letter-spacing:.025rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-smooth:antialiased}a,p,button,span,input{color:inherit}a{color:var(--font-color--200);text-decoration:none;transition:color var(--transition--short)}a:hover{color:var(--font-color--100);text-decoration:underline}body{margin:0;display:flex}h1,h2,h3,h4,h5,h6{margin:0}h1{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:var(--text-3xl);line-height:var(--leading-display);letter-spacing:-.02em;color:var(--font-color--100)}h2{font-family:Nunito Sans,system-ui,sans-serif;font-weight:700;font-size:var(--text-lg);line-height:var(--leading-heading);letter-spacing:-.01em;color:var(--font-color--100)}h3{font-family:Nunito Sans,system-ui,sans-serif;font-weight:700;font-size:var(--text-xl);line-height:var(--leading-heading);color:var(--font-color--100)}h4,h5,h6{font-family:Nunito Sans,system-ui,sans-serif;font-weight:600;font-size:var(--text-lg);line-height:var(--leading-ui);color:var(--font-color--100)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}input{font-family:inherit;font-size:1rem;font-weight:600}input[type=text]:focus{border-color:var(--accent);outline:0;border:0}button:focus,button:focus-visible{outline:none}.card{padding:2em}html,body{height:100%}.app{position:relative;background:var(--background-color--200);width:100%;height:100%;margin:0 auto;overflow:hidden;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:var(--app-gutter);font-size:var(--text-sm);grid-template-areas:"app__top-nav app__top-nav" "app__main app__sidebar" "app__preview app__sidebar"}.app__sidebar{grid-area:app__sidebar}.app__player{grid-area:app__player}.app__main{grid-area:app__main}.app__nav,.app__top-nav{grid-area:app__top-nav}:root{color:var(--font-color--200)}::-webkit-scrollbar{width:10px;z-index:-1;position:relative}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;background-clip:padding-box;border-radius:10px;margin:2px;border:3px solid rgba(0,0,0,0)}.callout{padding:2rem;border:2px dashed var(--accent);border-radius:var(--border-radius)}.callout.callout--main{position:relative;padding:2rem;border:none;border-radius:var(--border-radius)}.callout.callout--main:after{z-index:1;position:absolute;top:0rem;left:0rem;height:100%;width:100%;content:"";filter:blur(1rem);opacity:.075;display:block}.callout.callout--main:before{z-index:2;position:absolute;top:0;left:0;height:100%;width:100%;content:"";background:#ffffff0d;display:block;border-radius:var(--border-radius);outline:1px solid rgba(255,255,255,.1);outline-offset:0}.callout.callout--main>*{position:relative;z-index:3}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.flex-column{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.g-section{display:flex;flex-direction:column;gap:1rem;padding:0 2rem}.g-section__padded{margin:0 2rem}.g-section__heading{padding:0;display:flex;align-items:center;justify-content:space-between}.g-section.g-section--scroller{display:flex;flex-direction:column;gap:1rem;padding:0}.g-tag{padding:.5rem 1rem;font-size:var(--text-sm);background:var(--accent);color:#fff;border-radius:100px;font-weight:800}.g-subtitle{font-size:var(--text-sm);color:var(--font-color--400);font-weight:400}.g-icon-button{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;position:relative}.g-icon-button:after{display:block;content:"";background:#ffffff1a;position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1);pointer-events:none;opacity:0;transition:opacity var(--transition--short),transform var(--transition--short),background var(--transition--short);border-radius:50%}.g-icon-button:hover:after{transform:scale(1.3);pointer-events:all;opacity:1}.g-icon-button:active:after{background:#ffffff26}.g-icon-button svg{stroke:var(--font-color--500);height:18px;width:18px}.g-icon-button:hover svg{stroke:var(--font-color--100)}.g-width-container{max-width:1200px;width:100%;margin:0 auto}.g-width-container--small{max-width:900px;width:100%;margin:0 auto}.g-heading-row{padding:0;display:flex;align-items:center;justify-content:space-between}.g-heading-row>*{margin:0}input[type=range]{width:100%;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-ms-track{width:100%;cursor:pointer}.vibes{display:grid;grid-row-gap:2rem;grid-column-gap:2rem;margin-bottom:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}@container (min-width: 400px){.vibes{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 800px){.vibes{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 1200px){.vibes{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (min-width: 1600px){.vibes{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (min-width: 2200px){.vibes{grid-template-columns:repeat(7,minmax(0,1fr))}}@container (min-width: 2600px){.vibes{grid-template-columns:repeat(8,minmax(0,1fr))}}@container (min-width: 3000px){.vibes{grid-template-columns:repeat(9,minmax(0,1fr))}}.range-input__tooltip{color:var(--font-color--100);padding:.5rem .75rem;background:var(--background-color-solid-hue--100);border-radius:var(--border-radius);box-shadow:0 1px 4px #00000040,0 14px 17px #00000026;font-size:.875rem;font-weight:500;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}:root{--light: oklch(43.46% .1665 312.2);--light--gradient: oklch(100% 0 0);--night: oklch(43.46% .1665 312.2);--night--gradient: oklch(21.34% 0 0);--metal: oklch(43.46% .1665 312.2);--metal--gradient: oklch(31.71% 0 0);--pearl: oklch(53.42% .1227 253.64);--pearl--gradient: radial-gradient(circle at 50% -20.71%, oklch(90.21% .0494 173.91) 0, oklch(90.38% .0512 181.06) 3.33%, oklch(90.37% .0519 187.34) 6.67%, oklch(90.4% .0531 194.87) 10%, oklch(90.31% .0524 202.31) 13.33%, oklch(90.43% .0533 208.16) 16.67%, oklch(90.41% .0534 215.8) 20%, oklch(90.42% .0529 222.46) 23.33%, oklch(90.44% .0532 229.14) 26.67%, oklch(90.55% .0517 235.91) 30%, oklch(90.64% .0499 241.94) 33.33%, oklch(90.77% .047 248.37) 36.67%, oklch(90.71% .0453 257.62) 40%, oklch(90.93% .0435 266.89) 43.33%, oklch(90.9% .0443 277.06) 46.67%, oklch(91.16% .0449 286.83) 50%, oklch(91.37% .0441 296.91) 53.33%, oklch(91.32% .0459 306.52) 56.67%, oklch(91.41% .0449 316.66) 60%, oklch(91.54% .0464 325.86) 63.33%, oklch(91.58% .0473 334.63) 66.67%, oklch(91.53% .0483 342.11) 70%, oklch(91.58% .0511 349.81) 73.33%, oklch(91.44% .0486 356.98) 76.67%, oklch(91.33% .0471 3.18) 80%, oklch(91.19% .0461 11.31) 83.33%, oklch(91.08% .046 17.94) 86.67%, oklch(90.97% .0464 24.51) 90%, oklch(91.06% .0466 32.72) 93.33%, oklch(91.14% .0477 40.67) 96.67%, oklch(91.26% .049 46.8) 100%);--rise: oklch(73.02% .1549 41.63);--rise--gradient: radial-gradient(circle at 50% 120.71%, oklch(96.09% .0161 282.18) 0, oklch(96.21% .0147 290.16) 4.55%, oklch(96.17% .0165 301.04) 9.09%, oklch(96.29% .0159 309.89) 13.64%, oklch(96.23% .0174 319.83) 18.18%, oklch(96.25% .016 328.51) 22.73%, oklch(96.38% .0166 337.33) 27.27%, oklch(96.21% .0176 345.35) 31.82%, oklch(96.26% .018 350.88) 36.36%, oklch(96.29% .018 .13) 40.91%, oklch(96.34% .0188 5.04) 45.45%, oklch(96.28% .0184 13.13) 50%, oklch(96.23% .0185 21.34) 54.55%, oklch(96.2% .0186 25.39) 59.09%, oklch(96.37% .0182 34.1) 63.64%, oklch(96.23% .0181 43.06) 68.18%, oklch(96.12% .0178 48.38) 72.73%, oklch(96.24% .0168 56.07) 77.27%, oklch(96.13% .0168 61.86) 81.82%, oklch(96.14% .0169 76.08) 86.36%, oklch(96.06% .0163 79.34) 90.91%, oklch(96.1% .0164 91.6) 95.45%, oklch(96.02% .0161 95.29) 100%);--kailua: oklch(52.12% .0776 215.64);--kailua--gradient: radial-gradient( circle at top center, oklch(96.47% .0108 65.7), oklch(93.9% .0399 71));--asteroid: oklch(53.42% .1227 253.64);--asteroid--gradient: radial-gradient( circle at top right, oklch(20% .02 248.53), oklch(20% .02 252.26));--aurora: oklch(51.65% .1128 236.97);--aurora--gradient: radial-gradient( circle at top center, oklch(39.77% .0862 236.45) 0, oklch(40.4% .0923 239.81) 6.25%, oklch(41.1% .0999 243.23) 12.5%, oklch(41.03% .1049 248.39) 18.75%, oklch(40.78% .1115 259.13) 25%, oklch(41.34% .1129 267.95) 31.25%, oklch(42.15% .1141 278.46) 37.5%, oklch(42.76% .1169 289.33) 43.75%, oklch(43.4% .1201 300.16) 50%, oklch(43.97% .1223 311.2) 56.25%, oklch(44.43% .1255 321.03) 62.5%, oklch(44.86% .1293 330.27) 68.75%, oklch(45.29% .1341 338.38) 75%, oklch(45.65% .1387 346.06) 81.25%, oklch(45.96% .1436 352.82) 87.5%, oklch(46.2% .1484 358.76) 93.75%, oklch(46.34% .153 4) 100%);--blob: oklch(58.3% .1264 31.62);--blob--gradient: radial-gradient( circle at bottom left, oklch(35% .07 73.28) 0%, oklch(35% .07 58.88) 10%, oklch(35% .07 31.55) 24%, oklch(35% .07 10.97) 34%, oklch(35% .07 349.93) 51%, oklch(35% .07 323.95) 69%, oklch(35% .07 289.13) 86%, oklch(35% .06 256.05) 91%, oklch(35% .05 240.08) 96%);--blurple: oklch(56% .15 249);--blurple--gradient: linear-gradient( to bottom right, oklch(28% .05 300.55), oklch(28% .05 275.56));--expresso: oklch(57.01% .134 345.2);--expresso--gradient: linear-gradient(to bottom right, oklch(35.25% .0929 345.88), oklch(33.58% .1015 312.18));--fangorn: oklch(48.14% .0694 138.59);--fangorn--gradient: radial-gradient(circle at top center, oklch(44.83% .0467 130.35), oklch(28.33% .0284 138.01));--force: oklch(60.67% .2081 28.88);--force--gradient: linear-gradient(to bottom right, oklch(44.4% .1453 28.53), oklch(38.84% .1501 266.36));--witcher: oklch(52.29% .2014 21.05);--witcher--gradient: linear-gradient( 135deg, oklch(38.98% .1168 14.77) 0%, oklch(33.3% .0919 309.19) 100% )}[data-color-theme=light]{--accent: var(--light);--gradient: var(--light--gradient)}[data-color-theme=metal]{--accent: var(--metal);--gradient: var(--metal--gradient)}[data-color-theme=night]{--accent: var(--night);--gradient: var(--night--gradient)}[data-color-theme=kailua]{--accent: var(--kailua);--gradient: var(--kailua--gradient)}[data-color-theme=pearl]{--accent: var(--pearl);--gradient: var(--pearl--gradient)}[data-color-theme=rise]{--accent: var(--rise);--gradient: var(--rise--gradient)}[data-color-theme=asteroid]{--accent: var(--asteroid);--gradient: var(--asteroid--gradient)}[data-color-theme=aurora]{--accent: var(--aurora);--gradient: var(--aurora--gradient)}[data-color-theme=blob]{--accent: var(--blob);--gradient: var(--blob--gradient)}[data-color-theme=blurple]{--accent: var(--blurple);--gradient: var(--blurple--gradient)}[data-color-theme=expresso]{--accent: var(--expresso);--gradient: var(--expresso--gradient)}[data-color-theme=fangorn]{--accent: var(--fangorn);--gradient: var(--fangorn--gradient)}[data-color-theme=force]{--accent: var(--force);--gradient: var(--force--gradient)}[data-color-theme=witcher]{--accent: var(--witcher);--gradient: var(--witcher--gradient)}:root{--accent--100: color-mix(in srgb, var(--accent), oklch(0% 0 0) 6%);--accent--200: color-mix(in srgb, var(--accent), oklch(0% 0 0) 12%);--accent--300: color-mix(in srgb, var(--accent), oklch(0% 0 0) 18%)}[data-theme=light]{--font-color--100: oklch(0% 0 0);--font-color--200: oklch(0% 0 0 / .9);--font-color--300: oklch(0% 0 0 / .8);--font-color--400: oklch(0% 0 0 / .725);--font-color--500: oklch(0% 0 0 / .5);--background-color-mix: color-mix(in srgb, oklch(96.19% 0 0 / .4), var(--accent) 0%);--background-color--100: color-mix(in srgb, oklch(92.34% 0 0 / .4), var(--accent) 0%);--background-color--200: color-mix(in srgb, oklch(88.45% 0 0 / .4), var(--accent) 0%);--background-color--300: color-mix(in srgb, oklch(84.52% 0 0 / .4), var(--accent) 0%);--background-color--400: color-mix(in srgb, oklch(80.54% 0 0 / .4), var(--accent) 0%);--background-color--500: color-mix(in srgb, oklch(76.52% 0 0 / .4), var(--accent) 0%);--transparent-color--100: oklch(100% 0 0 / .2);--transparent-color--200: oklch(100% 0 0 / .3);--transparent-color--200: oklch(100% 0 0 / .4);--background-color-inverse--100: oklch(0% 0 0 / .05);--background-color-inverse--200: oklch(0% 0 0 / .075);--background-color-inverse--300: oklch(0% 0 0 / .1);--background-color-solid-hue--100: color-mix(in srgb, oklch(99.24% 0 0), var(--accent) 5%);--modal-background-color: color-mix(in srgb, oklch(98.51% 0 0), var(--accent) 20%);--app-border: 1px solid color-mix(in srgb, oklch(80.54% 0 0 / .5), var(--accent) 2%);--app-border: 1px solid oklch(0% 0 0 / .06)}[data-theme=dark]{--font-color--100: oklch(100% 0 0);--font-color--200: oklch(100% 0 0 / .9);--font-color--300: oklch(100% 0 0 / .8);--font-color--400: oklch(100% 0 0 / .725);--font-color--500: oklch(100% 0 0 / .5);--background-color--100: oklch(21.56% 0 0 / .5);--background-color--200: oklch(19.3% 0 0 / .5);--background-color--300: oklch(13.24% 0 0 / .5);--background-color--400: oklch(13.24% 0 0 / .5);--background-color--500: oklch(0% 0 0 / .5);--transparent-color--100: oklch(100% 0 0 / .04);--transparent-color--200: oklch(100% 0 0 / .08);--transparent-color--300: oklch(100% 0 0 / .12);--background-color-inverse--100: oklch(100% 0 0 / .05);--background-color-inverse--200: oklch(100% 0 0 / .075);--background-color-inverse--300: oklch(100% 0 0 / .1);--modal-background-color: color-mix(in srgb, oklch(20.9% 0 0), var(--accent) 38%);--background-color-solid-hue--100: color-mix(in srgb, oklch(18.15% 0 0), var(--accent) 7%);--app-border: 1px solid oklch(100% 0 0 / .05)}:root{--font--pixel:"JetBrains Mono", monospace;--app-gutter: 0;--app-border-radius: 0;--border-radius: 12px;--border-radius--large: 24px;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-display: 3rem;--leading-display: 1.05;--leading-heading: 1.15;--leading-ui: 1.2;--leading-body: 1.5;--enter-motion: cubic-bezier(0, 0, .2, 1);--leave-motion: cubic-bezier(.4, 0, 1, 1);--standard-motion: cubic-bezier(.4, 0, .2, 1);--custom-motion: cubic-bezier(0,.65,.55,1);--transition--short: .15s var(--custom-motion);--transition--medium: .3s var(--custom-motion);--transition--long: .45s var(--custom-motion);--transition--very-long: .6s var(--custom-motion)}[data-reduced-motion=true]{--transition--short: 0s;--transition--medium: 0s;--transition--long: 0}::selection{background:var(--accent);color:#fff}html,body,#appContainer,.app{height:100%}html{padding:0;margin:0;height:100%;font-family:unit,sans-serif;background:var(--background-color--100);font-size:100%;box-sizing:border-box}.header__heading{margin:0;margin-bottom:.25rem}.header__description{margin-bottom:0}.header-row{display:flex;flex-direction:column;align-items:stretch;margin-bottom:3rem;gap:2rem}@media only screen and (min-width: 600px){.header-row{flex-direction:row;align-items:flex-end;justify-content:space-between}}.Project-Container{padding:1rem;position:relative}.Project-Heading{margin:0 0 1rem;font-size:2rem}.Project-Hero{display:block;position:relative;width:100%;border-radius:var(--border-radius);margin:0 auto;box-shadow:0 10px 14px var(--darken)}.Project-Header{position:relative;margin-bottom:2rem;display:flex;align-items:center;border-radius:var(--border-radius);box-shadow:0 2px 7px var(--darken);background:var(--background-dark-two);padding:2rem}.Project-Header--responsive{position:fixed;top:1rem;left:1rem;width:calc(100% - 6rem);transform:translateY(calc(-100% - 2rem));z-index:1;box-shadow:0 10px 15px var(--darken)}.Project-Header--responsive.active{transform:translateY(0)}.Project-Header>div{flex:1}.accent-color{fill:var(--accent)!important;color:var(--accent)!important}.Project-Header p{margin-bottom:0}button{outline:0;border:0;font-size:1rem;cursor:pointer}.input{background:#ffffff0d;padding:1rem;border-radius:8px;border:0;outline:0;color:var(--font-color--100)}.input::placeholder{color:var(--font-color--400);font-weight:400}.button{display:inline-flex;align-items:center;position:relative;gap:.5rem;padding:.75rem;outline:0;border:0;font-weight:450;color:#fff;background:transparent;cursor:pointer;transition:background var(--transition--short);font-family:Satoshi,Avenir,Helvetica,Arial,sans-serif;font-family:Nunito Sans,Avenir,Helvetica,Arial,sans-serif;font-size:var(--text-sm);border-radius:8px;outline:0px solid transparent;text-decoration:none}.button:hover{text-decoration:none}.button span{white-space:nowrap;color:inherit}.button__loading-overlay{opacity:0}.button.button--loading .button__loading-overlay{opacity:1}.button.button--loading>*:not(.button__loading-overlay){opacity:0}.button__loading-overlay{display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:inherit;position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;pointer-events:none}.button.button--primary{background:var(--accent)}.button.button--primary span{color:#fff}.button.button--primary svg{stroke:#fffc}.button.button--primary:hover{background:var(--accent--100)}.button.button--primary:active{background:var(--accent--200)}.button.button--secondary{background:#ffffff0d}.button.button--secondary span{color:var(--font-color--100)}.button.button--secondary svg{color:var(--font-color--300)}.button.button--secondary:hover{background:#ffffff13}.button.button--secondary:active{background:#ffffff1a}.button.button--transparent{background:transparent}.button.button--transparent:hover{background:#ffffff0d}.button.button--transparent:active{background:#ffffff13}.button.button--active svg{stroke:var(--accent)}.button.button--small{padding:.5rem}.button.button--small svg{height:18px;width:18px}.button.button--small span{font-size:.875rem}svg{height:24px;width:24px;display:inline-flex;stroke:var(--font-color--300);stroke-width:2px;fill:none}.button svg{position:relative;stroke:var(--font-color--300);fill:none;height:18px;width:18px;flex-shrink:0}.transition{will-change:opacity,transform;backface-visibility:hidden}.load-overlay{opacity:0}.fade-left-enter-active,.fade-left-leave-active{transition:opacity 2s ease,transform 2s ease}.fade-left-enter-from,.fade-left-leave-to{opacity:0;transform:translate(-3px)}.fade-right-enter-active,.fade-right-leave-active{transition:opacity 2s ease,transform 2s ease}.fade-right-enter-from,.fade-right-leave-to{opacity:0;transform:translate(3px)}.fade-enter-active,.fade-leave-active{transition:opacity .35s ease}.fade-enter-from,.fade-leave-to{opacity:0}.light-mode-enter-active,.light-mode-leave-active{transition:opacity .15s ease,transform var(--transition--short)}.light-mode-enter-from{opacity:0;transform:translate(-5px,5px) rotate(90deg) scale(.75)}.light-mode-leave-to{opacity:0;transform:translate(5px,5px) rotate(90deg) scale(.75)}.active .light-mode-enter-from{opacity:0;transform:translate(5px,5px) rotate(-90deg) scale(.75)}.active .light-mode-leave-to{opacity:0;transform:translate(-5px,5px) rotate(-90deg) scale(.75)}.modal__heading{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:1rem}.modal__heading svg{height:20px;width:20px;stroke:var(--font-color--400)}.modal__heading-description{margin:0}.modal__form-item{display:flex;align-items:flex-start}.modal__form-item-details{flex:1}.modal__form-item-name{display:flex;align-items:center;font-size:1.25rem;font-weight:600;gap:1rem}.modal__form-item-name svg{height:18px;width:18px;stroke:var(--font-color--400)}.modal hr{margin:2rem 0}.modal__form-item-description{margin:0}.modal__form-item-details{display:flex;flex-direction:column;gap:.5rem;font-weight:400}hr{border-color:#ffffff0d;border-top:0;width:100%}.magnet[data-v-40683b37]{display:inline-flex;text-decoration:none;border-radius:calc(var(--border-radius) - 2px);transition:background var(--transition--medium),box-shadow var(--transition--medium);padding:0;margin:0;outline:0;border:0;box-shadow:0 0 #fff0}.magnet:hover .magnet__inner[data-v-40683b37],.magnet:focus .magnet__inner[data-v-40683b37],.magnet.magnet--active .magnet__inner[data-v-40683b37]{border:2px solid var(--accent);background:var(--background-color--200)}.magnet[data-v-40683b37]:active{background:var(--accent-color--200)}.magnet:active .magnet__inner[data-v-40683b37]{border:2px solid var(--accent-color--200)}.magnet__inner[data-v-40683b37]{display:inline-flex;flex-direction:column;border-radius:inherit;color:var(--font-color--100);text-decoration:none;flex:1;letter-spacing:.1rem;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.035);background:#ffffff0d;transition:border var(--transition--medium),box-shadow var(--transition--medium),background var(--transition--medium);backface-visibility:hidden}[data-v-d6ec7b98] .magnet{display:inline-flex}[data-v-d6ec7b98] .magnet__inner{border:0;padding:.75rem 1rem;background:#00000040;background:var(--shade)}.button[data-v-d6ec7b98]:hover{background:transprent}.button[data-v-d6ec7b98]:hover .magnet__inner{border:0;background:#0006}.fancy-progress__container[data-v-d6ec7b98]{position:relative}.fancy-progress[data-v-d6ec7b98]{position:relative;overflow:hidden;width:100%;border-radius:100px;background:var(--background-color--200);border:2px solid var(--background-color--400);height:10px}.fancy-progress__progress[data-v-d6ec7b98]{width:100%;position:absolute;top:0;left:0;height:100%;width:34%;background:var(--background-color--400)}.fancy-progress__progress-thumb[data-v-d6ec7b98]{position:absolute;height:22px;width:22px;background:var(--font-color--100);border:2px solid var(--background-color--400);border-radius:50%;z-index:1;top:50%;transform:translateY(-50%)}.notifications[data-v-9256cb6a]{display:flex;flex-direction:column-reverse;gap:1rem;width:400px;max-width:100%}.notification[data-v-9256cb6a]{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--background-color-solid-hue--100);border-radius:var(--border-radius);width:100%;box-shadow:0 4px 12px #0003;border:var(--app-border)}.notification__title[data-v-9256cb6a]{margin:0;color:var(--font-color--100);font-weight:600}.notification__description[data-v-9256cb6a]{margin:0;color:var(--font-color--300);font-size:.9rem}.notification-move[data-v-9256cb6a],.notification-enter-active[data-v-9256cb6a],.notification-leave-active[data-v-9256cb6a]{transition:all var(--transition--medium)}.notification-enter-from[data-v-9256cb6a]{opacity:0;transform:translateY(30px)}.notification-leave-to[data-v-9256cb6a]{opacity:0;transform:translate(10px)}.fancy-tooltip__target[data-v-64c80f2b]{display:flex}.fancy-tooltip__tooltip-container[data-v-64c80f2b]{z-index:999;-webkit-user-select:none;user-select:none}.fancy-tooltip__tooltip[data-v-64c80f2b]{color:var(--font-color--100);padding:.75rem 1em;background:var(--background-color-solid-hue--100);border-radius:var(--border-radius);z-index:99;box-shadow:0 1px 4px #00000040,0 14px 17px #00000026;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:500;position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem}.fancy-tooltip__content[data-v-64c80f2b]{font-size:var(--text-sm)}.fancy-tooltip__tooltip-carrot[data-v-64c80f2b]{position:absolute;height:14px;width:14px;z-index:1;fill:var(--background-color--500);stroke:var(--background-color--500);stroke-width:2.5px;border:0}.fancy-tooltip__carrot[data-v-64c80f2b]{height:18px;width:18px;z-index:-1;border-radius:2px}.fancy-tooltip__carrot-inner[data-v-64c80f2b]{height:100%;width:100%;background:var(--background-color-solid-hue--100);border:4px solid var(--background-color-solid-hue--100);border-radius:5px;clip-path:polygon(0 0,50% 50%,100% 100%,0% 100%);box-shadow:0 0 4px #0003}.fancy-tooltip__tooltip-container[data-popper-placement=bottom] .fancy-tooltip__carrot[data-v-64c80f2b]{top:-8px}.fancy-tooltip__tooltip-container[data-popper-placement=right] .fancy-tooltip__carrot[data-v-64c80f2b]{left:-8px}.fancy-tooltip__tooltip-container[data-popper-placement=bottom-start] .fancy-tooltip__carrot[data-v-64c80f2b]{bottom:calc(100% - 9px);right:unset;left:0}.fancy-tooltip__tooltip-container[data-popper-placement=top] .fancy-tooltip__carrot[data-v-64c80f2b]{bottom:-8px}.fancy-tooltip__tooltip-container[data-popper-placement=left] .fancy-tooltip__carrot[data-v-64c80f2b]{right:-8px}.fancy-tooltip__tooltip-container[data-popper-placement=bottom] .fancy-tooltip__carrot-inner[data-v-64c80f2b],.fancy-tooltip__tooltip-container[data-popper-placement=bottom-start] .fancy-tooltip__carrot-inner[data-v-64c80f2b]{transform:rotate(135deg)}.fancy-tooltip__tooltip-container[data-popper-placement=right] .fancy-tooltip__carrot-inner[data-v-64c80f2b]{transform:rotate(45deg)}.fancy-tooltip__tooltip-container[data-popper-placement=top] .fancy-tooltip__carrot-inner[data-v-64c80f2b]{transform:rotate(-45deg)}.fancy-tooltip__tooltip-container[data-popper-placement=left] .fancy-tooltip__carrot-inner[data-v-64c80f2b]{transform:rotate(-135deg)}.fancy-tooltip__tooltip-carrot--right[data-v-64c80f2b]{right:calc(100% - 2px);top:50%;transform:translateY(-50%) rotate(270deg)}.fancy-tooltip__tooltip-carrot--bottom-start[data-v-64c80f2b]{bottom:calc(100% - 2px);left:1rem}.fancy-tooltip__tooltip-carrot--top[data-v-64c80f2b]{top:calc(100% - 2px);left:50%;transform:translate(-50%) rotate(180deg)}.fancy-tooltip__tooltip-carrot--bottom[data-v-64c80f2b]{bottom:calc(100% - 2px);left:50%;transform:translate(-50%)}.tooltip-right-enter-active[data-v-64c80f2b],.tooltip-right-leave-active[data-v-64c80f2b]{transform-origin:left;transition:opacity var(--transition--short),var(--transition--short)}.tooltip-top-enter-active[data-v-64c80f2b],.tooltip-top-leave-active[data-v-64c80f2b]{transform-origin:bottom;transition:opacity var(--transition--short),transform var(--transition--short)}.tooltip-bottom-start-enter-active[data-v-64c80f2b],.tooltip-bottom-start-leave-active[data-v-64c80f2b]{transform-origin:top left;transition:opacity var(--transition--short),transform var(--transition--short)}.tooltip-bottom-enter-active[data-v-64c80f2b],.tooltip-bottom-leave-active[data-v-64c80f2b]{transform-origin:top;transition:opacity var(--transition--short),transform var(--transition--short)}.tooltip-right-enter-from[data-v-64c80f2b],.tooltip-right-leave-to[data-v-64c80f2b]{opacity:0;transform:translate(-4px) scale(.92)}.tooltip-bottom-start-enter-from[data-v-64c80f2b],.tooltip-bottom-start-leave-to[data-v-64c80f2b],.tooltip-bottom-enter-from[data-v-64c80f2b],.tooltip-bottom-leave-to[data-v-64c80f2b]{opacity:0;transform:translateY(-4px) scale(.92)}.tooltip-top-enter-from[data-v-64c80f2b],.tooltip-top-leave-to[data-v-64c80f2b]{opacity:0;transform:translateY(4px) scale(.92)}.fancy-progress__container[data-v-6513802a]{position:relative}.fancy-progress[data-v-6513802a]{position:relative;overflow:hidden;width:100%;border-radius:100px;background:var(--background-color--200);border:2px solid var(--background-color--400);height:10px}.fancy-progress__progress[data-v-6513802a]{width:100%;position:absolute;top:0;left:0;height:100%;width:34%;background:var(--background-color--400)}.fancy-progress__progress-thumb[data-v-6513802a]{position:absolute;height:22px;width:22px;background:var(--font-color--100);border:2px solid var(--background-color--400);border-radius:50%;z-index:1;top:50%;transform:translateY(-50%)}.modal__overlay[data-v-08bbd64c]{position:fixed;display:flex;align-items:center;justify-content:center;padding:2rem;top:0;left:0;height:100%;width:100%;background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);will-change:opacity;-webkit-user-select:none;user-select:none;backface-visibility:hidden;z-index:99}.modal[data-v-08bbd64c]{display:flex;background:var(--modal-background-color);box-shadow:0 14px 17px #00000040;width:100%;max-width:750px;max-height:100%;will-change:opacity,transform;backface-visibility:hidden;-webkit-user-select:text;user-select:text;border-radius:var(--border-radius)}.modal__inner[data-v-08bbd64c]{display:flex;flex-direction:column;flex:1;border-radius:var(--border-radius);width:100%;max-width:100%}.modal--fullscreen[data-v-08bbd64c]{max-width:1440px;align-self:stretch}.modal__body[data-v-08bbd64c]{overflow-y:auto;padding:2rem}.modal__header[data-v-08bbd64c]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.modal__footer[data-v-08bbd64c]{padding:1rem 2rem;display:flex;justify-content:flex-end;gap:.5rem}.modal-enter-active[data-v-08bbd64c],.modal-leave-active[data-v-08bbd64c]{transition:opacity var(--transition--short)}.modal-enter-active .modal[data-v-08bbd64c],.modal-leave-active .modal[data-v-08bbd64c]{transition:opacity var(--transition--short),transform var(--transition--short)}.modal-enter-from[data-v-08bbd64c],.modal-leave-to[data-v-08bbd64c]{opacity:0}.modal-enter-from .modal[data-v-08bbd64c],.modal-leave-to .modal[data-v-08bbd64c]{opacity:0;transform:scale(.85)}.modal--signup .modal[data-v-08bbd64c]{max-width:400px}.modal--signup .modal__header[data-v-08bbd64c]{background:#0000000d;border-bottom:var(--app-border);padding:2rem;flex-direction:column;gap:1rem}.modal--signup .modal__header[data-v-08bbd64c] h2{margin:0}.modal--signup .modal__header[data-v-08bbd64c] p{margin:0;text-align:center;color:var(--font-color--300)}.modal--signup .modal__header .button[data-v-08bbd64c]{position:absolute;top:1rem;right:1rem}.range-input[data-v-9ee71ed3]{position:relative;height:24px;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.range-input__track[data-v-9ee71ed3]{position:absolute;top:50%;left:0;right:0;height:4px;background:#fff3;transform:translateY(-50%);border-radius:20px;overflow:hidden}.range-input__hover-track[data-v-9ee71ed3]{position:absolute;left:0;top:0;height:100%;background:#fff3;border-radius:inherit;pointer-events:none}.range-input__filled-track[data-v-9ee71ed3]{position:absolute;left:0;top:0;height:100%;border-radius:inherit;transition:box-shadow 1s var(--custom-motion),background-color 1s var(--custom-motion)}.range-input__filled-track[data-v-9ee71ed3]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.3));border-radius:inherit;pointer-events:none}.range-input.range-input--glow .range-input__filled-track[data-v-9ee71ed3]:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.6));content:"";border-radius:20px;filter:blur(3px);height:16px;inset-inline-end:-3px;max-width:min(100%,120px);position:absolute;transform:perspective(400px) rotateY(-30deg);transform-origin:left center;width:100%}.range-input__thumb[data-v-9ee71ed3]{position:absolute;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000001a;opacity:0;transition:opacity var(--transition--short)}.range-input:hover .range-input__thumb[data-v-9ee71ed3]{opacity:1}.range-input__loading .range-input__thumb[data-v-9ee71ed3]{display:none}.range-input__thumb[data-v-9ee71ed3]:focus{outline:none;box-shadow:0 0 0 2px #007bff33}.music-waves[data-v-cd4e1b01]{display:flex;align-items:center;gap:2px}.music-waves__wave[data-v-cd4e1b01]{display:block;height:20px;flex:1;width:2px;border-radius:20px;background:#fff;transform-origin:center;will-change:transform;animation:music-wave-cd4e1b01 1.05s infinite}@keyframes music-wave-cd4e1b01{0%{transform:scaleY(.26);animation-timing-function:cubic-bezier(.42,0,.2,1)}32%{transform:scaleY(1);animation-timing-function:cubic-bezier(.35,0,.25,1)}58%{transform:scaleY(.4);animation-timing-function:cubic-bezier(.45,0,.55,1)}82%{transform:scaleY(.72);animation-timing-function:cubic-bezier(.4,0,.2,1)}to{transform:scaleY(.26)}}.music-waves__wave[data-v-cd4e1b01]:nth-child(1){animation-duration:1.01s;animation-delay:0s}.music-waves__wave[data-v-cd4e1b01]:nth-child(2){animation-duration:1.09s;animation-delay:.1s}.music-waves__wave[data-v-cd4e1b01]:nth-child(3){animation-duration:1.05s;animation-delay:.19s}.music-waves__wave[data-v-cd4e1b01]:nth-child(4){animation-duration:1.12s;animation-delay:.13s}.music-waves__wave[data-v-cd4e1b01]:nth-child(5){animation-duration:1.07s;animation-delay:.06s}.loader[data-v-71211865]{width:24px;height:24px;position:relative;animation:loader-71211865 2.5s infinite linear both}.loader-dot[data-v-71211865]{width:100%;height:100%;position:absolute;left:0;top:0;animation:loader-dot-71211865 2s infinite ease-in-out both}.loader-dot[data-v-71211865]:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:loader-dot-before-71211865 2s infinite ease-in-out both}.loader-dot[data-v-71211865]:nth-child(1){animation-delay:-1.1s}.loader-dot[data-v-71211865]:nth-child(2){animation-delay:-1s}.loader-dot[data-v-71211865]:nth-child(3){animation-delay:-.9s}.loader-dot[data-v-71211865]:nth-child(4){animation-delay:-.8s}.loader-dot[data-v-71211865]:nth-child(5){animation-delay:-.7s}.loader-dot[data-v-71211865]:nth-child(6){animation-delay:-.6s}.loader-dot[data-v-71211865]:nth-child(1):before{animation-delay:-1.1s}.loader-dot[data-v-71211865]:nth-child(2):before{animation-delay:-1s}.loader-dot[data-v-71211865]:nth-child(3):before{animation-delay:-.9s}.loader-dot[data-v-71211865]:nth-child(4):before{animation-delay:-.8s}.loader-dot[data-v-71211865]:nth-child(5):before{animation-delay:-.7s}.loader-dot[data-v-71211865]:nth-child(6):before{animation-delay:-.6s}@keyframes loader-71211865{to{transform:rotate(360deg)}}@keyframes loader-dot-71211865{80%,to{transform:rotate(360deg)}}@keyframes loader-dot-before-71211865{50%{transform:scale(.4)}to,0%{transform:scale(1)}}.vibe-glow[data-v-d75dc654]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.modal__heading[data-v-10daada1]{display:flex;align-items:center;gap:.625rem;margin:0;font-size:var(--text-xl)}.modal__heading svg[data-v-10daada1]{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.edit-vibe-modal__cover-edit-icon[data-v-10daada1]{position:absolute;right:1rem;top:1rem;z-index:3;height:16px;width:16px;stroke:currentColor;fill:none;stroke-width:1.5;-webkit-user-select:none;user-select:none;pointer-events:none}.edit-vibe-modal__cover-photo-container[data-v-10daada1]{display:block;border-radius:8px;border:var(--app-border);position:relative;width:200px;overflow:hidden}.edit-vibe-modal__cover-photo-container[data-v-10daada1]:after{position:relative;content:"";display:block;padding-bottom:56.25%;-webkit-user-select:none;user-select:none;pointer-events:none}.edit-vibe-modal__cover-photo-edit-button[data-v-10daada1]{position:absolute;display:flex;align-items:center;justify-content:center;gap:.5rem;top:0;left:0;height:100%;width:100%;z-index:2;background:#00000080;opacity:0;transition:opacity var(--transition--short);font-weight:600;border-radius:0}.edit-vibe-modal__cover-photo-edit-button[data-v-10daada1]:active{background:#0000008c}.edit-vibe-modal__cover-photo-container:hover .edit-vibe-modal__cover-photo-edit-button[data-v-10daada1]{opacity:1}.edit-vibe-modal__cover-photo[data-v-10daada1]{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:1}.edit-vibe-modal__search-input[data-v-10daada1]{width:100%}.modal__unsplash-results[data-v-10daada1]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border:var(--app-border);background:#ffffff0d;border-radius:var(--border-radius)}.modal__unsplash-results img[data-v-10daada1]{height:100px;width:calc(25% - 1rem);object-fit:cover;border-radius:5px;border:var(--app-border);cursor:pointer;transition:filter var(--transition--short)}.modal__unsplash-results img[data-v-10daada1]:hover{filter:brightness(1.33)}.modal__heading[data-v-7e074b9e]{display:flex;align-items:center;gap:.625rem;margin:0;font-size:var(--text-xl)}.modal__heading svg[data-v-7e074b9e]{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.export-body[data-v-7e074b9e]{display:flex;flex-direction:column;gap:1.25rem}.export-body__description[data-v-7e074b9e]{margin:0;color:var(--font-color--300);line-height:var(--leading-body)}.export-body__estimate[data-v-7e074b9e]{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--font-color--400);font-family:var(--font--pixel)}.export-body__status[data-v-7e074b9e]{margin:0;color:var(--font-color--300);font-size:var(--text-sm)}.export-body__error[data-v-7e074b9e]{margin:0;color:#f87171}.duration-presets[data-v-7e074b9e]{display:flex;gap:.5rem}.duration-presets__button[data-v-7e074b9e]{flex:1;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);color:var(--font-color--300);cursor:pointer;transition:background var(--transition--short),color var(--transition--short),border-color var(--transition--short);font-size:var(--text-sm)}.duration-presets__button[data-v-7e074b9e]:hover{background:#ffffff1a;color:var(--font-color--100)}.duration-presets__button--selected[data-v-7e074b9e]{background:var(--accent, rgba(255, 255, 255, .15));border-color:var(--accent, rgba(255, 255, 255, .25));color:#fff}.custom-duration[data-v-7e074b9e]{display:flex;flex-direction:column;gap:.5rem}.custom-duration__label[data-v-7e074b9e]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--font-color--400);font-family:var(--font--pixel)}.custom-duration__input-row[data-v-7e074b9e]{display:flex;align-items:center;gap:.5rem}.custom-duration__input[data-v-7e074b9e]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:var(--font-color--100);padding:.5rem .75rem;font-size:var(--text-sm);width:120px;transition:border-color var(--transition--short)}.custom-duration__input[data-v-7e074b9e]:focus{outline:none;border-color:#ffffff4d}.custom-duration__input[data-v-7e074b9e]::placeholder{color:var(--font-color--400)}.custom-duration__unit[data-v-7e074b9e]{color:var(--font-color--400);font-size:var(--text-sm)}.export-progress[data-v-7e074b9e]{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.export-progress__fill[data-v-7e074b9e]{height:100%;background:var(--accent, white);border-radius:2px;transition:width .25s ease}.export-progress__percent[data-v-7e074b9e]{margin:0;font-size:var(--text-xs);color:var(--font-color--400);font-family:var(--font--pixel);text-transform:uppercase;letter-spacing:.05em}.export-obs[data-v-7e074b9e]{display:flex;flex-direction:column;gap:.5rem}.export-obs__label[data-v-7e074b9e]{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--font-color--400);font-family:var(--font--pixel)}.export-obs__row[data-v-7e074b9e]{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);padding:.5rem .5rem .5rem .75rem}.export-obs__url[data-v-7e074b9e]{flex:1;font-size:var(--text-xs);color:var(--font-color--300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button svg[data-v-7e074b9e]{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}.music__header[data-v-32e3356a]{position:relative;overflow:hidden}.music__header-canvas[data-v-32e3356a]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .4s ease}.music__header-canvas--ready[data-v-32e3356a]{opacity:1}.music__header-details[data-v-32e3356a]{position:relative;z-index:1}.song__image-container-volume-container .range-input[data-v-32e3356a]{flex:1}.music__active-music-source-time[data-v-32e3356a]{font-size:12px;color:var(--font-color--300);width:28px;display:none}@media (min-width: 840px){.music__active-music-source-time[data-v-32e3356a]{display:block}}.music__active-music-source-time--progress[data-v-32e3356a]{text-align:right}.music__active-music-source-time--duration[data-v-32e3356a]{text-align:left}.music__master-volume-input[data-v-32e3356a],.music__active-music-source-progress[data-v-32e3356a]{flex:1}.music__now-playing-music-waves[data-v-32e3356a]{width:18px;height:18px}.music__now-playing-music-waves[data-v-32e3356a] span{background:var(--featured-vibe-accent)}.music__vibe-name a[data-v-32e3356a]{color:#fff}.music__vibe-name.music__vibe-name--untitled[data-v-32e3356a]{font-style:italic;color:#fff;font-weight:450}.sidebar__vibe-is-empty[data-v-32e3356a]{display:flex;flex:1;width:100%;align-items:center;justify-content:center;padding:1rem;opacity:.5}.music__onboard-callout[data-v-32e3356a]{display:flex;align-items:center;justify-content:space-between}.button.button--play[data-v-32e3356a]{position:relative;background:var(--gradient);background:var(--featured-vibe-accent);padding:1rem;border-radius:50%;overflow:hidden;transition:filter var(--transition--short),background 1s var(--custom-motion)}.button.button--play[data-v-32e3356a]:hover,.button.button--play[data-v-32e3356a]:focus{filter:brightness(1.15)}.button.button--play[data-v-32e3356a]:active{filter:brightness(1.25)}.button--play svg[data-v-32e3356a]{fill:#fff;stroke:none;height:24px;width:24px}.modal__heading[data-v-32e3356a]{margin:0}.callout[data-v-32e3356a]{margin:0 1.5rem .5rem}.callout span[data-v-32e3356a]{color:var(--font-color--300)}.music__category[data-v-32e3356a]{margin-bottom:.5rem;text-transform:uppercase;padding:.5rem 1.5rem;font-size:.75rem;color:var(--font-color--300);font-family:var(--font--pixel)}button[data-v-32e3356a]{background:transparent}.app__sidebar-music-controls button[data-v-32e3356a]{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--background-color--400);padding:.5rem;height:4rem;width:4rem;transition:background var(--transition--short)}.app__sidebar-music-controls button[data-v-32e3356a]:hover,.app__sidebar-music-controls button[data-v-32e3356a]:focus{background:var(--background-color--500)}.app__sidebar-music-controls button[data-v-32e3356a]:active{background:var(--background-color--600)}.music__remove-icon[data-v-32e3356a]{opacity:.3;transition:opacity var(--transition--short)}.music li:hover .music__remove-icon[data-v-32e3356a]{opacity:.75}.music li .music__remove-icon[data-v-32e3356a]:hover{opacity:.9}.music li svg[data-v-32e3356a]{height:20px;width:20px}.music li button[data-v-32e3356a]{padding:.5rem;display:flex;align-items:center}.app__sidebar-music-controls button>span[data-v-32e3356a]{position:absolute;top:50%;left:50%;height:25%;width:25%;transform:translate(-50%,-50%);border:2px solid var(--font-color--300);transition:border var(--transition--short);border-radius:2px;background:transparent;display:block}.app__sidebar-music-controls button>span[data-v-32e3356a]{border:2px solid var(--font-color--300)}.app__sidebar-music-controls[data-v-32e3356a]{display:flex;align-items:center;gap:.5rem;padding:1.5rem;background:var(--background-color--300);border-top:4px solid var(--background-color--400)}.music__song-progress[data-v-32e3356a]{background:var(--accent-color--300);height:5px;position:absolute;bottom:0;left:0}.sidebar__body-scroll[data-v-32e3356a]{display:flex;flex-direction:column;flex:1%;overflow-y:auto;overflow-x:hidden;flex:1;transform:translateZ(0)}.sidebar__body[data-v-32e3356a]{display:flex;flex-direction:column;padding:.5rem 0;flex:1}.sidebar__controls-buttons[data-v-32e3356a]{display:flex;align-items:center;justify-content:space-between}.sidebar__left-controls-buttons[data-v-32e3356a],.sidebar__right-controls-buttons[data-v-32e3356a]{flex:1;display:flex}.sidebar__left-controls-buttons[data-v-32e3356a]{justify-content:flex-start}.sidebar__right-controls-buttons[data-v-32e3356a]{justify-content:flex-end}.sidebar__range-controls[data-v-32e3356a]{display:flex;align-items:center;gap:1rem}.sidebar__duration-controls[data-v-32e3356a]{display:flex;align-items:center;gap:.5rem;width:50%}@media (min-width: 840px){.sidebar__duration-controls[data-v-32e3356a]{width:60%}}.sidebar__volume-controls[data-v-32e3356a]{display:flex;align-items:center;gap:.5rem;flex:1}.sidebar__controls[data-v-32e3356a]{display:flex;flex-direction:column;padding:2rem 1.5rem;gap:1rem;position:relative;overflow:hidden;background-color:#ffffff05;border-top:var(--app-border);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.music__liked-button-icon[data-v-32e3356a]{stroke-width:2px;stroke:var(--font-color--300);fill:none}.music__liked-button-icon.music__liked-button-icon--liked[data-v-32e3356a]{stroke:#fff;fill:#fff}.sidebar__controls[data-v-32e3356a]>*{z-index:2}.music__header-details[data-v-32e3356a]{display:flex;align-items:flex-start;gap:.75rem;flex:1;padding:2rem 2rem 6rem}.music__header-details input[data-v-32e3356a]{background:transparent;font-size:inherit;border:0;outline:0}.music__header-info[data-v-32e3356a]{display:flex;flex:1;gap:.5rem;flex-direction:column}.music__vibe-likes-count[data-v-32e3356a]{display:inline-flex;align-items:center;font-size:12px;padding:.25rem;background:#ffffff13;border:var(--app-border);border-radius:5px;align-self:flex-start;color:#fff}.music__vibe-creator[data-v-32e3356a]{color:var(--font-color--300)}.music__title[data-v-32e3356a]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:#0006;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--font-color--300);z-index:3}.app__sidebar-inner[data-v-32e3356a]{width:var(--sidebar-width, 320px);display:flex;flex-direction:column;overflow:auto;flex:1;position:relative;isolation:isolate;margin:0 .5rem .5rem 0;box-shadow:0 0 1rem #00000026;border-radius:var(--border-radius);border:var(--app-border);background:#ffffff04}.song__details[data-v-32e3356a]{display:flex;flex-direction:column;flex:1;gap:.25rem;transition:opacity var(--transition--short)}.song__details.song__details--now-playing[data-v-32e3356a]{display:flex;flex-direction:row;gap:.75rem}.music__song-name[data-v-32e3356a]{font-weight:500;color:var(--font-color--100);font-size:.875rem}.music__artist-name[data-v-32e3356a]{font-weight:400;color:var(--font-color--300);font-size:.8rem}.app__sidebar ul[data-v-32e3356a]{position:relative;padding:0;padding:.5rem 0;padding-top:0;margin:0;list-style-type:none}.sidebar__playlist-container[data-v-32e3356a]{overflow:hidden}.app__sidebar .sidebar__playlist-container:last-of-type ul[data-v-32e3356a]{padding-bottom:0}.app__sidebar li[data-v-32e3356a]{padding:.175rem 0}.app__sidebar li[data-v-32e3356a]:first-child{padding-top:0}.music__item.music__item--now-playing[data-v-32e3356a]{padding:0}.music__item.music__item--now-playing .song__gradient[data-v-32e3356a]{border-bottom-right-radius:0;border-bottom-left-radius:0}.music__item-inner[data-v-32e3356a]{position:relative;padding:.75rem 1rem;margin:0 .5rem;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.5rem;transition:backdrop-filter var(--transition--short),border var(--transition--short);z-index:0}.song__gradient[data-v-32e3356a]{display:block;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;top:0;left:0;height:100%;width:100%;border-radius:var(--border-radius);transition:background var(--transition--medium);z-index:-1;opacity:1;background:color-mix(in srgb,var(--accent-color),transparent 80%)}.app__sidebar-inner--dark li:nth-child(2n) .music__item-inner[data-v-32e3356a]{background:#ffffff03}.app__sidebar-inner--light li:nth-child(2n) .music__item-inner[data-v-32e3356a]{background:#00000005}.app__sidebar li img[data-v-32e3356a]{border-radius:var(--border-radius);border-radius:5px;object-fit:cover;height:45px;width:45px;z-index:1}ul.small li img[data-v-32e3356a]{height:45px;width:45px;border-radius:50%}.app__sidebar li:hover .music__item-inner[data-v-32e3356a]{-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1)}.app__sidebar li.active:hover .music__item-inner[data-v-32e3356a]{background:var(--background-color--100)}.app__sidebar li.active .music__song-name[data-v-32e3356a],.app__sidebar li.active .music__artist-name[data-v-32e3356a]{color:var(--font-color--100)}.music__header[data-v-32e3356a]{position:relative;display:flex;flex-direction:column;background:var(--background-color--300);margin:.5rem;border-radius:12px;overflow:hidden;box-shadow:0 0 1rem #00000026}.music__header .button svg[data-v-32e3356a]{fill:#fff;stroke:#fff}.music__header[data-v-32e3356a]:after{background:linear-gradient(to bottom,#000000b3,#0006);content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.music__header[data-v-32e3356a]>*{z-index:2}.music__header h2[data-v-32e3356a]{margin:0;font-size:1.5rem}.music__header p[data-v-32e3356a]{margin:0}.music__list-collapse[data-v-32e3356a]{display:flex;align-items:center;padding:.5rem 1rem;border-radius:var(--border-radius);margin:0 .5rem .5rem;cursor:pointer;transition:background var(--transition--short),border var(--transition--short);-webkit-user-select:none;user-select:none;gap:1rem}.music__collapse-icon[data-v-32e3356a]{height:14px;width:14px;transform:rotate(180deg)}.music__list-collapse.music__list-collapse--collapsed.music__list-collapse--active[data-v-32e3356a]{background:var(--background-color--100)}.music__list-collapse.music__list-collapse--collapsed.music__list-collapse--active[data-v-32e3356a]:hover{background:var(--background-color--300)}.music__list-collapse.music__list-collapse--collapsed.music__list-collapse--active[data-v-32e3356a]:active{background:var(--background-color--400)}.music__list-collapse.music__list-collapse--collapsed .music__collapse-icon[data-v-32e3356a]{transform:rotate(0)}.music__title-icon[data-v-32e3356a]{height:18px;width:18px;stroke:var(--font-color--300)}.music__list-collapse[data-v-32e3356a]:hover{background:var(--background-color--300)}.music__list-collapse[data-v-32e3356a]:active{background:var(--background-color--400)}.music__list-collapse>span[data-v-32e3356a]{flex:1}.music__active-checkbox[data-v-32e3356a]{display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;background:var(--background-color--300);border:4px solid var(--background-color--400);border-radius:var(--border-radius)}.music__active-checkbox.music__active-checkbox--active[data-v-32e3356a]{background:var(--background-color--400);border:4px solid var(--background-color--600)}.music__active-checkbox svg[data-v-32e3356a]{height:95%;width:95%;stroke:var(--featured-vibe-accent)}.music__active-radio[data-v-32e3356a]{display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;background:var(--background-color--300);border:2px solid var(--background-color--500);border-radius:50%}.music__active-radio.music__active-radio--active[data-v-32e3356a]{background:var(--background-color--400);border:2px solid var(--background-color--600)}.music__active-radio-blip[data-v-32e3356a]{display:block;height:.5rem;width:.5rem;border-radius:inherit;background:var(--featured-vibe-accent)}.music__active-radio-remove[data-v-32e3356a]{display:none;height:3px;width:50%;background:var(--accent-color--100);border-radius:var(--border-radius)}.app__sidebar li:hover .music__active-radio-blip[data-v-32e3356a],.app__sidebar li:hover .music__active-checkbox svg[data-v-32e3356a]{display:none}.app__sidebar li:hover.active .music__active-radio-remove[data-v-32e3356a]{display:block}.music__item-body[data-v-32e3356a]{display:flex;align-items:center;gap:1rem}[data-v-32e3356a] .fancy-progress__progress-thumb{opacity:0;transition:opacity var(--transition--short)}.music__item[data-v-32e3356a]:hover .fancy-progress__progress-thumb{opacity:1}[data-v-32e3356a] .fancy-progress__progress-thumb{transition:opacity var(--transition--short)}[data-v-32e3356a] .fancy-progress__progress{transition:background var(--transition--short)}.music__item[data-v-32e3356a]:hover .fancy-progress__progress{background:var(--featured-vibe-accent)}.music__item-volume[data-v-32e3356a]{display:flex;align-items:center;gap:1rem}.music__item-volume-icon:hover svg[data-v-32e3356a]{stroke:var(--font-color--100)}.music__volume-progress[data-v-32e3356a]{flex:1}.song__favorite-icon--active[data-v-32e3356a]{fill:gold;stroke:gold}.song__image-container[data-v-32e3356a]{position:relative;display:flex}.song__image-container-volume-container[data-v-32e3356a]{position:absolute;left:0;top:0;height:100%;width:200px;display:flex;align-items:center;padding-left:calc(45px + .5rem);padding-right:1rem;border-radius:23px;opacity:0;pointer-events:none;transition:opacity var(--transition--short)}.song__image-container-volume-icon-container[data-v-32e3356a]{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:#0009;border-radius:5px;opacity:0;z-index:3;transition:opacity var(--transition--short)}ul.small .song__image-container-volume-icon-container[data-v-32e3356a]{border-radius:50%}.song__image-container-volume-container--now-playing .song__image-container-volume-icon-container[data-v-32e3356a]{border-top-left-radius:5px;border-bottom-left-radius:5px}.music__item:hover .song__image-container-volume-icon-container[data-v-32e3356a],.music__item--muted .song__image-container-volume-icon-container[data-v-32e3356a]{opacity:1}.music__item--editing-volume .song__image-container-volume-container[data-v-32e3356a]{opacity:1;pointer-events:all}.music__item--editing-volume .song__gradient--volume[data-v-32e3356a]{opacity:0}.song__gradient--volume[data-v-32e3356a]{opacity:1;transition:opacity var(--transition--short)}.music__item--muted .song__details[data-v-32e3356a],.music__item--muted img[data-v-32e3356a]{opacity:.4}.music__item--editing-volume .song__details[data-v-32e3356a]{opacity:0;pointer-events:none}.music__item--now-playing[data-v-32e3356a]{padding-bottom:0}.app__sidebar .music__queue-list[data-v-32e3356a]{margin:0 .5rem .5rem;background:#00000026;border-radius:0 0 var(--border-radius) var(--border-radius);padding-top:.5rem;border-top:var(--app-border)}.app__sidebar .music__queue-list .song__details[data-v-32e3356a],.app__sidebar .music__queue-list img[data-v-32e3356a]{opacity:.4}.app__sidebar .music__queue-list .music__item-active-in-queue .song__details[data-v-32e3356a],.app__sidebar .music__queue-list .music__item-active-in-queue img[data-v-32e3356a]{opacity:1}.app__sidebar .music__now-playing-list[data-v-32e3356a]{padding-bottom:0}.list-move[data-v-32e3356a],.list-enter-active[data-v-32e3356a],.list-leave-active[data-v-32e3356a]{transition:opacity var(--transition--short),transform var(--transition--short)}.list-enter-from[data-v-32e3356a]{opacity:0;transform:translateY(5px)}.list-leave-to[data-v-32e3356a]{opacity:0;transform:translateY(-5px)}.list-leave-active[data-v-32e3356a]{position:absolute;width:100%}.music__modal-export-url[data-v-32e3356a]{font-family:var(--font--pixel);display:flex;align-items:center;background:#ffffff1a;border-radius:5px;margin-top:1.5rem}.music__modal-export-url span[data-v-32e3356a]{padding:.5rem;display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.texture-overlay[data-v-72e29fe9]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.app__welcome-message[data-v-ed630cb6]{position:relative;padding:2rem;background:var(--background-color--300);border-bottom:var(--app-border);z-index:2;display:flex}.app__welcome-message-text[data-v-ed630cb6]{display:flex;flex-direction:column;gap:1rem;flex:1}.app__welcome-message-text h2[data-v-ed630cb6]{margin:0}.app__welcome-message-text span[data-v-ed630cb6]{color:var(--font-color--300)}.modal--signup__login-options[data-v-ed630cb6]{display:flex;flex-direction:column;gap:1rem}.modal--signup__login-option-button[data-v-ed630cb6]{text-align:center}.modal--signup__login-option-button span[data-v-ed630cb6]{flex:1;font-size:1.15rem}.modal--signup__login-option-icon[data-v-ed630cb6]{height:20px;width:20px;position:absolute;left:1rem;top:0;height:100%;object-fit:contain}.app__nav-saved-sign-button[data-v-ed630cb6]{margin-top:.5rem}.app__sign-up-form[data-v-ed630cb6]{display:flex;flex-direction:column;gap:1rem}.button.app__sign-up-button[data-v-ed630cb6]{justify-content:center;align-self:center;width:100%}.app__sign-up-form-mode-button.button[data-v-ed630cb6]{justify-content:center}.app__sign-up-form-mode-button.button span[data-v-ed630cb6]{font-size:.875rem;color:var(--font-color--400)}.app__audio-preview-cover-image[data-v-ed630cb6]{height:45px;width:45px;object-fit:cover;border:var(--app-border);border-radius:var(--border-radius)}.app__audio-preview-name[data-v-ed630cb6]{color:var(--font-color--100);font-weight:500}.app__audio-preview-artist[data-v-ed630cb6]{color:var(--font-color--300);font-size:.875rem}.app__audio-preview-details[data-v-ed630cb6]{display:flex;align-items:center;width:30%;gap:.5rem}.app__audio-preview-meta-data[data-v-ed630cb6]{display:flex;flex-direction:column;gap:.5rem}.app__audio-preview-progress-container[data-v-ed630cb6]{width:40%;display:flex;align-items:center;gap:.5rem}.app__audio-preview-time[data-v-ed630cb6]{font-size:.875rem;min-width:40px}.app__audio-preview-time--duration[data-v-ed630cb6]{text-align:left}.app__audio-preview-time--progress[data-v-ed630cb6]{text-align:right}.app__audio-preview-controls-container[data-v-ed630cb6]{display:flex;width:30%;justify-content:flex-end}.app__gradient[data-v-ed630cb6]{background:var(--gradient);position:absolute;top:0;left:0;height:100%;width:100%;display:block;transition:opacity 2s ease;will-change:background;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}[data-color-theme=ambient] .app__gradient[data-v-ed630cb6]{background-image:linear-gradient(rgba(0,0,0,.4) 0,var(--background-color--gradient-bottom) 50%),var(--background-noise);opacity:1}.app__nav--resizing[data-v-ed630cb6],.app__nav--resizing[data-v-ed630cb6] *{cursor:ew-resize!important;-webkit-user-select:none;user-select:none}.app__sidebar[data-v-ed630cb6]{display:flex;flex-direction:column;z-index:4;border-radius:var(--app-border-radius);overflow:auto;position:relative;will-change:width}.app__sidebar--resizing[data-v-ed630cb6],.app__sidebar--resizing[data-v-ed630cb6] *{cursor:ew-resize!important;-webkit-user-select:none;user-select:none}.app__sidebar-header[data-v-ed630cb6]{display:flex;align-items:center;gap:.5rem;text-transform:uppercase;font-weight:600;font-size:.75rem;padding:1.5rem}.app__main[data-v-ed630cb6]{display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;background:#ffffff04;z-index:2;border-radius:var(--app-border-radius);margin-bottom:var(--app-gutter);container-type:inline-size;transform:translateZ(0);margin:0 .5rem .5rem;border-radius:var(--border-radius);border:var(--app-border)}.app__main-router-container[data-v-ed630cb6]{display:flex;flex-direction:column;position:relative;padding:2rem;flex:1;z-index:2;border-radius:var(--app-border-radius);margin-bottom:var(--app-gutter);container-type:inline-size;transform:translateZ(0)}.app__main-router-container.app__main-router-container--overview[data-v-ed630cb6]{padding:2rem 0;gap:2rem}.app__audio-preview-container[data-v-ed630cb6]{display:flex;align-items:center;gap:1rem;grid-area:app__preview;z-index:2;margin:0rem .5rem .5rem 0}.app__audio-preview[data-v-ed630cb6]{flex:1;border-radius:var(--border-radius);border:var(--app-border);background:#ffffff04;padding:2rem;display:flex;align-items:center;gap:1rem;grid-area:app__preview;z-index:2;box-shadow:0 0 1rem #00000026}.app__nav[data-v-ed630cb6]{display:flex;justify-content:space-between;margin:0 .5rem;align-items:center;z-index:3;position:relative}.app__nav-left[data-v-ed630cb6],.app__nav-right[data-v-ed630cb6]{width:200px;flex-shrink:0;display:flex;align-items:center}.app__nav-right[data-v-ed630cb6]{justify-content:flex-end}.app__nav-logo-container[data-v-ed630cb6]{display:flex;align-items:center;gap:.375rem;text-decoration:none;margin-left:.5rem}.app__nav-logo-container[data-v-ed630cb6]:hover{text-decoration:none}.app__nav-logo-type[data-v-ed630cb6]{font-family:"Instrument Serif",Georgia,serif;font-size:var(--text-md);text-transform:lowercase;font-style:italic}.app__nav-settings[data-v-ed630cb6]{display:flex;align-items:center}.app__resize-indicator[data-v-ed630cb6]{position:absolute;top:50%;transform:translateY(-50%);height:calc(100% - 2rem - var(--border-radius));width:1px;background:var(--app-border);z-index:99;display:block;opacity:0;transition:opacity var(--transition--short),width var(--transition--short),background var(--transition--short);cursor:ew-resize;-webkit-user-select:none;user-select:none}.app__resize-indicator--nav[data-v-ed630cb6]{right:-2px}.app__resize-indicator--sidebar[data-v-ed630cb6]{left:1px}.app__resize-indicator[data-v-ed630cb6]:after{display:block;position:absolute;right:0;bottom:0;height:100%;width:calc(100% + 6px);transform:translate(-50%);content:"";top:0;left:0}.app__resize-indicator[data-v-ed630cb6]:hover{opacity:1;background:var(--accent);width:3px;transition-delay:.1s}.app__nav-main[data-v-ed630cb6]{list-style-type:none;display:flex;align-items:stretch;gap:.25rem;margin:0;padding:0;padding:.25rem;justify-content:center;background:#ffffff04;border:var(--app-border);border-radius:var(--border-radius)}.app__nav-recents[data-v-ed630cb6]{flex:1;overflow:auto;border-top:var(--app-border)}.app__nav ul li[data-v-ed630cb6]{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.app__nav--collapsed.app__nav ul li a[data-v-ed630cb6],.app__nav--collapsed.app__nav ul li button[data-v-ed630cb6]{justify-content:center}.app__nav-item-image[data-v-ed630cb6]{height:40px;width:40px;object-fit:cover;flex-shrink:0;border-radius:calc(var(--border-radius) - 3px)}.app__nav-button-logo[data-v-ed630cb6]{height:26px;width:26px;margin:-3px}.app__nav-button-logo.app__nav-button-logo--profile-picture[data-v-ed630cb6]{border-radius:50%;object-fit:cover;border:var(--app-border)}.app__nav-item svg[data-v-ed630cb6]{height:20px;width:20px;-webkit-user-select:none;user-select:none;pointer-events:none}.app__nav--collapsed .app__nav-item span[data-v-ed630cb6],.app__nav--collapsed .app__nav-item--recent__content[data-v-ed630cb6]{display:none}.app__nav-item a[data-v-ed630cb6],.app__nav-item button[data-v-ed630cb6]{padding:.5rem 1rem;border-radius:calc(var(--border-radius) - .25rem);display:flex;align-items:center;background:transparent;gap:.5rem;flex:1;font-weight:600;color:var(--font-color--300);-webkit-user-select:none;user-select:none;overflow:hidden;align-self:stretch}.app__nav-item-subtitle[data-v-ed630cb6]{font-size:.7rem;color:var(--font-color--400)}.app__nav-item[data-v-ed630cb6] .app__nav-item--collapse-tooltip-target{flex:1;overflow:hidden}.app__nav-item--recent__content[data-v-ed630cb6]{display:flex;flex-direction:column;overflow:hidden;gap:.25rem}.app__nav-item--recent__thumbnails[data-v-ed630cb6]{display:flex}.app__nav-item--recent__thumbnails-container[data-v-ed630cb6]{display:flex;flex-direction:column;margin-top:.5rem;gap:.5rem}.app__nav-item--recent__thumbnail[data-v-ed630cb6]{height:28px;width:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--background-color-solid-hue--100)}.app__nav-item--recent__thumbnail[data-v-ed630cb6]:not(:first-of-type){margin-left:-10px}.app__nav-item--recent button[data-v-ed630cb6]{padding:.75rem}.app__nav-item--recent-empty[data-v-ed630cb6]{display:flex;flex-direction:column;justify-content:center;flex:1;text-align:center;color:var(--font-color--400)}.nav__recent-empty-icon-container[data-v-ed630cb6]{height:45px;width:45px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;box-sizing:content-box}.nav__recent-empty-icon-container svg[data-v-ed630cb6]{stroke:var(--font-color--500)}.app__nav-item.app__nav-item--recent span[data-v-ed630cb6]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app__nav-item a[data-v-ed630cb6]:hover,.app__nav-item a.router-link-active[data-v-ed630cb6],.app__nav-item button[data-v-ed630cb6]:not(.button):hover{background:var(--background-color-inverse--100);text-decoration:none;color:var(--font-color--100)}.app__nav ul li a[data-v-ed630cb6]:not(.button):active,.app__nav ul li button[data-v-ed630cb6]:not(.button):active{background:var(--background-color-inverse--200)}.player-layout__gradient[data-v-dfc05591]{background:var(--gradient);position:fixed;top:0;left:0;height:100%;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}[data-color-theme=ambient] .player-layout__gradient[data-v-dfc05591]{background-image:linear-gradient(rgba(0,0,0,.4) 0,var(--background-color--gradient-bottom) 50%),var(--background-noise);opacity:1}.app__notification-tray[data-v-f689651f]{position:absolute;z-index:3;bottom:1rem;left:50%;transform:translate(-50%)}.app-loading-enter-active[data-v-f689651f],.app-loading-leave-active[data-v-f689651f]{transition:opacity var(--transition--short)}.app-loading-enter-from[data-v-f689651f],.app-loading-leave-to[data-v-f689651f]{opacity:0}.app__app-loading-indicator[data-v-f689651f]{height:40px;width:40px;z-index:2;stroke:none;fill:var(--font-color--100)}.app__loading-screen[data-v-f689651f]{position:fixed;z-index:999;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.app__loading-screen-gradient[data-v-f689651f]{position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;background:var(--gradient);filter:brightness(.9)}.app__app-loading-title[data-v-f689651f]{z-index:2}.app__featured-vibe-background[data-v-f689651f]{position:fixed;top:0;left:0;height:100%;width:100%;z-index:2;filter:blur(100px);opacity:.8;will-change:opacity}.app__featured-vibe-background[data-v-f689651f]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 60% 40%,#0003,#000000bf)}.app__noise[data-v-f689651f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}.app-background-enter-active[data-v-f689651f],.app-background-leave-active[data-v-f689651f]{transition:opacity 1s var(--custom-motion)}.app-background-enter-from[data-v-f689651f],.app-background-leave-to[data-v-f689651f]{opacity:0}.scroller[data-v-97551a43]{position:relative;width:100%;overflow:hidden}.scroller__inner[data-v-97551a43]{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scroll-padding:1rem;padding:1rem 2rem;mask-image:linear-gradient(to right,transparent var(--mask-start, 0%),black var(--mask-black-left, 0%),black var(--mask-black-right, 100%),transparent var(--mask-end, 100%));-webkit-mask-image:linear-gradient(to right,transparent var(--mask-start, 0%),black var(--mask-black-left, 0%),black var(--mask-black-right, 100%),transparent var(--mask-end, 100%));mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;will-change:mask-image,transform}.scroller__inner[data-v-97551a43]::-webkit-scrollbar{height:10px}.scroller__inner[data-v-97551a43]::-webkit-scrollbar-track{margin-inline:2rem}.scroller__inner[data-v-97551a43]>*{scroll-snap-align:start;flex-shrink:0;width:250px;min-width:200px}.scroller__scroll-button[data-v-97551a43]{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(calc(-50% - 1rem));border-radius:50%;background:#ffffff26;padding:1rem;border:none;cursor:pointer;z-index:10;opacity:1;transition:opacity .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scroller__scroll-button[data-v-97551a43]:hover{background:#fff3}.scroller__scroll-button[data-v-97551a43]:active{background:#ffffff40}.button-left-enter-active[data-v-97551a43],.button-left-leave-active[data-v-97551a43]{transition:opacity var(--transition--short),translate var(--transition--short)}.button-left-enter-from[data-v-97551a43],.button-left-leave-to[data-v-97551a43]{opacity:0;translate:-.5rem 0}.button-right-enter-active[data-v-97551a43],.button-right-leave-active[data-v-97551a43]{transition:opacity var(--transition--short),translate var(--transition--short)}.button-right-enter-from[data-v-97551a43],.button-right-leave-to[data-v-97551a43]{opacity:0;translate:.5rem 0}.scroller__scroll-button svg[data-v-97551a43]{fill:none;stroke:#fff;width:14px;height:14px}.scroller__scroll-button--left[data-v-97551a43]{left:1rem}.scroller__scroll-button--right[data-v-97551a43]{right:1rem}.scroll-button[data-v-97551a43]:hover{opacity:1}.vibe-chip[data-v-faf57a71]{display:flex;padding:1rem 1.5rem;position:relative;border-radius:var(--border-radius);border-radius:100vw;overflow:hidden;max-width:200px;text-decoration:none;display:inline-flex;transition:box-shadow var(--transition--long);align-items:center}.vibe-chip__name[data-v-faf57a71]{font-weight:600}.vibe-chip[data-v-faf57a71]:hover{box-shadow:0 9px 18px -9px #00000040,0 15px 24px -15px #0003}.vibe-chip__image-container[data-v-faf57a71]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.vibe-chip__image-container[data-v-faf57a71]:after{height:100%;width:100%;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,#00000080,#0000);position:absolute;content:""}.vibe-chip__image[data-v-faf57a71]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;will-change:scale;transform:translateZ(0);backface-visibility:hidden;transition:scale var(--transition--long)}.vibe-chip:hover .vibe-chip__image[data-v-faf57a71]{scale:1.035}.vibe[data-v-faf57a71]{cursor:pointer;border-radius:var(--border-radius);transition:background var(--transition--short),border var(--transition--short),box-shadow var(--transition--short);border:1px solid transparent;position:relative}.vibe[data-v-faf57a71]:after{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;border-radius:var(--border-radius);background:var(--accent-color);opacity:0;transition:transform var(--transition--medium),opacity var(--transition--medium),box-shadow var(--transition--medium);z-index:-1;transform:scale(.935);will-change:transform,opacity}.vibe[data-v-faf57a71]:hover:after,.vibe.vibe--active[data-v-faf57a71]:hover:after{transform:scale(1)}.vibe.vibe--active[data-v-faf57a71]:after{transform:scale(.95)}.vibe[data-v-faf57a71]:hover:after,.vibe.vibe--active[data-v-faf57a71]:after{opacity:.2}.vibe[data-v-faf57a71]:hover{text-decoration:none}.vibe.vibe--active[data-v-faf57a71]:after{border:1px solid color-mix(in srgb,var(--accent-color),transparent 60%);box-shadow:0 0 10px var(--accent-color)}.vibe__name[data-v-faf57a71]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;color:var(--font-color--200)}.vibe:hover .vibe__name[data-v-faf57a71]{color:var(--font-color--100)}.vibe__metrics[data-v-faf57a71]{display:flex;gap:1rem}.vibe__body[data-v-faf57a71]{padding:1rem 0 0;display:flex;justify-content:center;flex-direction:column;gap:.5rem}.vibe__save-count[data-v-faf57a71]{display:inline-flex;align-items:center;overflow:hidden;gap:.5rem;align-self:flex-end;font-size:var(--text-xs);font-family:var(--font--pixel);font-weight:400}.vibe__save-count svg[data-v-faf57a71]{height:10px;width:10px;stroke:none;fill:var(--font-color--400)}.vibe__image-container[data-v-faf57a71]{position:relative;overflow:hidden;margin-bottom:0;border-radius:calc(var(--border-radius) - 2px);aspect-ratio:16/9}.vibe__image[data-v-faf57a71]{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;z-index:1;border-radius:inherit;will-change:transform;backface-visibility:hidden;transform:translateZ(0) scale(1);transition:transform var(--transition--long)}.vibe:hover .vibe__image[data-v-faf57a71]{transform:translateZ(0) scale(1.035)}.vibe__play-icon-container[data-v-faf57a71]{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%) scale(.93);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-color);box-shadow:0 2px 6px #0000004d,0 5px 10px #0003;opacity:0;transition:opacity var(--transition--short),transform var(--transition--short);z-index:2;will-change:transform,opacity;aspect-ratio:1}.vibe__play-icon-container[data-v-faf57a71]:hover{filter:brightness(1.1)}.vibe__play-icon-container[data-v-faf57a71]:active{filter:brightness(1.2)}.vibe:hover .vibe__play-icon-container[data-v-faf57a71]{transform:translate(-50%,-50%) scale(1);opacity:1}.vibe__play-icon[data-v-faf57a71]{fill:color-mix(in srgb,var(--accent-color),black 85%);stroke:color-mix(in srgb,var(--accent-color),black 85%);height:28px;width:28px}.vibe-metric-enter-active[data-v-faf57a71],.vibe-metric-leave-active[data-v-faf57a71]{transition:transform var(--transition--short)}.vibe-metric-enter-from[data-v-faf57a71]{transform:translateY(110%)}.vibe-metric-leave-to[data-v-faf57a71]{transform:translateY(-110%)}.home__featured-vibe[data-v-efb6a7cf]{position:relative;display:flex;border-radius:var(--border-radius--large);overflow:hidden;background:linear-gradient(to top right,color-mix(in srgb,var(--accent-color),transparent 85%),color-mix(in srgb,var(--accent-color),transparent 95%));background:var(--transparent-color--100);box-shadow:0 18px 36px -18px #00000026,0 30px 45px -30px #0000001a;margin:0 2rem;max-width:1556px}.home__featured-vibe[data-v-efb6a7cf]:after{background:linear-gradient(100deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 50%,transparent 80%),linear-gradient(0deg,rgba(0,0,0,.6) 0%,transparent 70%);top:0;right:0;bottom:0;left:0;height:100%;width:100%;content:"";position:absolute}.home__featured-vibe-content[data-v-efb6a7cf]{position:relative;z-index:2;padding:2rem;flex:1;display:flex;align-items:center;gap:1rem}.home__featured-vibe-text[data-v-efb6a7cf]{display:flex;flex-direction:column;gap:1.5rem;flex:1}.home__feature-vibe-stats[data-v-efb6a7cf]{font-family:var(--font--pixel);font-size:var(--text-xs);text-transform:uppercase;color:var(--font-color--300);gap:1rem;display:flex;align-items:center;letter-spacing:.05em}.home__feature-vibe-stats-divider[data-v-efb6a7cf]{height:3px;width:3px;background:var(--font-color--400);display:block;border-radius:100%}.home__featured-vibe-play-button[data-v-efb6a7cf]{background:var(--accent-color);padding:1rem;border-radius:50%;display:flex;align-items:center;margin-right:2rem}.home__featured-vibe-play-button[data-v-efb6a7cf]:hover{filter:brightness(1.1)}.home__featured-vibe-play-button[data-v-efb6a7cf]:active{filter:brightness(1.2)}.home__featured-vibe-play-button svg[data-v-efb6a7cf]{height:28px;width:28px;fill:#000;stroke:none}.home__featured-vibe-badge[data-v-efb6a7cf]{font-size:var(--text-xs);letter-spacing:.08em;line-height:var(--leading-ui);text-transform:uppercase;margin-bottom:0;color:var(--font-color--300);display:flex;align-items:center;gap:.5rem;border:var(--app-border);background:var(--accent-color);padding:.5rem 1rem;align-self:flex-start;border-radius:100vw;font-weight:500}.home__featured-vibe-description[data-v-efb6a7cf]{font-weight:500;color:var(--font-color--300);max-width:500px;margin:0}.home__featured-vibe-name[data-v-efb6a7cf]{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:-.02em;margin:0}h2[data-v-efb6a7cf]{margin-top:0}.spotify-callout[data-v-efb6a7cf]{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:2rem;margin-bottom:2rem}@container (min-width: 600px){.spotify-callout[data-v-efb6a7cf]{flex-direction:row;align-items:center;justify-content:unset}}.spotify-callout__heading[data-v-efb6a7cf]{margin:0}.spotify-callout__body[data-v-efb6a7cf]{flex:1}.spotify-callout__buttons[data-v-efb6a7cf]{display:flex;gap:.5rem}.switch__button-icon[data-v-c19fdc7a]{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding:.25rem;stroke:var(--background-color--100)}.switch-container[data-v-c19fdc7a]{display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center}.switch[data-v-c19fdc7a]{background:#ffffff0d;height:18px;width:30px;border-radius:calc(25px + .4rem);cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding:.25rem;box-sizing:content-box;transition:background var(--transition--short),border var(--transition--short),box-shadow var(--transition--short);box-shadow:0 0 6px transparent}.switch.active[data-v-c19fdc7a]{background:var(--accent);box-shadow:0 0 10px var(--accent)}.switch__button[data-v-c19fdc7a]{display:block;width:calc(50% + 3px);height:100%;background:#ffffff1a;border-radius:50%;will-change:transform,background;transition:transform var(--transition--short),background var(--transition--short);backface-visibility:hidden;overflow:hidden}.switch.active .switch__button[data-v-c19fdc7a]{transform:translate(calc(100% - 6px));background:#fffc}.switch__button[data-v-c19fdc7a]:after{position:relative;display:block;content:"";padding-left:100%}a[data-v-c19fdc7a],button[data-v-c19fdc7a]{color:#4fc08d}button[data-v-c19fdc7a]{background:none;border:solid 1px;border-radius:2em;font:inherit;padding:.75em 2em}svg[data-v-c19fdc7a]{height:70px;width:70px;cursor:pointer;overflow:visible}rect[data-v-c19fdc7a]{transition:.15s ease}.outer[data-v-c19fdc7a]{fill:#e6e6e666;filter:drop-shadow(0 1px 3px hsla(148deg,5%,50%,.1));transition:.15s ease;cursor:pointer}.inner[data-v-c19fdc7a]{fill:#e6e6e6bf;cursor:pointer;pointer-events:none;-webkit-user-select:none;user-select:none}svg:hover .outer[data-v-c19fdc7a]{fill:#e6e6e673}svg:active .outer[data-v-c19fdc7a]{fill:#e6e6e680}svg.is-active .outer[data-v-c19fdc7a]{fill:#31cc79;filter:drop-shadow(0 3px 7px hsla(148deg,70%,50%,.3))}svg.is-active:hover .outer[data-v-c19fdc7a]{fill:#2bb36a}svg.is-active:active .outer[data-v-c19fdc7a]{fill:#27a361}svg:active .inner[data-v-c19fdc7a]{fill:#e6e6e6d9}svg.is-active .inner[data-v-c19fdc7a]{fill:#e6f9ef}.ambience-item[data-v-098f27ae]{width:100%;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;padding:.75rem 1rem;border-radius:var(--border-radius);cursor:pointer;position:relative;transition:border-radius var(--transition--short)}.ambience-item__gradient[data-v-098f27ae]{display:block;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;top:0;left:0;height:100%;width:100%;transition:opacity var(--transition--medium);z-index:-1;opacity:0;background:color-mix(in srgb,var(--accent-color),transparent 80%)}.ambience-item--active .ambience-item__gradient[data-v-098f27ae]{opacity:1}.ambience-item[data-v-098f27ae]:hover{background:#ffffff06}.ambience-item[data-v-098f27ae]:active{background:#ffffff09}.ambience-item__body[data-v-098f27ae]{display:flex;align-items:center;gap:.5rem;overflow:hidden}.ambience-item__image-container[data-v-098f27ae]{position:relative;height:45px;width:45px;border-radius:50%;overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}.ambience-item__image-icons[data-v-098f27ae]{display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:var(--background-color--100);z-index:1;height:100%;width:100%}.ambience-item__image-container:hover .ambience-item__image-icons[data-v-098f27ae]{background:var(--background-color--200)}.ambience-item__image-container:active .ambience-item__image-icons[data-v-098f27ae]{background:var(--background-color--300)}.ambience-item:hover .ambience-item__image-icons[data-v-098f27ae],.ambience-item__image-icons--active[data-v-098f27ae]{display:flex}.ambience-item:hover .ambience-item__waves[data-v-098f27ae]{display:none}.ambience-item__icon[data-v-098f27ae]{fill:#fff;stroke:none;stroke-width:0;display:none}.ambience-item__icon--stop[data-v-098f27ae]{width:18px;height:18px}.ambience-item:hover .ambience-item__icon[data-v-098f27ae]{display:block}.ambience-item__image[data-v-098f27ae]{width:100%;height:100%;object-fit:cover;border-radius:50%}.ambience-item__info[data-v-098f27ae]{display:flex;flex-direction:column;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--font-color--100)}.ambience-item__name-variant[data-v-098f27ae]{display:flex;flex-direction:column;gap:.125rem}.ambience-item__variant-icon[data-v-098f27ae]{height:.75rem;width:.75rem;stroke-width:1.25px}.ambience-item__variant[data-v-098f27ae]{display:flex;align-items:center;gap:.25rem;color:var(--font-color--400);font-size:var(--text-xs)}.ambience-item__preview-badge[data-v-098f27ae]{font-size:10px;text-transform:uppercase;background:var(--accent);color:#fff;align-self:flex-start;padding:.25rem;border-radius:5px}.ambience-item__controls[data-v-098f27ae]{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.ambience-item__favorite[data-v-098f27ae]{opacity:0}.ambience-item:hover .ambience-item__favorite[data-v-098f27ae]{opacity:1}.ambience-item__favorite:not(.ambience-item__favorite--active):hover svg[data-v-098f27ae]{stroke:var(--font-color--100);fill:transparent;transition:stroke var(--transition--short),fill var(--transition--short)}.ambience-item__favorite--active[data-v-098f27ae]{opacity:1}.ambience-item__favorite--active svg[data-v-098f27ae]{fill:gold;stroke:gold;color:gold}.music-item[data-v-cf8c3087]{width:100%;overflow:hidden;display:grid;grid-template-columns:1fr max-content;gap:1rem;align-items:center;padding:.75rem 1rem;border-radius:var(--border-radius);cursor:pointer;position:relative;transition:border-radius var(--transition--short)}@container (min-width: 600px){.music-item[data-v-cf8c3087]{grid-template-columns:calc(30% - 1rem) calc(30% - 1rem) calc(20% - 1rem) calc(20% - 1rem)}}.music-item__gradient[data-v-cf8c3087]{display:block;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;top:0;left:0;height:100%;width:100%;transition:opacity var(--transition--medium);z-index:-1;opacity:0;background:color-mix(in srgb,var(--accent-color),transparent 80%)}.music-item--active .music-item__gradient[data-v-cf8c3087]{opacity:1}.music-item[data-v-cf8c3087]:hover{background:#ffffff06}.music-item[data-v-cf8c3087]:active{background:#ffffff09}.music-item__body[data-v-cf8c3087]{display:flex;align-items:center;gap:.5rem;overflow:hidden}.music-item__image-container[data-v-cf8c3087]{position:relative;height:45px;width:45px;border-radius:calc(var(--border-radius) - 2px);overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}.music-item__image-icons[data-v-cf8c3087]{display:none;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:var(--background-color--100);z-index:1;height:100%;width:100%}.music-item__image-container:hover .music-item__image-icons[data-v-cf8c3087]{background:var(--background-color--200)}.music-item__image-container:active .music-item__image-icons[data-v-cf8c3087]{background:var(--background-color--300)}.music-item:hover .music-item__image-icons[data-v-cf8c3087],.music-item__image-icons--active[data-v-cf8c3087]{display:flex}.music-item:hover .music-item__waves[data-v-cf8c3087]{display:none}.music-item__icon[data-v-cf8c3087]{fill:#fff;stroke:none;stroke-width:0;display:none}.music-item__icon--stop[data-v-cf8c3087]{width:18px;height:18px}.music-item:hover .music-item__icon[data-v-cf8c3087]{display:block}.music-item__image[data-v-cf8c3087]{width:100%;height:100%;object-fit:cover}.music-item__title[data-v-cf8c3087]{display:flex;flex-direction:column;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--font-color--100)}.music-item__preview-badge[data-v-cf8c3087]{font-size:10px;text-transform:uppercase;background:var(--accent);color:#fff;align-self:flex-start;padding:.25rem;border-radius:5px}.music-item__artist[data-v-cf8c3087]{display:none;font-size:.875rem;color:var(--font-color--400);transition:color var(--transition--short);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-item__genre[data-v-cf8c3087]{display:none}@container (min-width: 600px){.music-item__artist[data-v-cf8c3087],.music-item__genre[data-v-cf8c3087]{display:flex}}.music-item__tags[data-v-cf8c3087]{display:inline-flex;gap:.5rem;margin-right:1rem}.music-item__tag[data-v-cf8c3087]{padding:.25rem .5rem;background:#ffffff0d;border-radius:6px;font-size:.75rem;color:var(--font-color--200)}.music-item__controls[data-v-cf8c3087]{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.music-item__favorite[data-v-cf8c3087]{opacity:0}.music-item:hover .music-item__favorite[data-v-cf8c3087]{opacity:1}.music-item__favorite:hover svg[data-v-cf8c3087]{stroke:var(--font-color--100);fill:transparent;transition:stroke var(--transition--short),fill var(--transition--short)}.music-item__favorite--active[data-v-cf8c3087]{opacity:1}.music-item__favorite--active svg[data-v-cf8c3087]{fill:gold;stroke:gold;color:gold}.library__music-list[data-v-1c7b2d5e]{display:flex;flex-direction:column;justify-content:stretch;padding:0;margin:0;gap:.5rem}.library__music-list--ambience[data-v-1c7b2d5e]{display:grid;grid-gap:.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@container (min-width: 600px){.library__music-list--ambience[data-v-1c7b2d5e]{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 900px){.library__music-list--ambience[data-v-1c7b2d5e]{grid-template-columns:repeat(3,minmax(0,1fr))}}.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(odd):not(.ambience-item--active){background:#0000000d}@container (min-width: 600px){.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(odd):not(.ambience-item--active){background:transparent}.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(4n+1):not(.ambience-item--active),.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(4n+4):not(.ambience-item--active){background:#0000000d}}@container (min-width: 900px){.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(4n+1):not(.ambience-item--active),.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(4n+4):not(.ambience-item--active){background:transparent}.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(odd):not(.ambience-item--active){background:#0000000d}}.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(n):not(.ambience-item--active):hover{background:#ffffff06}.library__music-list--ambience[data-v-1c7b2d5e] .ambience-item:nth-child(n):not(.ambience-item--active):active{background:#ffffff09}.library__music-list[data-v-1c7b2d5e] .music-item:nth-child(odd):not(.music-item--active){background:#0000000d}.library__music-list[data-v-1c7b2d5e] .music-item:nth-child(n):not(.music-item--active):hover{background:#ffffff06}.library__music-list[data-v-1c7b2d5e] .music-item:nth-child(n):not(.music-item--active):active{background:#ffffff09}.music__header-row[data-v-1c7b2d5e]{display:grid;grid-template-columns:calc(30% - 1rem) calc(30% - 1rem) calc(20% - 1rem) calc(20% - 1rem);gap:1rem;align-items:center;padding:.5rem 1rem;padding-bottom:0;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--font-color--400);margin-top:.5rem}.music__header-row-item[data-v-1c7b2d5e]{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem}.music__header-row-item[data-v-1c7b2d5e]:hover,.music__header-row-item.sorted[data-v-1c7b2d5e]{color:var(--font-color--100)}.music__header-row-item--artist[data-v-1c7b2d5e],.music__header-row-item--genre[data-v-1c7b2d5e]{display:none}@container (min-width: 600px){.music__header-row-item--artist[data-v-1c7b2d5e],.music__header-row-item--genre[data-v-1c7b2d5e]{display:flex}}.music__header-row-sort-indicator[data-v-1c7b2d5e]{height:10px;width:10px}.music__header-row-sort-indicator--desc[data-v-1c7b2d5e]{transform:rotate(180deg)}.library__filter-key[data-v-1c7b2d5e]:first-of-type{margin-top:0}.library__filter-key[data-v-1c7b2d5e]{margin:1rem 0;font-size:.75rem;display:inline-flex;gap:.5rem;align-items:center;padding:.25rem .75rem;border-radius:var(--border-radius);color:var(--font-color--400);text-transform:uppercase}.library__filter-key[data-v-1c7b2d5e] svg{height:1rem;width:1rem}.library__filter-key-icon-container[data-v-1c7b2d5e],.library__genre-icon-container[data-v-1c7b2d5e]{display:flex;align-items:center;justify-content:center}.library__genre-icon-container[data-v-1c7b2d5e] svg{height:1rem;width:1rem;stroke:var(--font-color--500)}.library__tabs-row[data-v-1c7b2d5e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.library__tabs[data-v-1c7b2d5e]{display:inline-flex;align-items:stretch;position:relative;gap:2px;padding:2px;border-radius:var(--border-radius);background:#00000013;border:var(--app-border)}.library__tabs.library__tabs--small[data-v-1c7b2d5e]{display:inline-flex;align-items:stretch;position:relative;gap:4px;padding:4px;border-radius:100px;background:transparent;border:2px solid rgba(255,255,255,.05)}.library__tab-button-text[data-v-1c7b2d5e]{display:none}@container (min-width: 600px){.library__tab-button-text[data-v-1c7b2d5e]{display:flex}}.library__tabs button[data-v-1c7b2d5e]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.5rem 1rem;background:transparent;color:var(--font-color--400);border-radius:2px}.library__tabs>div:first-child button[data-v-1c7b2d5e]{border-top-left-radius:calc(var(--border-radius) - 3px);border-bottom-left-radius:calc(var(--border-radius) - 3px)}.library__tabs>div:last-child button[data-v-1c7b2d5e]{border-top-right-radius:calc(var(--border-radius) - 3px);border-bottom-right-radius:calc(var(--border-radius) - 3px)}.library__tabs button.library__tab--no-search-results[data-v-1c7b2d5e]{opacity:.5}.library__tabs button svg[data-v-1c7b2d5e]{stroke:var(--font-color--500);height:18px;width:18px}.library__tabs.library__tabs--small button svg[data-v-1c7b2d5e]{height:14px;width:14px}.library__tabs button.active svg[data-v-1c7b2d5e]{stroke:var(--font-color--100)}.library__tabs button[data-v-1c7b2d5e]:hover,.library__tabs button[data-v-1c7b2d5e]:focus{background:#ffffff06;color:var(--font-color--100)}.library__tabs button[data-v-1c7b2d5e]:active{background:#ffffff13;color:var(--font-color--100)}.library__tabs button.active[data-v-1c7b2d5e]{background-color:#ffffff0d;color:var(--font-color--100);cursor:auto}.library__tabs h2[data-v-1c7b2d5e]{display:flex;position:relative;margin:0;font-size:1.25rem}.library__tab-search-count[data-v-1c7b2d5e]{position:absolute;font-size:1rem;bottom:calc(100% - 7px);right:6px;-webkit-user-select:none;user-select:none}.library__search-container[data-v-1c7b2d5e]{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border-radius:8px;cursor:text;padding:calc(4px + .5rem) .5rem}.library__search-container[data-v-1c7b2d5e]:hover,.library__search-container[data-v-1c7b2d5e]:focus-within{background:#ffffff13}.library__search-container input[data-v-1c7b2d5e]{background:transparent;border:none;max-width:100px;padding:0;border-radius:0;font-size:.875rem}.library__search-container svg[data-v-1c7b2d5e]{height:18px;width:18px}.library__filters-row[data-v-1c7b2d5e]{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative;top:0}.library__filters-row h3[data-v-1c7b2d5e]{margin:0;font-size:.75rem;text-transform:uppercase;color:var(--font-color--400)}.library__filters-row ul[data-v-1c7b2d5e]{list-style-type:none;margin:0;padding:0;display:flex;flex:1;gap:.5rem}.library__filters-row li[data-v-1c7b2d5e]{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;border-radius:100vw;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--background-color-inverse--100)}.library__filters-row li[data-v-1c7b2d5e]:hover{border:2px solid var(--background-color-inverse--300)}.library__filters-row li.active[data-v-1c7b2d5e]{background:#ffffff26;border-color:transparent;color:var(--font-color--100)}.library__content[data-v-1c7b2d5e]{display:flex;flex-direction:column;gap:1rem;position:relative}.music[data-v-1c7b2d5e]{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(auto-fill);grid-row-gap:1rem;grid-column-gap:1rem;flex:1}.callout--no-likes[data-v-1c7b2d5e]{width:100%}.callout--no-likes h3[data-v-1c7b2d5e]{color:var(--font-color--400);text-align:center;font-size:1rem}.search-results-enter-active[data-v-1c7b2d5e],.search-results-leave-active[data-v-1c7b2d5e]{transition:opacity var(--transition--short),transform var(--transition--short)}.search-results-enter-from[data-v-1c7b2d5e],.search-results-leave-to[data-v-1c7b2d5e]{opacity:0;transform:translateY(2px)}.player[data-v-c405cb54]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;margin:.5rem;border-radius:var(--border-radius);border:var(--app-border)}.player__bg[data-v-c405cb54]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}.player__top-controls[data-v-c405cb54],.player__tracks-sidebar[data-v-c405cb54],.player__bottom-bar[data-v-c405cb54]{position:relative;z-index:1}.player--empty[data-v-c405cb54]{align-items:center;justify-content:center;gap:1rem;color:var(--font-color--300)}.player__top-controls[data-v-c405cb54]{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 100%)}.player__control-btn[data-v-c405cb54]{opacity:.7;transition:opacity var(--transition--short)}.player__control-btn svg[data-v-c405cb54]{height:20px;width:20px}.player__control-btn[data-v-c405cb54]:hover{opacity:1}.player__control-btn--active[data-v-c405cb54]{opacity:1;color:var(--featured-vibe-accent)}.player__control-btn--active svg[data-v-c405cb54]{stroke:var(--featured-vibe-accent)}.player__tracks-sidebar[data-v-c405cb54]{position:absolute;top:1rem;right:1rem;width:300px;z-index:3;display:flex;flex-direction:column;background:#ffffff0d;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:var(--app-border);overflow:hidden;border-radius:var(--border-radius);box-shadow:0 0 1rem #00000026}.player__tracks-sidebar-inner[data-v-c405cb54]{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem}.player__tracks-category[data-v-c405cb54]{display:block;padding:.5rem 1.5rem;text-transform:uppercase;font-size:.75rem;color:var(--font-color--300);font-family:var(--font--pixel);margin-bottom:.25rem}.player__tracks-list[data-v-c405cb54]{list-style:none;margin:0;padding:0 0 .5rem}.player-sidebar-enter-active[data-v-c405cb54],.player-sidebar-leave-active[data-v-c405cb54]{transition:transform var(--transition--medium),opacity var(--transition--medium)}.player-sidebar-enter-from[data-v-c405cb54],.player-sidebar-leave-to[data-v-c405cb54]{transform:translate(100%);opacity:0}.player__bottom-bar[data-v-c405cb54]{--player-bottom-bar-height: 140px;position:relative;z-index:4;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#0000008c;backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);border-top:var(--app-border)}.player__vibe-info[data-v-c405cb54]{display:flex;align-items:center;gap:1rem;min-width:0}.player__vibe-cover[data-v-c405cb54]{height:52px;width:52px;object-fit:cover;border-radius:var(--border-radius);border:var(--app-border);flex-shrink:0}.player__vibe-meta[data-v-c405cb54]{display:flex;flex-direction:column;gap:.4rem;min-width:0}.player__vibe-name[data-v-c405cb54]{font-weight:600;font-size:.95rem;color:var(--font-color--100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__vibe-name--untitled[data-v-c405cb54]{font-style:italic;color:var(--font-color--300)}.player__playback[data-v-c405cb54]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.player__progress-row[data-v-c405cb54]{display:flex;align-items:center;gap:.5rem;width:100%}.player__progress-input[data-v-c405cb54]{flex:1}.player__time[data-v-c405cb54]{font-size:.75rem;color:var(--font-color--300);min-width:32px;flex-shrink:0}.player__time--progress[data-v-c405cb54]{text-align:right}.player__time--duration[data-v-c405cb54]{text-align:left}.player__controls-row[data-v-c405cb54]{display:flex;align-items:center;gap:.5rem}.player__controls-row .button svg[data-v-c405cb54]{height:20px;width:20px}.button.button--play[data-v-c405cb54]{position:relative;background:var(--featured-vibe-accent);padding:.875rem;border-radius:50%;overflow:hidden;transition:filter var(--transition--short),background 1s var(--custom-motion)}.button.button--play[data-v-c405cb54]:hover,.button.button--play[data-v-c405cb54]:focus{filter:brightness(1.15)}.button.button--play[data-v-c405cb54]:active{filter:brightness(1.25)}.button--play svg[data-v-c405cb54]{fill:#fff;stroke:none;height:22px;width:22px}.player__volume-controls[data-v-c405cb54]{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.player__master-volume-input[data-v-c405cb54]{width:120px}.music__item[data-v-c405cb54]{padding:.175rem 0}.music__item-inner[data-v-c405cb54]{position:relative;padding:.75rem 1rem;margin:0 .5rem;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.5rem;z-index:0}.music__item-body[data-v-c405cb54]{display:flex;align-items:center;gap:1rem}.music__item-inner[data-v-c405cb54]:hover{-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1)}.music__item--active-track .music__song-name[data-v-c405cb54]{color:var(--featured-vibe-accent)}.song__gradient[data-v-c405cb54]{display:block;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;top:0;left:0;height:100%;width:100%;border-radius:var(--border-radius);z-index:-1;opacity:1;background:color-mix(in srgb,var(--accent-color),transparent 80%)}.song__gradient--volume[data-v-c405cb54]{opacity:1;transition:opacity var(--transition--short)}.music__item--editing-volume .song__gradient--volume[data-v-c405cb54]{opacity:0}.song__image-container[data-v-c405cb54]{position:relative;display:flex;flex-shrink:0}.song__image-container img[data-v-c405cb54]{height:40px;width:40px;border-radius:5px;object-fit:cover}.player__tracks-list.small .song__image-container img[data-v-c405cb54]{border-radius:50%}.song__image-container-volume-container[data-v-c405cb54]{position:absolute;left:0;top:0;height:100%;width:180px;display:flex;align-items:center;padding-left:calc(40px + .5rem);padding-right:.75rem;border-radius:23px;opacity:0;pointer-events:none;transition:opacity var(--transition--short)}.song__image-container-volume-container .range-input[data-v-c405cb54]{flex:1}.music__item--editing-volume .song__image-container-volume-container[data-v-c405cb54]{opacity:1;pointer-events:all}.song__image-container-volume-icon-container[data-v-c405cb54]{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:#0009;border-radius:5px;opacity:0;z-index:3;transition:opacity var(--transition--short)}.music__item:hover .song__image-container-volume-icon-container[data-v-c405cb54],.music__item--muted .song__image-container-volume-icon-container[data-v-c405cb54]{opacity:1}.music__item--muted .song__details[data-v-c405cb54],.music__item--muted img[data-v-c405cb54]{opacity:.4}.music__item--editing-volume .song__details[data-v-c405cb54]{opacity:0;pointer-events:none}.music__title-icon[data-v-c405cb54]{height:18px;width:18px;stroke:var(--font-color--300)}.music__item-volume-icon:hover .music__title-icon[data-v-c405cb54]{stroke:var(--font-color--100)}.song__details[data-v-c405cb54]{display:flex;flex-direction:column;flex:1;gap:.25rem;min-width:0;transition:opacity var(--transition--short)}.music__song-name[data-v-c405cb54]{font-weight:500;color:var(--font-color--100);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music__artist-name[data-v-c405cb54]{font-weight:400;color:var(--font-color--300);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music__vibe-likes-count[data-v-c405cb54]{display:inline-flex;align-items:center;font-size:12px;padding:.25rem;background:#ffffff13;border:var(--app-border);border-radius:5px;align-self:flex-start;color:#fff}.vibe-details__background{position:fixed;top:0;left:0;width:100%;height:100%;background-attachment:fixed;filter:blur(15px);opacity:.15;object-fit:cover;pointer-events:none;z-index:-1;mask-image:linear-gradient(to bottom,black 30%,transparent 50%);-webkit-mask-image:linear-gradient(to bottom,black 20%,transparent 70%);border:1px solid red}.vibe-details__save-count[data-v-3115eee5]{display:inline-flex;font-family:var(--font--pixel) monospace;align-self:flex-end;font-size:var(--font-xs);font-family:var(--font--pixel);font-size:var(--text-xs);text-transform:uppercase;color:var(--font-color--300);gap:.5rem;display:flex;align-items:center;letter-spacing:.05em;font-weight:400}.vibe-details__save-count svg[data-v-3115eee5]{height:10px;width:10px;stroke:none;fill:var(--font-color--400)}.vibe-details__buttons[data-v-3115eee5]{display:flex;width:100%;justify-content:flex-end;gap:.5rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative}.vibe-details__empty-callout[data-v-3115eee5]{width:100%;text-align:center}.vibe-details__empty-callout span[data-v-3115eee5]{color:var(--font-color--400)}.vibe-details__empty-callout a[data-v-3115eee5]{color:var(--font-color--100)}h2[data-v-3115eee5],h3[data-v-3115eee5],h4[data-v-3115eee5]{margin:0}h2[data-v-3115eee5]{margin:0;margin-bottom:2rem}.container[data-v-3115eee5]{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.image-container h2[data-v-3115eee5],.image-container h3[data-v-3115eee5]{margin:0}.image-container h2[data-v-3115eee5]{font-size:3rem}.image-container[data-v-3115eee5]{width:100%;position:relative;border-radius:var(--border-radius);overflow:hidden;padding:6rem 2rem 4rem;display:flex;align-items:flex-end;cursor:pointer;box-shadow:0 0 1rem #00000026;border-radius:16px}.image-container:hover .cover-image[data-v-3115eee5]{filter:brightness(1.25)}.image-container:active .cover-image[data-v-3115eee5]{filter:brightness(1.35)}.image-container[data-v-3115eee5]:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;object-fit:cover;background:linear-gradient(to bottom,#00000040,#00000080)}.cover-image[data-v-3115eee5]{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;object-fit:cover;transition:filter var(--transition--short)}.image__content[data-v-3115eee5]{z-index:2;position:relative}ul[data-v-3115eee5]{list-style-type:none;padding:0;margin:0}.library__music-list[data-v-3115eee5]{display:flex;flex-direction:column;justify-content:stretch;padding:0;margin:0;width:100%;gap:.5rem}.library__music-list--ambience[data-v-3115eee5]{display:grid;grid-gap:.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@container (min-width: 600px){.library__music-list--ambience[data-v-3115eee5]{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 900px){.library__music-list--ambience[data-v-3115eee5]{grid-template-columns:repeat(3,minmax(0,1fr))}}.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(odd):not(.ambience-item--active){background:#0000000d}@container (min-width: 600px){.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(odd):not(.ambience-item--active){background:transparent}.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(4n+1):not(.ambience-item--active),.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(4n+4):not(.ambience-item--active){background:#0000000d}}@container (min-width: 900px){.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(4n+1):not(.ambience-item--active),.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(4n+4):not(.ambience-item--active){background:transparent}.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(odd):not(.ambience-item--active){background:#0000000d}}.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(n):not(.ambience-item--active):hover{background:#ffffff06}.library__music-list--ambience[data-v-3115eee5] .ambience-item:nth-child(n):not(.ambience-item--active):active{background:#ffffff09}.library__music-list[data-v-3115eee5] .music-item:nth-child(odd):not(.music-item--active){background:#0000000d}.library__music-list[data-v-3115eee5] .music-item:nth-child(n):not(.music-item--active):hover{background:#ffffff06}.library__music-list[data-v-3115eee5] .music-item:nth-child(n):not(.music-item--active):active{background:#ffffff09}.music[data-v-3115eee5]{width:100%;display:grid;grid-template-columns:repeat(1,1fr);grid-row-gap:1rem;flex:1}.music__header-row[data-v-3115eee5]{display:grid;grid-template-columns:calc(30% - 1rem) calc(30% - 1rem) calc(20% - 1rem) calc(20% - 1rem);gap:1rem;align-items:center;padding:.5rem 1rem;padding-bottom:0;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--font-color--400);margin-top:.5rem}.music__header-row-item[data-v-3115eee5]{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem}.music__header-row-item[data-v-3115eee5]:hover,.music__header-row-item.sorted[data-v-3115eee5]{color:var(--font-color--100)}.music__header-row-item--artist[data-v-3115eee5],.music__header-row-item--genre[data-v-3115eee5]{display:none}@container (min-width: 600px){.music__header-row-item--artist[data-v-3115eee5],.music__header-row-item--genre[data-v-3115eee5]{display:flex}}.music__header-row-sort-indicator[data-v-3115eee5]{height:10px;width:10px}.music__header-row-sort-indicator--desc[data-v-3115eee5]{transform:rotate(180deg)}h2[data-v-3115eee5]{margin:0}h2[data-v-060a0b9f]{margin:0;margin-bottom:2rem}.home__search[data-v-1aa0bb07]{width:100%;font-size:1.5rem;border:4px solid var(--background-color--300);background:var(--background-color--200);border-radius:100px;padding:1.5rem 3rem;transition:border var(--transition--short)}.home__search[data-v-1aa0bb07]:focus{border:4px solid var(--accent);outline:none}.settings__settings-container[data-v-fe995c95]{padding:2rem;background:#ffffff03;border:var(--app-border);border-radius:var(--border-radius)}h2[data-v-fe995c95]{margin-top:0;margin-bottom:2rem}.modal__color-theme-items[data-v-fe995c95]{display:flex;flex-direction:column;gap:1rem}.modal__color-theme-items-row[data-v-fe995c95]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem}.modal__color-theme-items-row[data-v-fe995c95]:not(:last-of-type){margin-bottom:1rem}.modal__color-theme-items-subtitle[data-v-fe995c95]{display:block;text-align:right;font-size:.75rem;text-transform:uppercase;color:var(--font-color--400);font-weight:800}.modal__color-theme-item[data-v-fe995c95]{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:filter var(--transition--short);padding:.25rem}.modal__color-theme-item[data-v-fe995c95]:hover{filter:brightness(1.25)}.modal__color-theme-item--active[data-v-fe995c95]{outline:2px solid var(--accent);outline-offset:2px}.modal__color-theme-sample[data-v-fe995c95]{display:block;height:60px;width:60px;border-radius:50%;background:transparent;position:relative;overflow:hidden;-webkit-backdrop-filter:var(--gradient-filer);backdrop-filter:var(--gradient-filer)}.modal__color-theme-sample-inner[data-v-fe995c95]{position:absolute;display:block;top:0;left:0;z-index:1;height:100%;width:100%}.modal__color-theme-sample[data-v-fe995c95]>*{z-index:2}.modal__texture-sample[data-v-fe995c95]{display:block;height:60px;width:60px;border-radius:50%;overflow:hidden;position:relative}.modal__texture-sample-inner[data-v-fe995c95]{position:absolute;top:0;right:0;bottom:0;left:0}