/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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-50:oklch(97.1% 0.013 17.38);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-900:oklch(39.6% 0.141 25.723);--color-amber-50:oklch(98.7% 0.022 95.277);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-900:oklch(20.8% 0.042 265.755);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--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:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-0.025em;--tracking-wide:0.025em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid;}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}:-moz-focusring:where(:not(iframe)){outline:auto;}progress{vertical-align:baseline;}summary{display:list-item;}ol,ul,menu{list-style:none;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1;}: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)){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,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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"]),::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 utilities{.\!visible{visibility:visible !important;}.invisible{visibility:hidden;}.visible{visibility:visible;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.static{position:static;}.inset-0{inset:0px;}.top-1{top:var(--spacing);}.top-3{top:calc(var(--spacing) * 3);}.right-3{right:calc(var(--spacing) * 3);}.bottom-5{bottom:calc(var(--spacing) * 5);}.left-1{left:var(--spacing);}.container{width:100%;@media (width>= 40rem){max-width:40rem;}@media (width>= 48rem){max-width:48rem;}@media (width>= 64rem){max-width:64rem;}@media (width>= 80rem){max-width:80rem;}@media (width>= 96rem){max-width:96rem;}}.mt-1{margin-top:var(--spacing);}.mt-2{margin-top:calc(var(--spacing) * 2);}.mt-8{margin-top:calc(var(--spacing) * 8);}.mt-auto{margin-top:auto;}.mb-10{margin-bottom:calc(var(--spacing) * 10);}.ml-auto{margin-left:auto;}.block{display:block;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.inline{display:inline;}.inline-flex{display:inline-flex;}.table{display:table;}.h-full{height:100%;}.min-h-0{min-height:0px;}.min-h-11{min-height:calc(var(--spacing) * 11);}.min-h-14{min-height:calc(var(--spacing) * 14);}.min-h-16{min-height:calc(var(--spacing) * 16);}.min-h-52{min-height:calc(var(--spacing) * 52);}.w-full{width:100%;}.max-w-full{max-width:100%;}.min-w-0{min-width:0px;}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.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;}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.items-center{align-items:center;}.items-start{align-items:flex-start;}.justify-between{justify-content:space-between;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.gap-1{gap:var(--spacing);}.gap-2{gap:calc(var(--spacing) * 2);}.gap-3{gap:calc(var(--spacing) * 3);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-5{gap:calc(var(--spacing) * 5);}.gap-6{gap:calc(var(--spacing) * 6);}.gap-x-4{column-gap:calc(var(--spacing) * 4);}.gap-y-2{row-gap:calc(var(--spacing) * 2);}.overflow-hidden{overflow:hidden;}.rounded{border-radius:0.25rem;}.border{border-style:var(--tw-border-style);border-width:1px;}.border-0{border-style:var(--tw-border-style);border-width:0px;}.border-blue-600{border-color:var(--color-blue-600);}.border-neutral-300{border-color:var(--color-neutral-300);}.bg-blue-600{background-color:var(--color-blue-600);}.bg-neutral-100{background-color:var(--color-neutral-100);}.bg-slate-50{background-color:var(--color-slate-50);}.bg-slate-900{background-color:var(--color-slate-900);}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.p-4{padding:calc(var(--spacing) * 4);}.p-7{padding:calc(var(--spacing) * 7);}.p-10{padding:calc(var(--spacing) * 10);}.px-0{padding-inline:0px;}.px-3{padding-inline:calc(var(--spacing) * 3);}.px-5{padding-inline:calc(var(--spacing) * 5);}.px-8{padding-inline:calc(var(--spacing) * 8);}.px-10{padding-inline:calc(var(--spacing) * 10);}.py-2{padding-block:calc(var(--spacing) * 2);}.py-3{padding-block:calc(var(--spacing) * 3);}.py-4{padding-block:calc(var(--spacing) * 4);}.py-5{padding-block:calc(var(--spacing) * 5);}.pr-10{padding-right:calc(var(--spacing) * 10);}.pb-20{padding-bottom:calc(var(--spacing) * 20);}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}.text-slate-900{color:var(--color-slate-900);}.opacity-40{opacity:40%;}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.outline{outline-style:var(--tw-outline-style);outline-width:1px;}.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));}@media (width < 80rem){.max-xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (width < 48rem){.max-md\:mt-0{margin-top:0px;}.max-md\:w-full{width:100%;}.max-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.max-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.max-md\:p-6{padding:calc(var(--spacing) * 6);}}}@layer base{html{background-color:var(--color-slate-50);color:var(--color-slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{min-height:100vh;overflow-x:hidden;background-color:var(--color-slate-50);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-slate-900);}h1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;@media (width>= 48rem){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));}}h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;@media (width>= 48rem){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}}h3{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}h4{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}:is(a,button,input,select,textarea):focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:var(--color-blue-600);}button,input,select,textarea{font-family:var(--font-sans);}button:not(:disabled){cursor:pointer;touch-action:manipulation;}img{max-width:100%;}svg{flex-shrink:0;}@media (prefers-reduced-motion:reduce){*,::before,::after{scroll-behavior:auto;transition-duration:0.01ms;animation-duration:0.01ms;animation-iteration-count:1;}}}@layer components{.app-shell--sidebar-collapsed .app-sidebar{width:calc(var(--spacing) * 16);@media (width < 900px){width:min(320px,88vw);}}.app-shell--sidebar-collapsed .app-main{margin-left:calc(var(--spacing) * 16);@media (width < 900px){margin-left:0px;}}.app-shell--sidebar-collapsed .app-nav-label,.app-shell--sidebar-collapsed .app-brand-logo{display:none;}.app-shell--sidebar-collapsed .app-brand-isotipo{display:block;}.app-shell{min-height:100vh;overflow-x:clip;background-color:var(--color-slate-50);font-family:var(--font-sans);color:var(--color-slate-900);}.app-sidebar{position:fixed;inset-block:0px;left:0px;z-index:40;display:flex;width:200px;flex-direction:column;overflow:hidden;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-neutral-100);@media (width < 900px){width:min(320px,88vw);}@media (width < 900px){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);}&.app-sidebar--open{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y);}}.app-brand{display:flex;min-height:calc(var(--spacing) * 22);align-items:center;padding-inline:calc(var(--spacing) * 6);}.app-brand-logo{width:122px;}.app-brand-isotipo{display:none;width:calc(var(--spacing) * 7);}.app-nav{display:grid;gap:var(--spacing);padding:calc(var(--spacing) * 3);}.app-nav-item{display:flex;min-height:calc(var(--spacing) * 12);align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-900);text-decoration-line:none;&:hover{@media (hover:hover){background-color:var(--color-blue-50);}}&.app-nav-item--active{background-color:var(--color-blue-600);}&.app-nav-item--active{color:var(--color-slate-50);}}.app-nav-icon{display:grid;width:calc(var(--spacing) * 6);flex-shrink:0;place-items:center;}.app-nav-item--config{margin-top:calc(var(--spacing) * 5);}.app-sidebar-collapse{margin-inline:calc(var(--spacing) * 3);margin-top:auto;margin-bottom:calc(var(--spacing) * 4);min-height:calc(var(--spacing) * 11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:transparent;}.app-sidebar-collapse-open{display:none;}.app-menu-close{display:none;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;@media (width < 900px){display:grid;}}.app-menu-toggle{display:none;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;@media (width < 900px){display:grid;}}.app-sidebar-backdrop{position:fixed;inset:0px;z-index:30;display:none;border-style:var(--tw-border-style);border-width:0px;background-color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 50%,transparent);}&.app-sidebar-backdrop--open{display:block;}}.app-main{margin-left:200px;min-width:0px;@media (width < 900px){margin-left:0px;}}.app-topbar{display:flex;min-height:calc(var(--spacing) * 22);align-items:center;justify-content:flex-end;gap:calc(var(--spacing) * 3.5);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 10);padding-block:calc(var(--spacing) * 5);@media (width < 900px){justify-content:space-between;}@media (width < 900px){padding-inline:calc(var(--spacing) * 5);}@media (width < 900px){padding-block:calc(var(--spacing) * 3);}}.app-topbar-user{display:grid;justify-items:end;}.app-topbar-name{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}.app-topbar-links{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);@media (width < 48rem){display:none;}}.app-avatar{display:grid;width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);place-items:center;border-radius:calc(infinity * 1px);background-color:var(--color-slate-900);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-slate-50);}.app-content{margin-inline:auto;width:100%;max-width:1440px;padding-inline:calc(var(--spacing) * 10);padding-top:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 20);@media (width < 900px){padding-inline:calc(var(--spacing) * 5);}@media (width < 900px){padding-top:calc(var(--spacing) * 7);}}.app-shell--studio{color-scheme:dark;--studio-page:#272727;--studio-surface:#424242;--studio-text:#fcfff7;--studio-muted:#d4d4d4;--studio-border:#ffffff33;--studio-grid-major:#ffffff24;--studio-grid-minor:#ffffff0f;--studio-control:#adadad;--studio-empty:#272727;--studio-selection:#fcfff7;--studio-transport:#19233a;--studio-scroll:#525252;--studio-green:#00c951;--studio-ruler-primary:#fff;--studio-ruler-secondary:#ffffff80;}.app-shell--studio[data-studio-theme=light]{color-scheme:light;--studio-page:#f8fafc;--studio-surface:#e5e7eb;--studio-text:#0f172a;--studio-muted:#525252;--studio-border:#cbd5e1;--studio-grid-major:#0f172a29;--studio-grid-minor:#0f172a12;--studio-control:#475569;--studio-empty:#e2e8f0;--studio-selection:#0f172a;--studio-transport:#fff;--studio-scroll:#94a3b8;--studio-green:#047857;--studio-ruler-primary:#334155;--studio-ruler-secondary:#64748b;}.app-shell--studio[data-studio-theme=light] [data-track-settings] img{filter:brightness(.28);}.app-shell--studio .app-content{min-height:calc(100vh - 88px);max-width:none;padding-inline:58px;padding-top:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 28);@media (width < 900px){padding-inline:calc(var(--spacing) * 5);}background:var(--studio-page);color:var(--studio-text);}.app-shell--studio .app-topbar{border-color:var(--studio-surface);background:var(--studio-page);color:var(--studio-text);}.app-shell--studio .app-topbar-links{color:var(--studio-green);}.app-shell--studio .app-avatar{background-color:#00c951;color:var(--color-white);}.skip-link{position:fixed;top:calc(var(--spacing) * 4);left:calc(var(--spacing) * 4);z-index:100;--tw-translate-y:calc(var(--spacing) * -24);translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-blue-600);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);&:focus{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y);}}.sr-only{position:absolute;margin:-1px;width:1px;height:1px;overflow:hidden;padding:0px;white-space:nowrap;clip:rect(0,0,0,0);}.mk-button{display:inline-flex;min-height:calc(var(--spacing) * 11);max-width:100%;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:0;text-align:center;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-decoration-line:none;&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;}&:focus-visible{outline-offset:2px;}&:focus-visible{outline-color:var(--color-slate-900);}&:disabled{cursor:not-allowed;}&:disabled{opacity:45%;}}.mk-button--large{min-height:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 10);padding-block:calc(var(--spacing) * 5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));}.mk-button--medium{min-height:calc(var(--spacing) * 14);padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));}.mk-button--small{min-height:calc(var(--spacing) * 11);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.mk-button--primary{border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-blue-600);color:var(--color-slate-50);&:hover{@media (hover:hover){background-color:#1d4ed8;}}&.is-playing{background-color:var(--color-slate-900);}&.is-playing{color:var(--color-white);}&[aria-pressed=true]{background-color:var(--color-slate-900);}&[aria-pressed=true]{color:var(--color-white);}}.mk-button--secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);background-color:transparent;color:var(--color-blue-600);&:hover{@media (hover:hover){border-color:#1d4ed8;}}&:hover{@media (hover:hover){color:#1d4ed8;}}}.mk-button--tertiary{border-style:var(--tw-border-style);border-width:0px;background-color:transparent;color:#1d4ed8;&:hover{@media (hover:hover){color:#1e40af;}}}.home-dashboard{margin-inline:auto;width:100%;max-width:1120px;min-width:0px;padding-bottom:calc(var(--spacing) * 20);}.home-dashboard-main{display:grid;min-width:0px;gap:calc(var(--spacing) * 8);}.home-start-panel{display:grid;min-height:0px;min-width:0px;gap:calc(var(--spacing) * 5);}.home-start-panel--loading{min-height:calc(var(--spacing) * 44);align-content:center;background-color:var(--color-neutral-100);padding:calc(var(--spacing) * 8);}.home-start-loading{display:flex;align-items:center;gap:calc(var(--spacing) * 4);color:var(--color-slate-900);}.home-start-loading>svg{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);color:var(--color-blue-600);}.home-start-loading>div{display:grid;gap:var(--spacing);}.home-start-loading span{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);}.home-start-panel--zero{width:100%;}.home-start-intro{display:grid;max-width:var(--container-3xl);gap:calc(var(--spacing) * 5);}.home-start-intro>svg{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);color:var(--color-slate-700);}.home-start-panel--returning{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:calc(var(--spacing) * 8);row-gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}@media (width < 48rem){align-items:flex-start;}}.home-start-panel--returning>div:first-child{display:flex;min-width:0px;align-items:flex-start;gap:calc(var(--spacing) * 4);}.home-start-panel--returning .home-song-start-options{grid-column:1 / -1;width:100%;}.home-start-panel>svg{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);color:var(--color-slate-700);}.home-moods{display:flex;max-width:100%;min-width:0px;flex-wrap:wrap;column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 2);}.home-mood-picker{display:grid;gap:var(--spacing);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200);padding-top:calc(var(--spacing) * 3);}.home-start-panel--zero .home-start-actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing) * 4);@media (width < 40rem){align-items:stretch;}}@media (width < 40rem){.home-start-panel--zero .home-start-actions .mk-button{width:100%;}}.home-song-start-options{display:grid;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200);padding-top:calc(var(--spacing) * 5);}.home-song-start-options>div{display:grid;gap:var(--spacing);}.home-song-start-options small{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-600);}.home-song-start-options nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 4);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.home-song-start-options nav a{display:grid;min-height:calc(var(--spacing) * 28);align-content:flex-start;gap:var(--spacing);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding:calc(var(--spacing) * 4);color:var(--color-slate-900);text-decoration-line:none;&:hover{@media (hover:hover){border-color:var(--color-blue-600);}}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;}&:focus-visible{outline-offset:2px;}&:focus-visible{outline-color:var(--color-blue-600);}}.home-song-start-options nav span{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-neutral-600);}.home-mood-picker>p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);}.home-moods a{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:#1d4ed8;text-underline-offset:4px;&:hover{@media (hover:hover){text-decoration-line:underline;}}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;}&:focus-visible{outline-offset:2px;}&:focus-visible{outline-color:var(--color-slate-900);}}.home-work-panel{display:grid;gap:calc(var(--spacing) * 8);}.home-start-actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);}.home-inspiration{min-width:0px;background-color:var(--color-neutral-100);padding:calc(var(--spacing) * 10);@media (width < 48rem){padding:calc(var(--spacing) * 6);}}.home-dashboard--returning .home-inspiration{padding:calc(var(--spacing) * 8);@media (width < 48rem){padding:calc(var(--spacing) * 6);}}.home-inspiration-intro{margin-bottom:calc(var(--spacing) * 6);display:grid;min-width:0px;gap:calc(var(--spacing) * 3);& h2{text-wrap:pretty;}& h2{overflow-wrap:break-word;}& p:last-child{margin-top:calc(var(--spacing) * 3);}& p:last-child{max-width:var(--container-2xl);}&>*{min-width:0px;}}.home-section-label{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:1.2px;letter-spacing:1.2px;color:#1d4ed8;text-transform:uppercase;}.home-inspiration-logo{display:inline-block;height:auto;width:calc(var(--spacing) * 7);}.home-recents{display:grid;gap:calc(var(--spacing) * 5);}.home-recents-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);}.home-recents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 80rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.home-recent-card{position:relative;min-width:0px;background-color:var(--color-neutral-100);}.home-recent-card-link{display:block;color:var(--color-slate-900);text-decoration-line:none;}.home-recent-card-art{position:relative;display:grid;height:calc(var(--spacing) * 44);place-items:center;overflow:hidden;background-color:var(--color-blue-50);}.home-recent-card-art>img{width:100%;height:100%;object-fit:cover;}.home-recent-card-art>span{position:absolute;inset-inline:calc(var(--spacing) * 4);bottom:calc(var(--spacing) * 4);overflow:hidden;background-color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 75%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 75%,transparent);}padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;color:var(--color-white);}.home-recent-card-copy{display:grid;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 6);}.home-recent-card-title{display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 3);}.home-recent-card-title strong{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.home-recent-card-title em{flex-shrink:0;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-600);font-style:normal;}.home-project-menu{position:absolute;top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 2);z-index:10;}.home-project-menu-toggle{display:grid;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:color-mix(in srgb,#fff 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 90%,transparent);}}.home-project-menu-popover{position:absolute;top:calc(var(--spacing) * 12);right:0px;z-index:20;display:grid;min-width:calc(var(--spacing) * 40);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:var(--spacing);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.wb-hero{display:grid;gap:calc(var(--spacing) * 8);}.wb-hero-eyebrow{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:1.2px;letter-spacing:1.2px;color:#1d4ed8;text-transform:uppercase;}.wb-progression-main{position:relative;display:grid;gap:calc(var(--spacing) * 5);}.home-daily-heading{display:flex;justify-content:flex-end;}.wb-chords-and-settings{display:grid;gap:calc(var(--spacing) * 4);}.wb-chords{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--spacing) * 4);@media (width < 48rem){grid-template-columns:repeat(2,minmax(0,1fr));}}.wb-progchip{position:relative;display:flex;min-height:104px;cursor:grab;flex-direction:column;justify-content:center;background-color:#dbeafe;padding:calc(var(--spacing) * 5);color:var(--color-slate-900);outline-offset:2px;&.wb-progchip--outline{border-style:var(--tw-border-style);border-width:1px;}&.wb-progchip--outline{border-color:var(--color-slate-900);}&.wb-progchip--outline{background-color:transparent;}&.wb-progchip--sonando{background-color:var(--color-slate-900);}&.wb-progchip--sonando{color:var(--color-white);}}.wb-progchip-nombre{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.wb-progchip-grado{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.wb-progchip-drag{position:absolute;top:calc(var(--spacing) * 3);right:calc(var(--spacing) * 3);opacity:40%;}.wb-info{display:grid;gap:calc(var(--spacing) * 2);}.wb-info-name{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.wb-info-desc{color:var(--color-neutral-600);}.wb-progression-toprow{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing) * 4);}.wb-tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);}.wb-tag{display:inline-flex;min-height:calc(var(--spacing) * 8);align-items:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-400);background-color:transparent;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);text-decoration-line:none;&:hover{@media (hover:hover){border-color:var(--color-blue-600);}}&:hover{@media (hover:hover){color:var(--color-blue-700);}}}.wb-info-box{display:grid;gap:calc(var(--spacing) * 5);}.wb-info-actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);}.wb-icon-hidden{display:none;}.wb-settings-backdrop{position:fixed;inset:0px;z-index:40;display:none;background-color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 50%,transparent);}&.wb-settings-backdrop--visible{display:block;}}.wb-settings-wrapper{position:relative;}.wb-settings-toggle{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);background-color:transparent;padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-600);&:hover{@media (hover:hover){background-color:var(--color-blue-50);}}}.wb-settings-panel{position:fixed;top:calc(1 / 2 * 100%);left:calc(1 / 2 * 100%);z-index:50;display:grid;max-height:calc(100dvh - 40px);width:min(560px,calc(100vw - 40px));--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);gap:calc(var(--spacing) * 5);overflow-y:auto;overscroll-behavior:contain;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.home-audio-settings-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);}.home-audio-settings-close{display:grid;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;&:hover{@media (hover:hover){background-color:var(--color-neutral-100);}}}.wb-tempo-row{display:flex;align-items:center;gap:calc(var(--spacing) * 4);}.home-explore-section{display:grid;gap:calc(var(--spacing) * 7);padding-top:calc(var(--spacing) * 5);}.home-explore-heading{display:grid;justify-items:center;gap:var(--spacing);text-align:center;}.home-explore-slot{min-width:0px;}.wb-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 64rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.wb-explore-card{display:flex;min-height:calc(var(--spacing) * 52);flex-direction:column;justify-content:flex-end;background-color:var(--color-neutral-100);color:var(--color-slate-900);text-decoration-line:none;}@media (hover:hover){.wb-explore-card--link:hover{outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-blue-600);}}.home-explore-card-copy{display:grid;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 6);}.prog-header{display:flex;min-height:calc(var(--spacing) * 20);align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 10);@media (width < 48rem){padding-inline:calc(var(--spacing) * 5);}}.prog-main{min-height:calc(100vh - 80px);background-color:var(--color-slate-50);padding:calc(var(--spacing) * 10);@media (width < 48rem){padding:calc(var(--spacing) * 5);}}.prog-hero{margin-inline:auto;display:grid;max-width:1360px;grid-template-columns:320px 1fr;gap:calc(var(--spacing) * 10);@media (width < 64rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.prog-info{display:grid;align-content:flex-start;gap:calc(var(--spacing) * 5);@media (width < 64rem){display:none;}}.prog-titulo{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);@media (width < 48rem){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}}.prog-descripcion{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-neutral-600);}.prog-tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);}.prog-tag{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.prog-acordes-wrap{display:grid;min-width:0px;align-content:flex-start;gap:calc(var(--spacing) * 6);}.prog-acordes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--spacing) * 4);@media (width < 48rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.prog-acorde{position:relative;display:flex;min-height:260px;cursor:pointer;flex-direction:column;justify-content:flex-end;background-color:var(--color-slate-100);padding:calc(var(--spacing) * 6);color:var(--color-slate-900);&.prog-acorde--outline{border-style:var(--tw-border-style);border-width:1px;}&.prog-acorde--outline{border-color:var(--color-slate-900);}&.prog-acorde--outline{background-color:transparent;}&.sonando{background-color:var(--color-slate-900);}&.sonando{color:var(--color-white);}}.prog-acorde-nota{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-leading:1;line-height:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.prog-acorde-grado{margin-top:calc(var(--spacing) * 3);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}.prog-acorde-triada{margin-top:auto;padding-top:calc(var(--spacing) * 8);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);}.prog-acorde-funcion{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));opacity:70%;}.prog-acorde-info{position:absolute;top:calc(var(--spacing) * 3);right:calc(var(--spacing) * 3);display:grid;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:color-mix(in srgb,#fff 70%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 70%,transparent);}}.prog-btn-group{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);}.prog-btn-listen{display:inline-flex;min-height:calc(var(--spacing) * 14);align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-blue-600);padding-inline:calc(var(--spacing) * 10);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-50);}.prog-btn-fullscale{display:inline-flex;min-height:calc(var(--spacing) * 14);align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);background-color:transparent;padding-inline:calc(var(--spacing) * 10);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-600);}.prog-btn-fullscale-mobile{display:inline-flex;min-height:calc(var(--spacing) * 12);align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);padding-inline:calc(var(--spacing) * 5);color:var(--color-blue-600);}.prog-btn-reload{display:grid;width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);place-items:center;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:transparent;}.prog-hint{margin-top:calc(var(--spacing) * 8);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);@media (width < 48rem){display:none;}}.prog-mobile-meta{display:none;@media (width < 64rem){display:block;}}.prog-mobile-footer{display:none;@media (width < 64rem){display:block;}}.prog-mobile-actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);}.prog-info-toggle{margin-top:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 11);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;color:#1d4ed8;}.prog-info-panel{position:fixed;inset-block:0px;right:0px;z-index:50;display:none;width:min(520px,100vw);overflow:auto;background-color:var(--color-white);padding:calc(var(--spacing) * 8);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&.active{display:block;}}.prog-info-panel-header{display:flex;align-items:center;justify-content:space-between;}.prog-info-panel-logo{height:calc(var(--spacing) * 5);width:auto;}.prog-info-panel-close{display:grid;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;}.prog-info-panel-body{margin-top:calc(var(--spacing) * 8);display:grid;gap:calc(var(--spacing) * 5);}.kicker{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:1.2px;letter-spacing:1.2px;color:#1d4ed8;text-transform:uppercase;}.ds-lab{margin-inline:auto;width:100%;max-width:1440px;padding-bottom:calc(var(--spacing) * 24);}.ds-hero{display:grid;gap:calc(var(--spacing) * 5);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-bottom:calc(var(--spacing) * 10);}.ds-kicker{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:1.2px;letter-spacing:1.2px;color:#1d4ed8;text-transform:uppercase;}.ds-index{position:sticky;top:0px;z-index:20;margin-block:calc(var(--spacing) * 8);display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:var(--color-neutral-200);background-color:color-mix(in srgb,oklch(98.4% 0.003 247.858) 95%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-50) 95%,transparent);}padding-block:calc(var(--spacing) * 3);}.ds-section{scroll-margin-top:calc(var(--spacing) * 24);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-block:calc(var(--spacing) * 12);}.ds-section-heading{margin-bottom:calc(var(--spacing) * 8);display:grid;gap:calc(var(--spacing) * 2);}.ds-foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ds-block{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);}.ds-block--wide{grid-column:1 / -1;}.ds-block-heading{margin-bottom:calc(var(--spacing) * 5);display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing) * 4);}.ds-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ds-button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--spacing) * 4);@media (width < 64rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ds-button-sample{display:grid;min-height:calc(var(--spacing) * 40);align-content:center;justify-items:start;gap:calc(var(--spacing) * 4);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:calc(var(--spacing) * 5);}.ds-button-sample--dark{background-color:var(--color-slate-900);color:var(--color-white);}.ds-token-list{display:grid;gap:calc(var(--spacing) * 2);}.ds-check{display:grid;grid-template-columns:24px 1fr;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-block:calc(var(--spacing) * 3);}.ds-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--spacing) * 3);@media (width < 64rem){grid-template-columns:repeat(3,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(2,minmax(0,1fr));}}.ds-swatch{display:grid;min-height:calc(var(--spacing) * 24);align-content:flex-end;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);padding:calc(var(--spacing) * 3);& i{margin-bottom:calc(var(--spacing) * 3);}& i{display:block;}& i{height:calc(var(--spacing) * 10);}}.ds-color-navy{background-color:var(--color-slate-900);}.ds-color-off-white{background-color:var(--color-slate-50);}.ds-color-mint{background-color:var(--color-blue-50);}.ds-color-cream{background-color:var(--color-amber-50);}.ds-color-green{background-color:var(--color-blue-600);}.ds-color-green-hover{background-color:#1d4ed8;}.ds-color-green-ink{background-color:#1d4ed8;}.ds-color-white{background-color:var(--color-white);}.ds-color-gray-70{background-color:#5d5d5d;}.ds-note-color-0{background-color:#e2e8f0;}.ds-note-color-1{background-color:#cbd5e1;}.ds-note-color-2{background-color:#dbeafe;}.ds-note-color-3{background-color:#bfdbfe;}.ds-note-color-4{background-color:#dbeafe;}.ds-note-color-5{background-color:#e2e8f0;}.ds-note-color-6{background-color:#cbd5e1;}.ds-note-color-7{background-color:#dbeafe;}.ds-note-color-8{background-color:#bfdbfe;}.ds-note-color-9{background-color:#e2e8f0;}.ds-note-color-10{background-color:#cbd5e1;}.ds-note-color-11{background-color:#dbeafe;}.ds-gray-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));@media (width < 64rem){grid-template-columns:repeat(5,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(2,minmax(0,1fr));}}.ds-gray{display:grid;min-height:calc(var(--spacing) * 20);align-content:flex-end;padding:calc(var(--spacing) * 3);}.ds-gray-1{background-color:#f8f8f8;}.ds-gray-2{background-color:#e2e2e2;}.ds-gray-3{background-color:#c8c8c8;}.ds-gray-4{background-color:#adadad;}.ds-gray-5{background-color:#929292;}.ds-gray-6{background-color:#787878;color:var(--color-white);}.ds-gray-7{background-color:#5d5d5d;color:var(--color-white);}.ds-gray-8{background-color:#424242;color:var(--color-white);}.ds-gray-9{background-color:#272727;color:var(--color-white);}.ds-gray-10{background-color:#0d0d0d;color:var(--color-white);}.ds-space-bar{display:block;height:calc(var(--spacing) * 3);background-color:var(--color-blue-600);}.ds-space-bar-4{width:var(--spacing);}.ds-space-bar-8{width:calc(var(--spacing) * 2);}.ds-space-bar-12{width:calc(var(--spacing) * 3);}.ds-space-bar-16{width:calc(var(--spacing) * 4);}.ds-space-bar-20{width:calc(var(--spacing) * 5);}.ds-space-bar-24{width:calc(var(--spacing) * 6);}.ds-space-bar-32{width:calc(var(--spacing) * 8);}.ds-space-bar-40{width:calc(var(--spacing) * 10);}.ds-space-bar-48{width:calc(var(--spacing) * 12);}.ds-space-bar-64{width:calc(var(--spacing) * 16);}.ds-space-bar-80{width:calc(var(--spacing) * 20);}.ds-space-bar-96{width:calc(var(--spacing) * 24);}.ds-type-table-wrap{overflow-x:auto;}.ds-type-table{width:100%;min-width:720px;border-collapse:collapse;& td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}& td{border-color:var(--color-neutral-200);}& td{padding:calc(var(--spacing) * 3);}& th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}& th{border-color:var(--color-neutral-300);}& th{padding:calc(var(--spacing) * 3);}& th{text-align:left;}}.ds-spacing-scale{display:grid;gap:calc(var(--spacing) * 3);}.ds-space-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ds-shape-scale{display:flex;flex-wrap:wrap;align-items:flex-end;gap:calc(var(--spacing) * 5);}.ds-state-key{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 4);}.ds-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ds-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ds-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 64rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ds-architecture{display:grid;grid-template-columns:280px 1fr;gap:calc(var(--spacing) * 8);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.scale-tool{margin-inline:auto;width:100%;max-width:1360px;padding-bottom:calc(var(--spacing) * 20);}.scale-tool--finder{padding-bottom:calc(var(--spacing) * 20);}.degree-tool{max-width:1120px;}.scale-tool-back{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-900);text-decoration-line:none;}.scale-tool-heading{margin-top:calc(var(--spacing) * 5);margin-bottom:calc(var(--spacing) * 10);}.scale-tool-kicker{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:1.2px;letter-spacing:1.2px;color:#1d4ed8;text-transform:uppercase;}.scale-finder-panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);}.scale-results-section{margin-top:calc(var(--spacing) * 6);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);}.scale-picker-heading{display:flex;min-height:calc(var(--spacing) * 18);align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);@media (width < 48rem){flex-direction:column;}@media (width < 48rem){align-items:stretch;}}.scale-results-heading{display:flex;min-height:calc(var(--spacing) * 18);align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);@media (width < 48rem){flex-direction:column;}@media (width < 48rem){align-items:stretch;}}.scale-step-number{display:grid;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);place-items:center;border-radius:calc(infinity * 1px);background-color:var(--color-blue-600);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-slate-50);}.scale-instrument-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing);& button{min-height:calc(var(--spacing) * 10);}& button{border-style:var(--tw-border-style);border-width:1px;}& button{border-color:var(--color-neutral-300);}& button{background-color:var(--color-white);}& button{padding-inline:calc(var(--spacing) * 4);}& button.active{border-color:var(--color-blue-600);}& button.active{background-color:var(--color-blue-600);}& button.active{color:var(--color-white);}}.chord-instrument-tabs{margin-block:calc(var(--spacing) * 5);display:flex;flex-wrap:wrap;gap:var(--spacing);& button{min-height:calc(var(--spacing) * 10);}& button{border-style:var(--tw-border-style);border-width:1px;}& button{border-color:var(--color-neutral-300);}& button{background-color:var(--color-white);}& button{padding-inline:calc(var(--spacing) * 4);}& button.active{border-color:var(--color-blue-600);}& button.active{background-color:var(--color-blue-600);}& button.active{color:var(--color-white);}}.scale-picker{min-width:0px;overflow-x:auto;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);}.scale-selected{display:flex;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);}.scale-piano-picker>[data-chord-view=piano]{position:relative;height:250px;min-width:720px;}.scale-piano-picker>[data-scale-view=piano]{position:relative;height:250px;min-width:720px;}.scale-piano-white-keys{display:grid;height:100%;grid-template-columns:repeat(7,minmax(0,1fr));}.scale-piano-key{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-900);&.playing{background-color:var(--color-slate-900);}&.playing{color:var(--color-white);}&.selected{background-color:var(--color-blue-50);}}.scale-piano-key--white{display:flex;align-items:flex-end;justify-content:center;background-color:var(--color-white);padding-bottom:calc(var(--spacing) * 4);}.scale-piano-key--black{position:absolute;top:0px;left:calc(var(--key-position) * 14.2857%);z-index:10;height:62%;width:8%;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-slate-900);color:var(--color-white);}.scale-fretboard-picker{overflow-x:auto;}.scale-fretboard{min-width:760px;}.scale-fretboard-neck{position:relative;margin-left:calc(var(--spacing) * 13);height:240px;min-width:720px;}.scale-position-markers{pointer-events:none;position:absolute;inset:0px;& i{position:absolute;}& i{top:var(--marker-y);}& i{left:var(--marker-x);}& i{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5);}& i{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}& i{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}& i{border-radius:calc(infinity * 1px);}& i{background-color:var(--color-neutral-300);}}.scale-fretboard-drawing{position:absolute;inset:0px;width:100%;height:100%;& .scale-fretboard-nut{stroke:var(--color-slate-900);}& line{stroke:var(--color-neutral-300);}}.scale-fretboard-row{position:absolute;inset-inline:0px;top:var(--string-y);display:grid;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);grid-template-columns:44px 1fr;align-items:center;}.scale-fret-open{z-index:10;display:grid;width:calc(var(--spacing) * 8.5);height:calc(var(--spacing) * 8.5);place-items:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);background-color:var(--color-blue-50);&.playing-note{background-color:var(--color-slate-900);}&.playing-note{color:var(--color-white);}&.selected{background-color:var(--color-blue-600);}}.scale-fretboard-string{display:grid;height:calc(var(--spacing) * 11);grid-template-columns:repeat(12,minmax(0,1fr));}.scale-fret-note{z-index:10;display:grid;place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;&.selected span{border-style:var(--tw-border-style);border-width:1px;}&.selected span{border-color:var(--color-blue-600);}&.selected span{background-color:var(--color-blue-50);}}.scale-fretboard-header{display:grid;grid-template-columns:52px 1fr;}.scale-filters{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);& button{min-height:calc(var(--spacing) * 10);}& button{border-style:var(--tw-border-style);border-width:1px;}& button{border-color:var(--color-neutral-300);}& button{background-color:var(--color-white);}& button{padding-inline:calc(var(--spacing) * 4);}& button.active{border-color:var(--color-blue-600);}& button.active{background-color:var(--color-blue-600);}& button.active{color:var(--color-white);}}.chord-results-controls{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-right:calc(var(--spacing) * 6);@media (width < 48rem){flex-direction:column;}@media (width < 48rem){align-items:stretch;}@media (width < 48rem){padding-right:0px;}}.chord-results-controls .scale-filters{flex:1;border-bottom-style:var(--tw-border-style);border-bottom-width:0px;}.chord-playback-toggle{display:flex;flex-shrink:0;@media (width < 48rem){margin-inline:calc(var(--spacing) * 6);}@media (width < 48rem){margin-bottom:calc(var(--spacing) * 4);}@media (width < 48rem){width:fit-content;}& button{min-height:calc(var(--spacing) * 10);}& button{border-style:var(--tw-border-style);border-width:1px;}& button{border-color:var(--color-neutral-300);}& button{background-color:var(--color-white);}& button{padding-inline:calc(var(--spacing) * 4);}& button+button{border-left-style:var(--tw-border-style);border-left-width:0px;}& button.active{border-color:var(--color-blue-600);}& button.active{background-color:var(--color-blue-600);}& button.active{color:var(--color-white);}}.scale-search-state{display:grid;min-height:260px;place-content:center;justify-items:center;gap:calc(var(--spacing) * 2);text-align:center;color:var(--color-neutral-600);}.scale-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);@media (width < 80rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.scale-result-card{display:flex;min-width:0px;flex-direction:column;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);& h2{padding-inline:calc(var(--spacing) * 4);}& h2{padding-top:calc(var(--spacing) * 3);}& h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));}}.scale-card-top{display:flex;justify-content:space-between;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 4);}.scale-card-family{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:#1d4ed8;text-transform:uppercase;}.scale-card-match{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-600);}.scale-card-reason{padding-inline:calc(var(--spacing) * 4);padding-top:var(--spacing);color:var(--color-neutral-600);}.chord-quality{padding-inline:calc(var(--spacing) * 4);padding-top:var(--spacing);color:var(--color-neutral-600);}.scale-card-notes{min-width:0px;flex:1;overflow:hidden;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 5);@media (width < 48rem){overflow-x:auto;}}.scale-card-footer{display:grid;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200);padding:calc(var(--spacing) * 4);color:var(--color-neutral-600);}.scale-card-actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);}.scale-card-text-link{display:inline-flex;min-height:calc(var(--spacing) * 11);width:fit-content;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-600);text-underline-offset:4px;&:hover{@media (hover:hover){text-decoration-line:underline;}}}.scale-card-text-link svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}.scale-mini-piano{position:relative;height:110px;width:100%;min-width:0px;@media (width < 48rem){min-width:420px;}}.scale-mini-white-keys{display:grid;height:100%;grid-template-columns:repeat(var(--mini-white-count),minmax(0,1fr));}.scale-mini-key{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-900);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));&.in-scale{background-color:var(--color-blue-50);}&.playing-note{background-color:var(--color-slate-900);}&.playing-note{color:var(--color-white);}&.selected{background-color:var(--color-blue-600);}&.selected{color:var(--color-white);}&.sounding{background-color:var(--color-slate-900);}&.sounding{color:var(--color-white);}}.scale-mini-key.selected.playing-note{background-color:var(--color-slate-900);color:var(--color-white);}.scale-mini-key.in-scale:not(.selected):not(.playing-note):not(.sounding){color:var(--color-slate-900);}.scale-mini-key--white{display:flex;align-items:flex-end;justify-content:center;background-color:var(--color-white);padding-bottom:calc(var(--spacing) * 2);}.scale-mini-key--black{position:absolute;top:0px;left:calc(var(--mini-key-position) / var(--mini-white-count) * 100%);z-index:10;height:62%;width:calc(70% / var(--mini-white-count));--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-slate-900);color:var(--color-white);}.scale-detail{position:fixed;inset:0px;margin:auto;max-height:calc(100vh - 40px);width:min(960px,calc(100vw - 40px));overflow:auto;overscroll-behavior:contain;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-slate-50);padding:calc(var(--spacing) * 10);color:var(--color-slate-900);&::backdrop{background-color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 50%,transparent);}}}.scale-detail-close{position:absolute;top:calc(var(--spacing) * 4);right:calc(var(--spacing) * 4);display:grid;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;}.scale-detail-actions{margin-top:calc(var(--spacing) * 6);display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);}.scale-card-position-guide{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);}.scale-card-fretboard{position:relative;min-width:420px;}.scale-card-fret-row{display:grid;grid-template-columns:36px 1fr;align-items:center;}.scale-card-fret-string{display:grid;grid-template-columns:repeat(var(--card-fret-count),minmax(36px,1fr));}.scale-card-fret{display:grid;min-height:calc(var(--spacing) * 9.5);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;&.playing-note{background-color:var(--color-slate-900);}&.playing-note{color:var(--color-white);}}.scale-card-fret-open{display:grid;min-height:calc(var(--spacing) * 9.5);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;&.playing-note{background-color:var(--color-slate-900);}&.playing-note{color:var(--color-white);}}.scale-card-fret-numbers{margin-left:calc(var(--spacing) * 9);display:grid;grid-template-columns:repeat(var(--card-fret-count),minmax(36px,1fr));text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-600);}.scale-card-position-markers{pointer-events:none;position:absolute;inset-block:0px;right:0px;left:calc(var(--spacing) * 9);display:grid;grid-template-columns:repeat(var(--card-fret-count),minmax(36px,1fr));& i{position:absolute;}& i{top:var(--marker-y);}& i{left:calc((var(--marker-column) + .5) / var(--card-fret-count) * 100%);}& i{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);}& i{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}& i{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}& i{border-radius:calc(infinity * 1px);}& i{background-color:var(--color-neutral-300);}}.scale-card-barre{position:absolute;top:calc(1 / 2 * 100%);left:calc((var(--card-barre-column) + .5) / var(--card-fret-count) * 100%);z-index:20;height:calc(100% - 20px);width:calc(var(--spacing) * 3);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:calc(infinity * 1px);background-color:var(--color-slate-900);color:var(--color-white);}.scale-error{margin:calc(var(--spacing) * 4);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-red-700);background-color:var(--color-red-50);padding:calc(var(--spacing) * 4);color:var(--color-red-700);}.chord-barre-controls{margin-bottom:calc(var(--spacing) * 3);display:flex;align-items:center;gap:calc(var(--spacing) * 2);}.chord-shape-help{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);}.guitar-diagram{margin-inline:auto;width:100%;max-width:420px;}.guitar-diagram-header{margin-bottom:calc(var(--spacing) * 3);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);}.guitar-neck-wrap{position:relative;}.guitar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top-style:var(--tw-border-style);border-top-width:1px;border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-slate-900);&>*{min-height:calc(var(--spacing) * 12);}&>*{border-right-style:var(--tw-border-style);border-right-width:1px;}&>*{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}&>*{border-color:var(--color-slate-900);}}.guitar-cell{display:grid;place-items:center;}.guitar-markers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));}.guitar-marker{display:grid;min-height:calc(var(--spacing) * 9);place-items:center;}.guitar-dot{display:grid;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);place-items:center;border-radius:calc(infinity * 1px);background-color:var(--color-blue-600);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);}.guitar-string-labels{margin-top:calc(var(--spacing) * 2);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));}.guitar-fret-numbers{margin-top:calc(var(--spacing) * 2);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-600);}.degree-key-heading{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.degree-controls{display:grid;grid-template-columns:220px 260px 1fr;gap:calc(var(--spacing) * 5);background-color:var(--color-blue-50);padding:calc(var(--spacing) * 6);@media (width < 900px){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.degree-controls>label{display:grid;min-width:0px;align-content:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-900);}.degree-controls>label>select{min-height:calc(var(--spacing) * 11);width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 10);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-slate-900);&:hover{@media (hover:hover){border-color:var(--color-slate-900);}}}.degree-current{display:grid;align-content:center;gap:calc(var(--spacing) * 2);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-slate-900) 20%,transparent);}padding-left:calc(var(--spacing) * 6);@media (width < 900px){grid-column:1 / -1;}@media (width < 900px){border-top-style:var(--tw-border-style);border-top-width:1px;}@media (width < 900px){border-left-style:var(--tw-border-style);border-left-width:0px;}@media (width < 900px){padding-top:calc(var(--spacing) * 4);}@media (width < 900px){padding-left:0px;}}.degree-palette{margin-top:calc(var(--spacing) * 6);background-color:var(--color-neutral-100);padding:calc(var(--spacing) * 8);@media (width < 48rem){padding:calc(var(--spacing) * 5);}}.degree-builder{margin-top:calc(var(--spacing) * 6);background-color:var(--color-neutral-100);padding:calc(var(--spacing) * 8);@media (width < 48rem){padding:calc(var(--spacing) * 5);}}.degree-section-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);}.degree-grid{margin-top:calc(var(--spacing) * 8);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(var(--spacing) * 2);@media (width < 900px){grid-template-columns:repeat(3,minmax(0,1fr));}@media (width < 80rem){grid-template-columns:repeat(4,minmax(0,1fr));}@media (width < 48rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.degree-card{position:relative;display:flex;min-height:238px;min-width:0px;flex-direction:column;background-color:#dbeafe;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 5);color:var(--color-slate-900);&.playing{outline-style:var(--tw-outline-style);outline-width:3px;}&.playing{outline-color:var(--color-slate-900);}}.degree-card>strong{margin-top:calc(var(--spacing) * 2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-leading:1;line-height:1;}.degree-card>p{margin-top:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-600);}.degree-card-drag-cue{position:absolute;top:calc(var(--spacing) * 3);right:calc(var(--spacing) * 2);color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 40%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-slate-900) 40%,transparent);}}.degree-card-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing);}.degree-card-add{justify-content:flex-start;padding-inline:0px;padding-block:calc(var(--spacing) * 2);}.degree-analysis{margin-top:calc(var(--spacing) * 6);display:grid;grid-template-columns:auto 1fr auto auto;align-items:flex-end;column-gap:calc(var(--spacing) * 5);row-gap:calc(var(--spacing) * 3);@media (width < 48rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 40rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.degree-analysis>label{display:grid;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-900);}.degree-analysis>label>select,.degree-analysis>label>input{min-height:calc(var(--spacing) * 11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-slate-900);&:hover{@media (hover:hover){border-color:var(--color-slate-900);}}}.degree-analysis>label>select{min-width:calc(var(--spacing) * 36);padding-right:calc(var(--spacing) * 10);}.degree-analysis>label>input{width:calc(var(--spacing) * 24);}.degree-tempo{grid-template-columns:auto auto;align-items:flex-end;}.degree-tempo>small{grid-column:1 / -1;}.degree-tempo>b{padding-bottom:calc(var(--spacing) * 2.5);}.degree-sequence{margin-top:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 8);display:flex;min-height:228px;align-items:flex-start;gap:calc(var(--spacing) * 3);overflow-x:auto;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:calc(var(--spacing) * 5);&.drop-target{background-color:var(--color-blue-50);}&.drop-target{outline-style:var(--tw-outline-style);outline-width:2px;}&.drop-target{outline-color:var(--color-blue-600);}&.drop-target{--tw-outline-style:dashed;outline-style:dashed;}}.degree-sequence-card{position:relative;display:flex;height:188px;width:188px;min-width:188px;flex-direction:column;background-color:#dbeafe;padding:calc(var(--spacing) * 5);color:var(--color-slate-900);&.dragging{opacity:50%;}&.playing{background-color:var(--color-slate-900);}&.playing{color:var(--color-white);}}.degree-duplicate{position:absolute;top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 9);display:grid;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;}.degree-remove{position:absolute;top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 1.5);display:grid;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;}.degree-drag-handle{position:absolute;right:var(--spacing);bottom:var(--spacing);display:grid;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);cursor:grab;place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;}.degree-builder-actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);}.tools-home{margin-inline:auto;width:100%;max-width:1120px;padding-block:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 16);}.tools-home-heading{margin-bottom:calc(var(--spacing) * 10);}.tools-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.tools-home-card{display:flex;min-height:380px;flex-direction:column;overflow:hidden;border-radius:0;background-color:var(--color-neutral-100);color:var(--color-slate-900);text-decoration-line:none;}.tools-home-card-cover{height:calc(var(--spacing) * 44);flex-shrink:0;}.tools-home-card-cover--scale{background-color:var(--color-amber-50);}.tools-home-card-cover--chord{background-color:#dbeafe;}.tools-home-card-cover--degree{background-color:#bfdbfe;}.tools-home-card-content{display:flex;flex:1;flex-direction:column;padding:calc(var(--spacing) * 6);}.tools-home-next{margin-top:calc(var(--spacing) * 5);display:flex;gap:calc(var(--spacing) * 5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-slate-50);padding:calc(var(--spacing) * 6);}.mussikes-page{margin-inline:auto;width:100%;max-width:1000px;padding-block:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 16);}.mussikes-heading{margin-bottom:calc(var(--spacing) * 10);display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--spacing) * 6);@media (width < 48rem){flex-direction:column;}@media (width < 48rem){align-items:flex-start;}}.mussikes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 5);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.mussike-card{min-width:0px;background-color:var(--color-neutral-100);}.mussike-card-link{display:block;color:var(--color-slate-900);text-decoration-line:none;}.mussike-card-art{display:grid;height:calc(var(--spacing) * 45);place-items:center;background-color:var(--color-blue-50);}.mussike-card-copy{display:grid;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 6);}.mussike-card-actions{display:flex;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200);}.mussike-card-actions>a,.mussike-card-actions>button{display:inline-flex;min-height:calc(var(--spacing) * 11);flex:1;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing) * 3);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-decoration-line:none;&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;}&:focus-visible{outline-offset:2px;}&:focus-visible{outline-color:var(--color-slate-900);}}.mussike-card-actions>a{color:var(--color-blue-600);&:hover{@media (hover:hover){color:var(--color-blue-800);}}}.mussike-card-actions>button{color:var(--color-red-700);&:hover{@media (hover:hover){color:var(--color-red-900);}}}.mussikes-empty{margin-inline:auto;display:grid;max-width:680px;justify-items:center;background-color:var(--color-neutral-100);padding:calc(var(--spacing) * 12);text-align:center;}.library-page{margin-inline:auto;width:100%;max-width:1360px;padding-bottom:calc(var(--spacing) * 30);}.library-heading{padding-bottom:calc(var(--spacing) * 8);}.library-search-band{position:relative;z-index:10;background-color:var(--color-blue-50);padding:calc(var(--spacing) * 6);}.library-search-row{display:flex;gap:calc(var(--spacing) * 3);}.library-search{display:flex;min-height:calc(var(--spacing) * 14);flex:1;align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);}.library-filter-panel{padding-top:calc(var(--spacing) * 5);}.library-filter-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 6);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.library-filters{margin-top:calc(var(--spacing) * 3);display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);}.library-filter{min-height:calc(var(--spacing) * 10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);&.library-filter--active{border-color:var(--color-blue-600);}&.library-filter--active{background-color:var(--color-blue-600);}&.library-filter--active{color:var(--color-white);}}.library-results{position:relative;padding-top:calc(var(--spacing) * 6);}.library-results-toolbar{margin-bottom:calc(var(--spacing) * 5);display:flex;align-items:center;justify-content:space-between;}.library-filter-toggle{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-600);&:hover{@media (hover:hover){background-color:var(--color-blue-50);}}}.library-filter-toggle svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}.library-settings-wrapper{position:relative;}.library-settings-panel{width:min(560px,calc(100vw - 40px));padding:calc(var(--spacing) * 7);}.library-settings-header{display:flex;align-items:center;justify-content:space-between;}.library-settings-content{margin-top:calc(var(--spacing) * 6);display:grid;gap:calc(var(--spacing) * 5);}.wb-settings-field{display:grid;gap:calc(var(--spacing) * 2);}.wb-pill-group{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);}.wb-pill{min-height:calc(var(--spacing) * 10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);&.wb-pill--active{border-color:var(--color-blue-600);}&.wb-pill--active{background-color:var(--color-blue-600);}&.wb-pill--active{color:var(--color-white);}}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 6);@media (width < 80rem){grid-template-columns:repeat(2,minmax(0,1fr));}@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.library-create-own{margin-top:calc(var(--spacing) * 8);margin-left:auto;display:grid;width:100%;max-width:400px;gap:calc(var(--spacing) * 5);background-color:var(--color-neutral-100);padding:calc(var(--spacing) * 6);@media (width < 48rem){max-width:none;}}.library-create-own>div{display:grid;gap:var(--spacing);}.library-create-own p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);}.library-create-own .mk-button{width:100%;}.library-card{display:flex;min-width:0px;flex-direction:column;background-color:var(--color-white);&.dragging{opacity:50%;}}.library-cover{position:relative;aspect-ratio:2/1;min-height:0px;overflow:hidden;}.library-cover>svg{display:block;width:100%;height:100%;}.library-add-timeline{visibility:hidden;display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 5);color:var(--color-blue-600);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;&:disabled{cursor:not-allowed;}&:disabled{color:var(--color-neutral-500);}}.library-add-timeline svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}.library-card:hover .library-add-timeline,.library-card:focus-within .library-add-timeline{visibility:visible;opacity:100%;}.library-chords{position:absolute;inset-inline:calc(var(--spacing) * 6);bottom:calc(var(--spacing) * 6);display:flex;flex-wrap:wrap;align-items:center;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--library-cover-ink);@media (width < 48rem){inset-inline:calc(var(--spacing) * 5);}@media (width < 48rem){bottom:calc(var(--spacing) * 5);}@media (width < 48rem){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}}.library-chord{display:inline-flex;align-items:center;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;&.library-chord--playing{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}&.library-chord--playing{opacity:60%;}}.library-chord + .library-chord::before{content:'•';margin-inline:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);opacity:100%;}.library-card-body{min-height:220px;flex:1;padding:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 6);@media (width < 48rem){min-height:0px;}@media (width < 48rem){padding:calc(var(--spacing) * 5);}}.library-card-body h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);@media (width < 48rem){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));}}.library-description{margin-top:calc(var(--spacing) * 3);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:var(--leading-snug);line-height:var(--leading-snug);color:var(--color-neutral-900);}.library-tags{margin-top:calc(var(--spacing) * 4);display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);}.library-tags span{display:inline-flex;min-height:calc(var(--spacing) * 8);align-items:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-400);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-600);}.library-card-actions{display:grid;grid-template-columns:auto auto auto;align-items:stretch;justify-content:flex-start;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 8);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}@media (width < 48rem){padding-inline:calc(var(--spacing) * 5);}@media (width < 48rem){padding-bottom:calc(var(--spacing) * 5);}}.library-card-actions .mk-button{min-height:calc(var(--spacing) * 12);padding-inline:calc(var(--spacing) * 5);white-space:nowrap;}.library-player{position:fixed;right:calc(var(--spacing) * 5);bottom:calc(var(--spacing) * 5);left:220px;z-index:30;@media (width < 900px){left:calc(var(--spacing) * 5);}@media (width < 48rem){right:0px;}@media (width < 48rem){bottom:0px;}@media (width < 48rem){left:0px;}}.library-player-shell{overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent);}background-color:var(--color-slate-900);color:var(--color-white);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.library-player-header{display:flex;min-height:calc(var(--spacing) * 12);align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 3);}.library-player-header>div:first-child{display:flex;align-items:baseline;gap:calc(var(--spacing) * 3);}.library-player-header span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:color-mix(in srgb,#fff 65%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 65%,transparent);}}.library-player-header-actions{display:flex;align-items:center;gap:calc(var(--spacing) * 2);}.library-player-expand,.library-player-collapse{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);&:hover{@media (hover:hover){background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent);}}}}.library-player-collapse{display:none;width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);padding:0px;}.library-player--expanded .library-player-collapse{display:inline-flex;}.library-player-journey{overflow-x:auto;padding-inline:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 3);}.library-player-sequence{display:grid;min-width:660px;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 3);}.library-player-inner{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:color-mix(in srgb,#fff 15%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 15%,transparent);}padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);@media (width < 48rem){display:grid;}@media (width < 48rem){grid-template-columns:repeat(2,minmax(0,1fr));}}.library-sequence-item{position:relative;display:grid;min-height:calc(var(--spacing) * 16);align-content:center;gap:var(--spacing);background-color:var(--sequence-background);padding:calc(var(--spacing) * 3);color:var(--sequence-color);&.library-sequence-item--playing{outline-style:var(--tw-outline-style);outline-width:3px;}&.library-sequence-item--playing{outline-color:var(--color-blue-600);}}.library-sequence-slot{display:grid;min-width:0px;gap:var(--spacing);}.library-sequence-section{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:color-mix(in srgb,#fff 70%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 70%,transparent);}}.library-sequence-slot>select,.library-sequence-change,.library-sequence-remove,.library-player-clear{display:none;}.library-player--expanded .library-sequence-section{display:none;}.library-player--expanded .library-sequence-slot>select{display:block;min-height:calc(var(--spacing) * 10);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 20%,transparent);}background-color:var(--color-slate-900);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white);}.library-player--expanded .library-sequence-change,.library-player--expanded .library-sequence-remove,.library-player--expanded .library-player-clear{display:inline-flex;}.library-sequence-change{margin-top:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 9);width:fit-content;align-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:color-mix(in srgb,#fff 90%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 90%,transparent);}padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-900);}.library-sequence-remove{position:absolute;top:var(--spacing);right:var(--spacing);width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background-color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 80%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 80%,transparent);}color:var(--color-white);}.library-mood-dialog{position:fixed;inset:0px;z-index:50;display:grid;place-items:center;background-color:color-mix(in srgb,oklch(20.8% 0.042 265.755) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-900) 50%,transparent);}padding:calc(var(--spacing) * 5);}.library-mood-dialog-content{position:relative;max-height:90vh;width:100%;max-width:760px;overflow:auto;background-color:var(--color-white);padding:calc(var(--spacing) * 10);}.library-recommendations{margin-top:calc(var(--spacing) * 6);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 4);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.library-recommendation{display:grid;min-height:calc(var(--spacing) * 40);gap:calc(var(--spacing) * 5);background-color:var(--color-white);padding:calc(var(--spacing) * 5);color:var(--color-slate-900);}.library-recommendation-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 3);}.library-sequence-add{display:inline-flex;min-height:calc(var(--spacing) * 16);align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;--tw-border-style:dashed;border-style:dashed;border-color:var(--color-blue-400);background-color:transparent;padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-300);&:disabled{border-color:color-mix(in srgb,#fff 15%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 15%,transparent);}}&:disabled{color:color-mix(in srgb,#fff 35%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 35%,transparent);}}}.studio{position:relative;margin-top:calc(26px * -1);min-height:calc(100vh - 180px);width:100%;min-width:0px;padding-bottom:calc(var(--spacing) * 24);@media (width < 900px){margin-top:0px;}color:var(--studio-text);}.studio-heading{margin-bottom:calc(var(--spacing) * 10);display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing) * 6);@media (width < 48rem){flex-direction:column;}}.studio-heading-copy{display:grid;min-width:0px;gap:var(--spacing);}.studio-heading-copy .scale-tool-kicker{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#0061ff;}.studio-heading-copy input{width:100%;max-width:760px;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0px;font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-outline-style:none;outline-style:none;&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;}&:focus-visible{outline-offset:4px;}&:focus-visible{outline-color:#00c951;}@media (width < 48rem){font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));}color:var(--studio-text);}.studio-heading-copy #studio-save-state{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--studio-muted);}.studio-heading-actions{margin-top:13px;display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2);@media (width < 48rem){margin-top:0px;}@media (width < 48rem){width:100%;}}.studio-theme-switch{display:flex;min-height:44px;border:1px solid var(--studio-control);background:transparent;padding:4px;}.studio-theme-switch button{display:inline-flex;min-height:36px;align-items:center;gap:8px;border:0;background:transparent;padding:0 12px;color:var(--studio-muted);font-size:14px;font-weight:600;}.studio-theme-switch button:hover{background:var(--studio-border);color:var(--studio-text);}.studio-theme-switch button:focus-visible{outline:2px solid var(--studio-green);outline-offset:2px;}.studio-theme-switch button[aria-pressed=true]{background:var(--studio-text);color:var(--studio-page);}.studio-theme-switch svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}.studio-heading-actions .mk-button--secondary{border-color:var(--studio-control);background:transparent;color:var(--studio-text);}.studio-heading-actions .mk-button--secondary:hover{background:var(--studio-border);}.studio-timeline{--beat-width:32px;--bar-width:128px;--sub:2;--sub-width:calc(var(--beat-width) / var(--sub));--track-height:130px;position:relative;overflow:hidden;background:var(--studio-page);}.studio-ruler{position:relative;display:flex;min-height:calc(var(--spacing) * 10);padding-left:254px;font-size:10px;background:var(--studio-page);color:var(--studio-text);}.studio-ruler>div{position:absolute;inset-block:0px;left:0px;width:254px;}.studio-ruler>span{background-color:var(--studio-surface);position:relative;display:grid;flex-shrink:0;place-items:start;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 20%,transparent);}}.studio-ruler-bar,.studio-ruler-beat,.studio-ruler-subdivision{position:absolute;transform:translateX(4px);font-style:normal;line-height:1;}.studio-ruler-bar{top:4px;color:var(--studio-ruler-primary);font-size:11px;font-weight:700;}.studio-ruler-beat{top:23px;color:var(--studio-ruler-secondary);font-size:8px;font-weight:500;}.studio-ruler-subdivision{top:27px;width:3px;height:1px;background:var(--studio-ruler-secondary);opacity:.55;}#studio-playhead{position:absolute;top:30px;left:0;z-index:30;width:18px;height:558px;background:url('/assets/studio/playhead.svg') center top / 18px 558px no-repeat;border:0;padding:0;cursor:ew-resize;touch-action:none;transform:translateX(calc(var(--playhead-x,254px) - 9px));}#studio-playhead:focus-visible{outline:2px solid var(--studio-green);}.studio-section-ruler{position:relative;height:calc(var(--spacing) * 7);background:var(--studio-page);}.studio-section-ruler>div{position:absolute;inset-block:0px;left:0px;width:254px;}.studio-section-ruler>button{border-bottom-color:var(--section-color,#00c951);position:absolute;inset-block:0px;cursor:grab;overflow:hidden;border-style:var(--tw-border-style);border-width:0px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;background-color:transparent;padding-inline:0px;text-align:left;font-size:10px;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);text-transform:uppercase;&:active{cursor:grabbing;}color:var(--studio-text);}.studio-section-ruler>button.is-dragging{opacity:40%;}.studio-section-ruler>button.is-drop-target{background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent);}outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:-2px;outline-color:var(--color-white);}.studio-track{height:var(--track-height);min-height:var(--track-height);max-height:var(--track-height);grid-template-rows:var(--track-height);position:relative;margin-bottom:7px;display:grid;grid-template-columns:249px 5px 1fr;}.studio-track-head{height:100%;min-height:var(--track-height);max-height:var(--track-height);position:relative;grid-column-start:1;cursor:pointer;background:var(--studio-surface);}.studio-track-drag{position:absolute;top:43px;left:19px;display:grid;width:37px;height:37px;cursor:grab;place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0px;&:active{cursor:grabbing;}}.studio-track-icon{width:37px;height:37px;max-width:none;}.studio-track-name{position:absolute;top:42px;left:70px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.studio-track-switches{position:absolute;top:66px;left:69px;display:flex;align-items:center;gap:6px;}.studio-track-switches button{display:grid;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);place-items:center;border-radius:4px;border-style:var(--tw-border-style);border-width:1px;background-color:transparent;padding:0px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;line-height:1;&[aria-pressed=true]{border-color:#00c951;}&[aria-pressed=true]{background-color:#00c951;}&[aria-pressed=true]{color:#19233a;}border-color:var(--studio-control);color:var(--studio-control);}.studio-track-switches button:hover{border-color:var(--studio-text);color:var(--studio-text);}.studio-track-switches button:last-child{margin-left:var(--spacing);width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);border-style:var(--tw-border-style);border-width:0px;}.studio-track-switches img{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);max-width:none;}.studio-track-volume{--track-volume:80%;position:absolute;top:14px;left:216px;height:102px;width:calc(var(--spacing) * 5);}.studio-track-volume::before{content:'';position:absolute;inset-block:0;left:6px;width:8px;border:1px solid #5f5f5f;border-radius:999px;background:linear-gradient(to bottom,var(--studio-empty) 0 calc(100% - var(--track-volume)),var(--studio-green) calc(100% - var(--track-volume)) 100%);pointer-events:none;}.studio-track-volume input{position:absolute;top:41px;left:-41px;width:102px;height:20px;appearance:none;border:0;background:transparent;cursor:pointer;transform:rotate(-90deg);touch-action:none;z-index:1;}.studio-track-volume input::-webkit-slider-runnable-track{height:6px;border:0;background:transparent;}.studio-track-volume input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;appearance:none;border:0;border-radius:999px;background:#8c8c8c;}.studio-track-volume input::-moz-range-track{height:6px;border:0;border-radius:999px;background:transparent;}.studio-track-volume input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:999px;background:#8c8c8c;}.studio-track-lane{height:100%;min-height:var(--track-height);max-height:var(--track-height);position:relative;grid-column-start:3;display:flex;min-width:0px;border-style:var(--tw-border-style);border-width:0px;padding:0px;text-align:left;background:var(--studio-page);}.studio-track.is-dragging{opacity:.45;}.studio-track.is-drop-target::before{content:'';position:absolute;inset:-4px 0 auto;z-index:20;height:3px;background:#0061ff;}.studio-track.is-drop-target[data-drop-position=after]::before{inset:auto 0 -4px;}.studio-bar-cell{width:var(--bar-width);height:100%;min-height:var(--track-height);max-height:var(--track-height);flex-shrink:0;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--studio-border);}.studio-ruler>span,.studio-bar-cell{background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--beat-width) - 1px),var(--studio-grid-major) calc(var(--beat-width) - 1px) var(--beat-width)),repeating-linear-gradient(to right,transparent 0 calc(var(--sub-width) - 1px),var(--studio-grid-minor) calc(var(--sub-width) - 1px) var(--sub-width));}.studio-transport{position:fixed;bottom:calc(var(--spacing) * 5);left:calc(1 / 2 * 100%);z-index:30;display:flex;min-height:70px;max-width:calc(100vw - 96px);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;overflow-x:auto;--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,rgb(0 0 0 / 0.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);@media (width < 900px){bottom:0px;}@media (width < 900px){max-width:100%;}background:var(--studio-transport);color:var(--studio-text);border:1px solid var(--studio-border);}.studio-transport-main{display:flex;min-height:70px;align-items:center;gap:calc(var(--spacing) * 6);padding-inline:calc(var(--spacing) * 6);}.studio-transport button{display:grid;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);flex-shrink:0;place-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0px;color:#00c951;&:focus-visible{outline-color:#00c951;}}.studio-transport button[aria-pressed=true]{color:#00c951;}.studio-transport-position{display:flex;min-height:55px;align-items:center;gap:calc(var(--spacing) * 7);border-left-style:var(--tw-border-style);border-left-width:1px;padding-inline:calc(var(--spacing) * 6);border-color:var(--studio-border);}.studio-transport-musical{display:flex;min-height:55px;align-items:center;gap:calc(var(--spacing) * 5);border-left-style:var(--tw-border-style);border-left-width:1px;padding-inline:calc(var(--spacing) * 6);border-color:var(--studio-border);}.studio-transport-options{display:flex;min-height:55px;align-items:center;gap:calc(var(--spacing) * 4);border-left-style:var(--tw-border-style);border-left-width:1px;padding-inline:calc(var(--spacing) * 6);border-color:var(--studio-border);}.studio-transport label{display:grid;min-width:calc(var(--spacing) * 14);gap:0px;}.studio-transport output,.studio-transport input,.studio-transport select{width:auto;min-width:0px;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0px;font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-outline-style:none;outline-style:none;color:var(--studio-text);}.studio-transport input{width:calc(var(--spacing) * 16);}.studio-transport select{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));}.studio-transport label>span:not(.sr-only){font-size:9px;text-transform:uppercase;color:var(--studio-green);}.studio-toggle{position:relative;min-width:calc(var(--spacing) * 8);cursor:pointer;place-items:center;}.studio-toggle input{position:absolute;width:1px;height:1px;opacity:0%;}.studio-toggle svg{color:var(--color-neutral-400);}.studio-toggle:has(input:checked) svg{color:var(--studio-green);}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 0;min-width:0;background:var(--studio-page);}.studio-workspace:has(.studio-inspector.is-open){grid-template-columns:minmax(0,1fr) 0;}.studio-arrangement,.studio-timeline-scroll{min-width:0;}.studio-arrangement{position:relative;}.studio-timeline-scroll{overflow-x:auto;scrollbar-color:var(--studio-scroll) var(--studio-page);}.studio-toolbar,.studio-toolbar button,.studio-toolbar label,.studio-panel-heading,.studio-library-search,.studio-library-results article button{display:flex;align-items:center;}.studio-toolbar{position:absolute;inset:-15px auto auto 0;z-index:5;width:249px;min-height:58px;justify-content:space-between;gap:16px;padding:0;font-size:14px;}.studio-toolbar>button{min-height:34px;gap:8px;border:0;background:transparent;padding:0;color:#0061ff;font-weight:600;text-transform:uppercase;}.studio-add-track-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid #0061ff;}.studio-add-track-icon svg{width:22px;height:22px;}.studio-toolbar label{gap:8px;}.studio-arrangement-menu{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0;}.studio-arrangement-menu summary{display:flex;min-height:calc(var(--spacing) * 9);cursor:pointer;list-style-type:none;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--studio-muted);}.studio-arrangement-menu>div{position:absolute;top:100%;right:0px;z-index:20;display:grid;min-width:calc(var(--spacing) * 52);gap:var(--spacing);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-600);background-color:#424242;padding:calc(var(--spacing) * 2);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.studio-arrangement-menu>div button,.studio-arrangement-menu>div label{display:flex;min-height:calc(var(--spacing) * 10);align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing) * 3);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white);&:hover{@media (hover:hover){background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent);}}}}.studio-lane-add{position:absolute;inset-block:0px;display:grid;width:144px;place-items:center;border-style:var(--tw-border-style);border-width:1px;--tw-border-style:dashed;border-style:dashed;background-color:transparent;border-color:var(--studio-green);color:var(--studio-green);}.studio-lane-add:hover{background:var(--studio-grid-minor);}.studio-lane-add svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}.studio-inspector{display:none;position:fixed;inset-block:0;right:0;z-index:50;width:min(360px,100vw);overflow-y:auto;border-left:1px solid #e5e5e5;background:#fafafa;padding:20px;color:#0f172a;box-shadow:0 20px 25px #0005;}.studio-inspector.is-open,.studio-dock.is-open{display:block;}.studio-panel-heading{align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;}.studio-panel-heading small,.studio-clip small,.studio-library-results article small{text-transform:uppercase;letter-spacing:.1em;color:#525252;}.studio-panel-heading h2{font-size:20px;}.studio-panel-heading button{border:0;background:transparent;padding:4px;}.studio-inspector label{display:grid;gap:4px;margin-bottom:16px;font-size:14px;font-weight:600;}.studio-inspector input,.studio-inspector select{min-height:44px;border:1px solid #d4d4d4;background:#fff;padding:0 12px;}.studio-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.studio-section-actions{display:flex;gap:calc(var(--spacing) * 2);}.studio-section-actions button{min-height:calc(var(--spacing) * 11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-blue-600);&:hover{@media (hover:hover){background-color:var(--color-blue-50);}}&:disabled{cursor:not-allowed;}&:disabled{opacity:40%;}}.studio-danger-link{border:0;background:transparent;padding:0;color:#b91c1c;font-size:14px;font-weight:600;text-decoration:underline;}.studio-clip{position:absolute;inset-block:0;z-index:10;display:flex;gap:5px;min-width:0;overflow:visible;border:1px solid #0f172a59;background:transparent;padding:0;text-align:left;color:#0f172a;cursor:grab;}.studio-clip.is-selected{outline:2px solid var(--studio-selection);outline-offset:-2px;}.studio-progression-chord{display:flex;flex:1 1 0;min-width:0;align-items:flex-start;border-radius:5px;background:#80cca0;padding:12px 10px 34px 15px;overflow:hidden;color:#000;font-size:14px;font-weight:400;line-height:normal;}.studio-progression-chord>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.studio-progression-chord b{font-weight:700;}.studio-clip--drums{display:grid;align-content:start;gap:4px;overflow:hidden;border-radius:5px;background:#f0d657;padding:12px 15px 34px;}.studio-clip--drums small{font-size:12px;line-height:normal;}.studio-clip--drums strong{font-size:14px;line-height:normal;}.studio-clip--drums span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}.studio-clip--notes{display:grid;align-content:start;gap:4px;overflow:hidden;border-radius:5px;background:#f28b82;padding:12px 15px 34px;}.studio-clip--notes small{font-size:12px;text-transform:uppercase;}.studio-clip--notes strong{position:relative;z-index:2;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}.studio-clip--bass{background:#7e9fcf;}.studio-note-preview{position:absolute;inset:0;overflow:hidden;opacity:.42;pointer-events:none;}.studio-note-preview--waveform{opacity:.5;}.studio-note-preview--waveform i{position:absolute;top:50%;width:2px;min-height:4px;border-radius:999px;background:#19233a;transform:translate(-50%,-50%);}.studio-clip-handle{position:absolute;inset-block:0;right:0;width:8px;background:#0001;cursor:ew-resize;opacity:0;}.studio-clip:hover .studio-clip-handle,.studio-clip:focus-visible .studio-clip-handle,.studio-clip.is-selected .studio-clip-handle{opacity:1;}.studio-dock{display:none;position:fixed;right:max(24px,calc((100vw - 960px)/2));bottom:102px;left:max(88px,calc((100vw - 960px)/2));z-index:40;max-height:48vh;overflow:auto;border:1px solid #e5e5e5;background:#fff;padding:20px;color:#0f172a;box-shadow:0 20px 25px #0005;}.studio-chord-editor{display:flex;flex-wrap:wrap;gap:12px;}.studio-chord-editor>label{position:relative;display:grid;gap:4px;border:1px solid #e5e5e5;background:#fafafa;padding:12px;}.studio-chord-editor input{width:112px;border:1px solid #d4d4d4;background:#fff;padding:8px;}.studio-chord-editor>button{min-height:64px;border:1px dashed #2563eb;background:#fff;padding:0 20px;color:#2563eb;}.studio-step-grid{display:grid;grid-template-columns:80px 1fr;gap-y:8px;overflow-x:auto;}.studio-step-grid>strong{align-self:center;}.studio-step-grid>div{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;min-width:640px;}.studio-step-grid button,.studio-note-grid button{aspect-ratio:1;border:1px solid #d4d4d4;background:#f5f5f5;}.studio-step-grid button[aria-pressed=true],.studio-note-grid button[aria-pressed=true]{background:#2563eb;}.studio-editor-help{margin-top:12px;color:#525252;font-size:14px;}.studio-note-grid{display:grid;grid-template-columns:60px repeat(32,minmax(24px,1fr));max-height:320px;overflow:auto;}.studio-note-grid b{display:grid;place-items:center;font-size:10px;}.studio-note-grid strong{position:sticky;left:0;z-index:10;background:#fff;}.studio-library{position:fixed;inset-block:0;right:0;z-index:50;width:min(440px,100vw);overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #d4d4d4;background:#fff;color:#0f172a;padding:24px;box-shadow:0 20px 25px #0002;}.studio-library-search{min-height:48px;gap:8px;margin-bottom:20px;border:1px solid #d4d4d4;padding:0 12px;}.studio-library-search input{width:100%;border:0;}.studio-library-results{display:grid;gap:8px;}.studio-library-results article{border:1px solid #e5e5e5;padding:12px;}.studio-library-results article small{color:#2563eb;}.studio-library-results article button{gap:8px;margin-top:8px;border:0;background:transparent;padding:0;color:#2563eb;font-weight:600;}@media (max-width:1024px){.studio-inspector{width:min(360px,100vw);}.studio-dock{right:16px;bottom:86px;left:16px;}}.auth-layout{display:grid;min-height:100vh;grid-template-columns:1fr 616px;background-color:var(--color-slate-50);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.auth-panel{display:flex;flex-direction:column;padding-inline:calc(var(--spacing) * 12);padding-block:calc(var(--spacing) * 10);@media (width < 48rem){padding-inline:calc(var(--spacing) * 5);}}.auth-logo{height:15px;width:auto;}.auth-form-wrap{margin:auto;width:100%;max-width:415px;padding-block:calc(var(--spacing) * 15);}.auth-titulo{margin-bottom:calc(var(--spacing) * 3);font-size:55px;--tw-leading:61px;line-height:61px;--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);@media (width < 48rem){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}@media (width < 48rem){--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10);}}.auth-subtitulo{margin-bottom:calc(var(--spacing) * 7);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.auth-google-btn{display:flex;height:calc(var(--spacing) * 13);width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2.5);border-radius:10px;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-decoration-line:none;}.auth-google-icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);}.auth-separator{margin-block:calc(var(--spacing) * 5);display:flex;align-items:center;gap:calc(var(--spacing) * 3);}.auth-separator-line{height:1px;flex:1;background-color:var(--color-neutral-200);}.auth-field{margin-bottom:calc(var(--spacing) * 4);}.auth-label{margin-bottom:calc(var(--spacing) * 2);display:block;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-black);}.auth-input-wrap{position:relative;}.auth-input{height:calc(var(--spacing) * 13);width:100%;border-radius:5px;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding-right:calc(var(--spacing) * 11);padding-left:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));&:focus{border-color:var(--color-blue-600);}}.auth-eye{position:absolute;top:calc(1 / 2 * 100%);right:calc(var(--spacing) * 3);display:flex;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0px;opacity:50%;}.auth-error{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-red-700);}.auth-forgot-link{color:#1d4ed8;text-decoration-line:none;}.auth-submit{margin-top:calc(var(--spacing) * 2);height:calc(var(--spacing) * 13);width:100%;border-radius:5px;border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-blue-600);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-50);text-transform:uppercase;&:hover{@media (hover:hover){background-color:#1d4ed8;}}}.auth-foto{position:relative;overflow:hidden;@media (width < 48rem){display:none;}}.auth-foto-img{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;}.ob-wrapper{display:flex;min-height:100vh;flex-direction:column;background-color:var(--color-slate-50);}.ob-header{display:flex;align-items:center;justify-content:space-between;padding-inline:calc(var(--spacing) * 12);padding-block:calc(var(--spacing) * 9);@media (width < 48rem){padding-inline:calc(var(--spacing) * 5);}@media (width < 48rem){padding-block:calc(var(--spacing) * 5);}}.ob-layout{display:grid;flex:1;grid-template-columns:375px 1fr;@media (width < 64rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ob-sidebar{display:flex;flex-direction:column;background-color:var(--color-slate-50);padding-inline:calc(var(--spacing) * 10);padding-bottom:calc(var(--spacing) * 10);@media (width < 64rem){display:none;}}.ob-sidebar-bg{display:flex;flex:1;flex-direction:column;background-color:var(--color-blue-50);padding:calc(var(--spacing) * 8);}.ob-sidebar-content{display:grid;gap:calc(var(--spacing) * 5);}.ob-sidebar-isotipo{width:calc(var(--spacing) * 12);}.ob-sidebar-hello{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.ob-sidebar-text{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}.ob-sidebar-footer{margin-top:auto;padding-top:calc(var(--spacing) * 8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.ob-main{display:grid;min-width:0px;place-items:center;padding:calc(var(--spacing) * 10);@media (width < 48rem){padding:calc(var(--spacing) * 5);}}.ob-steps{width:100%;max-width:760px;}.ob-step{display:none;&.active{display:block;}}.ob-titulo{margin-bottom:calc(var(--spacing) * 8);font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);@media (width < 48rem){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}& span{margin-top:calc(var(--spacing) * 3);}& span{display:block;}& span{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));}& span{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}& span{color:var(--color-neutral-600);}}.ob-input{min-height:calc(var(--spacing) * 14);width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);&:focus{border-color:var(--color-blue-600);}&:focus{outline-style:var(--tw-outline-style);outline-width:2px;}&:focus{outline-color:var(--color-blue-600);}}.ob-actions{margin-top:calc(var(--spacing) * 8);display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing) * 3);}.ob-btn-continuar{display:inline-flex;min-height:calc(var(--spacing) * 14);align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-blue-600);padding-inline:calc(var(--spacing) * 10);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-slate-50);text-decoration-line:none;&:hover{@media (hover:hover){background-color:#1d4ed8;}}}.ob-omitir{display:inline-flex;min-height:calc(var(--spacing) * 11);align-items:center;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#1d4ed8;}.ob-error{margin-top:calc(var(--spacing) * 3);color:var(--color-red-700);}.ob-genres{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);}.ob-genre-tag{min-height:calc(var(--spacing) * 12);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 5);&[aria-pressed=true]{border-color:var(--color-blue-600);}&[aria-pressed=true]{background-color:var(--color-blue-600);}&[aria-pressed=true]{color:var(--color-white);}}.ob-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 4);@media (width < 48rem){grid-template-columns:repeat(1,minmax(0,1fr));}}.ob-level-card{min-height:180px;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding:calc(var(--spacing) * 6);text-align:left;&[aria-pressed=true]{border-color:var(--color-blue-600);}&[aria-pressed=true]{background-color:var(--color-blue-50);}}.exito-wrapper{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background-color:var(--color-blue-600);padding:calc(var(--spacing) * 6);text-align:center;color:var(--color-slate-50);}.exito-content{position:relative;z-index:10;display:grid;max-width:640px;justify-items:center;gap:calc(var(--spacing) * 5);}.exito-isotipo{width:calc(var(--spacing) * 20);}.exito-titulo{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);@media (width < 48rem){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}}.exito-subtitulo{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}.exito-btn{margin-top:calc(var(--spacing) * 4);display:inline-flex;min-height:calc(var(--spacing) * 14);align-items:center;background-color:var(--color-slate-900);padding-inline:calc(var(--spacing) * 10);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);text-decoration-line:none;}.exito-bg{position:absolute;inset:0px;opacity:10%;}.exito-circle{position:absolute;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:40px;border-color:var(--color-white);}}@media (max-width:767px) and (hover:none),(max-width:767px) and (pointer:coarse){.library-add-timeline{visibility:visible;opacity:1;}}@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-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-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:0px;}@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;}@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-leading{syntax:"*";inherits:false;}@property --tw-tracking{syntax:"*";inherits:false;}@property --tw-duration{syntax:"*";inherits:false;}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-outline-style:solid;--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-leading:initial;--tw-tracking:initial;--tw-duration:initial;}}}