:root{--nav-height:0px;--player-height:0px;--brand:var(--blue-5);--primary-hue:260;--primary-saturation:81%;--primary-lightness:47%;--primary:#5717d9;--primary-200:#bea3f5;--primary-300:#9e75f0;--primary-400:#7d46ec;--primary-500:#5d18e7;--primary-600:#4a13b9;--primary-700:#380f8a;--primary-800:#250a5c;--accent:var(--green-5);--error-color:var(--red-5);--white:#f1f1f1;--black:#1e1e1e;--grey-100:#1e1e1e;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1;--font-family:"Montserrat",sans-serif;--border-radius:.5rem;--own-shadow:0 0 10px rgba(0,0,0,.2);--space:12px;--space-xxs:calc(var(--space)/4);--space-xs:calc(var(--space)/2);--space-sm:calc(var(--space)*1);--space-md:calc(var(--space)*2);--space-lg:calc(var(--space)*3);--space-xl:calc(var(--space)*4);--space-xxl:calc(var(--space)*5)}@media (max-width:768px){:root{--nav-height:5rem}}@media (prefers-color-scheme:dark){:root{--primary:#bea3f5;--grey-100:#0b0b0a;--grey-200:#2e2e2e;--grey-300:#3e3e3e;--grey-400:#4e4e4e;--grey-500:#5e5e5e;--grey-600:#6e6e6e;--grey-700:#7e7e7e;--grey-800:#f1f1f1;--font-color:#f1f1f1}}.btn-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.loading-button{position:relative;z-index:1}.loading-button .btn-content{opacity:1;transition:all .2s ease-in-out}.loading-button .load-indicator{opacity:0;transition:all .2s ease-in-out}.loading-button.btn--loading .btn-content{opacity:0}.loading-button.btn--loading .load-indicator{opacity:1}