@font-face{font-family:Spotify Mix;src:local("Spotify Mix"),local("SpotifyMix-Regular"),url(/font/SpotifyMix-Regular.woff2) format("woff2"),url(/font/SpotifyMix-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Light Italic"),local("/font/SpotifyMix-LightItalic"),url(/font/SpotifyMix-LightItalic.woff2) format("woff2"),url(/font/SpotifyMix-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Extrabold Italic"),local("/font/SpotifyMix-ExtraboldItalic"),url(/font/SpotifyMix-ExtraboldItalic.woff2) format("woff2"),url(/font/SpotifyMix-ExtraboldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Extrabold"),local("/font/SpotifyMix-Extrabold"),url(/font/SpotifyMix-Extrabold.woff2) format("woff2"),url(/font/SpotifyMix-Extrabold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Light"),local("/font/SpotifyMix-Light"),url(/font/SpotifyMix-Light.woff2) format("woff2"),url(/font/SpotifyMix-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Black Italic"),local("/font/SpotifyMix-BlackItalic"),url(/font/SpotifyMix-BlackItalic.woff2) format("woff2"),url(/font/SpotifyMix-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Regular Italic"),local("/font/SpotifyMix-RegularItalic"),url(/font/SpotifyMix-RegularItalic.woff2) format("woff2"),url(/font/SpotifyMix-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Bold Italic"),local("/font/SpotifyMix-BoldItalic"),url(/font/SpotifyMix-BoldItalic.woff2) format("woff2"),url(/font/SpotifyMix-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Medium Italic"),local("/font/SpotifyMix-MediumItalic"),url(/font/SpotifyMix-MediumItalic.woff2) format("woff2"),url(/font/SpotifyMix-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Black"),local("/font/SpotifyMix-Black"),url(/font/SpotifyMix-Black.woff2) format("woff2"),url(/font/SpotifyMix-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Medium"),local("/font/SpotifyMix-Medium"),url(/font/SpotifyMix-Medium.woff2) format("woff2"),url(/font/SpotifyMix-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Bold"),local("/font/SpotifyMix-Bold"),url(/font/SpotifyMix-Bold.woff2) format("woff2"),url(/font/SpotifyMix-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Thin Italic"),local("/font/SpotifyMix-ThinItalic"),url(/font/SpotifyMix-ThinItalic.woff2) format("woff2"),url(/font/SpotifyMix-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix Ultra;src:local("/font/Spotify Mix Ultra Italic"),local("/font/SpotifyMix-UltraItalic"),url(/font/SpotifyMix-UltraItalic.woff2) format("woff2"),url(/font/SpotifyMix-UltraItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Thin"),local("/font/SpotifyMix-Thin"),url(/font/SpotifyMix-Thin.woff2) format("woff2"),url(/font/SpotifyMix-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Spotify Mix;src:local("/font/Spotify Mix Ultra"),local("/font/SpotifyMix-Ultra"),url(/font/SpotifyMix-Ultra.woff2) format("woff2"),url(/font/SpotifyMix-Ultra.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{font-family:Spotify Mix;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spotifyMix{font-family:Spotify Mix;font-weight:100}.spotifyMixUltra{font-family:Spotify Mix;font-weight:900}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:oklch(50.5% .213 27.518);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-600:oklch(64.8% .2 131.684);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-slate-600:oklch(44.6% .043 257.281);--color-gray-600:oklch(44.6% .03 256.802);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.-top-5{top:calc(var(--spacing)*-5)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-2{top:calc(var(--spacing)*2)}.top-10{top:calc(var(--spacing)*10)}.top-18{top:calc(var(--spacing)*18)}.top-20{top:calc(var(--spacing)*20)}.top-28{top:calc(var(--spacing)*28)}.top-50{top:calc(var(--spacing)*50)}.top-100{top:calc(var(--spacing)*100)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-10{right:calc(var(--spacing)*10)}.right-15{right:calc(var(--spacing)*15)}.left-10{left:calc(var(--spacing)*10)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-999{z-index:999}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-end-2{grid-column-end:2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-4{margin:calc(var(--spacing)*4)}.mx-1{margin-inline:calc(var(--spacing)*1)}.my-0\.75{margin-block:calc(var(--spacing)*.75)}.my-4{margin-block:calc(var(--spacing)*4)}.-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-8{margin-top:calc(var(--spacing)*-8)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-0\.75{margin-top:calc(var(--spacing)*.75)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\[0\.4px\]{margin-top:.4px}.mt-\[5\%\]{margin-top:5%}.-mr-8{margin-right:calc(var(--spacing)*-8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-3\.75{margin-right:calc(var(--spacing)*3.75)}.mr-4{margin-right:calc(var(--spacing)*4)}.-mb-6{margin-bottom:calc(var(--spacing)*-6)}.-mb-8{margin-bottom:calc(var(--spacing)*-8)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-26{margin-left:calc(var(--spacing)*26)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.list-item{display:list-item}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-40{height:calc(var(--spacing)*40)}.h-\[0\%\]{height:0%}.h-\[2\.5dvh\]{height:2.5dvh}.h-\[2vh\]{height:2vh}.h-\[6\%\]{height:6%}.h-\[8vh\]{height:8vh}.h-\[10\%\]{height:10%}.h-\[12\.5\%\]{height:12.5%}.h-\[15\%\]{height:15%}.h-\[57dvh\]{height:57dvh}.h-\[80\%\]{height:80%}.h-\[80vh\]{height:80vh}.h-\[90\%\]{height:90%}.h-\[95dvh\]{height:95dvh}.h-\[95vh\]{height:95vh}.h-\[98\%\]{height:98%}.h-\[98\.5\%\]{height:98.5%}.h-\[300vh\]{height:300vh}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.h-min{height:min-content}.max-h-\[90\%\]{max-height:90%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-40{width:calc(var(--spacing)*40)}.w-\[20\%\]{width:20%}.w-\[30\%\]{width:30%}.w-\[33\%\]{width:33%}.w-\[40\%\]{width:40%}.w-\[50\%\]{width:50%}.w-\[60\%\]{width:60%}.w-\[80\%\]{width:80%}.w-\[88\%\]{width:88%}.w-\[90\%\]{width:90%}.w-\[93\%\]{width:93%}.w-\[95\%\]{width:95%}.w-\[98\%\]{width:98%}.w-\[98\.5\%\]{width:98.5%}.w-\[600px\]{width:600px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-min{width:min-content}.w-screen{width:100vw}.-translate-x-\[50\%\]{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\[50\%\]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-y-125{--tw-scale-y:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.15\]{scale:1.15}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[backgroundAnimation_10s_linear_infinite\]{animation:10s linear infinite backgroundAnimation}.animate-\[backgroundAnimation_30s_linear_infinite\]{animation:30s linear infinite backgroundAnimation}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.place-self-center{place-self:center}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-3xl{border-bottom-right-radius:var(--radius-3xl);border-bottom-left-radius:var(--radius-3xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-green-500\/60{border-color:#00c75899}@supports (color:color-mix(in lab,red,red)){.border-green-500\/60{border-color:color-mix(in oklab,var(--color-green-500)60%,transparent)}}.border-green-900\/60{border-color:#0d542b99}@supports (color:color-mix(in lab,red,red)){.border-green-900\/60{border-color:color-mix(in oklab,var(--color-green-900)60%,transparent)}}.border-lime-600{border-color:var(--color-lime-600)}.border-b-slate-600\/40{border-bottom-color:#45556c66}@supports (color:color-mix(in lab,red,red)){.border-b-slate-600\/40{border-bottom-color:color-mix(in oklab,var(--color-slate-600)40%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-gray-600\/30{background-color:#4a55654d}@supports (color:color-mix(in lab,red,red)){.bg-gray-600\/30{background-color:color-mix(in oklab,var(--color-gray-600)30%,transparent)}}.bg-lime-300\/35{background-color:#bbf45159}@supports (color:color-mix(in lab,red,red)){.bg-lime-300\/35{background-color:color-mix(in oklab,var(--color-lime-300)35%,transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-400\/75{background-color:#a1a1a1bf}@supports (color:color-mix(in lab,red,red)){.bg-neutral-400\/75{background-color:color-mix(in oklab,var(--color-neutral-400)75%,transparent)}}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-white{background-color:var(--color-white)}.bg-white\/45{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.bg-white\/45{background-color:color-mix(in oklab,var(--color-white)45%,transparent)}}.bg-white\/65{background-color:#ffffffa6}@supports (color:color-mix(in lab,red,red)){.bg-white\/65{background-color:color-mix(in oklab,var(--color-white)65%,transparent)}}.bg-white\/75{background-color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.bg-white\/75{background-color:color-mix(in oklab,var(--color-white)75%,transparent)}}.bg-zinc-200\/60{background-color:#e4e4e799}@supports (color:color-mix(in lab,red,red)){.bg-zinc-200\/60{background-color:color-mix(in oklab,var(--color-zinc-200)60%,transparent)}}.bg-linear-60{--tw-gradient-position:60deg}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-60{--tw-gradient-position:60deg in oklab}}.bg-linear-60{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-lime-200\/20{--tw-gradient-from:#d8f99933}@supports (color:color-mix(in lab,red,red)){.from-lime-200\/20{--tw-gradient-from:color-mix(in oklab,var(--color-lime-200)20%,transparent)}}.from-lime-200\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-lime-200\/80{--tw-gradient-from:#d8f999cc}@supports (color:color-mix(in lab,red,red)){.from-lime-200\/80{--tw-gradient-from:color-mix(in oklab,var(--color-lime-200)80%,transparent)}}.from-lime-200\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-300{--tw-gradient-from:var(--color-neutral-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-500{--tw-gradient-from:var(--color-neutral-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-700\/60{--tw-gradient-from:#40404099}@supports (color:color-mix(in lab,red,red)){.from-neutral-700\/60{--tw-gradient-from:color-mix(in oklab,var(--color-neutral-700)60%,transparent)}}.from-neutral-700\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-15\%{--tw-gradient-from-position:15%}.via-neutral-100\/20{--tw-gradient-via:#f5f5f533}@supports (color:color-mix(in lab,red,red)){.via-neutral-100\/20{--tw-gradient-via:color-mix(in oklab,var(--color-neutral-100)20%,transparent)}}.via-neutral-100\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-neutral-400{--tw-gradient-via:var(--color-neutral-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-neutral-600{--tw-gradient-via:var(--color-neutral-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-38\%{--tw-gradient-via-position:38%}.via-40\%{--tw-gradient-via-position:40%}.to-lime-100\/30{--tw-gradient-to:#ecfcca4d}@supports (color:color-mix(in lab,red,red)){.to-lime-100\/30{--tw-gradient-to:color-mix(in oklab,var(--color-lime-100)30%,transparent)}}.to-lime-100\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-300{--tw-gradient-to:var(--color-neutral-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-400{--tw-gradient-to:var(--color-neutral-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-500\/50{--tw-gradient-to:#73737380}@supports (color:color-mix(in lab,red,red)){.to-neutral-500\/50{--tw-gradient-to:color-mix(in oklab,var(--color-neutral-500)50%,transparent)}}.to-neutral-500\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-500\/80{--tw-gradient-to:#737373cc}@supports (color:color-mix(in lab,red,red)){.to-neutral-500\/80{--tw-gradient-to:color-mix(in oklab,var(--color-neutral-500)80%,transparent)}}.to-neutral-500\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-40\%{--tw-gradient-to-position:40%}.to-70\%{--tw-gradient-to-position:70%}.to-80\%{--tw-gradient-to-position:80%}.to-85\%{--tw-gradient-to-position:85%}.fill-lime-600{fill:var(--color-lime-600)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8em\]{font-size:.8em}.text-\[0\.9em\]{font-size:.9em}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2vw\]{font-size:2vw}.text-\[4vw\]{font-size:4vw}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-green-700\/50{color:#00813880}@supports (color:color-mix(in lab,red,red)){.text-green-700\/50{color:color-mix(in oklab,var(--color-green-700)50%,transparent)}}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-red-700\/50{color:#bf000f80}@supports (color:color-mix(in lab,red,red)){.text-red-700\/50{color:color-mix(in oklab,var(--color-red-700)50%,transparent)}}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-3{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-55{opacity:.55}.opacity-65{opacity:.65}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.text-shadow-lg{text-shadow:0px 1px 2px var(--tw-text-shadow-color,#0000001a),0px 3px 2px var(--tw-text-shadow-color,#0000001a),0px 4px 8px var(--tw-text-shadow-color,#0000001a)}.group-focus-within\:scale-105:is(:where(.group):focus-within *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-focus-within\:border-1:is(:where(.group):focus-within *){border-style:var(--tw-border-style);border-width:1px}.group-focus-within\:opacity-90:is(:where(.group):focus-within *){opacity:.9}@media(hover:hover){.group-hover\:mt-0:is(:where(.group):hover *){margin-top:calc(var(--spacing)*0)}.group-hover\:mr-0:is(:where(.group):hover *){margin-right:calc(var(--spacing)*0)}.group-hover\:ml-0:is(:where(.group):hover *){margin-left:calc(var(--spacing)*0)}.group-hover\:h-fit:is(:where(.group):hover *){height:fit-content}.group-hover\:h-full:is(:where(.group):hover *){height:100%}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rounded-b-2xl:is(:where(.group):hover *){border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.group-hover\:bg-neutral-600:is(:where(.group):hover *){background-color:var(--color-neutral-600)}.group-hover\:text-lg:is(:where(.group):hover *){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-active\:opacity-90:is(:where(.group):active *){opacity:.9}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-115:hover{--tw-scale-x:115%;--tw-scale-y:115%;--tw-scale-z:115%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.0001\]:hover{scale:1.0001}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.2\]:hover{scale:1.2}.hover\:scale-\[1\.05\]:hover{scale:1.05}.hover\:scale-\[1\.15\]:hover{scale:1.15}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-3:hover{border-style:var(--tw-border-style);border-width:3px}.hover\:border-lime-600\/30:hover{border-color:#62a4004d}@supports (color:color-mix(in lab,red,red)){.hover\:border-lime-600\/30:hover{border-color:color-mix(in oklab,var(--color-lime-600)30%,transparent)}}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:font-semibold:hover{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hover\:text-green-600\/95:hover{color:#00a544f2}@supports (color:color-mix(in lab,red,red)){.hover\:text-green-600\/95:hover{color:color-mix(in oklab,var(--color-green-600)95%,transparent)}}.hover\:text-green-900:hover{color:var(--color-green-900)}.hover\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\:text-zinc-600:hover{color:var(--color-zinc-600)}.hover\:text-zinc-800:hover{color:var(--color-zinc-800)}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:40rem){.sm\:flex-col{flex-direction:column}}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:top-0{top:calc(var(--spacing)*0)}.md\:m-2{margin:calc(var(--spacing)*2)}.md\:-mt-8{margin-top:calc(var(--spacing)*-8)}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mb-16{margin-bottom:calc(var(--spacing)*16)}.md\:ml-4{margin-left:calc(var(--spacing)*4)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[80dvh\]{height:80dvh}.md\:h-\[98dvh\]{height:98dvh}.md\:h-full{height:100%}.md\:w-\[28\%\]{width:28%}.md\:w-\[30\%\]{width:30%}.md\:w-\[35\%\]{width:35%}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:overflow-y-scroll{overflow-y:scroll}.md\:border-2{border-style:var(--tw-border-style);border-width:2px}.md\:p-2{padding:calc(var(--spacing)*2)}.md\:pb-8{padding-bottom:calc(var(--spacing)*8)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}}:root{color-scheme:light dark;color:#ffffffde;--shadow-big:4px 4px 4px 4px #030205,4px -4px 4px 4px #030205,-4px 4px 4px 4px #030205,-4px -4px 4px 4px #030205;--my-shadow:drop-shadow(0 2px 2px #1db954)drop-shadow(0 -2px 2px #1db954)drop-shadow(2px 0 2px #1db954)drop-shadow(-2px 0 2px #1ed760);--current-shadow:drop-shadow(0 2px 4px #1ed760)drop-shadow(0 -2px 2px #1db954)drop-shadow(2px 0 4px #1ed760)drop-shadow(-2px 0 2px #1db954);background-color:#030205}html{height:100vh;overflow-y:hidden}body{place-items:center;min-width:320px;margin:0;display:flex}.headers{text-shadow:var(--my-shadow)}button{cursor:pointer}@media(prefers-color-scheme:light){:root{color:#030205;background-color:#ffffffde}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --bg-angle{inherits: false; initial-value: 0deg; syntax: "<angle>";}#root{margin:0 auto;text-align:center}.cardBG{animation:backgroundAnimation 20s infinite linear running}.bgGrad{background-image:linear-gradient(40deg,#323232,#afafaf 60%,#f05abe 66%,#fafafa 70%)}.backGround{background-color:#030205;background-image:url(/background.svg);background-size:cover}.headers{filter:drop-shadow(-1px 0px 2px rgba(0,0,0,.75)) drop-shadow(2.25px -1px 2px rgba(0,0,0,.75));background:url(/headerBackground.svg);background-clip:text;background-size:330%;color:transparent;transition:all;font-size:2.5rem}.playlistBG{background:linear-gradient(var(--bg-angle) in oklab,oklch(44.8% .119 151.328 / .75) 0%,oklch(84.1% .238 128.85 / .75) 35%,oklch(90.6% .031 120.757 / .75));animation:backgroundAnimation 30s infinite linear running}.btn{width:fit;height:fit;background:linear-gradient(var(--bg-angle) in oklab,oklch(44.8% .119 151.328 / .75) 0%,oklch(84.1% .238 128.85 / .75) 35%,oklch(90.6% .031 120.757 / .75));background-clip:border-box;margin:0 20px}.playlistItem{display:flex;justify-self:center;justify-content:space-between;white-space:nowrap;width:95%;max-width:600px;margin-left:2.5%;background:#e1ffd7;border-radius:10px;border:3px solid oklch(44.8% .119 151.328 / .75)}.playlistItem:hover{scale:1.02;box-shadow:-1px -1px 6px 2px #00000080}.playlistItem:hover .playlistCheck,.playlistItem:hover .playlistSongArtist,.playlistItem:hover .playlistDuration,.playlistItem:hover .playlistNum,.playlistItem:hover .playlistImg{scale:.98}.playlistCheck{width:3.5%;margin-right:.5%;margin-left:1%}.playlistNum{width:2.5%;margin-right:.5%;margin-left:.5%;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1em}.playlistSongArtist{width:58%;margin-right:.5%;margin-left:.5%;display:flex;flex-direction:column;justify-content:center;text-align:left;font-weight:700;font-size:.95em}.playlistDuration{width:13.5%;font-size:.6em;margin-right:.5%;margin-left:.5%;align-self:center}.playlistImg{width:12.5%;min-width:50px;max-width:100px;height:auto;margin-left:.5%;border-radius:8px}.playlistImg:hover{scale:1.1}@media(width<=48rem){.headers{font-size:1.2rem}}@keyframes backgroundAnimation{to{--bg-angle: 360deg}}@-moz-keyframes backgroundAnimation{to{--bg-angle: 360deg}}@-webkit-keyframes backgroundAnimation{to{--bg-angle: 360deg}}
