/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;600&family=Righteous&display=swap" layer(base);@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid}}}@layer base{@layer theme{:host,:root{--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-gray-200:oklch(92.8% .006 264.531);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--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:calc(2.25/1.875);--font-weight-semibold:600;--tracking-tight:-.025em;--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--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);--color-background:hsl(var(--background));--color-border:hsl(var(--border));--color-foreground:hsl(var(--foreground));--color-primary:hsl(var(--primary));--color-secondary:hsl(var(--secondary));--color-rocola-blue:#0285d3;--color-rocola-darkblue:#283554;--color-rocola-red:#b54859}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.m-10{margin:calc(var(--spacing)*10)}.m-14{margin:calc(var(--spacing)*14)}.m-15{margin:calc(var(--spacing)*15)}.m-16{margin:calc(var(--spacing)*16)}.m-19{margin:calc(var(--spacing)*19)}.m-20{margin:calc(var(--spacing)*20)}.m-22{margin:calc(var(--spacing)*22)}.m-25{margin:calc(var(--spacing)*25)}.m-27{margin:calc(var(--spacing)*27)}.m-28{margin:calc(var(--spacing)*28)}.m-33{margin:calc(var(--spacing)*33)}.m-34{margin:calc(var(--spacing)*34)}.m-36{margin:calc(var(--spacing)*36)}.m-38{margin:calc(var(--spacing)*38)}.m-40{margin:calc(var(--spacing)*40)}.m-42{margin:calc(var(--spacing)*42)}.m-43{margin:calc(var(--spacing)*43)}.m-46{margin:calc(var(--spacing)*46)}.m-48{margin:calc(var(--spacing)*48)}.m-54{margin:calc(var(--spacing)*54)}.m-56{margin:calc(var(--spacing)*56)}.m-57{margin:calc(var(--spacing)*57)}.m-58{margin:calc(var(--spacing)*58)}.m-60{margin:calc(var(--spacing)*60)}.m-65{margin:calc(var(--spacing)*65)}.m-68{margin:calc(var(--spacing)*68)}.m-70{margin:calc(var(--spacing)*70)}.m-73{margin:calc(var(--spacing)*73)}.m-76{margin:calc(var(--spacing)*76)}.m-85{margin:calc(var(--spacing)*85)}.m-86{margin:calc(var(--spacing)*86)}.m-88{margin:calc(var(--spacing)*88)}.m-89{margin:calc(var(--spacing)*89)}.m-92{margin:calc(var(--spacing)*92)}.m-93{margin:calc(var(--spacing)*93)}.m-95{margin:calc(var(--spacing)*95)}.m-99{margin:calc(var(--spacing)*99)}.m-106{margin:calc(var(--spacing)*106)}.m-108{margin:calc(var(--spacing)*108)}.m-119{margin:calc(var(--spacing)*119)}.m-120{margin:calc(var(--spacing)*120)}.m-125{margin:calc(var(--spacing)*125)}.m-136{margin:calc(var(--spacing)*136)}.m-142{margin:calc(var(--spacing)*142)}.m-149{margin:calc(var(--spacing)*149)}.m-151{margin:calc(var(--spacing)*151)}.m-153{margin:calc(var(--spacing)*153)}.m-156{margin:calc(var(--spacing)*156)}.m-166{margin:calc(var(--spacing)*166)}.m-168{margin:calc(var(--spacing)*168)}.m-184{margin:calc(var(--spacing)*184)}.m-194{margin:calc(var(--spacing)*194)}.m-195{margin:calc(var(--spacing)*195)}.m-199{margin:calc(var(--spacing)*199)}.m-208{margin:calc(var(--spacing)*208)}.m-227{margin:calc(var(--spacing)*227)}.m-233{margin:calc(var(--spacing)*233)}.m-276{margin:calc(var(--spacing)*276)}.m-295{margin:calc(var(--spacing)*295)}.m-310{margin:calc(var(--spacing)*310)}.m-329{margin:calc(var(--spacing)*329)}.m-335{margin:calc(var(--spacing)*335)}.m-345{margin:calc(var(--spacing)*345)}.m-597{margin:calc(var(--spacing)*597)}.m-3026{margin:calc(var(--spacing)*3026)}.m-5385{margin:calc(var(--spacing)*5385)}.m-5881{margin:calc(var(--spacing)*5881)}.m-7650{margin:calc(var(--spacing)*7650)}.m-7904{margin:calc(var(--spacing)*7904)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2\!{margin-block:calc(var(--spacing)*2)!important}.my-8{margin-block:calc(var(--spacing)*8)}.my-\[6px\]{margin-block:6px}.my-auto{margin-block:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-12\!{height:calc(var(--spacing)*12)!important}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-\[25\%\]{height:25%}.h-\[75\%\]{height:75%}.h-full{height:100%}.w-1\/4{width:25%}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12\!{width:calc(var(--spacing)*12)!important}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[30\%\]{max-width:30%}.max-w-\[70\%\]{max-width:70%}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing)*0)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-16{gap:calc(var(--spacing)*16)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-neutral-200{border-color:var(--color-neutral-200)}.border-rocola-blue{border-color:var(--color-rocola-blue)}.bg-\(--sb-shadow-grey\){background-color:var(--sb-shadow-grey)}.bg-background{background-color:var(--color-background)}.bg-rocola-blue{background-color:var(--color-rocola-blue)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-none{background-image:none}.fill-\[\#1db954\]{fill:#1db954}.fill-none{fill:none}.fill-none\!{fill:none!important}.fill-white{fill:var(--color-white)}.stroke-none{stroke:none}.stroke-rocola-blue\!{stroke:var(--color-rocola-blue)!important}.stroke-rocola-darkblue{stroke:var(--color-rocola-darkblue)}.stroke-white{stroke:var(--color-white)}.stroke-white\!{stroke:var(--color-white)!important}.p-0{padding:calc(var(--spacing)*0)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-3{padding-right:calc(var(--spacing)*3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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))}.leading-none{--tw-leading:1;line-height:1}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-950{color:var(--color-neutral-950)}.text-rocola-blue{color:var(--color-rocola-blue)}.text-rocola-darkblue{color:var(--color-rocola-darkblue)}.text-rocola-red{color:var(--color-rocola-red)}.text-white{color:var(--color-white)}.opacity-50{opacity:.5}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\:border-none:active{--tw-border-style:none;border-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:360px){.min-\[360px\]\:h-9{height:calc(var(--spacing)*9)}.min-\[360px\]\:w-9{width:calc(var(--spacing)*9)}.min-\[360px\]\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:480px){.xs\:h-10{height:calc(var(--spacing)*10)}.xs\:w-10{width:calc(var(--spacing)*10)}}@media (min-width:40rem){.sm\:h-11{height:calc(var(--spacing)*11)}.sm\:h-36{height:calc(var(--spacing)*36)}.sm\:h-40{height:calc(var(--spacing)*40)}.sm\:h-full{height:100%}.sm\:max-h-\[50\%\]{max-height:50%}.sm\:w-11{width:calc(var(--spacing)*11)}.sm\:w-36{width:calc(var(--spacing)*36)}.sm\:w-40{width:calc(var(--spacing)*40)}.sm\:w-full{width:100%}.sm\:max-w-\[40\%\]{max-width:40%}.sm\:max-w-\[60\%\]{max-width:60%}.sm\:max-w-full{max-width:100%}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:border-2{border-style:var(--tw-border-style);border-width:2px}.sm\:p-2{padding:calc(var(--spacing)*2)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:48rem){.md\:p-4{padding:calc(var(--spacing)*4)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}}.dark\:border-neutral-800:is(.dark *){border-color:var(--color-neutral-800)}.dark\:bg-neutral-950:is(.dark *){background-color:var(--color-neutral-950)}.dark\:text-neutral-50:is(.dark *){color:var(--color-neutral-50)}.dark\:text-neutral-400:is(.dark *){color:var(--color-neutral-400)}}*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,::backdrop,:after,:before{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}:root{--background:23,68%,96%;--foreground:0 0% 3.9%;--card:220,100%,99%;--card-foreground:222,35%,24%;--popover:23,68%,96%;--popover-foreground:222,35%,24%;--primary:20,100%,58%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--radius:.5rem}.dark{--background:222,35%,24%;--foreground:0 0% 98%;--card:351,43%,50%,.6;--card-foreground:23,68%,96%;--popover:0 0% 3.9%;--popover-foreground:23,68%,96%;--primary:23,68%,96%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground)}html{font-family:Quicksand,sans-serif}}@layer theme,components,utilities;:root{--button-min-width-base:7.75rem;--button-max-width-base:10.75rem;--button-min-height-base:2.5rem;--button-max-height-base:3.5rem;--button-icon-size-base:2.25rem;--dialog-min-width-base:18.75rem;--dialog-max-width-base:50vw;--dialog-min-height-base:25rem;--dialog-max-height-base:90vh;--h1-base:2rem;--h2-base:1.5rem;--h3-base:1.17rem;--h4-base:1rem;--h5-base:.83rem;--h6-base:.75rem;--p-base:.8rem;--icon-size-base:3rem;--input-text-base:.75rem;--input-base-height:3rem;--input-base-width:10rem;--image-base-min-size:3rem;--image-base-max-size:4.5rem;--breakpoint-mobile:640px;--breakpoint-desktop:1024px;--breakpoint-large-desktop:1280px;--breakpoint-xl-desktop:1930px;--sb-white:#fcfdff;--sb-cream:#fcf4ef;--sb-orange:#ff702a;--sb-blue:#0285d3;--sb-red:#b54859;--sb-darkblue:#283554;--sb-black:#000;--sb-shadow-grey:#00000026;--spotify-green:#1db954;--spotify-white:#fff;--spotify-black:#191414;--color-primary:var(--sb-orange);--color-secondary:var(--sb-blue);--color-background:var(--sb-cream);--card-background:#fafcff;--color-text:var(--sb-black);--card-border-radius:.25rem;--card-background-color:var(--color-secondary);--card-text-color:var(--color-primary);--card-margin:.05rem 0;--card-padding:.25rem .5rem;--button-min-width:calc(var(--button-min-width-base)*1);--button-max-width:calc(var(--button-max-width-base)*1);--button-min-height:calc(var(--button-min-height-base)*1);--button-max-height:calc(var(--button-max-height)*1);--button-radius:15px;--button-background:var(--color-secondary);--button-shadow:2px 5px var(--sb-orange);--button-font-color:var(--sb-white);--button-opacity-disabled:60%;--button-font-size:1rem;--button-padding:.45rem .5rem;--button-margin:.5rem .25rem .5rem .25rem;--button-icon-size:calc(var(--button-icon-size-base)*1);--dialog-min-width:calc(var(--dialog-min-width-base)*1);--dialog-max-width:calc(var(--dialog-max-width-base)*1);--dialog-min-height:calc(var(--dialog-min-height-base)*1);--dialog-max-height:calc(var(--dialog-max-height-base)*1);--dialog-border-radius:10px;--h1-size:calc(var(--h1-base)*1);--h2-size:calc(var(--h2-base)*1);--h3-size:calc(var(--h3-base)*1);--h4-size:calc(var(--h4-base)*1);--h5-size:calc(var(--h5-base)*1);--h6-size:calc(var(--h6-base)*1);--input-text-size:calc(var(--input-text-base)*1);--p-size:calc(var(--p-base)*1);--icon-size:calc(var(--icon-size-base)*1);--input-background:var(--sb-white);--input-height:calc(var(--input-base-height)*1);--input-width:calc(var(--input-base-width)*1);--input-width-full:100%;--input-margin:0rem 1rem 0rem 1rem;--input-border-radius:10px;--input-border:2px solid var(--color-secondary);--input-color:var(--sb-black);--input-text-align:center;--color-info-card:#ff702a33;--info-card-padding:1rem .65rem 1rem .65rem;--image-min-size:calc(1*var(--image-base-min-size));--image-max-size:calc(1*var(--image-base-max-size));--song-card-color-text:var(--sb-darkblue);--overlay-background-color:#00000080;--song-card-border-color:var(--sb-blue);--song-card-background:var(--sb-cream);--song-card-margin:.25rem;--song-card-padding:.5rem 1.5rem;--song-card-background-hover:#e6dfda;--tabs-trigger-transition-time:.5s}h1{font-size:var(--h1-size)}h1,h2{font-family:Righteous,sans-serif;color:var(--color-primary)}h2{font-size:var(--h2-size)}h3{font-size:var(--h3-size)}h3,h4{font-family:Righteous,sans-serif;color:var(--color-primary)}h4{font-size:var(--h4-size)}h5{font-size:var(--h5-size)}h5,h6{font-family:Righteous,sans-serif;color:var(--color-primary)}h6{font-size:var(--h6-size)}a,li,p{font-size:var(--p-size)}a,li,p,strong{color:var(--color-text);font-family:Quicksand,sans-serif}svg{width:1.85rem;height:1.85rem}svg *{width:100%;height:100%}section{margin:1.5rem 0}body{z-index:1;background-color:var(--color-background);grid-template:"header"10fr"main"80fr"footer"10fr/100%;width:100vw;height:100vh;min-height:100vh;display:grid}body>*{width:100%;overflow:hidden}header{grid-area:header;justify-content:flex-end;align-items:center;padding:1rem 0 1rem 1rem;display:flex}header>a{left:calc(50vw - (2)*var(--h2-size));flex:1 0 auto;position:absolute}main{grid-area:main;padding:1rem}footer{grid-area:footer;padding:.5rem 0}.button,footer{justify-content:center;align-items:center;display:flex}.button{width:fit-content;height:fit-content;min-width:var(--button-min-width);max-width:var(--button-max-width);min-height:var(--button-min-height);max-height:var(--button-max-height);margin:var(--button-margin);padding:var(--button-padding);background-color:var(--button-background);border-radius:var(--button-radius);font-size:var(--button-font-size);color:var(--button-font-color);box-shadow:0 6px var(--color-primary);box-sizing:border-box;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;top:0}.button>a,.button>p,.button>svg{color:var(--sb-white)}.button>svg>circle{stroke:var(--color-primary)}.button:active{box-shadow:0 2px var(--color-primary);top:5px}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:active{box-shadow:0 6px var(--color-primary);top:0}.button_icon{width:var(--button-icon-size);height:var(--button-icon-size);stroke:none;fill:var(--sb-white)}.card{margin:var(--card-margin);padding:var(--card-padding);border:1px solid var(--color-primary);border-radius:var(--card-border-radius);background-color:var(--card-background-color);color:var(--card-text-color);flex-direction:row;align-items:center;gap:.75rem;display:flex}.song_card{grid-template-columns:3fr 6fr 1fr;display:grid}.desc_box{flex-direction:row;justify-content:space-between;gap:.25rem;width:100%;padding:.5rem .65rem}.desc_box,.dialog{align-items:center;display:flex}.dialog{background-color:var(--color-background);border-radius:var(--dialog-border-radius);min-width:var(--dialog-min-width);max-width:var(--dialog-max-width);min-height:var(--dialog-min-height);max-height:var(--dialog-max-height);z-index:2;flex-direction:column;padding:20px 20px 10px;animation:contentShow .275s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog>h1,.dialog>h2,.dialog>h3,.dialog>h4,.dialog>h5,.dialog>h6{color:var(--sb-black)}.form{flex-direction:column;width:100%;height:fit-content;display:flex}.form,.form_field{align-items:center}.form_field{display:inherit;flex-direction:inherit}.form_text{color:var(--color-primary)}.error{color:var(--sb-red)}.icon{width:var(--icon-size);height:var(--icon-size);color:var(--color-secondary);stroke:none;fill:var(--color-secondary)}.icon-button{cursor:pointer}input:focus::placeholder{color:#0000}.info_card{background-color:var(--color-info-card);border-radius:var(--input-border-radius);text-align:center;width:100%;padding:var(--info-card-padding);flex-direction:column;align-items:center;margin:1.5rem 0;display:flex}.image{width:auto;max-height:var(--image-max-size);aspect-ratio:1;border-radius:7.5px;margin:.25rem}.song_card{margin:var(--song-card-margin);padding:var(--song-card-padding);color:var(--sb-black);border:1px solid var(--song-card-border-color);background-color:var(--song-card-background);flex-direction:row;align-items:center;gap:.5rem;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex}.song_card:hover{background-color:var(--song-card-background-hover)}.overlay{background-color:var(--overlay-background-color);z-index:1;place-items:center;animation:overlayShow .15s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.tabs-list{flex-shrink:0;display:flex}.tabs-trigger{background-color:var(--sb-white);color:#000;-webkit-user-select:none;user-select:none;height:45px;transition:box-shadow var(--tabs-trigger-transition-time)ease;flex:1;justify-content:center;align-items:center;padding:0 20px;font-family:inherit;display:flex}.tabs-trigger>a,.tabs-trigger>p{transition:color var(--tabs-trigger-transition-time)ease;font-size:15px;line-height:1;color:var(--sb-black)!important}.tabs-trigger[data-state=active]{box-shadow:inset 0 -1px 0 0 var(--sb-orange),0 1px 0 0 var(--sb-orange)}.tabs-trigger[data-state=active]>a,.tabs-trigger[data-state=active]>p{color:var(--sb-orange)!important}.tabs-trigger:first-child{border-top-left-radius:6px}.tabs-trigger:last-child{border-top-right-radius:6px}.transition-transform-background{transition-property:transform,background;transition-duration:.25s;transition-timing-function:ease}.hidden_scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;overflow:scroll}.hidden_scroll::-webkit-scrollbar{display:none}@media (prefers-color-scheme:dark){:root{--color-primary:var(--sb-white);--color-secondary:var(--sb-red);--color-background:var(--sb-darkblue);--card-background:#b5485999;--card-foreground:#b548587c;--color-text:var(--sb-white);--button-shadow:var(--color-primary);--color-info-card:#fcf4ef33}.tabs-trigger{background-color:var(--sb-shadow-grey);color:#fff}.tabs-trigger>a,.tabs-trigger>p{color:#fff!important}.cl-footer{background:var(--card-foreground)!important}.cl-card{background:var(--card-background)!important}.cl-formButtonPrimary{background-color:var(--sb-blue)}.cl-formButtonPrimary:active,.cl-formButtonPrimary:focus,.cl-formButtonPrimary:hover{background-color:var(--sb-blue-disabled)}.cl-socialButtons>button{color:var(--color-text)}.cl-socialButtons>button:hover{background-color:#ffffff1a}.cl-dividerText,.cl-footerActionText,.cl-formFieldHintText,.cl-formFieldLabel,.cl-headerSubtitle,.cl-headerTitle{color:var(--sb-white)}.cl-footerActionLink{color:var(--sb-blue)}.cl-footerActionLink:active,.cl-footerActionLink:focus,.cl-footerActionLink:hover{color:var(--sb-blue-disabled)}.cl-dividerLine{background-color:#00000047}}@media (orientation:portrait){body{overflow:hidden}}@media (min-width:40em){:root{--button-max-width:calc(var(--button-max-width-base)*1.5);--button-min-height:calc(var(--button-min-height-base)*1.5);--button-max-height:calc(var(--button-max-height-base)*1.5);--button-padding:.5rem 1rem;--button-icon-size:calc(var(--button-icon-size-base)*1.25);--dialog-min-width:calc(var(--dialog-min-width-base)*1.45);--dialog-min-height:calc(var(--dialog-min-height-base)*1.45);--h1-size:calc(var(--h1-base)*1.25);--h2-size:calc(var(--h2-base)*1.25);--h3-size:calc(var(--h3-base)*1.25);--h4-size:calc(var(--h4-base)*1.25);--h5-size:calc(var(--h5-base)*1.25);--h6-size:calc(var(--h6-base)*1.25);--p-size:calc(var(--p-base)*1.25);--icon-size:calc(var(--icon-size-base)*1.5);--input-height:calc(var(--input-base-height)*1);--input-width:calc(var(--input-base-width)*1.2);--input-text-size:calc(var(--input-text-base)*1.25);--image-min-size:calc(4*var(--image-base-min-size));--image-max-size:calc(4*var(--image-base-max-size))}header{padding:1rem}svg{width:2rem;height:2rem;padding-left:.25rem}.desc_box{width:90%}.song_card{grid-template-columns:1.5fr 8fr 1fr}}@media (min-width:80em){:root{--button-min-width:calc(var(--button-min-width-base)*1.35);--button-max-width:calc(var(--button-max-width-base)*1.65);--button-min-height:calc(var(--button-min-height-base)*1.65);--button-max-height:calc(var(--button-max-height-base)*1.65);--button-icon-size:calc(var(--button-icon-size-base)*1.45);--dialog-min-width:calc(var(--dialog-min-width-base)*1.55);--dialog-min-height:calc(var(--dialog-min-height-base)*1.55);--h1-size:calc(var(--h1-base)*1.5);--h2-size:calc(var(--h2-base)*1.5);--h3-size:calc(var(--h3-base)*1.5);--h4-size:calc(var(--h4-base)*1.5);--h5-size:calc(var(--h5-base)*1.5);--h6-size:calc(var(--h6-base)*1.5);--p-size:calc(var(--p-base)*1.5);--icon-size:calc(var(--icon-size-base)*1.65);--input-height:calc(var(--input-base-height)*1);--input-width:calc(var(--input-base-width)*1.5);--image-min-size:calc(8*var(--image-base-min-size));--image-max-size:calc(8*var(--image-base-min-size))}html{overscroll-behavior:none}.desc_box{width:70%}.dialog{padding:20px}}@media (min-width:120em){:root{--button-min-width:calc(var(--button-min-width-base)*2.25);--button-max-width:calc(var(--button-max-width-base)*2.25);--button-min-height:calc(var(--button-min-height-base)*2.25);--button-max-height:calc(var(--button-max-height-base)*2.25);--button-icon-size:calc(var(--button-icon-size-base)*1.5);--h1-size:calc(var(--h1-base)*2.25);--h2-size:calc(var(--h2-base)*2.25);--h3-size:calc(var(--h3-base)*2.25);--h4-size:calc(var(--h4-base)*2.25);--h5-size:calc(var(--h5-base)*2.25);--h6-size:calc(var(--h6-base)*2.25);--p-size:calc(var(--p-base)*2.25);--icon-size:calc(var(--icon-size-base)*2);--input-height:calc(var(--input-base-height)*1.25);--input-width:calc(var(--input-base-width)*1.75);--input-text-size:calc(var(--input-text-base)*2.25)}html{overscroll-behavior:none}.desc_box{width:60%;margin:1.5rem 0}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}
/*# sourceMappingURL=8d12a198d0b88e84.css.map*/