*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--inherit: inherit;--current: currentColor;--transparent: transparent;--black: #000;--white: #fff;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--stone-950: #0c0a09;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-50: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-50: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-50: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-50: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519;--lightBlue-50: #f0f9ff;--lightBlue-100: #e0f2fe;--lightBlue-200: #bae6fd;--lightBlue-300: #7dd3fc;--lightBlue-400: #38bdf8;--lightBlue-500: #0ea5e9;--lightBlue-600: #0284c7;--lightBlue-700: #0369a1;--lightBlue-800: #075985;--lightBlue-900: #0c4a6e;--lightBlue-950: #082f49;--warmGray-50: #fafaf9;--warmGray-100: #f5f5f4;--warmGray-200: #e7e5e4;--warmGray-300: #d6d3d1;--warmGray-400: #a8a29e;--warmGray-500: #78716c;--warmGray-600: #57534e;--warmGray-700: #44403c;--warmGray-800: #292524;--warmGray-900: #1c1917;--warmGray-950: #0c0a09;--trueGray-50: #fafafa;--trueGray-100: #f5f5f5;--trueGray-200: #e5e5e5;--trueGray-300: #d4d4d4;--trueGray-400: #a3a3a3;--trueGray-500: #737373;--trueGray-600: #525252;--trueGray-700: #404040;--trueGray-800: #262626;--trueGray-900: #171717;--trueGray-950: #0a0a0a;--coolGray-50: #f9fafb;--coolGray-100: #f3f4f6;--coolGray-200: #e5e7eb;--coolGray-300: #d1d5db;--coolGray-400: #9ca3af;--coolGray-500: #6b7280;--coolGray-600: #4b5563;--coolGray-700: #374151;--coolGray-800: #1f2937;--coolGray-900: #111827;--coolGray-950: #030712;--blueGray-50: #f8fafc;--blueGray-100: #f1f5f9;--blueGray-200: #e2e8f0;--blueGray-300: #cbd5e1;--blueGray-400: #94a3b8;--blueGray-500: #64748b;--blueGray-600: #475569;--blueGray-700: #334155;--blueGray-800: #1e293b;--blueGray-900: #0f172a;--blueGray-950: #020617;--scene-1: var(--scene-1);--scene-2: var(--scene-2);--scene-DEFAULT: var(--scene);--contrast-1: var(--contrast-1);--contrast-2: var(--contrast-2);--contrast-DEFAULT: var(--contrast);--darkorange: var(--mui-palette-darkorange-main);--primary: #4e616f}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-72{bottom:18rem}.bottom-\[\.05rem\]{bottom:.05rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-\[-5\%\]{right:-5%}.top-0{top:0}.top-2{top:.5rem}.top-3{top:.75rem}.top-\[50\%\]{top:50%}.top-auto{top:auto}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[900\]{z-index:900}.float-right{float:right}.m-2{margin:.5rem}.m-auto{margin:auto}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-1{margin-left:-.25rem}.-ml-\[300px\]{margin-left:-300px}.-ml-\[320px\]{margin-left:-320px}.-mr-3{margin-right:-.75rem}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.me-2{margin-inline-end:.5rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-\[-50px\]{margin-right:-50px}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\/2{height:50%}.h-11{height:2.75rem}.h-\[100dvh\]{height:100dvh}.h-\[100vh\]{height:100vh}.h-\[130\%\]{height:130%}.h-\[150px\]{height:150px}.h-\[5\%\]{height:5%}.h-auto{height:auto}.h-full{height:100%}.max-h-\[85dvh\]{max-height:85dvh}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[50vh\]{min-height:50vh}.w-1\/4{width:25%}.w-11{width:2.75rem}.w-16{width:4rem}.w-3\/4{width:75%}.w-40{width:10rem}.w-\[100dvw\]{width:100dvw}.w-\[300px\]{width:300px}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-\[300px\]{min-width:300px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[400px\]{max-width:400px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-\[95dvw\]{max-width:95dvw}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-bottom-right{transform-origin:bottom right}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[25px\]{--tw-translate-x: 25px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[6px\]{--tw-translate-x: 6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-y-6{row-gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-black\/10{border-color:#0000001a}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229,231,235,var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209,213,219,var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107,114,128,var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/50{border-color:#ffffff80}.bg-\[\#17744f\]{--tw-bg-opacity: 1;background-color:rgb(23,116,79,var(--tw-bg-opacity, 1))}.bg-\[\#7A0000\]{--tw-bg-opacity: 1;background-color:rgb(122,0,0,var(--tw-bg-opacity, 1))}.bg-\[\#ccd6ec\]{--tw-bg-opacity: 1;background-color:rgb(204,214,236,var(--tw-bg-opacity, 1))}.bg-\[\#f5f4f4\]{--tw-bg-opacity: 1;background-color:rgb(245,244,244,var(--tw-bg-opacity, 1))}.bg-\[\#ffc6a7\]{--tw-bg-opacity: 1;background-color:rgb(255,198,167,var(--tw-bg-opacity, 1))}.bg-\[var\(--mui-palette-background-default\)\]{background-color:var(--mui-palette-background-default)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0,0,0,var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-black\/5{background-color:#0000000d}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59,130,246,var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-contrast{background-color:var(--contrast)}.bg-contrast-2{background-color:var(--contrast-2)}.bg-gray-200\/40{background-color:#e5e7eb66}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209,213,219,var(--tw-bg-opacity, 1))}.bg-gray-500\/10{background-color:#6b72801a}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220,252,231,var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34,197,94,var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254,226,226,var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600\/20{background-color:#dc262633}.bg-scene{background-color:var(--scene)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255,255,255,var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-200\/20{background-color:#fef08a33}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202,138,4,var(--tw-bg-opacity, 1))}.bg-cover{background-size:cover}.bg-center{background-position:center}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-9{padding:2.25rem}.p-\[0\.3rem\]{padding:.3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-10{padding-bottom:2.5rem}.pl-2{padding-left:.5rem}.pl-20{padding-left:5rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-3{padding-top:.75rem}.pt-44{padding-top:11rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[120\%\]{font-size:120%}.text-\[20rem\]{font-size:20rem}.text-\[80\%\]{font-size:80%}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-normal{line-height:1.5}.text-\[\#c78b2d\]{--tw-text-opacity: 1;color:rgb(199,139,45,var(--tw-text-opacity, 1))}.text-blue-500\/60{color:#3b82f699}.text-gray-500{--tw-text-opacity: 1;color:rgb(107,114,128,var(--tw-text-opacity, 1))}.text-gray-500\/60{color:#6b728099}.text-gray-800{--tw-text-opacity: 1;color:rgb(31,41,55,var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34,197,94,var(--tw-text-opacity, 1))}.text-green-500\/60{color:#22c55e99}.text-green-800{--tw-text-opacity: 1;color:rgb(22,101,52,var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(78,97,111,var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239,68,68,var(--tw-text-opacity, 1))}.text-red-500\/60{color:#ef444499}.text-red-800{--tw-text-opacity: 1;color:rgb(153,27,27,var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255,255,255,var(--tw-text-opacity, 1))}.text-yellow-500\/60{color:#eab30899}.underline{text-decoration-line:underline}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-\[0\.08\]{opacity:.08}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-\[10px_10px_10px_\#000\]{--tw-shadow: 10px 10px 10px #000;--tw-shadow-colored: 10px 10px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:translate-x-\[2px\]:hover{--tw-translate-x: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-150:hover{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-\[\#0d6542\]:hover{--tw-bg-opacity: 1;background-color:rgb(13,101,66,var(--tw-bg-opacity, 1))}.hover\:bg-\[\#660000\]:hover{--tw-bg-opacity: 1;background-color:rgb(102,0,0,var(--tw-bg-opacity, 1))}.hover\:bg-\[\#b8c9e8\]:hover{--tw-bg-opacity: 1;background-color:rgb(184,201,232,var(--tw-bg-opacity, 1))}.hover\:bg-\[\#ffc6a4\]:hover{--tw-bg-opacity: 1;background-color:rgb(255,198,164,var(--tw-bg-opacity, 1))}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37,99,235,var(--tw-bg-opacity, 1))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156,163,175,var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31,41,55,var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22,163,74,var(--tw-bg-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgb(156,163,175,var(--tw-bg-opacity, 1))}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:bg-\[\#1b1b1b\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(27,27,27,var(--tw-bg-opacity, 1))}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:#ffffff1a}@media (min-width: 640px){.sm\:-mx-4{margin-left:-1rem;margin-right:-1rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:-mt-3{margin-top:-.75rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:h-\[400px\]{height:400px}.sm\:w-28{width:7rem}.sm\:w-3\/4{width:75%}.sm\:w-\[100px\]{width:100px}.sm\:w-\[300px\]{width:300px}.sm\:w-\[340px\]{width:340px}.sm\:w-\[800px\]{width:800px}.sm\:min-w-\[400px\]{min-width:400px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:p-2{padding:.5rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (min-width: 768px){.md\:sticky{position:sticky}.md\:my-4{margin-top:1rem;margin-bottom:1rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}body .flex-center{display:flex;justify-content:center;align-items:center}*.light{--scene: #ffffff;--scene-1: #f9f9f9;--scene-2: #f2f2f2;--scene-3: #e6e6e6;--contrast: #0000000a;--contrast-1: #00000017;--contrast-2: #00000033}*.dark{--scene: #000000;--scene-1: #121212;--scene-2: #1e1e1e;--scene-3: #2c2c2c;--contrast: #ffffff1a;--contrast-1: #ffffff26;--contrast-2: #ffffff40}.abcjs-inline-audio{height:26px;padding:0 5px;border-radius:3px;background-color:#424242;display:flex;align-items:center;box-sizing:border-box}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{display:block;width:28px;height:34px;margin-right:2px;padding:7px 4px;background:none!important;border:1px solid transparent;box-sizing:border-box;line-height:1}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed{border:1px solid #cccccc;background-color:#666;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{background-color:#424242;height:10px;border-radius:5px;border:2px solid #cccccc;margin:0 8px 0 15px;position:relative;flex:1;padding:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-progress-indicator{width:20px;margin-left:-10px;height:14px;background-color:#f4f4f4;position:absolute;display:inline-block;border-radius:6px;top:-4px;left:0;box-sizing:border-box}.abcjs-inline-audio .abcjs-midi-clock{margin-left:4px;margin-top:1px;margin-right:2px;display:inline-block;font-family:sans-serif;font-size:16px;box-sizing:border-box;color:#f4f4f4}.abcjs-inline-audio .abcjs-tempo-wrapper{font-size:10px;color:#f4f4f4;box-sizing:border-box;display:flex;align-items:center}.abcjs-inline-audio .abcjs-midi-tempo{border-radius:2px;border:none;margin:0 2px 0 4px;width:42px;padding-left:2px;box-sizing:border-box}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:none;animation-name:abcjs-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;font-size:28px;padding:6px 8px}.abcjs-large .abcjs-midi-progress-background{height:20px;border:4px solid #cccccc}.abcjs-large .abcjs-midi-progress-indicator{height:28px;top:-8px;width:40px}.abcjs-large .abcjs-midi-clock{font-size:32px;margin-right:10px;margin-left:10px;margin-top:-1px}.abcjs-large .abcjs-midi-tempo{font-size:20px;width:50px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}.flash_box,.flash{padding:15px 15px 15px 55px;margin:10px 0;border-radius:10px;background-position:10px 10px;background-repeat:no-repeat;background-image:url();background-color:#ffd3;color:#ffffc4}.flash_box p:last-child,.flash p:last-child{margin-bottom:0}.success_box,.flash_success{padding:15px 15px 15px 55px;margin:10px 0;border-radius:10px;background-position:10px 10px;background-repeat:no-repeat;background-image:url(icons/accept.png);background-color:#4e8b1c33;color:#427618}.warning_box,.flash_warn,.flash_alert{padding:15px 15px 15px 55px;margin:10px 0;border-radius:10px;background-position:10px 10px;background-repeat:no-repeat;background-image:url(icons/warning.png);background-color:#ef9c0c33;color:#d78c0b}.fail_box,.flash_error,.flash_failure,.error_box{padding:15px 15px 15px 55px;margin:10px 0;border-radius:10px;background-position:10px 10px;background-repeat:no-repeat;background-image:url(icons/destroy.png);background-color:#e3070733;color:#ca0606}.info_box,.flash_notice{padding:15px 15px 15px 55px;margin:10px 0;border-radius:10px;background-position:10px 10px;background-repeat:no-repeat;background-image:url(icons/info.png);background-color:#003d7f33;color:#003166}.modal .btn-close.no-title{width:30px;display:inline-block;float:right;margin:0 -5px 15px 15px}#input-count{font-size:70%;color:#999;text-align:right}#input-count #input-length.too-short{color:orange}#input-count #input-length.long-enough{color:green}#input-count #input-length.max{color:red}nav.pagination{display:flex;align-items:center}nav.pagination span.current,nav.pagination a{margin:0 5px;padding:3px 8px}nav.pagination span.current{background-color:orange;color:#fff}nav.pagination a{text-decoration:none;display:inline-block}nav.pagination.beatsperminute a{background-color:#fff1;color:#aaa}nav.pagination.beatsperminute a:hover{color:#fff}nav.pagination.tapheartrate a{background-color:#0001;color:#999}nav.pagination.tapheartrate a:hover{background-color:#0002;color:#333}.account-sign-in form.button_to{display:inline-block}img.user-photo{border-radius:50%;width:30px}.tag-categories-container{font-size:116%}.tag-categories-container .tag-categories{display:flex;gap:5px}.tag-categories-container .tag-categories a{padding:5px 10px;border-radius:5px 5px 0 0;background-color:#222}.tag-categories-container .tag-categories a.active,.tag-categories-container .tag-categories a:hover{background-color:#484848}.tag-categories-container .tags{padding:15px;background-color:#484848;margin-bottom:15px}#app-container #data-loading{text-align:center;font-size:50pt;margin:30px}.react-select{color:#000}body.music--charts .chart_list .category{text-transform:capitalize;padding:3px 10px;background-color:#333;border-radius:5px;margin:3px 0}body.music--charts .chart_list .chart_listing{display:inline-block;width:300px;padding:10px;margin:5px;background-color:#00868d;overflow:hidden;white-space:nowrap;border-radius:5px}body.music--charts .chart_list .chart_listing:hover{background-color:#006e74}body.music--charts .chart_list .chart_listing .title-link{font-size:120%;display:block;margin-bottom:5px}body.music--charts .chart_list .chart_listing .tags{min-height:25px}.chart-container{margin:20px 0 75px}.chart-container .lyric-section .lyric-section-label{text-align:right}.chart-container .line-note{font-size:60%}.chart-container .section-color-0{color:#afff17}.chart-container .section-color-1{color:#ffa066}.chart-container .section-color-2{color:#4fbeff}.chart-container .section-color-3{color:#c86fff}.chart-container .section-color-4{color:#00f3ff}.chart-container .section-color-5{color:#ffee34}.chart-container .section-color-6{color:#ff4b40}.chart-container .transpose-buttons{display:inline-block}.chart-container .chart-columns-row.horizontal{display:grid}.chart-container .chart-columns-row .chart-column{position:relative}.chart-container .chart-items-row{display:flex;align-items:center}.chart-container .chart-items-row>*{margin:0 4px 0 0}.chart-container .chord-charts-container,.chart-container .lyrics-container{position:sticky;overflow:hidden;top:0}.chart-container .chord-charts-container .chord-chart{margin:0 auto 25px}.chart-container .chord-charts-container .chord-chart .chart-table{white-space:nowrap}.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td{padding:0 .3rem;vertical-align:middle;line-height:1}.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td.measure,.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td.chord-section-label{border-right:1px solid #1d1d1d}.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td.line-note{color:#e785ff;font-weight:600;vertical-align:middle;font-size:50%;padding-left:1em}.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td.beat-cell{width:5%;padding:0 0 0 .2em;line-height:0}.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td.beat-cell .beat{display:inline-block;padding:.1em .3em 0;width:1.5em;text-align:center;background-color:#1b1b1b;margin:2px;height:100%}.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td.section-last-line{padding-bottom:1.2rem}.chart-container .chord-charts-container .chord-chart .chart-table>tbody>tr>td.chord-section-label{vertical-align:top;font-size:50%;padding:.5em 2em .5em .5em;text-align:right;width:9%}.chart-container .chord-charts-container.display-grid .chord-chart{margin-right:30px}.tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tags .tag{vertical-align:middle;padding:2px 5px;background-color:#333;color:#fff;border-radius:5px;font-size:80%}.tags .tag a{color:inherit}.tags .tag.tag-category-chart_style{background-color:#3a4ce0}.tags .tag.tag-category-chart_era{background-color:#d8653f}.tags .tag.tag-category-chart_artist{background-color:#9d0058}.chart-edit-component .chart-title{display:flex;align-items:center;justify-content:space-between}.chart-edit-component .chart-edit{padding:10px;background-color:#272727;border-radius:10px;margin-bottom:10px}.chart-edit-component .chart-edit .section{padding:8px 10px;margin-bottom:8px;background-color:#000;border-radius:5px;overflow-x:scroll}.chart-edit-component .chart-edit .section td.measure{white-space:nowrap}.chart-edit-component .chart-edit .button-group{background-color:#000;padding:3px 5px 3px 8px;display:inline-block;border-radius:8px;margin:0 5px 5px 0}.chart-edit-component .chart-edit .lyric_section input,.chart-edit-component .chart-edit .lyric_section textarea{margin-bottom:10px}.chart-edit-component .chart-edit .lyric_section textarea{white-space:nowrap}.chart-edit-component .chart-edit input.beat{width:53px;display:inline-block;margin:0 4px 4px 0;padding:.25rem .18rem;text-align:center;font-size:14.5pt}.chart-edit-component .chart-edit input.beat.active{background-color:#79793e}.chart-edit-component .chart-edit input.beat.not_recognized{background-color:#5a3e08}.chart-edit-component .chart-edit input.beat.not_recognized.active{background-color:#9c6b0e}.chart-edit-component .chart-edit input.section-label::-moz-placeholder{color:#fff;opacity:1}.chart-edit-component .chart-edit input.section-label::placeholder{color:#fff;opacity:1}.chart-edit-component .chart-edit input.section-label.section-color-0{background-color:#527d00}.chart-edit-component .chart-edit input.section-label.section-color-1{background-color:#cc4d00}.chart-edit-component .chart-edit input.section-label.section-color-2{background-color:#0072b5}.chart-edit-component .chart-edit input.section-label.section-color-3{background-color:#8400d5}.chart-edit-component .chart-edit input.section-label.section-color-4{background-color:#006166}.chart-edit-component .chart-edit input.section-label.section-color-5{background-color:#9a8d00}.chart-edit-component .chart-edit input.section-label.section-color-6{background-color:#a60a00}.chart-edit-component .chart-edit table.chords td{padding:0 8px 4px 0}.chart-edit-component .chart-edit table.chords td input.note{min-width:100px;margin-left:8px}.chart-edit-component .chart-edit .symbol-key-item{font-size:15px;font-weight:400}.chart-edit-component .chart-edit .symbol-key-item .divider{opacity:.3}#chart-old #chords{background-color:#000;transition:all .5s ease;white-space:pre;font-family:Source Code Pro,monospace;font-size:180%}#chart-old #song_title{font-size:150%;margin-left:20px;transition:all .5s ease}#chart-old #lyrics{font-size:88%;display:inline-block;padding:8px 0;white-space:pre;transition:all .5s ease;font-family:Source Code Pro,monospace}#chart-old #notes{white-space:pre;font-family:Source Code Pro,monospace;transition:all .5s ease;padding:20px}#chart-old #notes h4{margin-left:-5px}.beat .repeat-beat{opacity:.3}.beat .chord-container{position:relative}.beat .chord-container .chord{font-family:Courier New;line-height:1.1}.beat .chord-container .chord-accidental{display:block;position:absolute;font-size:45%;left:83%;top:28%;font-weight:200}.beat .chord-container .chord-flavor{position:absolute;font-size:35%;left:100%;top:55%}.beat .chord-container .chord-base-note{position:absolute;font-size:25%;left:100%;bottom:16%}.beat .chord-container .chord-base-note .bar{margin:-.5em .1em 0 0;font-size:120%;opacity:.8}.beat .chord-container .chord-alt{position:absolute;transform:scale(.3);left:0%;top:-32%;text-shadow:0px 5px 2px #000}.beat .chord-container .chord-alt:hover{transform:scale(.8);cursor:pointer}.beat .non-chord{font-size:60%}body{background-color:#000;font-size:13px;color:#fff;padding:0;position:relative}body a:not(.btn),body .btn-link{color:#fff0d9;text-decoration:none}body a:not(.btn):hover,body .btn-link:hover{color:#fff0d9;text-decoration:none}body a:not(.btn):visited,body .btn-link:visited{color:#fff0d9;text-decoration:none}body .clear{clear:both}body #header{text-align:right;padding:5px 15px;margin-bottom:15px}body #header #main_menu{display:flex;align-items:center;gap:20px}body #header form.button_to{display:inline-block}body #chart-toolbar{display:flex;align-items:center;margin-bottom:15px}body #chart-toolbar a i.fa{font-size:150%;display:inline-block;margin-right:8px}body .subtle{color:#444}body .subtle:hover{color:#fff}body .clickable:hover{cursor:pointer}body .right{text-align:right}body .left{text-align:left}body .inline{display:inline-block}body .spaced-chunks{display:flex;align-items:center;padding:0 4px 4px 0;flex-wrap:wrap}body .button-row{line-height:25px}body .button-row .button-group{margin:0 3px 0 0}body .button-row .button-group .btn,body .button-row .button-group button{margin:0 4px 4px 0}#footer #right,#footer #left{padding:100px;text-align:center;height:400px}#footer #left{background-color:#00202c}#footer #right{background-color:#002a1f}#footer #right .fas{color:#fff;font-size:200px}.section-bg{background-color:#272727}.modal .close.no-title{width:30px;display:inline-block;float:right;margin:0 15px 15px}.rendered-abc-container{background-color:#fff;color:#000}#how-use-app .item{padding:10px;display:flex;align-content:stretch;align-items:center;margin-bottom:2px;border:1px solid transparent}#how-use-app .item.dirty{background-color:#fff3dc}#how-use-app .item.saving{opacity:.3}#how-use-app .item.deleted{display:none}#how-use-app .item .buttons{flex-grow:0}#how-use-app .item .buttons button{margin-right:5px}#how-use-app .item .inputs{flex-grow:1;padding:0 10px}body{overscroll-behavior:none}body :not(.light):not(.dark):not(.system) ::-webkit-scrollbar{width:8px;height:8px}body :not(.light):not(.dark):not(.system) ::-webkit-scrollbar-track{background:transparent}body :not(.light):not(.dark):not(.system) ::-webkit-scrollbar-thumb{background:#6669;border-radius:4px;border:1px solid transparent}body :not(.light):not(.dark):not(.system) ::-webkit-scrollbar-thumb:hover{background:#888c}body :not(.light):not(.dark):not(.system) ::-webkit-scrollbar:horizontal{height:8px}body :not(.light):not(.dark):not(.system) ::-webkit-scrollbar:vertical{width:8px}body :not(.light):not(.dark):not(.system) *{scrollbar-width:auto;scrollbar-color:rgba(102,102,102,.6) transparent}body .light ::-webkit-scrollbar{width:8px;height:8px}body .light ::-webkit-scrollbar-track{background:transparent}body .light ::-webkit-scrollbar-thumb{background:#c1c1c199;border-radius:4px;border:1px solid transparent}body .light ::-webkit-scrollbar-thumb:hover{background:#a8a8a8cc}body .light ::-webkit-scrollbar:horizontal{height:8px}body .light ::-webkit-scrollbar:vertical{width:8px}body .light *{scrollbar-width:auto;scrollbar-color:rgba(193,193,193,.6) transparent}body .light .dark ::-webkit-scrollbar{width:8px;height:8px}body .light .dark ::-webkit-scrollbar-track{background:transparent}body .light .dark ::-webkit-scrollbar-thumb{background:#6669;border-radius:4px;border:1px solid transparent}body .light .dark ::-webkit-scrollbar-thumb:hover{background:#888c}body .light .dark ::-webkit-scrollbar:horizontal{height:8px}body .light .dark ::-webkit-scrollbar:vertical{width:8px}body .light .dark *{scrollbar-width:auto;scrollbar-color:rgba(102,102,102,.6) transparent}@media (prefers-color-scheme: light){body .light .system ::-webkit-scrollbar{width:8px;height:8px}body .light .system ::-webkit-scrollbar-track{background:transparent}body .light .system ::-webkit-scrollbar-thumb{background:#c1c1c199;border-radius:4px;border:1px solid transparent}body .light .system ::-webkit-scrollbar-thumb:hover{background:#a8a8a8cc}body .light .system ::-webkit-scrollbar:horizontal{height:8px}body .light .system ::-webkit-scrollbar:vertical{width:8px}body .light .system *{scrollbar-width:auto;scrollbar-color:rgba(193,193,193,.6) transparent}}@media (prefers-color-scheme: dark){body .light .system ::-webkit-scrollbar{width:8px;height:8px}body .light .system ::-webkit-scrollbar-track{background:transparent}body .light .system ::-webkit-scrollbar-thumb{background:#6669;border-radius:4px;border:1px solid transparent}body .light .system ::-webkit-scrollbar-thumb:hover{background:#888c}body .light .system ::-webkit-scrollbar:horizontal{height:8px}body .light .system ::-webkit-scrollbar:vertical{width:8px}body .light .system *{scrollbar-width:auto;scrollbar-color:rgba(102,102,102,.6) transparent}}body .dark ::-webkit-scrollbar{width:8px;height:8px}body .dark ::-webkit-scrollbar-track{background:transparent}body .dark ::-webkit-scrollbar-thumb{background:#6669;border-radius:4px;border:1px solid transparent}body .dark ::-webkit-scrollbar-thumb:hover{background:#888c}body .dark ::-webkit-scrollbar:horizontal{height:8px}body .dark ::-webkit-scrollbar:vertical{width:8px}body .dark *{scrollbar-width:auto;scrollbar-color:rgba(102,102,102,.6) transparent}body .dark .light ::-webkit-scrollbar{width:8px;height:8px}body .dark .light ::-webkit-scrollbar-track{background:transparent}body .dark .light ::-webkit-scrollbar-thumb{background:#c1c1c199;border-radius:4px;border:1px solid transparent}body .dark .light ::-webkit-scrollbar-thumb:hover{background:#a8a8a8cc}body .dark .light ::-webkit-scrollbar:horizontal{height:8px}body .dark .light ::-webkit-scrollbar:vertical{width:8px}body .dark .light *{scrollbar-width:auto;scrollbar-color:rgba(193,193,193,.6) transparent}@media (prefers-color-scheme: light){body .dark .system ::-webkit-scrollbar{width:8px;height:8px}body .dark .system ::-webkit-scrollbar-track{background:transparent}body .dark .system ::-webkit-scrollbar-thumb{background:#c1c1c199;border-radius:4px;border:1px solid transparent}body .dark .system ::-webkit-scrollbar-thumb:hover{background:#a8a8a8cc}body .dark .system ::-webkit-scrollbar:horizontal{height:8px}body .dark .system ::-webkit-scrollbar:vertical{width:8px}body .dark .system *{scrollbar-width:auto;scrollbar-color:rgba(193,193,193,.6) transparent}}@media (prefers-color-scheme: dark){body .dark .system ::-webkit-scrollbar{width:8px;height:8px}body .dark .system ::-webkit-scrollbar-track{background:transparent}body .dark .system ::-webkit-scrollbar-thumb{background:#6669;border-radius:4px;border:1px solid transparent}body .dark .system ::-webkit-scrollbar-thumb:hover{background:#888c}body .dark .system ::-webkit-scrollbar:horizontal{height:8px}body .dark .system ::-webkit-scrollbar:vertical{width:8px}body .dark .system *{scrollbar-width:auto;scrollbar-color:rgba(102,102,102,.6) transparent}}@media (prefers-color-scheme: light){body .system ::-webkit-scrollbar{width:8px;height:8px}body .system ::-webkit-scrollbar-track{background:transparent}body .system ::-webkit-scrollbar-thumb{background:#c1c1c199;border-radius:4px;border:1px solid transparent}body .system ::-webkit-scrollbar-thumb:hover{background:#a8a8a8cc}body .system ::-webkit-scrollbar:horizontal{height:8px}body .system ::-webkit-scrollbar:vertical{width:8px}body .system *{scrollbar-width:auto;scrollbar-color:rgba(193,193,193,.6) transparent}}@media (prefers-color-scheme: dark){body .system ::-webkit-scrollbar{width:8px;height:8px}body .system ::-webkit-scrollbar-track{background:transparent}body .system ::-webkit-scrollbar-thumb{background:#6669;border-radius:4px;border:1px solid transparent}body .system ::-webkit-scrollbar-thumb:hover{background:#888c}body .system ::-webkit-scrollbar:horizontal{height:8px}body .system ::-webkit-scrollbar:vertical{width:8px}body .system *{scrollbar-width:auto;scrollbar-color:rgba(102,102,102,.6) transparent}}body .system .light ::-webkit-scrollbar{width:8px;height:8px}body .system .light ::-webkit-scrollbar-track{background:transparent}body .system .light ::-webkit-scrollbar-thumb{background:#c1c1c199;border-radius:4px;border:1px solid transparent}body .system .light ::-webkit-scrollbar-thumb:hover{background:#a8a8a8cc}body .system .light ::-webkit-scrollbar:horizontal{height:8px}body .system .light ::-webkit-scrollbar:vertical{width:8px}body .system .light *{scrollbar-width:auto;scrollbar-color:rgba(193,193,193,.6) transparent}body .system .dark ::-webkit-scrollbar{width:8px;height:8px}body .system .dark ::-webkit-scrollbar-track{background:transparent}body .system .dark ::-webkit-scrollbar-thumb{background:#6669;border-radius:4px;border:1px solid transparent}body .system .dark ::-webkit-scrollbar-thumb:hover{background:#888c}body .system .dark ::-webkit-scrollbar:horizontal{height:8px}body .system .dark ::-webkit-scrollbar:vertical{width:8px}body .system .dark *{scrollbar-width:auto;scrollbar-color:rgba(102,102,102,.6) transparent}