.nC[data-v-19f4a6fa]{cursor:pointer}.nC .ctn[data-v-19f4a6fa]{pointer-events:all}.nC[data-v-19f4a6fa]:hover{opacity:.8}.fade-fast-enter-active[data-v-06d8e433],.fade-fast-leave-active[data-v-06d8e433]{transition:opacity .15s ease}.fade-fast-enter-from[data-v-06d8e433],.fade-fast-leave-to[data-v-06d8e433]{opacity:0}.composition_intervals svg[data-v-c95acee7]{margin:auto}.group-interval[data-v-0fa2770b]{cursor:pointer}.group-interval:hover circle[data-v-0fa2770b]{opacity:1}.group-interval[data-v-210900aa]{cursor:pointer}.group-interval:hover circle[data-v-210900aa]{opacity:1}.chordDiagramWrapper[data-v-8230f9e7]{display:inline-block}.card-wrapper[data-v-5e612f64]{border-radius:.5rem;width:350px;min-width:350px;position:relative}.card-wrapper[data-v-5e612f64]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:400% 400%;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift-5e612f64 4s ease-in-out infinite}.card-wrapper[data-v-5e612f64]:hover:before{opacity:.6;animation:gradient-shift-5e612f64 2s ease-in-out infinite}@keyframes gradient-shift-5e612f64{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-content[data-v-5e612f64]{position:relative;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-content[data-v-5e612f64]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-content[data-v-5e612f64]{background:linear-gradient(145deg,#fffffff2,#f8fafcf2)}.dark .card-content[data-v-5e612f64]{background:linear-gradient(145deg,#111827f2,#1f2937f2)}.card-wrapper:hover .card-content[data-v-5e612f64]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px)}.card-header[data-v-5e612f64]{position:relative;overflow:hidden;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.card-header[data-v-5e612f64]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-header[data-v-5e612f64]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(90deg,transparent,#8b5cf6,#7c3aed,#a855f7,#8b5cf6,transparent);background-size:200% 100%;animation:gradient-flow-5e612f64 3s ease-in-out infinite}.card-wrapper:hover .card-header[data-v-5e612f64]:after{opacity:.7;animation:gradient-flow-5e612f64 1.5s ease-in-out infinite}@keyframes gradient-flow-5e612f64{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.action-buttons-container[data-v-5e612f64]{visibility:hidden;position:absolute;top:.5rem;right:.5rem;display:flex;--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;gap:.25rem;border-radius:.5rem;border-width:1px;border-color:#e5e7eb80;background-color:#fffc;padding:.375rem;opacity:0;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.action-buttons-container[data-v-5e612f64]:is(.dark *){border-color:#5a575580;background-color:#2a2a2fcc}.card-wrapper:hover .action-buttons-container[data-v-5e612f64]{visibility:visible;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.card-title[data-v-5e612f64]{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.card-title[data-v-5e612f64]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-5e612f64]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-5e612f64]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-5e612f64]{border-radius:.375rem;padding:.375rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-button[data-v-5e612f64]:hover{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.action-button[data-v-5e612f64]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-5e612f64]:hover:is(.dark *){background-color:#4c1d9533;--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.card-body[data-v-5e612f64]{padding:1rem}.content-wrapper[data-v-5e612f64]{display:flex;align-items:center;justify-content:center}.apps-view[data-v-5e612f64]{padding:.75rem}.apps-header[data-v-5e612f64]{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:.5rem}.apps-header[data-v-5e612f64]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.apps-title[data-v-5e612f64]{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.apps-title[data-v-5e612f64]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.close-button[data-v-5e612f64]{border-radius:.375rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.close-button[data-v-5e612f64]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.close-button[data-v-5e612f64]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.close-button[data-v-5e612f64]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.apps-grid[data-v-5e612f64]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.app-tile-wrapper[data-v-5e612f64]{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border-radius:.25rem;padding:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-tile-wrapper[data-v-5e612f64]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.app-tile-wrapper[data-v-5e612f64]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.fade-enter-active[data-v-5e612f64],.fade-leave-active[data-v-5e612f64]{transition:opacity .2s ease}.fade-enter-from[data-v-5e612f64],.fade-leave-to[data-v-5e612f64]{opacity:0}.loading-card[data-v-5e612f64]{width:350px}.loading-card[data-v-5e612f64]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.loading-card[data-v-5e612f64]{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem}.loading-card[data-v-5e612f64]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(42 42 47 / var(--tw-bg-opacity, 1))}.loading-header[data-v-5e612f64]{height:2.5rem}.loading-header[data-v-5e612f64]{animation:pulse-5e612f64 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.loading-header[data-v-5e612f64]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.loading-body[data-v-5e612f64]{height:6rem}@keyframes pulse-5e612f64{50%{opacity:.5}}.loading-body[data-v-5e612f64]{animation:pulse-5e612f64 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.loading-body[data-v-5e612f64]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (max-width: 640px){.card-wrapper[data-v-5e612f64]{width:100%;max-width:350px}.apps-grid[data-v-5e612f64]{grid-template-columns:repeat(3,minmax(0,1fr))}}.scrollbar-hide[data-v-ed4cf467]{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide[data-v-ed4cf467]::-webkit-scrollbar{display:none}.carousel-item[data-v-ed4cf467]{animation:fadeInUp-ed4cf467 .6s ease-out forwards;opacity:0}@keyframes fadeInUp-ed4cf467{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.line-clamp-2[data-v-ed4cf467]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scroll-smooth[data-v-ed4cf467]{scroll-behavior:smooth}.snap-x[data-v-ed4cf467]{scroll-snap-type:x mandatory}.snap-center[data-v-ed4cf467]{scroll-snap-align:center}.home-hero-section[data-v-a24f803a]{position:relative}.hero-bg[data-v-a24f803a]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html.dark .hero-bg[data-v-a24f803a]{background:linear-gradient(135deg,#1e1e23,#232328,#1e1e23);box-shadow:inset 0 4px 16px #0000004d,inset 0 -4px 16px #0003}.hero-bg[data-v-a24f803a]:not(html.dark .hero-bg){background:linear-gradient(135deg,#fcfbfa,#faf8f6,#fcfbfa);box-shadow:inset 0 4px 16px #00000005,inset 0 -4px 16px #00000003}.home-hero-section[data-v-a24f803a]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;transform:skewY(-.5deg);z-index:1}html.dark .home-hero-section[data-v-a24f803a]:after{background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 10%,rgba(255,255,255,.1) 90%,transparent 100%)}.home-hero-section[data-v-a24f803a]:not(html.dark .home-hero-section):after{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.06) 10%,rgba(0,0,0,.06) 90%,transparent 100%)}.particles-container[data-v-a24f803a]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.particle[data-v-a24f803a]{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(167,168,158,.5) 0%,transparent 70%);border-radius:50%;animation:float-a24f803a 12s infinite ease-in-out}html.dark .particle[data-v-a24f803a]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}.particle[data-v-a24f803a]:nth-child(1){left:5%;top:15%}.particle[data-v-a24f803a]:nth-child(2){left:15%;top:25%}.particle[data-v-a24f803a]:nth-child(3){left:25%;top:45%}.particle[data-v-a24f803a]:nth-child(4){left:35%;top:20%}.particle[data-v-a24f803a]:nth-child(5){left:45%;top:60%}.particle[data-v-a24f803a]:nth-child(6){left:55%;top:35%}.particle[data-v-a24f803a]:nth-child(7){left:65%;top:50%}.particle[data-v-a24f803a]:nth-child(8){left:75%;top:25%}.particle[data-v-a24f803a]:nth-child(9){left:85%;top:40%}.particle[data-v-a24f803a]:nth-child(10){left:10%;top:70%}.particle[data-v-a24f803a]:nth-child(11){left:50%;top:10%}.particle[data-v-a24f803a]:nth-child(12){left:90%;top:65%}@keyframes float-a24f803a{0%,to{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(-40px) translate(30px) scale(1.3);opacity:.8}90%{opacity:1}}.glow-effect[data-v-a24f803a]{position:absolute;top:50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(167,168,158,.08) 0%,transparent 50%);animation:glow-sweep-a24f803a 10s infinite linear;z-index:1;pointer-events:none}html.dark .glow-effect[data-v-a24f803a]{background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 50%)}@keyframes glow-sweep-a24f803a{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slide-up-a24f803a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up[data-v-a24f803a]{animation:slide-up-a24f803a .6s ease-out forwards}@keyframes fade-in-a24f803a{0%{opacity:0}to{opacity:1}}.animate-fade-in[data-v-a24f803a]{animation:fade-in-a24f803a .8s ease-out forwards}@keyframes logo-particle-random-1-a24f803a{0%{transform:translate(0);opacity:0}10%{opacity:1}20%{transform:translate(3px,-2px)}40%{transform:translate(-2px,3px)}60%{transform:translate(4px,1px)}80%{transform:translate(-1px,-4px)}90%{opacity:1}to{transform:translate(0);opacity:0}}@keyframes logo-particle-random-2-a24f803a{0%{transform:translate(0);opacity:0}15%{opacity:.8}30%{transform:translate(-4px,2px)}45%{transform:translate(2px,-3px)}65%{transform:translate(-3px,-1px)}85%{transform:translate(1px,4px)}95%{opacity:.8}to{transform:translate(0);opacity:0}}@keyframes logo-particle-random-3-a24f803a{0%{transform:translate(0);opacity:0}5%{opacity:.9}25%{transform:translate(2px,3px)}50%{transform:translate(-3px,-2px)}70%{transform:translate(2px,-2px)}85%{transform:translate(-2px,3px)}95%{opacity:.9}to{transform:translate(0);opacity:0}}.logo-particle[data-v-a24f803a]{filter:blur(0px);box-shadow:0 0 3px #fffc}.logo-particle[data-v-a24f803a]:nth-child(1){animation:logo-particle-random-1-a24f803a 20s linear infinite}.logo-particle[data-v-a24f803a]:nth-child(2){animation:logo-particle-random-2-a24f803a 25s linear infinite}.logo-particle[data-v-a24f803a]:nth-child(3){animation:logo-particle-random-3-a24f803a 18s linear infinite}.logo-particle[data-v-a24f803a]:nth-child(4){animation:logo-particle-random-1-a24f803a 30s linear infinite}.logo-particle[data-v-a24f803a]:nth-child(5){animation:logo-particle-random-2-a24f803a 22s linear infinite}.logo-glow[data-v-a24f803a]{background:radial-gradient(circle at center,rgba(211,214,197,.3) 0%,rgba(211,214,197,.18) 20%,rgba(211,214,197,.1) 40%,rgba(211,214,197,.05) 60%,transparent 100%);filter:blur(35px);animation:logo-glow-pulse-a24f803a 8s ease-in-out infinite}.dark .logo-glow[data-v-a24f803a]{background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,rgba(255,255,255,.09) 20%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.03) 60%,transparent 100%)}@keyframes logo-glow-pulse-a24f803a{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.text-center:hover .logo-glow[data-v-a24f803a]{animation-duration:4s;opacity:1}.composition_intervals svg[data-v-aa520677]{margin:auto}.group-interval[data-v-76b820fc]{cursor:pointer}.group-interval:hover circle[data-v-76b820fc]{opacity:1}@keyframes gradient-shift-e09e2378{0%,to{opacity:.3}50%{opacity:.6}}.animate-gradient-shift[data-v-e09e2378]{animation:gradient-shift-e09e2378 4s ease-in-out infinite}.layer-switcher-button[data-v-e09e2378]{position:relative;overflow:hidden}.layer-switcher-button[data-v-e09e2378]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.layer-switcher-button[data-v-e09e2378]:hover:before{left:100%}.custom-scrollbar[data-v-e09e2378]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-e09e2378]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-e09e2378]::-webkit-scrollbar-thumb{background:#a7a89e4d;border-radius:3px}.custom-scrollbar[data-v-e09e2378]::-webkit-scrollbar-thumb:hover{background:#a7a89e80}.dark .custom-scrollbar[data-v-e09e2378]::-webkit-scrollbar-thumb{background:#fff3}.dark .custom-scrollbar[data-v-e09e2378]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.layer-switcher [data-headlessui-state=open][data-v-e09e2378]{position:relative}.layer-switcher [data-headlessui-state=open][data-v-e09e2378]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,rgba(167,168,158,.2),transparent,rgba(167,168,158,.2));border-radius:inherit;z-index:-1;opacity:0;animation:pulse-glow-e09e2378 2s ease-in-out infinite}@keyframes pulse-glow-e09e2378{0%,to{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}@keyframes slide-in-e09e2378{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.group[data-v-e09e2378]{animation:slide-in-e09e2378 .3s ease-out}.group:hover .size-8[data-v-e09e2378]{box-shadow:0 4px 12px -2px #a7a89e40}.dark .group:hover .size-8[data-v-e09e2378]{box-shadow:0 4px 12px -2px #ffffff26}.fade-fast-enter-active[data-v-898a6ae7],.fade-fast-leave-active[data-v-898a6ae7]{transition:opacity .15s ease}.fade-fast-enter-from[data-v-898a6ae7],.fade-fast-leave-to[data-v-898a6ae7]{opacity:0}.layer-bg[data-v-898a6ae7]{background:linear-gradient(135deg,#fcfbfa,#faf8f6,#fcfbfa)}.dark .layer-bg[data-v-898a6ae7]{background:linear-gradient(135deg,#1e1e23,#232328,#1e1e23)}.particle[data-v-898a6ae7]{background:radial-gradient(circle,rgba(167,168,158,.5) 0%,transparent 70%);opacity:0;animation:floatParticle-898a6ae7 var(--animation-duration, 8s) ease-in-out infinite;animation-delay:var(--animation-delay, 0s)}.dark .particle[data-v-898a6ae7]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}@keyframes floatParticle-898a6ae7{0%,to{opacity:0;transform:translateY(20px) scale(0)}20%{opacity:1;transform:translateY(-10px) scale(1)}80%{opacity:1;transform:translateY(-50px) scale(1)}}.header-hero-style[data-v-7be680dd]{position:relative;width:100%;height:300px;overflow:hidden;pointer-events:none;margin-bottom:-300px;z-index:-1}.hero-gradient[data-v-7be680dd]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(167,168,158,.15) 0%,transparent 40%,rgba(167,168,158,.08) 70%,transparent 100%);transform:skewY(-3deg);transform-origin:top left}html.dark .hero-gradient[data-v-7be680dd]{background:linear-gradient(135deg,rgba(167,168,158,.1) 0%,transparent 40%,rgba(167,168,158,.05) 70%,transparent 100%)}.hero-overlay[data-v-7be680dd]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top center,rgba(167,168,158,.08) 0%,transparent 60%);animation:pulse-glow-7be680dd 8s ease-in-out infinite}html.dark .hero-overlay[data-v-7be680dd]{background:radial-gradient(ellipse at top center,rgba(255,255,255,.04) 0%,transparent 60%)}@keyframes pulse-glow-7be680dd{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media (max-width: 768px){.header-hero-style[data-v-7be680dd]{height:200px;margin-bottom:-200px}}@media (prefers-contrast: high){.hero-gradient[data-v-7be680dd],.hero-overlay[data-v-7be680dd]{opacity:.5}}@media (prefers-reduced-motion: reduce){.hero-overlay[data-v-7be680dd]{animation:none}}.appTileHead[data-v-db5d9d8b]{position:relative}.parallax-bg[data-v-db5d9d8b]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html.dark .parallax-bg[data-v-db5d9d8b]{background:linear-gradient(135deg,#141416,#19191c,#141416);box-shadow:inset 0 4px 12px #00000080,inset 0 -4px 12px #0000004d}.parallax-bg[data-v-db5d9d8b]:not(html.dark .parallax-bg){background:linear-gradient(135deg,#ebe7e4,#e1dcd7,#ebe7e4);box-shadow:inset 0 4px 12px #00000014,inset 0 -4px 12px #0000000d}.appTileHead[data-v-db5d9d8b]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;transform:skewY(-.5deg);z-index:1}html.dark .appTileHead[data-v-db5d9d8b]:after{background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 10%,rgba(255,255,255,.1) 90%,transparent 100%)}.appTileHead[data-v-db5d9d8b]:not(html.dark .appTileHead):after{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.08) 90%,transparent 100%)}.particles-container[data-v-db5d9d8b]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.particle[data-v-db5d9d8b]{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(167,168,158,.5) 0%,transparent 70%);border-radius:50%;animation:float-db5d9d8b 12s infinite ease-in-out}html.dark .particle[data-v-db5d9d8b]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}.particle[data-v-db5d9d8b]:nth-child(1){left:5%;top:15%}.particle[data-v-db5d9d8b]:nth-child(2){left:15%;top:25%}.particle[data-v-db5d9d8b]:nth-child(3){left:25%;top:45%}.particle[data-v-db5d9d8b]:nth-child(4){left:35%;top:20%}.particle[data-v-db5d9d8b]:nth-child(5){left:45%;top:60%}.particle[data-v-db5d9d8b]:nth-child(6){left:55%;top:35%}.particle[data-v-db5d9d8b]:nth-child(7){left:65%;top:50%}.particle[data-v-db5d9d8b]:nth-child(8){left:75%;top:25%}.particle[data-v-db5d9d8b]:nth-child(9){left:85%;top:40%}.particle[data-v-db5d9d8b]:nth-child(10){left:10%;top:70%}.particle[data-v-db5d9d8b]:nth-child(11){left:50%;top:10%}.particle[data-v-db5d9d8b]:nth-child(12){left:90%;top:65%}@keyframes float-db5d9d8b{0%,to{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(-40px) translate(30px) scale(1.3);opacity:.8}90%{opacity:1}}.glow-effect[data-v-db5d9d8b]{position:absolute;top:50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(167,168,158,.08) 0%,transparent 50%);animation:glow-sweep-db5d9d8b 10s infinite linear;z-index:1;pointer-events:none}html.dark .glow-effect[data-v-db5d9d8b]{background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 50%)}@keyframes glow-sweep-db5d9d8b{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slide-up-db5d9d8b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up[data-v-db5d9d8b]{animation:slide-up-db5d9d8b .6s ease-out forwards}.btn[data-v-2ec5fc98]{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(154 149 146 / var(--tw-border-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.btn[data-v-2ec5fc98]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(214 210 208 / var(--tw-border-opacity, 1))}.dropdown-enter-active[data-v-4515b992],.dropdown-leave-active[data-v-4515b992]{transition:all .15s ease}.dropdown-enter-from[data-v-4515b992],.dropdown-leave-to[data-v-4515b992]{opacity:0;transform:translateY(-4px)}.drop-zone[data-v-8643d323]{min-height:120px}.empty-placeholder[data-v-8643d323]{font-size:.9rem;text-align:center;color:#999;padding:.75rem 0}.loading-spinner[data-v-97414fcd]{display:flex;justify-content:center;align-items:center;height:100%}.spinner[data-v-97414fcd]{animation:rotate-97414fcd 2s linear infinite;z-index:2;width:20px;height:20px}.spinner .path[data-v-97414fcd]{stroke:#42b983;stroke-linecap:round;animation:dash-97414fcd 1.5s ease-in-out infinite}@keyframes rotate-97414fcd{to{transform:rotate(360deg)}}@keyframes dash-97414fcd{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.pupitre-layout[data-v-ba26d3c4]{width:100%;height:100%}input[type=range][data-v-fd398c4b]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--thumb-size, 1.4em));height:calc(var(--thumb-size, 1.4em));border-radius:9999px;background:var(--thumb-color, #06B6D4);border:none;box-shadow:0 0 2px #00000040;-webkit-transition:transform .15s ease;transition:transform .15s ease;position:relative;z-index:10}input[type=range][data-v-fd398c4b]:active::-webkit-slider-thumb{transform:scale(1.05)}input[type=range][data-v-fd398c4b]::-moz-range-thumb{width:calc(var(--thumb-size, 1.4em));height:calc(var(--thumb-size, 1.4em));border-radius:9999px;background:var(--thumb-color, #06B6D4);border:none;box-shadow:0 0 2px #00000040;-moz-transition:transform .15s ease;transition:transform .15s ease;position:relative;z-index:10}input[type=range][data-v-fd398c4b]:active::-moz-range-thumb{transform:scale(1.05)}input[type=range][data-v-fd398c4b]::-webkit-slider-runnable-track,input[type=range][data-v-fd398c4b]::-moz-range-track{background:transparent;border:none}.folder-player[data-v-c36f2d54]{width:100%}.player-controls[data-v-c36f2d54]{display:flex;align-items:center;gap:.75rem}.play-button[data-v-c36f2d54]{display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0891b2 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.play-button[data-v-c36f2d54]:disabled{cursor:not-allowed;opacity:.4}.play-button[data-v-c36f2d54]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-c36f2d54]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-c36f2d54]{box-shadow:0 4px 14px #06b6d463,0 0 #06b6d400}.play-button[data-v-c36f2d54]:not(:disabled):hover{box-shadow:0 6px 20px #06b6d480,0 0 20px 5px #06b6d44d}.play-button.playing[data-v-c36f2d54]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);animation:pulse-glow-c36f2d54 2s cubic-bezier(.4,0,.6,1) infinite}.play-button.playing[data-v-c36f2d54]:not(:disabled):hover{box-shadow:0 6px 20px #ef444480,0 0 20px 5px #ef44444d}.play-button[data-v-c36f2d54]:disabled{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #374151 var(--tw-gradient-to-position);box-shadow:none}@keyframes pulse-glow-c36f2d54{0%,to{box-shadow:0 4px 14px #ef444463,0 0 15px 3px #ef444433}50%{box-shadow:0 6px 20px #ef444480,0 0 25px 8px #ef444466}}.tempo-control[data-v-c36f2d54]{display:flex;align-items:center;gap:0px;overflow:hidden;border-radius:.5rem;background-color:#1f293799;border-width:1px;border-color:#37415180;height:2.5rem}.tempo-btn[data-v-c36f2d54]{height:100%;background-color:#374151cc;padding-left:.625rem;padding-right:.625rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-c36f2d54]:hover{background-color:#0891b2cc;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-c36f2d54]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tempo-btn[data-v-c36f2d54]:disabled{cursor:not-allowed;opacity:.4}.tempo-btn[data-v-c36f2d54]:hover:disabled{background-color:#374151cc;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn-left[data-v-c36f2d54]{border-right-width:1px;border-color:#4b556380}.tempo-btn-right[data-v-c36f2d54]{border-left-width:1px;border-color:#4b556380}.tempo-display[data-v-c36f2d54]{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:0px;background-color:#1f293766;padding-left:.75rem;padding-right:.75rem}.tempo-input[data-v-c36f2d54]{width:3.5rem;padding-left:.25rem;padding-right:.25rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:700;background-color:transparent;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.tempo-input[data-v-c36f2d54]:focus{outline:2px solid transparent;outline-offset:2px}.tempo-input[data-v-c36f2d54]:disabled{cursor:not-allowed;opacity:.5}.tempo-input[data-v-c36f2d54]{border-style:none;line-height:1}.tempo-input[data-v-c36f2d54]::-webkit-outer-spin-button,.tempo-input[data-v-c36f2d54]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo-input[type=number][data-v-c36f2d54]{-moz-appearance:textfield}.tempo-unit[data-v-c36f2d54]{margin-top:-.125rem;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.volume-control[data-v-c36f2d54]{display:flex;align-items:center;justify-content:center;gap:.625rem;padding-left:.625rem;padding-right:.625rem;background-color:#1f293799;border-width:1px;border-color:#37415180;border-radius:.5rem;height:2.5rem}.volume-icon-btn[data-v-c36f2d54]{border-radius:.5rem;padding:.25rem;background-color:#37415199}.volume-icon-btn[data-v-c36f2d54]:hover{background-color:#9333ea33}.volume-icon-btn[data-v-c36f2d54]{border-width:1px;border-color:#37415180}.volume-icon-btn[data-v-c36f2d54]:hover{border-color:#a855f74d}.volume-icon-btn[data-v-c36f2d54]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.volume-slider-container[data-v-c36f2d54]{display:flex;width:7rem;align-items:center}.volume-slider-container[data-v-c36f2d54]>div{height:auto!important}.repeat-control[data-v-c36f2d54]{height:2.5rem}.repeat-select[data-v-c36f2d54]{height:100%;padding-left:.75rem;padding-right:.75rem;background-color:#1f293799}.repeat-select[data-v-c36f2d54]:hover{background-color:#1f2937cc}.repeat-select[data-v-c36f2d54]{border-width:1px;border-color:#37415180}.repeat-select[data-v-c36f2d54]:hover{border-color:#06b6d44d}.repeat-select[data-v-c36f2d54]{border-radius:.5rem;font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer}.repeat-select[data-v-c36f2d54]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(6 182 212 / .5)}.repeat-select[data-v-c36f2d54]:disabled{cursor:not-allowed;opacity:.4}.repeat-select[data-v-c36f2d54]:hover:disabled{border-color:#37415180;background-color:#1f293799}.repeat-select[data-v-c36f2d54]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem}.repeat-select option[data-v-c36f2d54]{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.drop-zone[data-v-717e9b98]{min-height:80px}.empty-placeholder[data-v-717e9b98]{color:#fff9}select[data-v-717e9b98]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.drop-zone[data-v-46a50416]{min-height:80px}.empty-placeholder[data-v-46a50416]{color:#fff9}select[data-v-46a50416]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.drop-zone[data-v-cd02727c]{min-height:200px}.empty-placeholder[data-v-cd02727c]{color:#fff9}select[data-v-cd02727c]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.drop-zone[data-v-6b336442]{min-height:120px}.empty-placeholder[data-v-6b336442]{color:#fff9}select[data-v-6b336442]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.drop-zone[data-v-5bf19c59]{min-height:150px}.empty-placeholder[data-v-5bf19c59]{color:#fff9}select[data-v-5bf19c59]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.drop-zone[data-v-a2024dcf]{min-height:140px}.empty-placeholder[data-v-a2024dcf]{color:#fff9}select[data-v-a2024dcf]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.drop-zone[data-v-7361c25a]{min-height:160px}.empty-placeholder[data-v-7361c25a]{color:#fff9}select[data-v-7361c25a]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.drop-zone[data-v-8a58264a]{min-height:140px}.empty-placeholder[data-v-8a58264a]{color:#fff9}select[data-v-8a58264a]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.empty-placeholder[data-v-be51e5ff]{font-size:.9rem;text-align:center;color:#999;padding:.75rem 0}.ghost[data-v-e3a3548d]{opacity:.5;background:#c8ebfb}.ghost-pupitre[data-v-e3a3548d]{opacity:.5;background:#e0f0ff}.handle-classeur[data-v-e3a3548d],.handle-pupitre[data-v-e3a3548d]{cursor:grab}@keyframes slideIn-e3a3548d{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.group[data-v-e3a3548d]{animation:slideIn-e3a3548d .3s ease-out}.paletteTool[data-v-96823e2b]{display:inline-block}.flex[data-v-96823e2b]{display:flex;gap:4px}.cursor-pointer[data-v-96823e2b]{cursor:pointer}.paletteTool:hover svg circle.interColor[data-v-96823e2b]{fill:#2ee574;transition:fill .3s ease}.compare-note-container[data-v-4c65588b]{display:block}.shape[data-v-4c65588b]{stroke-width:1px}.cross[data-v-4c65588b]{stroke:#fff;stroke-width:2px;stroke-linecap:round}.note-text[data-v-4c65588b]{font-family:brother-xs,sans-serif;font-weight:900;font-size:14px;pointer-events:none}.note-text.text-white[data-v-4c65588b]{fill:#fff}.note-text.text-black[data-v-4c65588b]{fill:#131313}.guitar-mask[data-v-f515ca40]{overflow:hidden;position:relative}.guitar-container[data-v-f515ca40]{position:relative}.truncateNeck[data-v-f515ca40]{overflow:hidden}.cls-2[data-v-f515ca40]{fill:#f1dcdc}.cls-3[data-v-f515ca40]{fill:#bababa}.cls-4[data-v-f515ca40]{fill:#f8f6e7}.cls-4[data-v-f515ca40],.cls-5[data-v-f515ca40]{fill-rule:evenodd}.cls-6[data-v-f515ca40]{fill:#878787}.cls-7[data-v-f515ca40]{fill:#010101;opacity:.08}.cls-8[data-v-f515ca40]{fill:#1a130e}.cls-8[data-v-f515ca40],.cls-5[data-v-f515ca40]{opacity:.09}.cls-5[data-v-f515ca40]{fill:#8e8d86}.cls-9[data-v-f515ca40]{fill:#dbdbdb}.cls-10[data-v-f515ca40]{fill:#c5c7c5;opacity:.6}.cls-11[data-v-f515ca40]{fill:#cfcfcf}@keyframes cyan-walk-2d819b69{0%,to{color:inherit}50%{color:#0891b2}}.letter-cyan-walk[data-v-2d819b69]{padding:.3px;display:inline-block;animation:cyan-walk-2d819b69 .1s ease forwards;animation-delay:calc(var(--i) * 40ms)}.space-letter[data-v-2d819b69]{padding:0 4px}.appTileHead[data-v-82d93609]{position:relative}.parallax-bg[data-v-82d93609]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html.dark .parallax-bg[data-v-82d93609]{background:linear-gradient(135deg,#141416,#19191c,#141416);box-shadow:inset 0 4px 12px #00000080,inset 0 -4px 12px #0000004d}.parallax-bg[data-v-82d93609]:not(html.dark .parallax-bg){background:linear-gradient(135deg,#ebedf2,#e1e4eb,#ebedf2);box-shadow:inset 0 4px 12px #0014320f,inset 0 -4px 12px #00143208}.appTileHead[data-v-82d93609]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;transform:skewY(-.5deg);z-index:1}html.dark .appTileHead[data-v-82d93609]:after{background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 10%,rgba(255,255,255,.1) 90%,transparent 100%)}.appTileHead[data-v-82d93609]:not(html.dark .appTileHead):after{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.08) 90%,transparent 100%)}.particles-container[data-v-82d93609]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.particle[data-v-82d93609]{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(120,140,180,.5) 0%,transparent 70%);border-radius:50%;animation:float-82d93609 12s infinite ease-in-out}html.dark .particle[data-v-82d93609]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}.particle[data-v-82d93609]:nth-child(1){left:5%;top:15%}.particle[data-v-82d93609]:nth-child(2){left:15%;top:25%}.particle[data-v-82d93609]:nth-child(3){left:25%;top:45%}.particle[data-v-82d93609]:nth-child(4){left:35%;top:20%}.particle[data-v-82d93609]:nth-child(5){left:45%;top:60%}.particle[data-v-82d93609]:nth-child(6){left:55%;top:35%}.particle[data-v-82d93609]:nth-child(7){left:65%;top:50%}.particle[data-v-82d93609]:nth-child(8){left:75%;top:25%}.particle[data-v-82d93609]:nth-child(9){left:85%;top:40%}.particle[data-v-82d93609]:nth-child(10){left:10%;top:70%}.particle[data-v-82d93609]:nth-child(11){left:50%;top:10%}.particle[data-v-82d93609]:nth-child(12){left:90%;top:65%}@keyframes float-82d93609{0%,to{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(-40px) translate(30px) scale(1.3);opacity:.8}90%{opacity:1}}.glow-effect[data-v-82d93609]{position:absolute;top:50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(120,140,180,.08) 0%,transparent 50%);animation:glow-sweep-82d93609 10s infinite linear;z-index:1;pointer-events:none}html.dark .glow-effect[data-v-82d93609]{background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 50%)}@keyframes glow-sweep-82d93609{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slide-up-82d93609{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up[data-v-82d93609]{animation:slide-up-82d93609 .6s ease-out forwards}h1:hover .CiAddLayer[data-v-48f05319]{opacity:100}.piano-wrapper[data-v-8e2d318e]{max-width:100%}.piano-svg[data-v-8e2d318e]{width:100%;height:auto}.white-key[data-v-8e2d318e]{fill:#fff;stroke:#666;stroke-width:1;cursor:pointer}.white-key[data-v-8e2d318e]:hover{fill:#eee}.black-key[data-v-8e2d318e]{fill:#000;stroke:#333;stroke-width:1;cursor:pointer}.key-black .nS text[data-v-8e2d318e]{fill:#fff!important}.black-key[data-v-8e2d318e]:hover{fill:#444}.chord-dot[data-v-8e2d318e]{opacity:0;transition:opacity .15s}.chord-dot.visible[data-v-8e2d318e]{opacity:1}.dot-white[data-v-8e2d318e]{fill:#000}.dot-black[data-v-8e2d318e]{fill:#fff}.chordDiag[data-v-23aa530a]{background:none;border:none}.chordDiagramWrapper[data-v-23aa530a]{position:relative;display:inline-block;width:var(--diag-w);height:var(--diag-h)}.chordDiagramWrapper>svg.chordDiag[data-v-23aa530a],.chordDiagramWrapper>svg.chordDiagBase[data-v-23aa530a],.chordDiagramWrapper svg.notesOverlay[data-v-23aa530a]{width:100%;height:100%}.notesOverlay[data-v-23aa530a]{position:absolute;top:0;left:0;pointer-events:none;width:100%;height:100%}.fret[data-v-23aa530a],.nut[data-v-23aa530a],.string[data-v-23aa530a]{stroke-width:1;fill:none}.nut[data-v-23aa530a]{stroke-width:8;transform:translate(-2.5px) scaleX(1.016)}.string1[data-v-23aa530a]{stroke-width:4}.string2[data-v-23aa530a]{stroke-width:3}.string3[data-v-23aa530a]{stroke-width:2}.base-fret-text[data-v-23aa530a]{font-size:16px;text-align:left}.mute-indicator[data-v-23aa530a]{font-size:20px;font-weight:700}.open-string-note[data-v-23aa530a]{font-size:14px}.caged-label[data-v-23aa530a],.basse-label[data-v-23aa530a]{font-size:10px}.xs[data-v-23aa530a]{--diag-w:100px;--diag-h:120px}.sm[data-v-23aa530a]{--diag-w:150px;--diag-h:180px}.md[data-v-23aa530a]{--diag-w:210px;--diag-h:250px}.lg[data-v-23aa530a]{--diag-w:260px;--diag-h:310px}.xl[data-v-23aa530a]{--diag-w:300px;--diag-h:350px}.shape-size-1[data-v-23aa530a]{--diag-w:100px;--diag-h:120px}.shape-size-2[data-v-23aa530a]{--diag-w:120px;--diag-h:144px}.shape-size-3[data-v-23aa530a]{--diag-w:140px;--diag-h:168px}.shape-size-4[data-v-23aa530a]{--diag-w:160px;--diag-h:192px}.shape-size-5[data-v-23aa530a]{--diag-w:180px;--diag-h:216px}.shape-size-6[data-v-23aa530a]{--diag-w:200px;--diag-h:240px}.shape-size-7[data-v-23aa530a]{--diag-w:220px;--diag-h:264px}.shape-size-8[data-v-23aa530a]{--diag-w:240px;--diag-h:288px}.shape-size-9[data-v-23aa530a]{--diag-w:260px;--diag-h:312px}.shape-size-10[data-v-23aa530a]{--diag-w:280px;--diag-h:336px}.shape-size-11[data-v-23aa530a]{--diag-w:300px;--diag-h:360px}.shape-size-12[data-v-23aa530a]{--diag-w:320px;--diag-h:384px}.vertical .chordDiag[data-v-23aa530a],.vertical .chordDiagBase[data-v-23aa530a]{width:var(--diag-w);height:var(--diag-h)}.horizontal .chordDiag[data-v-23aa530a],.horizontal .chordDiagBase[data-v-23aa530a]{width:var(--diag-h);height:var(--diag-w)}.noteInfo[data-v-23aa530a]{opacity:0;transition:opacity .25s}.chordDiagramWrapper:hover .noteInfo[data-v-23aa530a]{opacity:.6}[data-v-23aa530a]:root{--stroke-main:#000;--fill-main:#000;--text-main:#000;--text-invert:#fff}html.dark[data-v-23aa530a]{--stroke-main:#fff;--fill-main:#fff;--text-main:#fff;--text-invert:#000}.fret[data-v-23aa530a],.nut[data-v-23aa530a],.string[data-v-23aa530a]{stroke:var(--stroke-main)}.dots[data-v-23aa530a],.base-fret-box[data-v-23aa530a]{fill:var(--fill-main)}.barre-chord[data-v-23aa530a],.mute-indicator[data-v-23aa530a],.open-string-note[data-v-23aa530a],.caged-label[data-v-23aa530a],.basse-label[data-v-23aa530a]{fill:var(--text-main)}.base-fret-text[data-v-23aa530a]{fill:var(--text-invert)}.btn-icon svg[data-v-15e4def4]{height:1.25rem;width:1.25rem;--tw-text-opacity: 1;color:rgb(232 229 227 / var(--tw-text-opacity, 1))}button[data-v-fa639f7c]{font-size:.875rem;line-height:1.25rem;font-weight:500}@media (min-width: 768px){button[data-v-fa639f7c]{font-size:1rem;line-height:1.5rem}}.adaptive-scales-grid[data-v-11582441]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:flex-start;padding:1rem 0;overflow-x:auto}@media (max-width: 640px){.adaptive-scales-grid[data-v-11582441]{justify-content:center;gap:.75rem}}@media (min-width: 641px) and (max-width: 1024px){.adaptive-scales-grid[data-v-11582441]{gap:1rem;justify-content:center}}@media (min-width: 1025px){.adaptive-scales-grid[data-v-11582441]{gap:1.5rem;justify-content:center}}.adaptive-scales-grid[data-v-11582441]>*{flex-shrink:0;max-width:calc(100vw - 2rem);animation:fadeInUp-11582441 .3s ease-out;animation-fill-mode:both}.adaptive-scales-grid[data-v-11582441]>*:nth-child(1){animation-delay:.05s}.adaptive-scales-grid[data-v-11582441]>*:nth-child(2){animation-delay:.1s}.adaptive-scales-grid[data-v-11582441]>*:nth-child(3){animation-delay:.15s}.adaptive-scales-grid[data-v-11582441]>*:nth-child(4){animation-delay:.2s}.adaptive-scales-grid[data-v-11582441]>*:nth-child(5){animation-delay:.25s}.adaptive-scales-grid[data-v-11582441]>*:nth-child(6){animation-delay:.3s}@keyframes fadeInUp-11582441{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.piano-wrapper[data-v-08982938]{max-width:100%}.piano-svg[data-v-08982938]{width:100%;height:auto}.white-key[data-v-08982938]{fill:#fff;stroke:#666;stroke-width:1;cursor:pointer}.piano-wrapper:hover .white-key.in_voicing[data-v-08982938]{fill:#ddd}.black-key[data-v-08982938]{fill:#000;stroke:#333;stroke-width:1;cursor:pointer}.piano-wrapper:hover .black-key.in_voicing[data-v-08982938]{fill:#555}.key-black .nS text[data-v-08982938]{fill:#fff!important}.chord-progression-card[data-v-36542e51]{display:inline-block}.card-wrapper[data-v-36542e51]{position:relative;border-radius:.5rem;min-width:320px}.card-wrapper[data-v-36542e51]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,#06b6d4,#0891b2,#22d3ee,#0891b2,#0e7490);background-size:400% 400%;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift-36542e51 4s ease-in-out infinite}.card-wrapper[data-v-36542e51]:hover:before{opacity:.6;animation:gradient-shift-36542e51 2s ease-in-out infinite}@keyframes gradient-shift-36542e51{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-content[data-v-36542e51]{position:relative;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-content[data-v-36542e51]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-content[data-v-36542e51]{background:linear-gradient(145deg,#fffffff2,#f8fafcf2)}.dark .card-content[data-v-36542e51]{background:linear-gradient(145deg,#111827f2,#1f2937f2)}.card-wrapper:hover .card-content[data-v-36542e51]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px)}.card-header[data-v-36542e51]{position:relative;overflow:hidden;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem;text-align:center}.card-header[data-v-36542e51]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-header[data-v-36542e51]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(90deg,transparent,#06b6d4,#0891b2,#22d3ee,#06b6d4,transparent);background-size:200% 100%;animation:gradient-flow-36542e51 3s ease-in-out infinite}.card-wrapper:hover .card-header[data-v-36542e51]:after{opacity:.7;animation:gradient-flow-36542e51 1.5s ease-in-out infinite}@keyframes gradient-flow-36542e51{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-title[data-v-36542e51]{display:none;font-size:1rem;line-height:1.5rem;font-weight:200;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.card-title[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-36542e51]{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.card-body[data-v-36542e51]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.card-body[data-v-36542e51]{padding:1rem}.degrees-container[data-v-36542e51]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:.75rem}.degree-item[data-v-36542e51]{display:flex;cursor:pointer;flex-direction:column;align-items:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.degree-item[data-v-36542e51]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.degree-item[data-v-36542e51]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.degree-item.is-playing[data-v-36542e51]{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.degree-item.is-playing .degree-square[data-v-36542e51]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.degree-square[data-v-36542e51]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.chord-name[data-v-36542e51]{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-name[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-name.borrowed-name[data-v-36542e51]{font-weight:600;--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.chord-name.borrowed-name[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.source-scale[data-v-36542e51]{margin-top:.125rem;display:block;font-size:10px;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.source-scale[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.degree-square.borrowed-chord[data-v-36542e51]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(16 185 129 / .5)}.degree-square.borrowed-chord[data-v-36542e51]:is(.dark *){--tw-ring-color: rgb(52 211 153 / .5)}.degree-square.substituted-chord[data-v-36542e51]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(245 158 11 / .5)}.degree-square.substituted-chord[data-v-36542e51]:is(.dark *){--tw-ring-color: rgb(251 191 36 / .5)}.degree-square.altered-chord[data-v-36542e51]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(168 85 247 / .5)}.degree-square.altered-chord[data-v-36542e51]:is(.dark *){--tw-ring-color: rgb(192 132 252 / .5)}.chord-name.substituted-name[data-v-36542e51]{font-weight:600;--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.chord-name.substituted-name[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.chord-name.altered-name[data-v-36542e51]{font-weight:600;--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.chord-name.altered-name[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.chord-name.chromatic-name[data-v-36542e51]{font-weight:600;--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.chord-name.chromatic-name[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.substitution-type[data-v-36542e51],.alteration-type[data-v-36542e51],.chromatic-badge[data-v-36542e51]{margin-top:.125rem;display:block;font-size:10px;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.substitution-type[data-v-36542e51]:is(.dark *),.alteration-type[data-v-36542e51]:is(.dark *),.chromatic-badge[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.substitution-badge[data-v-36542e51]{position:absolute;top:-.25rem;right:-.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));padding:.125rem;--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.substitution-badge[data-v-36542e51]:is(.dark *){background-color:#78350f4d;--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.degree-item[data-v-36542e51]{position:relative}.duration-indicator[data-v-36542e51]{margin-top:.25rem;display:flex;gap:.25rem}.duration-dot[data-v-36542e51]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.duration-dot[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.play-controls[data-v-36542e51]{display:flex;justify-content:center}.play-button[data-v-36542e51]{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.play-button[data-v-36542e51]:hover{--tw-bg-opacity: 1;background-color:rgb(165 243 252 / var(--tw-bg-opacity, 1))}.play-button[data-v-36542e51]:is(.dark *){background-color:#164e634d;--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.play-button[data-v-36542e51]:hover:is(.dark *){background-color:#164e6380}.play-button.is-playing[data-v-36542e51]{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.play-button.is-playing[data-v-36542e51]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.cadence-tags[data-v-36542e51]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.cadence-tag[data-v-36542e51]{display:inline-block;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.cadence-tag[data-v-36542e51]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-buttons-container[data-v-36542e51]{visibility:hidden;position:absolute;top:.5rem;right:.5rem;display:flex;--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;gap:.25rem;border-radius:.5rem;border-width:1px;border-color:#e5e7eb80;background-color:#fffc;padding:.375rem;opacity:0;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.action-buttons-container[data-v-36542e51]:is(.dark *){border-color:#5a575580;background-color:#2a2a2fcc}.card-wrapper:hover .action-buttons-container[data-v-36542e51]{visibility:visible;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.action-button[data-v-36542e51]{border-radius:.375rem;padding:.375rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-button[data-v-36542e51]:hover{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.action-button[data-v-36542e51]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-36542e51]:hover:is(.dark *){background-color:#164e6333;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.progressions-library[data-v-0037c85b]{width:100%}.filters-wrapper[data-v-0037c85b]{position:sticky;top:2.5rem;z-index:40;display:flex;justify-content:center;padding:1rem}.filters-container[data-v-0037c85b]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;border-radius:.5rem;border-width:1px;border-color:#06b6d44d;background-color:#22d3eecc;padding:.75rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.filters-container[data-v-0037c85b]:is(.dark *){border-color:#0e74904d;background-color:#083344cc}.toolbar-separator[data-v-0037c85b]{height:2rem;width:1px;background-color:#0891b24d}.toolbar-separator[data-v-0037c85b]:is(.dark *){background-color:#22d3ee4d}.key-dropdown-btn[data-v-0037c85b]{display:flex;align-items:center;border-radius:.5rem;background-color:#155e75e6;padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.key-dropdown-btn[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.key-dropdown-btn[data-v-0037c85b]:is(.dark *){background-color:#164e63e6}.key-dropdown-btn[data-v-0037c85b]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(21 94 117 / var(--tw-bg-opacity, 1))}.key-dropdown-menu[data-v-0037c85b]{position:absolute;right:0;margin-top:.5rem;width:16rem;transform-origin:top right;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .05 }.key-dropdown-menu[data-v-0037c85b]:focus{outline:2px solid transparent;outline-offset:2px}.key-dropdown-menu[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.key-grid[data-v-0037c85b]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.5rem}.key-item[data-v-0037c85b]{border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.key-item[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.key-item[data-v-0037c85b]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.key-item[data-v-0037c85b]:hover:is(.dark *){background-color:#164e634d}.toggle-group[data-v-0037c85b]{display:flex;overflow:hidden;border-radius:.5rem;border-width:1px;border-color:#0891b280}.toggle-group[data-v-0037c85b]:is(.dark *){border-color:#22d3ee80}.toggle-btn[data-v-0037c85b]{border-right-width:1px;border-color:#0891b280;background-color:transparent;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.toggle-btn[data-v-0037c85b]:last-child{border-right-width:0px}.toggle-btn[data-v-0037c85b]:hover{background-color:#0e74904d}.toggle-btn[data-v-0037c85b]:is(.dark *){border-color:#22d3ee80;--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))}.toggle-btn[data-v-0037c85b]:hover:is(.dark *){background-color:#0891b24d}.toggle-active[data-v-0037c85b]{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.toggle-active[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.toggle-active[data-v-0037c85b]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.toggle-active[data-v-0037c85b]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.filter-dropdown-container[data-v-0037c85b]{position:relative}.filter-dropdown-btn[data-v-0037c85b]{position:relative;display:flex;align-items:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.filter-dropdown-btn[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.filter-dropdown-btn[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.filter-dropdown-btn[data-v-0037c85b]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.filter-dropdown-btn.has-filters[data-v-0037c85b]{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.filter-dropdown-btn.has-filters[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));background-color:#164e6333;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter-badge[data-v-0037c85b]{position:absolute;top:-.5rem;right:-.5rem;display:flex;height:1.25rem;min-width:20px;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter-dropdown-menu[data-v-0037c85b]{position:absolute;top:100%;left:0;z-index:50;margin-top:.25rem;max-height:400px;min-width:200px;overflow-y:auto;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter-dropdown-menu[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.scale-dropdown[data-v-0037c85b]{min-width:280px}.dropdown-content[data-v-0037c85b]{padding:.5rem}.dropdown-item[data-v-0037c85b]{display:flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:.25rem;padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown-item[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.dropdown-item[data-v-0037c85b]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dropdown-item[data-v-0037c85b]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(90 87 85 / var(--tw-bg-opacity, 1))}.dropdown-checkbox[data-v-0037c85b]{height:1rem;width:1rem;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.dropdown-checkbox[data-v-0037c85b]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)) }.dropdown-checkbox[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1))}.dropdown-label[data-v-0037c85b]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.dropdown-label[data-v-0037c85b]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.scale-family-group[data-v-0037c85b]{margin-bottom:.75rem}.scale-family-group[data-v-0037c85b]:last-child{margin-bottom:0}.scale-family-header[data-v-0037c85b]{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.scale-family-header[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(90 87 85 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.scale-family-name[data-v-0037c85b]{flex:1 1 0%}.scale-modes[data-v-0037c85b]{padding-left:1rem;padding-top:.25rem}.mode-item[data-v-0037c85b]{padding-left:1rem}.tempo-selector[data-v-0037c85b]{display:flex;align-items:center;gap:.5rem}.tempo-label[data-v-0037c85b]{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.tempo-label[data-v-0037c85b]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-select[data-v-0037c85b]{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.tempo-select[data-v-0037c85b]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)) }.tempo-select[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.clear-filters-btn[data-v-0037c85b]{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.clear-filters-btn[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.clear-filters-btn[data-v-0037c85b]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.clear-filters-btn[data-v-0037c85b]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.progressions-container[data-v-0037c85b]{padding:1rem}.progressions-grid[data-v-0037c85b]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 640px){.progressions-grid[data-v-0037c85b]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.progressions-grid[data-v-0037c85b]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.progressions-grid[data-v-0037c85b]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1536px){.progressions-grid[data-v-0037c85b]{grid-template-columns:repeat(5,minmax(0,1fr))}}.no-results[data-v-0037c85b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:4rem;padding-bottom:4rem}.no-results-text[data-v-0037c85b]{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.no-results-text[data-v-0037c85b]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.no-results-hint[data-v-0037c85b]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.no-results-hint[data-v-0037c85b]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.pagination[data-v-0037c85b]{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination-btn[data-v-0037c85b]{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));padding:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.pagination-btn[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-btn[data-v-0037c85b]:disabled{cursor:not-allowed;opacity:.5}.pagination-btn[data-v-0037c85b]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-btn[data-v-0037c85b]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.pagination-number[data-v-0037c85b]{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.pagination-number[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.pagination-number[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.pagination-number[data-v-0037c85b]:hover:is(.dark *){background-color:#164e6333}.pagination-active[data-v-0037c85b]{--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pagination-active[data-v-0037c85b]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-active[data-v-0037c85b]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-active[data-v-0037c85b]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.pagination-ellipsis[data-v-0037c85b]{cursor:default;padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.pagination-ellipsis[data-v-0037c85b]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (max-width: 640px){.filters-container[data-v-0037c85b]{flex-direction:column;align-items:stretch;gap:.5rem}.toolbar-separator[data-v-0037c85b]{height:1px;width:100%}.filter-dropdown-container[data-v-0037c85b],.tempo-selector[data-v-0037c85b]{width:100%}.filter-dropdown-btn[data-v-0037c85b],.tempo-select[data-v-0037c85b]{width:100%;justify-content:space-between}.progressions-container[data-v-0037c85b]{padding-top:8rem}}.rhythm-pattern-library-layout[data-v-6bfcca73]{width:100%;height:100%}.piano-wrapper[data-v-7bfbda5c]{max-width:100%;overflow-x:auto}.piano-svg[data-v-7bfbda5c]{width:100%;height:auto}.white-key[data-v-7bfbda5c]{fill:#fff;stroke:#666;stroke-width:1;cursor:pointer}.key-white:hover .white-key[data-v-7bfbda5c]{fill:#f3f3f3}.black-key[data-v-7bfbda5c]{fill:#000;stroke:#333;stroke-width:1;cursor:pointer}.key-black:hover .black-key[data-v-7bfbda5c]{fill:#333}.black-key-text[data-v-7bfbda5c]{fill:#fff!important}.white-key-text[data-v-7bfbda5c]{fill:#000}.piano-wrapper[data-v-06f7a2cf]{max-width:100%;overflow-x:auto}.piano-svg[data-v-06f7a2cf]{width:100%;height:auto}.white-key[data-v-06f7a2cf]{fill:#fff;stroke:#666;stroke-width:1;cursor:pointer}.key-white:hover .white-key[data-v-06f7a2cf]{fill:#f3f3f3}.black-key[data-v-06f7a2cf]{fill:#000;stroke:#333;stroke-width:1;cursor:pointer}.key-black:hover .black-key[data-v-06f7a2cf]{fill:#333}.black-key-text[data-v-06f7a2cf]{fill:#fff!important}.white-key-text[data-v-06f7a2cf]{fill:#000}.chord-mini-card[data-v-431ec49a]{transition:transform .2s ease}.chord-mini-card[data-v-431ec49a]:hover{transform:scale(1.05)}.borrowed-chord[data-v-431ec49a]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .6}.substitution-chord[data-v-431ec49a]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .6}svg[data-v-642fa1aa]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.results-list[data-v-41d8bd05]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.result-item[data-v-41d8bd05]{overflow:hidden;border-radius:1rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.result-item[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.result-item[data-v-41d8bd05]{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.result-item[data-v-41d8bd05]:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.result-header[data-v-41d8bd05]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.result-header[data-v-41d8bd05]:is(.dark *){--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.result-header[data-v-41d8bd05]{transition:all .3s ease}.result-header[data-v-41d8bd05]:hover{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.result-header[data-v-41d8bd05]:hover:is(.dark *){--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4b5563 var(--tw-gradient-to-position)}.result-info[data-v-41d8bd05]{flex:1 1 0%;cursor:pointer}.scale-name[data-v-41d8bd05]{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.scale-name[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.scale-name[data-v-41d8bd05]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-name[data-v-41d8bd05]:hover{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.scale-name[data-v-41d8bd05]:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.chords-summary[data-v-41d8bd05]{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chords-summary[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.badge[data-v-41d8bd05]{border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.badge.borrowed[data-v-41d8bd05]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #fef9c3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 249 195 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fef08a var(--tw-gradient-to-position)}.badge.borrowed[data-v-41d8bd05]:is(.dark *){--tw-gradient-from: #713f12 var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #854d0e var(--tw-gradient-to-position)}.badge.borrowed[data-v-41d8bd05]{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.badge.borrowed[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.badge.substitution[data-v-41d8bd05]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e9d5ff var(--tw-gradient-to-position)}.badge.substitution[data-v-41d8bd05]:is(.dark *){--tw-gradient-from: #581c87 var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #6b21a8 var(--tw-gradient-to-position)}.badge.substitution[data-v-41d8bd05]{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.badge.substitution[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.badge.secondary-dominant[data-v-41d8bd05]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #ffedd5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fed7aa var(--tw-gradient-to-position)}.badge.secondary-dominant[data-v-41d8bd05]:is(.dark *){--tw-gradient-from: #7c2d12 var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9a3412 var(--tw-gradient-to-position)}.badge.secondary-dominant[data-v-41d8bd05]{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.badge.secondary-dominant[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.header-actions[data-v-41d8bd05]{display:flex;align-items:center;gap:.75rem}.action-buttons-container[data-v-41d8bd05]{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;background-color:#fffc;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.action-buttons-container[data-v-41d8bd05]:is(.dark *){background-color:#1f2937cc}.action-buttons-container[data-v-41d8bd05]{border-width:1px;border-color:#e5e7eb80}.action-buttons-container[data-v-41d8bd05]:is(.dark *){border-color:#37415180}.action-buttons-container[data-v-41d8bd05]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.action-label-text[data-v-41d8bd05]{margin-right:.25rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.action-label-text[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-icon-button[data-v-41d8bd05]{border-radius:.375rem;padding:.375rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.action-icon-button[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-icon-button[data-v-41d8bd05]:hover{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.action-icon-button[data-v-41d8bd05]:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.action-icon-button[data-v-41d8bd05]:hover{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.action-icon-button[data-v-41d8bd05]:hover:is(.dark *){background-color:#164e6333}.action-icon-button[data-v-41d8bd05]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.expand-button[data-v-41d8bd05]{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.expand-button[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.expand-button[data-v-41d8bd05]{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.expand-button[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.expand-button[data-v-41d8bd05]:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.expand-button[data-v-41d8bd05]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.expand-button[data-v-41d8bd05]:hover{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.expand-button[data-v-41d8bd05]:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.expand-button[data-v-41d8bd05]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.result-content[data-v-41d8bd05]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem}.result-content[data-v-41d8bd05]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.result-content[data-v-41d8bd05]{border-top-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.result-content[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.content-grid[data-v-41d8bd05]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 1024px){.content-grid[data-v-41d8bd05]{grid-template-columns:repeat(2,minmax(0,1fr))}}.scale-card-section[data-v-41d8bd05]{display:flex;flex-direction:column;align-items:center}.chords-section[data-v-41d8bd05]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.section-subtitle[data-v-41d8bd05]{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.section-subtitle[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chords-grid[data-v-41d8bd05]{display:flex;flex-wrap:wrap;gap:1rem}.chord-item[data-v-41d8bd05]{display:flex;flex-direction:column;align-items:center}.composition-display[data-v-41d8bd05],.borrowed-info[data-v-41d8bd05],.substitution-info[data-v-41d8bd05],.secondary-dominant-info[data-v-41d8bd05]{margin-top:.5rem;text-align:center}.explanations-section[data-v-41d8bd05]{margin-top:2rem;border-top-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1.5rem}.explanations-section[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.explanations-title[data-v-41d8bd05]{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.explanations-title[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.title-icon[data-v-41d8bd05]{font-size:1.5rem;line-height:2rem}.explanations-grid[data-v-41d8bd05]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.explanations-grid[data-v-41d8bd05]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.explanations-grid[data-v-41d8bd05]{grid-template-columns:repeat(3,minmax(0,1fr))}}.explanation-card[data-v-41d8bd05]{border-radius:.75rem;border-width:2px;padding:1.25rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.explanation-card[data-v-41d8bd05]:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.explanation-card[data-v-41d8bd05]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.explanation-card.substitution[data-v-41d8bd05]{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #f3e8ff var(--tw-gradient-to-position)}.explanation-card.substitution[data-v-41d8bd05]:is(.dark *){--tw-gradient-from: rgb(88 28 135 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(107 33 168 / .2) var(--tw-gradient-to-position)}.explanation-card.substitution[data-v-41d8bd05]{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.explanation-card.substitution[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}.explanation-card.secondary-dominant[data-v-41d8bd05]{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)}.explanation-card.secondary-dominant[data-v-41d8bd05]:is(.dark *){--tw-gradient-from: rgb(124 45 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(154 52 18 / .2) var(--tw-gradient-to-position)}.explanation-card.secondary-dominant[data-v-41d8bd05]{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.explanation-card.secondary-dominant[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}.explanation-card.borrowed[data-v-41d8bd05]{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fef9c3 var(--tw-gradient-to-position)}.explanation-card.borrowed[data-v-41d8bd05]:is(.dark *){--tw-gradient-from: rgb(113 63 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(133 77 14 / .2) var(--tw-gradient-to-position)}.explanation-card.borrowed[data-v-41d8bd05]{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.explanation-card.borrowed[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.explanation-header[data-v-41d8bd05]{margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.explanation-badge[data-v-41d8bd05]{border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.explanation-badge[data-v-41d8bd05]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.explanation-card.substitution .explanation-badge[data-v-41d8bd05]{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.explanation-card.substitution .explanation-badge[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.explanation-card.substitution .explanation-badge[data-v-41d8bd05]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.explanation-card.substitution .explanation-badge[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.explanation-card.secondary-dominant .explanation-badge[data-v-41d8bd05]{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.explanation-card.secondary-dominant .explanation-badge[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.explanation-card.secondary-dominant .explanation-badge[data-v-41d8bd05]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.explanation-card.secondary-dominant .explanation-badge[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}.explanation-card.borrowed .explanation-badge[data-v-41d8bd05]{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.explanation-card.borrowed .explanation-badge[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.explanation-card.borrowed .explanation-badge[data-v-41d8bd05]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.explanation-card.borrowed .explanation-badge[data-v-41d8bd05]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.explanation-type[data-v-41d8bd05]{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.explanation-type[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.explanation-text[data-v-41d8bd05]{font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.explanation-text[data-v-41d8bd05]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-family-accordion[data-v-42dc1ed3]{display:flex;flex-direction:column;gap:1rem}.search-box[data-v-42dc1ed3]{margin-bottom:.5rem}.search-input[data-v-42dc1ed3]{width:100%;border-radius:.75rem;padding:.625rem 1rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.search-input[data-v-42dc1ed3]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.search-input[data-v-42dc1ed3]{border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.search-input[data-v-42dc1ed3]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.search-input[data-v-42dc1ed3]:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px}.search-input[data-v-42dc1ed3]:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.search-input[data-v-42dc1ed3]{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.search-input[data-v-42dc1ed3]:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.search-input[data-v-42dc1ed3]::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.search-input[data-v-42dc1ed3]::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.search-input[data-v-42dc1ed3]:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.search-input[data-v-42dc1ed3]:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.search-input[data-v-42dc1ed3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.search-input[data-v-42dc1ed3]:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(6 182 212 / .2)}.search-input[data-v-42dc1ed3]:focus:is(.dark *){--tw-ring-color: rgb(34 211 238 / .2)}.accordion-container[data-v-42dc1ed3]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.accordion-item[data-v-42dc1ed3]{overflow:hidden;border-radius:.75rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.accordion-item[data-v-42dc1ed3]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.accordion-item[data-v-42dc1ed3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.accordion-item[data-v-42dc1ed3]:hover{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.accordion-item[data-v-42dc1ed3]:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.accordion-header[data-v-42dc1ed3]{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.75rem 1rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.accordion-header[data-v-42dc1ed3]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.accordion-header[data-v-42dc1ed3]:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.accordion-header[data-v-42dc1ed3]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.accordion-header[data-v-42dc1ed3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer}.accordion-header.active[data-v-42dc1ed3]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: rgb(6 182 212 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(168 85 247 / .1) var(--tw-gradient-to-position);border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.accordion-header.active[data-v-42dc1ed3]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.family-name[data-v-42dc1ed3]{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.family-name[data-v-42dc1ed3]:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.family-name[data-v-42dc1ed3]{text-transform:uppercase;letter-spacing:.025em}.header-right[data-v-42dc1ed3]{display:flex;align-items:center;gap:.75rem}.chord-count[data-v-42dc1ed3]{font-size:.75rem;line-height:1rem;font-weight:700;border-radius:9999px;padding:.25rem .625rem;--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chevron[data-v-42dc1ed3]{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chevron[data-v-42dc1ed3]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chevron[data-v-42dc1ed3]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-size:.75rem;line-height:1rem}.chevron.rotated[data-v-42dc1ed3]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.accordion-content[data-v-42dc1ed3]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.accordion-content[data-v-42dc1ed3]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.accordion-content[data-v-42dc1ed3]>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.accordion-content[data-v-42dc1ed3]:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(31 41 55 / var(--tw-divide-opacity, 1))}.chord-button[data-v-42dc1ed3]{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.625rem 1rem}.chord-button[data-v-42dc1ed3]:hover{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.chord-button[data-v-42dc1ed3]:hover:is(.dark *){background-color:#164e6333}.chord-button[data-v-42dc1ed3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;cursor:pointer;text-align:left}.chord-button.selected[data-v-42dc1ed3]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #a855f7 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-button.selected[data-v-42dc1ed3]:hover{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.chord-name[data-v-42dc1ed3]{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-name[data-v-42dc1ed3]:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.chord-button.selected .chord-name[data-v-42dc1ed3]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-full-name[data-v-42dc1ed3]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-full-name[data-v-42dc1ed3]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-button.selected .chord-full-name[data-v-42dc1ed3]{color:#fffc}.no-results[data-v-42dc1ed3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:3rem;text-align:center}.no-results-icon[data-v-42dc1ed3]{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem;opacity:.5}.no-results p[data-v-42dc1ed3]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.no-results p[data-v-42dc1ed3]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.accordion-enter-active[data-v-42dc1ed3],.accordion-leave-active[data-v-42dc1ed3]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;max-height:600px;overflow:hidden}.accordion-enter-from[data-v-42dc1ed3],.accordion-leave-to[data-v-42dc1ed3]{max-height:0;opacity:0}.search-key-to-chords[data-v-277732d5]{margin-left:auto;margin-right:auto;width:100%;max-width:1536px;padding:1.5rem 1rem}.two-columns-layout[data-v-277732d5]{display:flex;gap:1.5rem}.left-column[data-v-277732d5]{width:20%;flex-shrink:0}.right-column[data-v-277732d5]{width:80%;flex:1 1 0%}.section-card[data-v-277732d5]{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-card[data-v-277732d5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.section-card[data-v-277732d5]{transition:all .3s ease}.section-card[data-v-277732d5]:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-2px)}.section-title[data-v-277732d5]{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.section-title[data-v-277732d5]:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.title-icon[data-v-277732d5]{font-size:1.875rem;line-height:2.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.section-header-with-count[data-v-277732d5]{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.chord-count-badge[data-v-277732d5]{border-radius:9999px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #a855f7 var(--tw-gradient-to-position);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));box-shadow:0 4px 6px #06b6d44d}.chord-selector-container[data-v-277732d5]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.key-selector-section[data-v-277732d5]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.key-selector-wrapper[data-v-277732d5]{display:flex;justify-content:center;padding-top:1rem;padding-bottom:1rem}.quality-selector-section[data-v-277732d5]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.selector-label[data-v-277732d5]{display:block;font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.selector-label[data-v-277732d5]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-selection-section[data-v-277732d5]{margin-bottom:2rem}.chords-container[data-v-277732d5]{min-height:200px;border-radius:1rem;border-width:2px;border-style:dashed;padding:1.5rem;--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1));background-color:#ecfeff4d}.chords-container[data-v-277732d5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1));background-color:#164e631a}.chords-container[data-v-277732d5]{transition:all .3s ease}.chords-container[data-v-277732d5]:hover{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));background-color:#ecfeff80}.chords-container[data-v-277732d5]:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1));background-color:#164e6333}.empty-state[data-v-277732d5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:3rem}.empty-icon[data-v-277732d5]{margin-bottom:1rem;font-size:3.75rem;line-height:1;opacity:.5}.empty-text[data-v-277732d5]{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.empty-text[data-v-277732d5]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.empty-hint[data-v-277732d5]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.empty-hint[data-v-277732d5]:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-cards-draggable[data-v-277732d5]{display:flex;flex-wrap:wrap;gap:1rem}.chord-card-wrapper[data-v-277732d5]{position:relative;cursor:move;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-card-wrapper[data-v-277732d5]:hover{transform:scale(1.05)}.delete-chord-button[data-v-277732d5]{position:absolute;top:-.5rem;right:-.5rem;height:1.75rem;width:1.75rem;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;font-weight:700}.delete-chord-button[data-v-277732d5]:hover{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.delete-chord-button[data-v-277732d5]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.delete-chord-button[data-v-277732d5]:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.delete-chord-button[data-v-277732d5]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;z-index:10}.results-section[data-v-277732d5]{margin-top:2rem;border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.results-section[data-v-277732d5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.tabs-container[data-v-277732d5]{margin-bottom:1.5rem;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.tab-button[data-v-277732d5]{border-radius:.75rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.75rem 1.25rem}.tab-button[data-v-277732d5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.tab-button[data-v-277732d5]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tab-button[data-v-277732d5]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.tab-button[data-v-277732d5]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tab-button[data-v-277732d5]:hover{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.tab-button[data-v-277732d5]:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.tab-button.active[data-v-277732d5]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #a855f7 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-color:transparent;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tab-count[data-v-277732d5]{border-radius:9999px;background-color:#ffffff4d;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:700}.filters-container[data-v-277732d5]{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.filter-button[data-v-277732d5]{border-radius:.75rem;border-width:2px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1.25rem}.filter-button[data-v-277732d5]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.filter-button[data-v-277732d5]{display:flex;align-items:center;gap:.5rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.filter-button[data-v-277732d5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.filter-button[data-v-277732d5]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.filter-button[data-v-277732d5]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.filter-button[data-v-277732d5]:hover{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.filter-button[data-v-277732d5]:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.filter-button[data-v-277732d5]{font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dropdown-content[data-v-277732d5]{position:absolute;z-index:10;margin-top:.5rem;width:16rem;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dropdown-content[data-v-277732d5]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dropdown-content[data-v-277732d5]{overflow:hidden;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.dropdown-content[data-v-277732d5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dropdown-header[data-v-277732d5]{display:flex;align-items:center;justify-content:space-between;padding:1rem}.dropdown-header[data-v-277732d5]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.dropdown-header[data-v-277732d5]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dropdown-header[data-v-277732d5]{cursor:pointer;border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.dropdown-header[data-v-277732d5]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dropdown-header[data-v-277732d5]{font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown-list[data-v-277732d5]{max-height:16rem;overflow-y:auto;padding:.5rem;scrollbar-width:thin}.dropdown-item[data-v-277732d5]{display:flex;align-items:center;justify-content:space-between;padding:.75rem}.dropdown-item[data-v-277732d5]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.dropdown-item[data-v-277732d5]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dropdown-item[data-v-277732d5]{cursor:pointer;border-radius:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.checkbox[data-v-277732d5]{pointer-events:none;border-radius:.375rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.checkbox[data-v-277732d5]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1))}.item-count[data-v-277732d5]{margin-left:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.item-count[data-v-277732d5]:is(.dark *){background-color:#164e634d;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.tab-content[data-v-277732d5]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ai-loading-animation[data-v-26a149e4]{position:relative;display:flex;align-items:center;justify-content:center}canvas[data-v-26a149e4]{width:100%;height:100%;background:transparent;border-radius:50%}.loading-text[data-v-26a149e4]{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:14px;font-weight:500;color:#fff;text-align:center;white-space:nowrap;animation:pulse-26a149e4 2s ease-in-out infinite}@keyframes pulse-26a149e4{0%,to{opacity:.6}50%{opacity:1}}.line-clamp-2[data-v-f1dc2f8b]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cursor-pointer[data-v-9e07c06e]{cursor:pointer}.transition-colors[data-v-9e07c06e]{transition:background-color .2s ease}.xiia-100[data-v-9e07c06e]{background-color:#f3f4f6}.xiia-200[data-v-9e07c06e]{background-color:#e5e7eb}.xiia-300[data-v-9e07c06e]{background-color:#d1d5db}.xiia-500[data-v-9e07c06e]{background-color:#6b7280}.xiia-600[data-v-9e07c06e]{color:#4b5563}.dark .xiia-600[data-v-9e07c06e]{background-color:#374151}.icon[data-v-33d7db07]{opacity:.3}.intervalCard:hover .icon[data-v-33d7db07]{opacity:1}.composition_intervals svg[data-v-385ea838]{margin:auto}.group-interval[data-v-aacccf83]{cursor:pointer}.group-interval:hover circle[data-v-aacccf83]{opacity:1}#ModesRelatifsContentSimple svg[data-v-a7e77e49]{margin:auto}#ModesRelatifsContent .composition_intervals[data-v-a7e77e49]{transition:all .25s}#ModesRelatifsContent:hover .composition_intervals[data-v-a7e77e49]{opacity:.5}#ModesRelatifsContent:hover .composition_intervals[data-v-a7e77e49]:hover{opacity:1!important}.hideNotIn .notIn[data-v-a7e77e49]{display:none!important}.absolute>div[data-v-368b19a3]{transition:width .3s ease}.circleWithTip.comI0 .shape[data-v-c166f515]{fill:#fff}.circleWithTip.comI1 .shape[data-v-c166f515]{fill:#d3a805}.circleWithTip.comI2 .shape[data-v-c166f515]{fill:#ab1917}.circleWithTip.comI3 .shape[data-v-c166f515]{fill:#076fb6}.circleWithTip.comI4 .shape[data-v-c166f515]{fill:#201f1f}.group-interval[data-v-796fb14c]{cursor:pointer}.group-interval:hover circle[data-v-796fb14c]{opacity:1}.circle-of-fifths-container[data-v-ac018e3c]{min-height:400px}.strumming-pattern-container[data-v-0631f801]{width:100%;padding:1.5rem}.strumming-pattern-container[data-v-0631f801]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.controls-container[data-v-0631f801]{margin-left:auto;margin-right:auto;margin-bottom:2rem;display:flex;max-width:56rem;align-items:center;justify-content:center;gap:1.5rem;border-radius:1rem;background-color:#22d3eecc;padding:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.controls-container[data-v-0631f801]:is(.dark *){background-color:#083344cc}.control-group[data-v-0631f801]{display:flex;flex-direction:column;align-items:center}.control-label[data-v-0631f801]{margin-bottom:.25rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.control-label[data-v-0631f801]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.vertical-divider[data-v-0631f801]{height:2.5rem;width:1px;background-color:#ffffff4d}.vertical-divider[data-v-0631f801]:is(.dark *){background-color:#fff3}.tempo-control[data-v-0631f801]{display:inline-flex;border-radius:.375rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tempo-btn[data-v-0631f801]{position:relative;display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.tempo-btn[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-0631f801]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.tempo-btn[data-v-0631f801]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.tempo-btn[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.tempo-btn[data-v-0631f801]:focus{z-index:10;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.tempo-btn[data-v-0631f801]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tempo-btn[data-v-0631f801]:disabled{cursor:not-allowed;opacity:.5}.tempo-btn[data-v-0631f801]:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tempo-btn[data-v-0631f801]:hover:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tempo-input[data-v-0631f801]{position:relative;margin-left:-1px;display:inline-flex;width:4rem;padding:.25rem .75rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tempo-input[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tempo-input[data-v-0631f801]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.tempo-input[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.tempo-input[data-v-0631f801]:focus{z-index:10;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.tempo-input[data-v-0631f801]:disabled{cursor:not-allowed;opacity:.5}.signature-select[data-v-0631f801]{position:relative;display:inline-flex;border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.signature-select[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.signature-select[data-v-0631f801]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.signature-select[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.signature-select[data-v-0631f801]:focus{z-index:10;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.signature-select[data-v-0631f801]:disabled{cursor:not-allowed;opacity:.5}.subdivision-control[data-v-0631f801]{display:inline-flex;border-radius:.375rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.subdivision-btn[data-v-0631f801]{position:relative;display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.subdivision-btn[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.subdivision-btn[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.subdivision-btn[data-v-0631f801]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.subdivision-btn[data-v-0631f801]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.subdivision-btn[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.subdivision-btn[data-v-0631f801]:focus{z-index:10;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.subdivision-btn[data-v-0631f801]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.subdivision-btn[data-v-0631f801]:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.subdivision-btn[data-v-0631f801]:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.subdivision-btn[data-v-0631f801]{margin-left:-1px}.subdivision-btn[data-v-0631f801]:first-child{margin-left:0}.subdivision-btn[data-v-0631f801]:disabled{cursor:not-allowed;opacity:.5}.subdivision-btn[data-v-0631f801]:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.subdivision-btn[data-v-0631f801]:hover:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.subdivision-btn.active[data-v-0631f801]{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.subdivision-btn.active[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.subdivision-btn.active[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.subdivision-btn.active[data-v-0631f801]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.subdivision-btn.active[data-v-0631f801]{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.subdivision-btn.active[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1))}.metronome-btn[data-v-0631f801]{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metronome-btn[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.metronome-btn[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.metronome-btn[data-v-0631f801]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.metronome-btn[data-v-0631f801]:disabled{cursor:not-allowed;opacity:.5}.metronome-btn[data-v-0631f801]:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.metronome-btn[data-v-0631f801]:hover:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.metronome-btn.active[data-v-0631f801]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.metronome-btn.active[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.metronome-group[data-v-0631f801]{flex-direction:column}.metronome-controls[data-v-0631f801]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.metronome-volume[data-v-0631f801]{width:5rem}.volume-control[data-v-0631f801]{width:6rem}.measures-select[data-v-0631f801]{position:relative;display:inline-flex;border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.measures-select[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.measures-select[data-v-0631f801]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.measures-select[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.measures-select[data-v-0631f801]:focus{z-index:10;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1))}.measures-select[data-v-0631f801]:disabled{cursor:not-allowed;opacity:.5}.transport-section[data-v-0631f801]{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center}.play-button[data-v-0631f801]{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding:1rem}.play-button[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.play-button[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.play-button[data-v-0631f801]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.play-button[data-v-0631f801]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.play-button[data-v-0631f801]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-0631f801]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.play-button.playing[data-v-0631f801]{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.play-button.playing[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.pattern-grid-container[data-v-0631f801]{margin-bottom:2rem}.beats-container[data-v-0631f801]{margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.beat-group[data-v-0631f801]{border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem}.beat-group[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.beat-label-group[data-v-0631f801]{margin-bottom:.5rem;display:flex;justify-content:center;gap:.25rem}.beat-label[data-v-0631f801]{display:flex;height:1.5rem;flex:1 1 0%;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.beat-label[data-v-0631f801]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.beat-label.sub-beat[data-v-0631f801]{font-size:.75rem;line-height:1rem;font-weight:400;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.beat-label.sub-beat[data-v-0631f801]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.beat-strums[data-v-0631f801]{display:flex;gap:.25rem}.strum-cell[data-v-0631f801]{height:120px;width:4rem;border-radius:.5rem;border-width:2px;border-color:transparent;padding:.5rem;display:flex;cursor:pointer;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.strum-cell[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.strum-cell[data-v-0631f801]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.strum-cell.active[data-v-0631f801]{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.strum-cell.active[data-v-0631f801]:is(.dark *){background-color:#14532d33}.strum-cell.highlighted[data-v-0631f801]{border-width:2px;--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.strum-icon[data-v-0631f801]{height:100%;width:3rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pattern-actions[data-v-0631f801]{display:flex;justify-content:center;gap:1rem}.btn-primary[data-v-0631f801]{display:flex;align-items:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));padding:.5rem 1.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.btn-primary[data-v-0631f801]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.btn-secondary[data-v-0631f801]{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding:.5rem 1.5rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.btn-secondary[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.btn-secondary[data-v-0631f801]{display:flex;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary[data-v-0631f801]:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.btn-secondary[data-v-0631f801]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.toolbox-container[data-v-0631f801]{margin-bottom:1.5rem;display:flex;justify-content:center}.toolbox[data-v-0631f801]{display:inline-flex;align-items:center;gap:1rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.toolbox[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.toolbox-label[data-v-0631f801]{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.toolbox-label[data-v-0631f801]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.toolbox-items[data-v-0631f801]{display:flex;gap:.5rem}.tool-item[data-v-0631f801]{height:3rem;width:3rem;cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.tool-item[data-v-0631f801]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.tool-item[data-v-0631f801]{display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tool-item[data-v-0631f801]:hover{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.tool-item[data-v-0631f801]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tool-item[data-v-0631f801]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tool-item.active[data-v-0631f801]{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.tool-item.active[data-v-0631f801]:is(.dark *){background-color:#164e634d}.tool-icon[data-v-0631f801]{height:1.5rem;width:1.5rem}.muted-outline svg[data-v-0631f801]{fill:none!important;stroke:currentColor!important;stroke-width:1.5!important}.ring-accent[data-v-dd969b19]{--tw-ring-color: #3b82f6}.fade-slide-enter-active[data-v-fcaece86],.fade-slide-leave-active[data-v-fcaece86]{transition:all .3s ease}.fade-slide-enter-from[data-v-fcaece86]{opacity:0;transform:translate(20px)}.fade-slide-leave-to[data-v-fcaece86]{opacity:0;transform:translate(-20px)}.key-based-progressions[data-v-a62fee42]{width:100%}.current-key-display[data-v-a62fee42]{border-radius:.5rem;background-color:#155e75e6;padding:.5rem 1rem}.current-key-display[data-v-a62fee42]:is(.dark *){background-color:#164e63e6}.key-label[data-v-a62fee42]{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filters-wrapper[data-v-a62fee42]{position:sticky;top:2.5rem;z-index:40;display:flex;justify-content:center;padding:1rem}.filters-container[data-v-a62fee42]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;border-radius:.5rem;border-width:1px;border-color:#06b6d44d;background-color:#22d3eecc;padding:.75rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.filters-container[data-v-a62fee42]:is(.dark *){border-color:#0e74904d;background-color:#083344cc}.toolbar-separator[data-v-a62fee42]{height:2rem;width:1px;background-color:#0891b24d}.toolbar-separator[data-v-a62fee42]:is(.dark *){background-color:#22d3ee4d}.toggle-group[data-v-a62fee42]{display:flex;overflow:hidden;border-radius:.5rem;border-width:1px;border-color:#0891b280}.toggle-group[data-v-a62fee42]:is(.dark *){border-color:#22d3ee80}.toggle-btn[data-v-a62fee42]{border-right-width:1px;border-color:#0891b280;background-color:transparent;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.toggle-btn[data-v-a62fee42]:last-child{border-right-width:0px}.toggle-btn[data-v-a62fee42]:hover{background-color:#0e74904d}.toggle-btn[data-v-a62fee42]:is(.dark *){border-color:#22d3ee80;--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))}.toggle-btn[data-v-a62fee42]:hover:is(.dark *){background-color:#0891b24d}.toggle-active[data-v-a62fee42]{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.toggle-active[data-v-a62fee42]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.toggle-active[data-v-a62fee42]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.toggle-active[data-v-a62fee42]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.filter-dropdown-container[data-v-a62fee42]{position:relative}.filter-dropdown-btn[data-v-a62fee42]{position:relative;display:flex;align-items:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.filter-dropdown-btn[data-v-a62fee42]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.filter-dropdown-btn[data-v-a62fee42]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.filter-dropdown-btn[data-v-a62fee42]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.filter-dropdown-btn.has-filters[data-v-a62fee42]{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.filter-dropdown-btn.has-filters[data-v-a62fee42]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));background-color:#164e6333;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter-badge[data-v-a62fee42]{position:absolute;top:-.5rem;right:-.5rem;display:flex;height:1.25rem;min-width:20px;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter-dropdown-menu[data-v-a62fee42]{position:absolute;top:100%;left:0;z-index:50;margin-top:.25rem;max-height:400px;min-width:200px;overflow-y:auto;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter-dropdown-menu[data-v-a62fee42]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.dropdown-content[data-v-a62fee42]{padding:.5rem}.dropdown-item[data-v-a62fee42]{display:flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:.25rem;padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown-item[data-v-a62fee42]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.dropdown-item[data-v-a62fee42]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dropdown-item[data-v-a62fee42]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(90 87 85 / var(--tw-bg-opacity, 1))}.dropdown-checkbox[data-v-a62fee42]{height:1rem;width:1rem;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.dropdown-checkbox[data-v-a62fee42]:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)) }.dropdown-checkbox[data-v-a62fee42]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1))}.dropdown-label[data-v-a62fee42]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.dropdown-label[data-v-a62fee42]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.clear-filters-btn[data-v-a62fee42]{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.clear-filters-btn[data-v-a62fee42]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.clear-filters-btn[data-v-a62fee42]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.clear-filters-btn[data-v-a62fee42]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.progressions-container[data-v-a62fee42]{padding:1rem}.progressions-grid[data-v-a62fee42]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 640px){.progressions-grid[data-v-a62fee42]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.progressions-grid[data-v-a62fee42]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.progressions-grid[data-v-a62fee42]{grid-template-columns:repeat(4,minmax(0,1fr))}}.no-results[data-v-a62fee42]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:4rem;padding-bottom:4rem}.no-results-text[data-v-a62fee42]{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.no-results-text[data-v-a62fee42]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.no-results-hint[data-v-a62fee42]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.no-results-hint[data-v-a62fee42]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.pagination[data-v-a62fee42]{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination-btn[data-v-a62fee42]{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));padding:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.pagination-btn[data-v-a62fee42]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-btn[data-v-a62fee42]:disabled{cursor:not-allowed;opacity:.5}.pagination-btn[data-v-a62fee42]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-btn[data-v-a62fee42]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.pagination-number[data-v-a62fee42]{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.pagination-number[data-v-a62fee42]:hover{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.pagination-number[data-v-a62fee42]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(122 118 115 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.pagination-number[data-v-a62fee42]:hover:is(.dark *){background-color:#164e6333}.pagination-active[data-v-a62fee42]{--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pagination-active[data-v-a62fee42]:hover{--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-active[data-v-a62fee42]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))}.pagination-active[data-v-a62fee42]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.pagination-ellipsis[data-v-a62fee42]{cursor:default;padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.pagination-ellipsis[data-v-a62fee42]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (max-width: 640px){.filters-container[data-v-a62fee42]{flex-direction:column;align-items:stretch;gap:.5rem}.toolbar-separator[data-v-a62fee42]{height:1px;width:100%}.filter-dropdown-container[data-v-a62fee42]{width:100%}.filter-dropdown-btn[data-v-a62fee42]{width:100%;justify-content:space-between}}.bg-cyan-800[data-v-d86dc531]{background-color:#155e63}.voice-leading-view[data-v-480293d2]{margin-left:auto;margin-right:auto;width:100%;max-width:1600px;padding:1.5rem 1rem}.two-columns-layout[data-v-480293d2]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 1024px){.two-columns-layout[data-v-480293d2]{grid-template-columns:350px 1fr}}.left-column[data-v-480293d2]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.right-column[data-v-480293d2]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.section-card[data-v-480293d2]{border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.section-card[data-v-480293d2]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.section-title[data-v-480293d2]{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.section-title[data-v-480293d2]:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.title-icon[data-v-480293d2]{font-size:1.5rem;line-height:2rem}.tabs-vertical[data-v-480293d2]{display:flex;flex-direction:column;gap:.5rem}.tab-button-vertical[data-v-480293d2]{width:100%;border-radius:.5rem;padding:.75rem 1rem;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;display:flex;flex-direction:column;gap:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.tab-button-vertical[data-v-480293d2]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tab-button-vertical[data-v-480293d2]:hover{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.tab-button-vertical[data-v-480293d2]:hover:is(.dark *){background-color:#164e634d}.tab-button-vertical.active[data-v-480293d2]{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tab-button-vertical.active[data-v-480293d2]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.degrees-grid[data-v-480293d2]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.degree-item[data-v-480293d2]{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;padding:.5rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.degree-item[data-v-480293d2]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.degree-item[data-v-480293d2]:hover{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.degree-item[data-v-480293d2]:hover:is(.dark *){background-color:#164e634d}.degree-item.selected[data-v-480293d2]{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.degree-item.selected[data-v-480293d2]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.filters-panel[data-v-480293d2]{background-color:transparent;padding:0}@media (max-width: 1024px){.two-columns-layout[data-v-480293d2]{grid-template-columns:repeat(1,minmax(0,1fr))}.left-column[data-v-480293d2]{order:2}.right-column[data-v-480293d2]{order:1}}.chord-shape-highlight{stroke:#fbbf24!important;stroke-width:3!important;filter:drop-shadow(0 0 4px rgba(251,191,36,.8))!important}.chord-library-list[data-v-7fb7f4ea]{display:flex;flex-direction:column;gap:1rem}.family-filters[data-v-7fb7f4ea]{display:flex;gap:.5rem;flex-wrap:wrap}.family-filter-btn[data-v-7fb7f4ea]{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#cbd5e1;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.family-filter-btn[data-v-7fb7f4ea]:hover{background:#06b6d433;border-color:#06b6d466}.family-filter-btn.active[data-v-7fb7f4ea]{background:#06b6d44d;border-color:#06b6d4;color:#06b6d4}.chords-grid[data-v-7fb7f4ea]{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.3) rgba(255,255,255,.05)}.chords-grid[data-v-7fb7f4ea]::-webkit-scrollbar{width:6px}.chords-grid[data-v-7fb7f4ea]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.chords-grid[data-v-7fb7f4ea]::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.chords-grid[data-v-7fb7f4ea]::-webkit-scrollbar-thumb:hover{background:#06b6d480}.chord-card-wrapper[data-v-7fb7f4ea]{flex-shrink:0;transition:transform .2s}.chord-card-wrapper[data-v-7fb7f4ea]:hover{transform:scale(1.05)}.chord-card-wrapper[data-v-7fb7f4ea]:active{transform:scale(.95)}.chord-library-palette[data-v-b732ece8]{width:100%;background:linear-gradient(135deg,#06b6d41a,#0891b21a);border-radius:1rem;padding:1.5rem;border:1px solid rgba(6,182,212,.2)}.horizontal-selector[data-v-b732ece8]{display:flex;gap:2rem;align-items:flex-start}.key-selector-section[data-v-b732ece8]{flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.key-selector-wrapper[data-v-b732ece8]{background:#ffffff0d;border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.1)}.chord-quality-section[data-v-b732ece8]{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0}.selector-label[data-v-b732ece8]{font-size:.875rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.degree-item[data-v-3896cf2c]{position:relative}.simple-slider[data-v-989ff3cd]{display:flex;width:100%;flex-direction:column;align-items:center;gap:.5rem}.slider-item[data-v-989ff3cd]{display:flex;width:100%;align-items:center;justify-content:center;min-height:120px}.slider-controls[data-v-989ff3cd]{display:flex;align-items:center;justify-content:center;gap:.75rem}.slider-btn[data-v-989ff3cd]{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.slider-btn[data-v-989ff3cd]:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.slider-btn[data-v-989ff3cd]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.slider-btn[data-v-989ff3cd]:disabled{cursor:not-allowed;opacity:.3}.slider-btn[data-v-989ff3cd]{font-size:1.5rem;line-height:2rem;font-weight:700}.slider-indicator[data-v-989ff3cd]{min-width:40px;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.progression-card[data-v-a9fb0db3]{position:relative;cursor:pointer;border-radius:.5rem;padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;flex-shrink:0}.progression-card[data-v-a9fb0db3]:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.progression-card[data-v-a9fb0db3]{width:220px;min-height:340px}.progression-card.card-size-sm[data-v-a9fb0db3]{width:180px;min-height:280px}.progression-card.card-size-md[data-v-a9fb0db3]{width:220px;min-height:340px}.progression-card.card-size-lg[data-v-a9fb0db3]{width:280px;min-height:420px}.progression-card.card-size-xl[data-v-a9fb0db3]{width:340px;min-height:500px}.progression-card.is-locked[data-v-a9fb0db3]{background-color:#1f293780}.progression-card.is-selected[data-v-a9fb0db3]{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1))}.progression-card.is-playing[data-v-a9fb0db3]{background-color:#164e634d;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));animation:playing-pulse-a9fb0db3 1s ease-in-out infinite}@keyframes playing-pulse-a9fb0db3{0%,to{background-color:#164e634d;box-shadow:0 0 #06b6d466}50%{background-color:#164e6380;box-shadow:0 0 0 8px #06b6d400}}.card-actions[data-v-a9fb0db3]{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem}.remove-btn[data-v-a9fb0db3]{height:1.5rem;width:1.5rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));display:flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1.75rem;font-weight:700}.remove-btn[data-v-a9fb0db3]:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.card-degree[data-v-a9fb0db3]{margin-bottom:.5rem;display:flex;justify-content:center}.card-origin-scale[data-v-a9fb0db3]{margin-bottom:.25rem}.card-chord-name[data-v-a9fb0db3],.card-chord-selector[data-v-a9fb0db3]{margin-bottom:.5rem}.chord-dropdown[data-v-a9fb0db3]{width:100%;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-width:1px;--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.chord-dropdown[data-v-a9fb0db3]:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px}.chord-dropdown[data-v-a9fb0db3]:disabled{cursor:not-allowed;opacity:.5}.card-shapes[data-v-a9fb0db3]{margin-top:.75rem;min-height:160px}.card-shapes.is-disabled[data-v-a9fb0db3]{opacity:.6}.card-shapes.is-disabled[data-v-a9fb0db3] .slider-controls{display:none}.card-shapes.is-disabled[data-v-a9fb0db3] .slider-controls button{pointer-events:none}.card-placeholder[data-v-a9fb0db3]{margin-top:.75rem;display:flex;align-items:center;justify-content:center;min-height:160px}.placeholder-circle[data-v-a9fb0db3]{height:4rem;width:4rem;border-radius:9999px;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));display:flex;align-items:center;justify-content:center}[data-v-a9fb0db3] .chordDiagramWrapper{margin-right:20px}[data-v-a9fb0db3] .slider-controls{margin-top:5px}.bottom-buttons-container[data-v-a9fb0db3]{margin-top:.5rem;display:flex;justify-content:center;gap:.5rem}.expand-btn-bottom[data-v-a9fb0db3]{height:2rem;width:2rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.expand-btn-bottom[data-v-a9fb0db3]:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.expand-btn-bottom[data-v-a9fb0db3]{display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;opacity:.2}.expand-btn-bottom.is-expanded[data-v-a9fb0db3]{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:1}.expand-btn-bottom[data-v-a9fb0db3]:hover{opacity:1}.lock-btn-bottom[data-v-a9fb0db3]{height:2rem;width:2rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.lock-btn-bottom[data-v-a9fb0db3]:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.lock-btn-bottom[data-v-a9fb0db3]{display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;opacity:.2}.lock-btn-bottom.is-locked[data-v-a9fb0db3]{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:1}.lock-btn-bottom[data-v-a9fb0db3]:hover{opacity:1}.progression-cards[data-v-e6e968e4]{width:100%}.cards-container[data-v-e6e968e4]{margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.5rem;max-width:100%}.is-dragging[data-v-e6e968e4]{opacity:.4}.card-wrapper[data-v-e6e968e4]{position:relative}.card-wrapper.replace-target[data-v-e6e968e4]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));border-radius:.5rem}.replace-overlay[data-v-e6e968e4]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:#f973164d;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.replace-indicator[data-v-e6e968e4]{display:flex;flex-direction:column;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1));animation:pulse-replace-e6e968e4 1.5s ease-in-out infinite}@keyframes pulse-replace-e6e968e4{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.drop-zone[data-v-e6e968e4]{position:relative;display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:40px;align-self:stretch}.drop-zone-final[data-v-e6e968e4]{display:flex;align-items:center;justify-content:center;min-width:100px;align-self:stretch}.drop-indicator[data-v-e6e968e4]{display:none;align-items:center;justify-content:center;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;flex-direction:column;gap:.5rem;height:100%}.drop-zone-active .drop-indicator[data-v-e6e968e4]{display:flex;opacity:1}.drop-line[data-v-e6e968e4]{width:.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));height:100%;box-shadow:0 0 10px #06b6d480}.drop-indicator-final[data-v-e6e968e4]{display:flex;align-items:center;justify-content:center;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.drop-zone-active .drop-indicator-final[data-v-e6e968e4]{opacity:1}.plus-circle[data-v-e6e968e4]{display:flex;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));background-color:#164e6333;--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1));width:60px;height:60px;transition:all .3s ease}.drop-zone-active .plus-circle[data-v-e6e968e4]{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));background-color:#155e754d;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));box-shadow:0 0 20px #06b6d466;transform:scale(1.1)}.empty-state[data-v-e6e968e4]{margin-bottom:1rem}.tab-btn[data-v-05c60aee]{position:relative}.tab-active[data-v-05c60aee]{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.tab-inactive[data-v-05c60aee]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tab-inactive[data-v-05c60aee]:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tab-content[data-v-05c60aee]{min-height:200px}.chord-item[data-v-05c60aee]{margin:0 40px 16px}.chord-item.is-selected[data-v-05c60aee]{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.action-btn.is-disabled[data-v-05c60aee]{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));opacity:.5}.action-btn.is-disabled[data-v-05c60aee]:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.controls-panel[data-v-05c60aee]{background:linear-gradient(135deg,#1f2937cc,#111827cc)}.control-row[data-v-05c60aee]{display:flex;flex-direction:column}.switch-group[data-v-05c60aee]{display:flex;gap:.5rem;background:#37415180;padding:.25rem;border-radius:.5rem}.switch-btn[data-v-05c60aee]{flex:1;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#9ca3af;background:transparent;transition:all .2s}.switch-btn[data-v-05c60aee]:hover:not(:disabled){background:#4b556380;color:#e5e7eb}.switch-btn.active[data-v-05c60aee]{background:#06b6d4;color:#fff;font-weight:600}.switch-btn[data-v-05c60aee]:disabled{opacity:.3;cursor:not-allowed}.switch-group-compact[data-v-05c60aee]{display:inline-flex;gap:.25rem;background:#37415180;padding:.125rem;border-radius:.375rem}.switch-btn-compact[data-v-05c60aee]{padding:.375rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#9ca3af;background:transparent;transition:all .2s;white-space:nowrap}.switch-btn-compact[data-v-05c60aee]:hover:not(:disabled){background:#4b556380;color:#e5e7eb}.switch-btn-compact.active[data-v-05c60aee]{background:#06b6d4;color:#fff;font-weight:600}.switch-btn-compact[data-v-05c60aee]:disabled{opacity:.3;cursor:not-allowed}.voicing-controls[data-v-05c60aee]{background:#1f29374d}.control-compact[data-v-05c60aee]{display:flex;flex-direction:column}.voicing-item.is-current-voicing[data-v-05c60aee]{background-color:#164e634d;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));box-shadow:0 0 15px #06b6d44d}.display-neck-on-play[data-v-bdeb2b43]{max-width:100%;overflow:hidden}.neck-items-grid[data-v-bdeb2b43]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:100%}.neck-item[data-v-bdeb2b43]{position:relative;transition:all .3s ease;max-width:100%;overflow:hidden}.neck-item[data-v-bdeb2b43] svg,.neck-item[data-v-bdeb2b43] canvas{max-width:100%;height:auto}.progression-player[data-v-c99bb323]{width:100%}.player-controls[data-v-c99bb323]{display:flex;align-items:center;gap:.75rem}.play-button[data-v-c99bb323]{display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0891b2 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.play-button[data-v-c99bb323]:disabled{cursor:not-allowed;opacity:.4}.play-button[data-v-c99bb323]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-c99bb323]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-c99bb323]{box-shadow:0 4px 14px #06b6d463,0 0 #06b6d400}.play-button[data-v-c99bb323]:not(:disabled):hover{box-shadow:0 6px 20px #06b6d480,0 0 20px 5px #06b6d44d}.play-button.playing[data-v-c99bb323]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);animation:pulse-glow-c99bb323 2s cubic-bezier(.4,0,.6,1) infinite}.play-button.playing[data-v-c99bb323]:not(:disabled):hover{box-shadow:0 6px 20px #ef444480,0 0 20px 5px #ef44444d}.play-button[data-v-c99bb323]:disabled{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #374151 var(--tw-gradient-to-position);box-shadow:none}@keyframes pulse-glow-c99bb323{0%,to{box-shadow:0 4px 14px #ef444463,0 0 15px 3px #ef444433}50%{box-shadow:0 6px 20px #ef444480,0 0 25px 8px #ef444466}}.tempo-control[data-v-c99bb323]{display:flex;align-items:center;gap:0px;overflow:hidden;border-radius:.5rem;background-color:#1f293799;border-width:1px;border-color:#37415180;height:2.5rem}.tempo-btn[data-v-c99bb323]{height:100%;background-color:#374151cc;padding-left:.625rem;padding-right:.625rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-c99bb323]:hover{background-color:#0891b2cc;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-c99bb323]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tempo-btn[data-v-c99bb323]:disabled{cursor:not-allowed;opacity:.4}.tempo-btn[data-v-c99bb323]:hover:disabled{background-color:#374151cc;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn-left[data-v-c99bb323]{border-right-width:1px;border-color:#4b556380}.tempo-btn-right[data-v-c99bb323]{border-left-width:1px;border-color:#4b556380}.tempo-display[data-v-c99bb323]{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:0px;background-color:#1f293766;padding-left:.75rem;padding-right:.75rem}.tempo-input[data-v-c99bb323]{width:3.5rem;padding-left:.25rem;padding-right:.25rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:700;background-color:transparent;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.tempo-input[data-v-c99bb323]:focus{outline:2px solid transparent;outline-offset:2px}.tempo-input[data-v-c99bb323]:disabled{cursor:not-allowed;opacity:.5}.tempo-input[data-v-c99bb323]{border-style:none;line-height:1}.tempo-input[data-v-c99bb323]::-webkit-outer-spin-button,.tempo-input[data-v-c99bb323]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo-input[type=number][data-v-c99bb323]{-moz-appearance:textfield}.tempo-unit[data-v-c99bb323]{margin-top:-.125rem;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.volume-control[data-v-c99bb323]{display:flex;align-items:center;justify-content:center;gap:.625rem;padding-left:.625rem;padding-right:.625rem;background-color:#1f293799;border-width:1px;border-color:#37415180;border-radius:.5rem;height:2.5rem}.volume-icon-btn[data-v-c99bb323]{border-radius:.5rem;padding:.25rem;background-color:#37415199}.volume-icon-btn[data-v-c99bb323]:hover{background-color:#9333ea33}.volume-icon-btn[data-v-c99bb323]{border-width:1px;border-color:#37415180}.volume-icon-btn[data-v-c99bb323]:hover{border-color:#a855f74d}.volume-icon-btn[data-v-c99bb323]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.volume-slider-container[data-v-c99bb323]{display:flex;width:7rem;align-items:center}.volume-slider-container[data-v-c99bb323]>div{height:auto!important}.repeat-control[data-v-c99bb323]{height:2.5rem}.repeat-select[data-v-c99bb323]{height:100%;padding-left:.75rem;padding-right:.75rem;background-color:#1f293799}.repeat-select[data-v-c99bb323]:hover{background-color:#1f2937cc}.repeat-select[data-v-c99bb323]{border-width:1px;border-color:#37415180}.repeat-select[data-v-c99bb323]:hover{border-color:#06b6d44d}.repeat-select[data-v-c99bb323]{border-radius:.5rem;font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer}.repeat-select[data-v-c99bb323]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(6 182 212 / .5)}.repeat-select[data-v-c99bb323]:disabled{cursor:not-allowed;opacity:.4}.repeat-select[data-v-c99bb323]:hover:disabled{border-color:#37415180;background-color:#1f293799}.repeat-select[data-v-c99bb323]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem}.repeat-select option[data-v-c99bb323]{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.fullscreen-overlay[data-v-d4293518]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fullscreen-overlay[data-v-d4293518] .neck-header,.fullscreen-overlay[data-v-d4293518] input.w-full.text-center.border-b.border-xiia-800{display:none}.header-section[data-v-d4293518]{box-shadow:0 4px 6px -1px #0000004d}.main-content[data-v-d4293518]{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.play-button[data-v-d4293518]{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0891b2 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.play-button[data-v-d4293518]:disabled{cursor:not-allowed;opacity:.4}.play-button[data-v-d4293518]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-d4293518]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-d4293518]{box-shadow:0 4px 14px #06b6d463,0 0 #06b6d400}.play-button[data-v-d4293518]:not(:disabled):hover{box-shadow:0 6px 20px #06b6d480,0 0 20px 5px #06b6d44d}.play-button.playing[data-v-d4293518]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);animation:pulse-glow-d4293518 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow-d4293518{0%,to{box-shadow:0 4px 14px #ef444463,0 0 15px 3px #ef444433}50%{box-shadow:0 6px 20px #ef444480,0 0 25px 8px #ef444466}}.tempo-control[data-v-d4293518]{display:flex;align-items:center;gap:0px;overflow:hidden;border-radius:.5rem;background-color:#1f293799;border-width:1px;border-color:#37415180;height:2.5rem}.tempo-btn[data-v-d4293518]{height:100%;background-color:#374151cc;padding-left:.625rem;padding-right:.625rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-d4293518]:hover{background-color:#0891b2cc;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-d4293518]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tempo-btn[data-v-d4293518]:disabled{cursor:not-allowed;opacity:.4}.tempo-btn[data-v-d4293518]:hover:disabled{background-color:#374151cc;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn-left[data-v-d4293518]{border-right-width:1px;border-color:#4b556380}.tempo-btn-right[data-v-d4293518]{border-left-width:1px;border-color:#4b556380}.tempo-display[data-v-d4293518]{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:0px;background-color:#1f293766;padding-left:.75rem;padding-right:.75rem}.tempo-input[data-v-d4293518]{width:3.5rem;padding-left:.25rem;padding-right:.25rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:700}.fullscreen-overlay[data-v-d4293518] input.w-full.tempo-input.border-b.border-xiia-800{display:none}.tempo-input[data-v-d4293518]{background-color:transparent;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.tempo-input[data-v-d4293518]:focus{outline:2px solid transparent;outline-offset:2px}.tempo-input[data-v-d4293518]:disabled{cursor:not-allowed;opacity:.5}.tempo-input[data-v-d4293518]{border-style:none;line-height:1}.tempo-input[data-v-d4293518]::-webkit-outer-spin-button,.tempo-input[data-v-d4293518]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo-input[type=number][data-v-d4293518]{-moz-appearance:textfield}.tempo-unit[data-v-d4293518]{margin-top:-.125rem;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.volume-control[data-v-d4293518]{display:flex;align-items:center;justify-content:center;gap:.625rem;padding-left:.625rem;padding-right:.625rem;background-color:#1f293799;border-width:1px;border-color:#37415180;border-radius:.5rem;height:2.5rem}.volume-icon-btn[data-v-d4293518]{border-radius:.5rem;padding:.25rem;background-color:#37415199}.volume-icon-btn[data-v-d4293518]:hover{background-color:#9333ea33}.volume-icon-btn[data-v-d4293518]{border-width:1px;border-color:#37415180}.volume-icon-btn[data-v-d4293518]:hover{border-color:#a855f74d}.volume-icon-btn[data-v-d4293518]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.volume-slider-container[data-v-d4293518]{display:flex;width:7rem;align-items:center}.volume-slider-container[data-v-d4293518]>div{height:auto!important}.repeat-control[data-v-d4293518]{height:2.5rem}.repeat-select[data-v-d4293518]{height:100%;padding-left:.75rem;padding-right:.75rem;background-color:#1f293799}.repeat-select[data-v-d4293518]:hover{background-color:#1f2937cc}.repeat-select[data-v-d4293518]{border-width:1px;border-color:#37415180}.repeat-select[data-v-d4293518]:hover{border-color:#06b6d44d}.repeat-select[data-v-d4293518]{border-radius:.5rem;font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer}.repeat-select[data-v-d4293518]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(6 182 212 / .5)}.repeat-select[data-v-d4293518]:disabled{cursor:not-allowed;opacity:.4}.repeat-select[data-v-d4293518]:hover:disabled{border-color:#37415180;background-color:#1f293799}.repeat-select[data-v-d4293518]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem}.repeat-select option[data-v-d4293518]{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.size-control[data-v-d4293518]{display:flex;align-items:center;justify-content:center;padding-left:.5rem;padding-right:.5rem;background-color:#1f293799;border-width:1px;border-color:#37415180;border-radius:.5rem;height:2.5rem}.close-button[data-v-d4293518]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.close-button[data-v-d4293518]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chords-scroll-container[data-v-d4293518]{position:relative}.chords-scroll-container[data-v-d4293518]::-webkit-scrollbar{height:10px}.chords-scroll-container[data-v-d4293518]::-webkit-scrollbar-track{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.chords-scroll-container[data-v-d4293518]::-webkit-scrollbar-thumb{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))}.chords-scroll-container[data-v-d4293518]::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.chords-horizontal[data-v-d4293518]{min-width:100%}.chord-card-wrapper[data-v-d4293518]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;cursor:pointer}.chord-card-wrapper.is-playing[data-v-d4293518]{border-radius:.5rem;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:0 0 30px #06b6d499}.chord-card-wrapper.is-selected[data-v-d4293518]{border-radius:.5rem;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.chord-card-wrapper[data-v-d4293518]:hover{opacity:.9}.diagrams-section[data-v-d4293518]{margin-top:0}.degree-item[data-v-2a619be6]{position:relative}.progression-card[data-v-171fc8cc]{position:relative;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));padding:1rem 1rem 3rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;min-width:180px;min-height:320px;display:flex;flex-direction:column;background:transparent}.progression-card[data-v-171fc8cc]:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.progression-card.is-selected[data-v-171fc8cc]{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(6 182 212 / .5)}.progression-card.is-playing[data-v-171fc8cc]{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(6 182 212 / .5);--tw-shadow: var(--tw-shadow-colored);animation:pulse-border-171fc8cc 1s ease-in-out infinite}@keyframes pulse-border-171fc8cc{0%,to{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));box-shadow:0 0 15px #22d3ee80}50%{--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1));box-shadow:0 0 25px #22d3eeb3}}.progression-card.is-locked[data-v-171fc8cc]{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.card-actions[data-v-171fc8cc]{position:absolute;top:.5rem;right:.5rem;z-index:10}.remove-btn[data-v-171fc8cc]{display:flex;height:1.5rem;width:1.5rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));font-size:1.25rem;line-height:1.75rem;font-weight:700;line-height:1;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.remove-btn[data-v-171fc8cc]:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.card-degree[data-v-171fc8cc]{margin-bottom:.5rem;display:flex;justify-content:center}.card-origin-scale[data-v-171fc8cc]{margin-bottom:.25rem}.card-chord-name[data-v-171fc8cc]{margin-bottom:.75rem}.card-piano-voicings[data-v-171fc8cc]{display:flex;align-items:center;justify-content:center;padding-top:.5rem;padding-bottom:.5rem}.card-placeholder[data-v-171fc8cc]{display:flex;align-items:center;justify-content:center;padding-top:2rem;padding-bottom:2rem}.placeholder-circle[data-v-171fc8cc]{display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.bottom-buttons-container[data-v-171fc8cc]{position:absolute;bottom:.5rem;left:50%;display:flex;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));gap:.5rem}.expand-btn-bottom[data-v-171fc8cc],.lock-btn-bottom[data-v-171fc8cc]{display:flex;height:2rem;width:2rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.expand-btn-bottom[data-v-171fc8cc]{--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.expand-btn-bottom[data-v-171fc8cc]:hover,.expand-btn-bottom.is-expanded[data-v-171fc8cc]{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.lock-btn-bottom[data-v-171fc8cc]{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.lock-btn-bottom[data-v-171fc8cc]:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.lock-btn-bottom.is-locked[data-v-171fc8cc]{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.lock-btn-bottom.is-locked[data-v-171fc8cc]:hover{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.card-size-sm[data-v-171fc8cc]{min-width:140px;min-height:260px}.card-size-md[data-v-171fc8cc]{min-width:180px;min-height:320px}.card-size-lg[data-v-171fc8cc]{min-width:220px;min-height:380px}.progression-cards[data-v-2876cacf]{width:100%}.cards-container[data-v-2876cacf]{margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.25rem;max-width:100%}.is-dragging[data-v-2876cacf]{opacity:.4}.card-wrapper[data-v-2876cacf]{position:relative}.card-wrapper.replace-target[data-v-2876cacf]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));border-radius:.5rem}.replace-overlay[data-v-2876cacf]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:#f973164d;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.replace-indicator[data-v-2876cacf]{display:flex;flex-direction:column;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1));animation:pulse-replace-2876cacf 1.5s ease-in-out infinite}@keyframes pulse-replace-2876cacf{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.drop-zone[data-v-2876cacf]{position:relative;display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:10px;align-self:stretch}.drop-zone-final[data-v-2876cacf]{display:flex;align-items:center;justify-content:center;min-width:100px;align-self:stretch}.drop-indicator[data-v-2876cacf]{display:none;align-items:center;justify-content:center;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;flex-direction:column;gap:.5rem;height:100%}.drop-zone-active .drop-indicator[data-v-2876cacf]{display:flex;opacity:1}.drop-line[data-v-2876cacf]{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));width:40px;height:100%;box-shadow:0 0 10px #06b6d480}.drop-indicator-final[data-v-2876cacf]{display:flex;align-items:center;justify-content:center;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.drop-zone-active .drop-indicator-final[data-v-2876cacf]{opacity:1}.plus-circle[data-v-2876cacf]{display:flex;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));background-color:#164e6333;--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1));width:60px;height:60px;transition:all .3s ease}.drop-zone-active .plus-circle[data-v-2876cacf]{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));background-color:#155e754d;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));box-shadow:0 0 20px #06b6d466;transform:scale(1.1)}.empty-state[data-v-2876cacf]{margin-bottom:1rem}.chord-details-panel[data-v-9159c152]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.tab-btn[data-v-9159c152]{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.tab-active[data-v-9159c152]{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tab-inactive[data-v-9159c152]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tab-inactive[data-v-9159c152]:hover{background-color:#1f293780;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-item-wrapper[data-v-9159c152]{margin-bottom:.75rem}.chord-item[data-v-9159c152]{border-radius:.5rem;padding:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-item[data-v-9159c152]:hover{background-color:#1f293780}.chord-item.is-selected[data-v-9159c152]{background-color:#1f2937b3;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1)) }.chord-metadata[data-v-9159c152]{margin-top:.25rem}.action-btn[data-v-9159c152]{font-weight:500;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.action-btn.is-disabled[data-v-9159c152]{cursor:not-allowed;opacity:.5}.action-btn[data-v-9159c152]:disabled{cursor:not-allowed;opacity:.5}.family-section[data-v-9159c152]{margin-bottom:1.5rem}.family-title[data-v-9159c152]{margin-bottom:.75rem;border-bottom-width:1px;border-color:#22d3ee4d;padding-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.chords-grid[data-v-9159c152]{gap:.75rem}.progression-player[data-v-9c715c5f]{width:100%}.player-controls[data-v-9c715c5f]{display:flex;align-items:center;gap:.75rem}.play-button[data-v-9c715c5f]{display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0891b2 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.play-button[data-v-9c715c5f]:disabled{cursor:not-allowed;opacity:.4}.play-button[data-v-9c715c5f]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-9c715c5f]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.play-button[data-v-9c715c5f]{box-shadow:0 4px 14px #06b6d463,0 0 #06b6d400}.play-button[data-v-9c715c5f]:not(:disabled):hover{box-shadow:0 6px 20px #06b6d480,0 0 20px 5px #06b6d44d}.play-button.playing[data-v-9c715c5f]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);animation:pulse-glow-9c715c5f 2s cubic-bezier(.4,0,.6,1) infinite}.play-button.playing[data-v-9c715c5f]:not(:disabled):hover{box-shadow:0 6px 20px #ef444480,0 0 20px 5px #ef44444d}.play-button[data-v-9c715c5f]:disabled{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #374151 var(--tw-gradient-to-position);box-shadow:none}@keyframes pulse-glow-9c715c5f{0%,to{box-shadow:0 4px 14px #ef444463,0 0 15px 3px #ef444433}50%{box-shadow:0 6px 20px #ef444480,0 0 25px 8px #ef444466}}.tempo-control[data-v-9c715c5f]{display:flex;align-items:center;gap:0px;overflow:hidden;border-radius:.5rem;background-color:#1f293799;border-width:1px;border-color:#37415180;height:2.5rem}.tempo-btn[data-v-9c715c5f]{height:100%;background-color:#374151cc;padding-left:.625rem;padding-right:.625rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-9c715c5f]:hover{background-color:#0891b2cc;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tempo-btn[data-v-9c715c5f]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tempo-btn[data-v-9c715c5f]:disabled{cursor:not-allowed;opacity:.4}.tempo-btn[data-v-9c715c5f]:hover:disabled{background-color:#374151cc;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tempo-btn-left[data-v-9c715c5f]{border-right-width:1px;border-color:#4b556380}.tempo-btn-right[data-v-9c715c5f]{border-left-width:1px;border-color:#4b556380}.tempo-display[data-v-9c715c5f]{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:0px;background-color:#1f293766;padding-left:.75rem;padding-right:.75rem}.tempo-input[data-v-9c715c5f]{width:3.5rem;padding-left:.25rem;padding-right:.25rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:700;background-color:transparent;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.tempo-input[data-v-9c715c5f]:focus{outline:2px solid transparent;outline-offset:2px}.tempo-input[data-v-9c715c5f]:disabled{cursor:not-allowed;opacity:.5}.tempo-input[data-v-9c715c5f]{border-style:none;line-height:1}.tempo-input[data-v-9c715c5f]::-webkit-outer-spin-button,.tempo-input[data-v-9c715c5f]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo-input[type=number][data-v-9c715c5f]{-moz-appearance:textfield}.tempo-unit[data-v-9c715c5f]{margin-top:-.125rem;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.volume-control[data-v-9c715c5f]{display:flex;align-items:center;justify-content:center;gap:.625rem;padding-left:.625rem;padding-right:.625rem;background-color:#1f293799;border-width:1px;border-color:#37415180;border-radius:.5rem;height:2.5rem}.volume-icon-btn[data-v-9c715c5f]{border-radius:.5rem;padding:.25rem;background-color:#37415199}.volume-icon-btn[data-v-9c715c5f]:hover{background-color:#9333ea33}.volume-icon-btn[data-v-9c715c5f]{border-width:1px;border-color:#37415180}.volume-icon-btn[data-v-9c715c5f]:hover{border-color:#a855f74d}.volume-icon-btn[data-v-9c715c5f]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.volume-slider-container[data-v-9c715c5f]{display:flex;width:7rem;align-items:center}.volume-slider-container[data-v-9c715c5f]>div{height:auto!important}.repeat-control[data-v-9c715c5f]{height:2.5rem}.repeat-select[data-v-9c715c5f]{height:100%;padding-left:.75rem;padding-right:.75rem;background-color:#1f293799}.repeat-select[data-v-9c715c5f]:hover{background-color:#1f2937cc}.repeat-select[data-v-9c715c5f]{border-width:1px;border-color:#37415180}.repeat-select[data-v-9c715c5f]:hover{border-color:#06b6d44d}.repeat-select[data-v-9c715c5f]{border-radius:.5rem;font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer}.repeat-select[data-v-9c715c5f]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(6 182 212 / .5)}.repeat-select[data-v-9c715c5f]:disabled{cursor:not-allowed;opacity:.4}.repeat-select[data-v-9c715c5f]:hover:disabled{border-color:#37415180;background-color:#1f293799}.repeat-select[data-v-9c715c5f]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2rem}.repeat-select option[data-v-9c715c5f]{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.key-chord-comparator[data-v-0bc7758d]{padding:1.5rem}.combinations-container[data-v-0bc7758d]{margin-top:2rem}.btn-ghost[data-v-0bc7758d]{border-radius:.375rem;background-color:transparent;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-ghost[data-v-0bc7758d]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.btn-ghost[data-v-0bc7758d]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.chordDiagOverlay[data-v-23d3d401]{pointer-events:auto;opacity:.5}.line-clamp-2[data-v-e25ebbce]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-wrapper[data-v-5e20bc7d]{border-radius:.5rem;min-width:350px;position:relative}.card-wrapper[data-v-5e20bc7d]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:400% 400%;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift-5e20bc7d 4s ease-in-out infinite}.card-wrapper[data-v-5e20bc7d]:hover:before{opacity:.6;animation:gradient-shift-5e20bc7d 2s ease-in-out infinite}@keyframes gradient-shift-5e20bc7d{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-content[data-v-5e20bc7d]{position:relative;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-content[data-v-5e20bc7d]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-content[data-v-5e20bc7d]{background:linear-gradient(145deg,#fffffff2,#f8fafcf2)}.dark .card-content[data-v-5e20bc7d]{background:linear-gradient(145deg,#111827f2,#1f2937f2)}.card-wrapper:hover .card-content[data-v-5e20bc7d]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px)}.card-header[data-v-5e20bc7d]{position:relative;overflow:hidden;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.card-header[data-v-5e20bc7d]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-header[data-v-5e20bc7d]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(90deg,transparent,#8b5cf6,#7c3aed,#a855f7,#8b5cf6,transparent);background-size:200% 100%;animation:gradient-flow-5e20bc7d 3s ease-in-out infinite}.card-wrapper:hover .card-header[data-v-5e20bc7d]:after{opacity:.7;animation:gradient-flow-5e20bc7d 1.5s ease-in-out infinite}@keyframes gradient-flow-5e20bc7d{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.action-buttons-container[data-v-5e20bc7d]{visibility:hidden;position:absolute;top:.5rem;right:.5rem;display:flex;--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;gap:.25rem;border-radius:.5rem;border-width:1px;border-color:#e5e7eb80;background-color:#fffc;padding:.375rem;opacity:0;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.action-buttons-container[data-v-5e20bc7d]:is(.dark *){border-color:#5a575580;background-color:#2a2a2fcc}.card-wrapper:hover .action-buttons-container[data-v-5e20bc7d]{visibility:visible;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.card-title[data-v-5e20bc7d]{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.card-title[data-v-5e20bc7d]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-5e20bc7d]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-5e20bc7d]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-5e20bc7d]{border-radius:.375rem;padding:.375rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-button[data-v-5e20bc7d]:hover{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.action-button[data-v-5e20bc7d]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-5e20bc7d]:hover:is(.dark *){background-color:#4c1d9533;--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.card-body[data-v-5e20bc7d]{padding:1rem}.content-wrapper[data-v-5e20bc7d]{display:flex;align-items:center;justify-content:center}.apps-view[data-v-5e20bc7d]{max-height:315px;max-width:350px;overflow-y:auto;padding:.75rem}.apps-header[data-v-5e20bc7d]{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:.5rem}.apps-header[data-v-5e20bc7d]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.apps-title[data-v-5e20bc7d]{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.apps-title[data-v-5e20bc7d]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.close-button[data-v-5e20bc7d]{border-radius:.375rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.close-button[data-v-5e20bc7d]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.close-button[data-v-5e20bc7d]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.close-button[data-v-5e20bc7d]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.apps-grid[data-v-5e20bc7d]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.app-tile-wrapper[data-v-5e20bc7d]{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border-radius:.25rem;padding:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-tile-wrapper[data-v-5e20bc7d]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.app-tile-wrapper[data-v-5e20bc7d]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.fade-enter-active[data-v-5e20bc7d],.fade-leave-active[data-v-5e20bc7d]{transition:opacity .2s ease}.fade-enter-from[data-v-5e20bc7d],.fade-leave-to[data-v-5e20bc7d]{opacity:0}.loading-card[data-v-5e20bc7d]{width:350px}.loading-card[data-v-5e20bc7d]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.loading-card[data-v-5e20bc7d]{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem}.loading-card[data-v-5e20bc7d]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(42 42 47 / var(--tw-bg-opacity, 1))}.loading-header[data-v-5e20bc7d]{height:2.5rem}.loading-header[data-v-5e20bc7d]{animation:pulse-5e20bc7d 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.loading-header[data-v-5e20bc7d]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.loading-body[data-v-5e20bc7d]{height:6rem}@keyframes pulse-5e20bc7d{50%{opacity:.5}}.loading-body[data-v-5e20bc7d]{animation:pulse-5e20bc7d 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.loading-body[data-v-5e20bc7d]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (max-width: 640px){.card-wrapper[data-v-5e20bc7d]{width:100%}.apps-grid[data-v-5e20bc7d]{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-wrapper[data-v-c9f5a240]{border-radius:.5rem;width:350px;position:relative}.card-wrapper[data-v-c9f5a240]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#a855f7,#7c3aed,#6d28d9);background-size:400% 400%;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift-c9f5a240 4s ease-in-out infinite}.card-wrapper[data-v-c9f5a240]:hover:before{opacity:.6;animation:gradient-shift-c9f5a240 2s ease-in-out infinite}@keyframes gradient-shift-c9f5a240{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-content[data-v-c9f5a240]{position:relative;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-content[data-v-c9f5a240]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-content[data-v-c9f5a240]{background:linear-gradient(145deg,#fffffff2,#f8fafcf2)}.dark .card-content[data-v-c9f5a240]{background:linear-gradient(145deg,#111827f2,#1f2937f2)}.card-wrapper:hover .card-content[data-v-c9f5a240]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px)}.card-header[data-v-c9f5a240]{position:relative;overflow:hidden;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.card-header[data-v-c9f5a240]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-header[data-v-c9f5a240]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(90deg,transparent,#8b5cf6,#7c3aed,#a855f7,#8b5cf6,transparent);background-size:200% 100%;animation:gradient-flow-c9f5a240 3s ease-in-out infinite}.card-wrapper:hover .card-header[data-v-c9f5a240]:after{opacity:.7;animation:gradient-flow-c9f5a240 1.5s ease-in-out infinite}@keyframes gradient-flow-c9f5a240{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.action-buttons-container[data-v-c9f5a240]{visibility:hidden;position:absolute;top:.5rem;right:.5rem;display:flex;--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;gap:.25rem;border-radius:.5rem;border-width:1px;border-color:#e5e7eb80;background-color:#fffc;padding:.375rem;opacity:0;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.action-buttons-container[data-v-c9f5a240]:is(.dark *){border-color:#5a575580;background-color:#2a2a2fcc}.card-wrapper:hover .action-buttons-container[data-v-c9f5a240]{visibility:visible;--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.card-title[data-v-c9f5a240]{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.card-title[data-v-c9f5a240]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-c9f5a240]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-c9f5a240]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-c9f5a240]{border-radius:.375rem;padding:.375rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-button[data-v-c9f5a240]:hover{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.action-button[data-v-c9f5a240]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-c9f5a240]:hover:is(.dark *){background-color:#4c1d9533;--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.card-body[data-v-c9f5a240]{padding:1rem}.beat-group[data-v-c9f5a240]{position:relative}.beat-group[data-v-c9f5a240]:not(:last-child):after{content:"";position:absolute;right:-.5rem;top:0;bottom:0;width:1px;background-color:#0000001a}.strum-item[data-v-c9f5a240]{transition:all .2s ease}.apps-view[data-v-c9f5a240]{padding:.75rem}.apps-header[data-v-c9f5a240]{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:.5rem}.apps-header[data-v-c9f5a240]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.apps-title[data-v-c9f5a240]{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.apps-title[data-v-c9f5a240]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.close-button[data-v-c9f5a240]{border-radius:.375rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.close-button[data-v-c9f5a240]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.close-button[data-v-c9f5a240]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.close-button[data-v-c9f5a240]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.apps-grid[data-v-c9f5a240]{display:flex;justify-content:center}.app-tile-wrapper[data-v-c9f5a240]{display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border-radius:.25rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-tile-wrapper[data-v-c9f5a240]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.app-tile-wrapper[data-v-c9f5a240]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.fade-enter-active[data-v-c9f5a240],.fade-leave-active[data-v-c9f5a240]{transition:opacity .2s ease}.fade-enter-from[data-v-c9f5a240],.fade-leave-to[data-v-c9f5a240]{opacity:0}.loading-card[data-v-c9f5a240]{width:350px}.loading-card[data-v-c9f5a240]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.loading-card[data-v-c9f5a240]{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem}.loading-card[data-v-c9f5a240]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(42 42 47 / var(--tw-bg-opacity, 1))}.loading-header[data-v-c9f5a240]{height:2.5rem}.loading-header[data-v-c9f5a240]{animation:pulse-c9f5a240 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.loading-header[data-v-c9f5a240]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.loading-body[data-v-c9f5a240]{height:6rem}@keyframes pulse-c9f5a240{50%{opacity:.5}}.loading-body[data-v-c9f5a240]{animation:pulse-c9f5a240 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.loading-body[data-v-c9f5a240]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (max-width: 640px){.card-wrapper[data-v-c9f5a240]{width:100%;max-width:350px}}.medias-library-layout[data-v-36fb7604]{min-height:100vh}.media-card--grid[data-v-da5e71e6]{position:relative;overflow:hidden;border-radius:1rem;border-width:1px;border-color:#ffffff1a;background-color:#0003;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.media-card--grid[data-v-da5e71e6]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#b8b3b080;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.media-card--grid .media-thumbnail[data-v-da5e71e6]{position:relative;aspect-ratio:16 / 9;cursor:pointer;overflow:hidden;background-color:#0006}.media-card--grid .media-info[data-v-da5e71e6]{padding:1rem}.media-card--grid .media-actions[data-v-da5e71e6]{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .media-card--grid .media-actions[data-v-da5e71e6],.media-card--grid .media-actions[data-v-da5e71e6]:hover{opacity:1}.media-card--list[data-v-da5e71e6]{display:flex;align-items:center;gap:1rem;border-radius:.75rem;border-width:1px;border-color:#ffffff1a;background-color:#0003;padding:1rem;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.media-card--list[data-v-da5e71e6]:hover{border-color:#b8b3b080;background-color:#0000004d}.media-card--list .media-thumbnail[data-v-da5e71e6]{position:relative;height:5rem;width:8rem;flex-shrink:0;cursor:pointer;overflow:hidden;border-radius:.5rem;background-color:#0006}.media-card--list .media-info[data-v-da5e71e6]{min-width:0px;flex:1 1 0%}.media-card--list .media-actions[data-v-da5e71e6]{display:flex;align-items:center;gap:.5rem}.media-card.is-playing[data-v-da5e71e6]{--tw-border-opacity: 1;border-color:rgb(154 149 146 / var(--tw-border-opacity, 1));background-color:#9a95921a}.thumbnail-image[data-v-da5e71e6]{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-placeholder[data-v-da5e71e6]{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.play-overlay[data-v-da5e71e6]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0009;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .play-overlay[data-v-da5e71e6]{opacity:1}.play-button[data-v-da5e71e6]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(154 149 146 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.play-button[data-v-da5e71e6]:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(122 118 115 / var(--tw-bg-opacity, 1))}.platform-badge[data-v-da5e71e6]{position:absolute;top:.5rem;left:.5rem;border-radius:.5rem;background-color:#000000b3;padding:.25rem .5rem;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.duration-badge[data-v-da5e71e6]{position:absolute;bottom:.5rem;right:.5rem;border-radius:.25rem;background-color:#000000b3;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.platform-youtube[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.platform-vimeo[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.platform-spotify[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.platform-deezer[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.platform-appleMusic[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.platform-soundcloud[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.media-title[data-v-da5e71e6]{margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.media-artist[data-v-da5e71e6]{margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;opacity:.7}.media-meta[data-v-da5e71e6]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;opacity:.5}.separator[data-v-da5e71e6]{opacity:.3}.action-btn[data-v-da5e71e6]{border-radius:.5rem;background-color:#ffffff1a;padding:.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-btn[data-v-da5e71e6]:hover{background-color:#fff3}.action-btn svg[data-v-da5e71e6]{height:1rem;width:1rem}.action-play[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(184 179 176 / var(--tw-text-opacity, 1))}.action-play[data-v-da5e71e6]:hover{background-color:#9a95924d}.action-remove[data-v-da5e71e6]{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.action-remove[data-v-da5e71e6]:hover{background-color:#ef44444d}.medias-library-view[data-v-772a3c0a]{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #2a2a2f var(--tw-gradient-from-position);--tw-gradient-to: rgb(42 42 47 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(61 59 58 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #3d3b3a var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #2a2a2f var(--tw-gradient-to-position)}.hero-section[data-v-772a3c0a]{position:relative;overflow:hidden}.hero-section[data-v-772a3c0a]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: rgb(154 149 146 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(154 149 146 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: rgb(122 118 115 / .1) var(--tw-gradient-to-position);transform:skewY(-3deg);transform-origin:top left}@keyframes spin-772a3c0a{to{transform:rotate(360deg)}}.animate-spin[data-v-772a3c0a]{animation:spin-772a3c0a 1s linear infinite}