.fade-fast-enter-active[data-v-7368e103],.fade-fast-leave-active[data-v-7368e103]{transition:opacity .15s ease}.fade-fast-enter-from[data-v-7368e103],.fade-fast-leave-to[data-v-7368e103]{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-b4c612d0]{display:inline-block}.card-wrapper[data-v-c2208683]{border-radius:.5rem;width:350px;min-width:350px;position:relative}.card-wrapper[data-v-c2208683]: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-c2208683 4s ease-in-out infinite}.card-wrapper[data-v-c2208683]:hover:before{opacity:.6;animation:gradient-shift-c2208683 2s ease-in-out infinite}@keyframes gradient-shift-c2208683{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-content[data-v-c2208683]{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-c2208683]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-content[data-v-c2208683]{background:linear-gradient(145deg,#fffffff2,#f8fafcf2)}.dark .card-content[data-v-c2208683]{background:linear-gradient(145deg,#111827f2,#1f2937f2)}.card-wrapper:hover .card-content[data-v-c2208683]{--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-c2208683]{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-c2208683]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-header[data-v-c2208683]: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-c2208683 3s ease-in-out infinite}.card-wrapper:hover .card-header[data-v-c2208683]:after{opacity:.7;animation:gradient-flow-c2208683 1.5s ease-in-out infinite}@keyframes gradient-flow-c2208683{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.action-buttons-container[data-v-c2208683]{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-c2208683]:is(.dark *){border-color:#5a575580;background-color:#2a2a2fcc}.card-wrapper:hover .action-buttons-container[data-v-c2208683]{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-c2208683]{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-c2208683]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-c2208683]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-c2208683]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-c2208683]{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-c2208683]: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-c2208683]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-c2208683]:hover:is(.dark *){background-color:#4c1d9533;--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.card-body[data-v-c2208683]{padding:1rem}.content-wrapper[data-v-c2208683]{display:flex;align-items:center;justify-content:center}.apps-view[data-v-c2208683]{padding:.75rem}.apps-header[data-v-c2208683]{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-c2208683]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.apps-title[data-v-c2208683]{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-c2208683]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.close-button[data-v-c2208683]{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-c2208683]: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-c2208683]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.close-button[data-v-c2208683]: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-c2208683]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.app-tile-wrapper[data-v-c2208683]{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-c2208683]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.app-tile-wrapper[data-v-c2208683]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.fade-enter-active[data-v-c2208683],.fade-leave-active[data-v-c2208683]{transition:opacity .2s ease}.fade-enter-from[data-v-c2208683],.fade-leave-to[data-v-c2208683]{opacity:0}.loading-card[data-v-c2208683]{width:350px}.loading-card[data-v-c2208683]>: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-c2208683]{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-c2208683]: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-c2208683]{height:2.5rem}.loading-header[data-v-c2208683]{animation:pulse-c2208683 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-c2208683]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.loading-body[data-v-c2208683]{height:6rem}@keyframes pulse-c2208683{50%{opacity:.5}}.loading-body[data-v-c2208683]{animation:pulse-c2208683 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-c2208683]: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-c2208683]{width:100%;max-width:350px}.apps-grid[data-v-c2208683]{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-hero-section[data-v-01fde598]{position:relative}.hero-bg[data-v-01fde598]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html.dark .hero-bg[data-v-01fde598]{background:linear-gradient(135deg,#1e1e23,#232328,#1e1e23);box-shadow:inset 0 4px 16px #0000004d,inset 0 -4px 16px #0003}.hero-bg[data-v-01fde598]: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-01fde598]: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-01fde598]: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-01fde598]: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-01fde598]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.particle[data-v-01fde598]{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(167,168,158,.5) 0%,transparent 70%);border-radius:50%;animation:float-01fde598 12s infinite ease-in-out}html.dark .particle[data-v-01fde598]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}.particle[data-v-01fde598]:nth-child(1){left:5%;top:15%}.particle[data-v-01fde598]:nth-child(2){left:15%;top:25%}.particle[data-v-01fde598]:nth-child(3){left:25%;top:45%}.particle[data-v-01fde598]:nth-child(4){left:35%;top:20%}.particle[data-v-01fde598]:nth-child(5){left:45%;top:60%}.particle[data-v-01fde598]:nth-child(6){left:55%;top:35%}.particle[data-v-01fde598]:nth-child(7){left:65%;top:50%}.particle[data-v-01fde598]:nth-child(8){left:75%;top:25%}.particle[data-v-01fde598]:nth-child(9){left:85%;top:40%}.particle[data-v-01fde598]:nth-child(10){left:10%;top:70%}.particle[data-v-01fde598]:nth-child(11){left:50%;top:10%}.particle[data-v-01fde598]:nth-child(12){left:90%;top:65%}@keyframes float-01fde598{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-01fde598]{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-01fde598 10s infinite linear;z-index:1;pointer-events:none}html.dark .glow-effect[data-v-01fde598]{background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 50%)}@keyframes glow-sweep-01fde598{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slide-up-01fde598{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up[data-v-01fde598]{animation:slide-up-01fde598 .6s ease-out forwards}@keyframes fade-in-01fde598{0%{opacity:0}to{opacity:1}}.animate-fade-in[data-v-01fde598]{animation:fade-in-01fde598 .8s ease-out forwards}@keyframes logo-particle-random-1-01fde598{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-01fde598{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-01fde598{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-01fde598]{filter:blur(0px);box-shadow:0 0 3px #fffc}.logo-particle[data-v-01fde598]:nth-child(1){animation:logo-particle-random-1-01fde598 20s linear infinite}.logo-particle[data-v-01fde598]:nth-child(2){animation:logo-particle-random-2-01fde598 25s linear infinite}.logo-particle[data-v-01fde598]:nth-child(3){animation:logo-particle-random-3-01fde598 18s linear infinite}.logo-particle[data-v-01fde598]:nth-child(4){animation:logo-particle-random-1-01fde598 30s linear infinite}.logo-particle[data-v-01fde598]:nth-child(5){animation:logo-particle-random-2-01fde598 22s linear infinite}.logo-glow[data-v-01fde598]{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-01fde598 8s ease-in-out infinite}.dark .logo-glow[data-v-01fde598]{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-01fde598{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.text-center:hover .logo-glow[data-v-01fde598]{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-39dd7634{0%,to{opacity:.3}50%{opacity:.6}}.animate-gradient-shift[data-v-39dd7634]{animation:gradient-shift-39dd7634 4s ease-in-out infinite}.layer-switcher-button[data-v-39dd7634]{position:relative;overflow:hidden}.layer-switcher-button[data-v-39dd7634]: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-39dd7634]:hover:before{left:100%}.custom-scrollbar[data-v-39dd7634]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-39dd7634]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-39dd7634]::-webkit-scrollbar-thumb{background:#a7a89e4d;border-radius:3px}.custom-scrollbar[data-v-39dd7634]::-webkit-scrollbar-thumb:hover{background:#a7a89e80}.dark .custom-scrollbar[data-v-39dd7634]::-webkit-scrollbar-thumb{background:#fff3}.dark .custom-scrollbar[data-v-39dd7634]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.layer-switcher [data-headlessui-state=open][data-v-39dd7634]{position:relative}.layer-switcher [data-headlessui-state=open][data-v-39dd7634]: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-39dd7634 2s ease-in-out infinite}@keyframes pulse-glow-39dd7634{0%,to{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}@keyframes slide-in-39dd7634{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.group[data-v-39dd7634]{animation:slide-in-39dd7634 .3s ease-out}.group:hover .size-8[data-v-39dd7634]{box-shadow:0 4px 12px -2px #a7a89e40}.dark .group:hover .size-8[data-v-39dd7634]{box-shadow:0 4px 12px -2px #ffffff26}.fade-fast-enter-active[data-v-cc76a8d6],.fade-fast-leave-active[data-v-cc76a8d6]{transition:opacity .15s ease}.fade-fast-enter-from[data-v-cc76a8d6],.fade-fast-leave-to[data-v-cc76a8d6]{opacity:0}.layer-bg[data-v-cc76a8d6]{background:linear-gradient(135deg,#fcfbfa,#faf8f6,#fcfbfa)}.dark .layer-bg[data-v-cc76a8d6]{background:linear-gradient(135deg,#1e1e23,#232328,#1e1e23)}.particle[data-v-cc76a8d6]{background:radial-gradient(circle,rgba(167,168,158,.5) 0%,transparent 70%);opacity:0;animation:floatParticle-cc76a8d6 var(--animation-duration, 8s) ease-in-out infinite;animation-delay:var(--animation-delay, 0s)}.dark .particle[data-v-cc76a8d6]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}@keyframes floatParticle-cc76a8d6{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-04c91c96]{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-04c91c96]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(214 210 208 / var(--tw-border-opacity, 1))}.drop-zone[data-v-8be69b84]{min-height:120px}.empty-placeholder[data-v-8be69b84]{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}.drop-zone[data-v-9f63353a]{min-height:80px}.empty-placeholder[data-v-9f63353a]{color:#fff9}select[data-v-9f63353a]{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-50b87d8e]{min-height:80px}.empty-placeholder[data-v-50b87d8e]{color:#fff9}select[data-v-50b87d8e]{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-73e38e41]{min-height:200px}.empty-placeholder[data-v-73e38e41]{color:#fff9}select[data-v-73e38e41]{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-a323e630]{min-height:120px}.empty-placeholder[data-v-a323e630]{color:#fff9}select[data-v-a323e630]{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-f4090b56]{min-height:150px}.empty-placeholder[data-v-f4090b56]{color:#fff9}select[data-v-f4090b56]{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-821ad9f2]{min-height:140px}.empty-placeholder[data-v-821ad9f2]{color:#fff9}select[data-v-821ad9f2]{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-0ebfc2f7]{min-height:160px}.empty-placeholder[data-v-0ebfc2f7]{color:#fff9}select[data-v-0ebfc2f7]{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-dd8cbf74]{min-height:140px}.empty-placeholder[data-v-dd8cbf74]{color:#fff9}select[data-v-dd8cbf74]{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-c94fa3ae]{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-df52b5e2]{display:block}.shape[data-v-df52b5e2]{stroke-width:1px}.cross[data-v-df52b5e2]{stroke:#fff;stroke-width:2px;stroke-linecap:round}.guitar-mask[data-v-6e147f02]{overflow:hidden;position:relative}.guitar-container[data-v-6e147f02]{position:relative}.truncateNeck[data-v-6e147f02]{overflow:hidden}.cls-2[data-v-6e147f02]{fill:#f1dcdc}.cls-3[data-v-6e147f02]{fill:#bababa}.cls-4[data-v-6e147f02]{fill:#f8f6e7}.cls-4[data-v-6e147f02],.cls-5[data-v-6e147f02]{fill-rule:evenodd}.cls-6[data-v-6e147f02]{fill:#878787}.cls-7[data-v-6e147f02]{fill:#010101;opacity:.08}.cls-8[data-v-6e147f02]{fill:#1a130e}.cls-8[data-v-6e147f02],.cls-5[data-v-6e147f02]{opacity:.09}.cls-5[data-v-6e147f02]{fill:#8e8d86}.cls-9[data-v-6e147f02]{fill:#dbdbdb}.cls-10[data-v-6e147f02]{fill:#c5c7c5;opacity:.6}.cls-11[data-v-6e147f02]{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-7f83d014]{position:relative}.parallax-bg[data-v-7f83d014]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}html.dark .parallax-bg[data-v-7f83d014]{background:linear-gradient(135deg,#141416,#19191c,#141416);box-shadow:inset 0 4px 12px #00000080,inset 0 -4px 12px #0000004d}.parallax-bg[data-v-7f83d014]: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-7f83d014]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;transform:skewY(-.5deg);z-index:1}html.dark .appTileHead[data-v-7f83d014]: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-7f83d014]: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-7f83d014]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.particle[data-v-7f83d014]{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(120,140,180,.5) 0%,transparent 70%);border-radius:50%;animation:float-7f83d014 12s infinite ease-in-out}html.dark .particle[data-v-7f83d014]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}.particle[data-v-7f83d014]:nth-child(1){left:5%;top:15%}.particle[data-v-7f83d014]:nth-child(2){left:15%;top:25%}.particle[data-v-7f83d014]:nth-child(3){left:25%;top:45%}.particle[data-v-7f83d014]:nth-child(4){left:35%;top:20%}.particle[data-v-7f83d014]:nth-child(5){left:45%;top:60%}.particle[data-v-7f83d014]:nth-child(6){left:55%;top:35%}.particle[data-v-7f83d014]:nth-child(7){left:65%;top:50%}.particle[data-v-7f83d014]:nth-child(8){left:75%;top:25%}.particle[data-v-7f83d014]:nth-child(9){left:85%;top:40%}.particle[data-v-7f83d014]:nth-child(10){left:10%;top:70%}.particle[data-v-7f83d014]:nth-child(11){left:50%;top:10%}.particle[data-v-7f83d014]:nth-child(12){left:90%;top:65%}@keyframes float-7f83d014{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-7f83d014]{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-7f83d014 10s infinite linear;z-index:1;pointer-events:none}html.dark .glow-effect[data-v-7f83d014]{background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 50%)}@keyframes glow-sweep-7f83d014{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slide-up-7f83d014{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up[data-v-7f83d014]{animation:slide-up-7f83d014 .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}.btn-icon svg[data-v-9c4a3e4f]{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-9ebf8748]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;align-items:flex-start;padding:1rem 0;overflow-x:auto}@media (max-width: 640px){.adaptive-scales-grid[data-v-9ebf8748]{justify-content:center;gap:.75rem}}@media (min-width: 641px) and (max-width: 1024px){.adaptive-scales-grid[data-v-9ebf8748]{gap:1rem;justify-content:flex-start}}@media (min-width: 1025px){.adaptive-scales-grid[data-v-9ebf8748]{gap:1.5rem;justify-content:flex-start}}.adaptive-scales-grid[data-v-9ebf8748]>*{flex-shrink:0;max-width:calc(100vw - 2rem);animation:fadeInUp-9ebf8748 .3s ease-out;animation-fill-mode:both}.adaptive-scales-grid[data-v-9ebf8748]>*:nth-child(1){animation-delay:.05s}.adaptive-scales-grid[data-v-9ebf8748]>*:nth-child(2){animation-delay:.1s}.adaptive-scales-grid[data-v-9ebf8748]>*:nth-child(3){animation-delay:.15s}.adaptive-scales-grid[data-v-9ebf8748]>*:nth-child(4){animation-delay:.2s}.adaptive-scales-grid[data-v-9ebf8748]>*:nth-child(5){animation-delay:.25s}.adaptive-scales-grid[data-v-9ebf8748]>*:nth-child(6){animation-delay:.3s}@keyframes fadeInUp-9ebf8748{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.piano-wrapper[data-v-de11e092]{max-width:100%}.piano-svg[data-v-de11e092]{width:100%;height:auto}.white-key[data-v-de11e092]{fill:#fff;stroke:#666;stroke-width:1;cursor:pointer}.piano-wrapper:hover .white-key.in_voicing[data-v-de11e092]{fill:#ddd}.black-key[data-v-de11e092]{fill:#000;stroke:#333;stroke-width:1;cursor:pointer}.piano-wrapper:hover .black-key.in_voicing[data-v-de11e092]{fill:#555}.key-black .nS text[data-v-de11e092]{fill:#fff!important}.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}.line-clamp-2[data-v-f1dc2f8b]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cursor-pointer[data-v-85d11355]{cursor:pointer}.transition-colors[data-v-85d11355]{transition:background-color .2s ease}.xiia-100[data-v-85d11355]{background-color:#f3f4f6}.xiia-200[data-v-85d11355]{background-color:#e5e7eb}.xiia-300[data-v-85d11355]{background-color:#d1d5db}.xiia-500[data-v-85d11355]{background-color:#6b7280}.xiia-600[data-v-85d11355]{color:#4b5563}.dark .xiia-600[data-v-85d11355]{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}.circleWithTip.comI0 .shape[data-v-698b6612]{fill:#fff}.circleWithTip.comI1 .shape[data-v-698b6612]{fill:#d3a805}.circleWithTip.comI2 .shape[data-v-698b6612]{fill:#ab1917}.circleWithTip.comI3 .shape[data-v-698b6612]{fill:#076fb6}.circleWithTip.comI4 .shape[data-v-698b6612]{fill:#201f1f}.bg-primary\/20[data-v-615bf779]{background-color:#2563eb33}.text-muted-foreground[data-v-615bf779]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.bg-muted[data-v-615bf779]{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.border-primary[data-v-615bf779]{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.hover\:bg-muted\/20[data-v-615bf779]:hover{background-color:#4b556333}.hover\:bg-muted\/10[data-v-615bf779]:hover{background-color:#4b55631a}.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)}.bg-cyan-800[data-v-b573721b]{background-color:#155e63}.group-interval[data-v-0cd6bb2e]{cursor:pointer}.group-interval:hover circle[data-v-0cd6bb2e]{opacity:1}.key-chord-comparator[data-v-ffcd3232]{padding:1.5rem}.combinations-container[data-v-ffcd3232]{margin-top:2rem}.btn-ghost[data-v-ffcd3232]{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-ffcd3232]:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.btn-ghost[data-v-ffcd3232]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}body{transition:background-color .3s ease,color .3s ease}.chordDiagOverlay[data-v-23d3d401]{pointer-events:auto;opacity:.5}.fade-fast-enter-active[data-v-99b197e1],.fade-fast-leave-active[data-v-99b197e1]{transition:opacity .15s ease}.fade-fast-enter-from[data-v-99b197e1],.fade-fast-leave-to[data-v-99b197e1]{opacity:0}.layer-bg[data-v-99b197e1]{background:linear-gradient(135deg,#fcfbfa,#faf8f6,#fcfbfa)}.dark .layer-bg[data-v-99b197e1]{background:linear-gradient(135deg,#1e1e23,#232328,#1e1e23)}.particle[data-v-99b197e1]{background:radial-gradient(circle,rgba(167,168,158,.5) 0%,transparent 70%);opacity:0;animation:floatParticle-99b197e1 var(--animation-duration, 8s) ease-in-out infinite;animation-delay:var(--animation-delay, 0s)}.dark .particle[data-v-99b197e1]{background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%)}@keyframes floatParticle-99b197e1{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)}}.card-wrapper[data-v-49eaa3a3]{border-radius:.5rem;min-width:350px;position:relative}.card-wrapper[data-v-49eaa3a3]: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-49eaa3a3 4s ease-in-out infinite}.card-wrapper[data-v-49eaa3a3]:hover:before{opacity:.6;animation:gradient-shift-49eaa3a3 2s ease-in-out infinite}@keyframes gradient-shift-49eaa3a3{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card-content[data-v-49eaa3a3]{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-49eaa3a3]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-content[data-v-49eaa3a3]{background:linear-gradient(145deg,#fffffff2,#f8fafcf2)}.dark .card-content[data-v-49eaa3a3]{background:linear-gradient(145deg,#111827f2,#1f2937f2)}.card-wrapper:hover .card-content[data-v-49eaa3a3]{--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-49eaa3a3]{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-49eaa3a3]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.card-header[data-v-49eaa3a3]: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-49eaa3a3 3s ease-in-out infinite}.card-wrapper:hover .card-header[data-v-49eaa3a3]:after{opacity:.7;animation:gradient-flow-49eaa3a3 1.5s ease-in-out infinite}@keyframes gradient-flow-49eaa3a3{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.action-buttons-container[data-v-49eaa3a3]{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-49eaa3a3]:is(.dark *){border-color:#5a575580;background-color:#2a2a2fcc}.card-wrapper:hover .action-buttons-container[data-v-49eaa3a3]{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-49eaa3a3]{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-49eaa3a3]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-49eaa3a3]{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.card-subtitle[data-v-49eaa3a3]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-49eaa3a3]{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-49eaa3a3]: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-49eaa3a3]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.action-button[data-v-49eaa3a3]:hover:is(.dark *){background-color:#4c1d9533;--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.card-body[data-v-49eaa3a3]{padding:1rem}.content-wrapper[data-v-49eaa3a3]{display:flex;align-items:center;justify-content:center}.apps-view[data-v-49eaa3a3]{max-height:315px;max-width:350px;overflow-y:auto;padding:.75rem}.apps-header[data-v-49eaa3a3]{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-49eaa3a3]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(90 87 85 / var(--tw-border-opacity, 1))}.apps-title[data-v-49eaa3a3]{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-49eaa3a3]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.close-button[data-v-49eaa3a3]{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-49eaa3a3]: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-49eaa3a3]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.close-button[data-v-49eaa3a3]: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-49eaa3a3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.app-tile-wrapper[data-v-49eaa3a3]{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-49eaa3a3]:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.app-tile-wrapper[data-v-49eaa3a3]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(61 59 58 / var(--tw-bg-opacity, 1))}.fade-enter-active[data-v-49eaa3a3],.fade-leave-active[data-v-49eaa3a3]{transition:opacity .2s ease}.fade-enter-from[data-v-49eaa3a3],.fade-leave-to[data-v-49eaa3a3]{opacity:0}.loading-card[data-v-49eaa3a3]{width:350px}.loading-card[data-v-49eaa3a3]>: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-49eaa3a3]{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-49eaa3a3]: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-49eaa3a3]{height:2.5rem}.loading-header[data-v-49eaa3a3]{animation:pulse-49eaa3a3 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-49eaa3a3]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.loading-body[data-v-49eaa3a3]{height:6rem}@keyframes pulse-49eaa3a3{50%{opacity:.5}}.loading-body[data-v-49eaa3a3]{animation:pulse-49eaa3a3 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-49eaa3a3]: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-49eaa3a3]{width:100%}.apps-grid[data-v-49eaa3a3]{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}