*{box-sizing:border-box;color:var(--text-color);background-color:var(--background-color);--border-color:var(--text-color)}body{font-optical-sizing:auto;background-color:var(--background-color,#232326);color:var(--text-color,#969697);min-width:-moz-fit-content;min-width:fit-content;margin:0;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400}body input:focus,body select:focus,body textarea:focus,body button:focus{outline:none}body .content{padding:20px}body a{text-decoration:none}body a:hover{--text-color:#fffffe}body .underline{text-decoration:underline}body h1{font-size:80px;font-weight:800}body h2{font-size:40px;font-weight:500}body .enrere{text-align:center;padding:30px 0 80px}body .carregant{color:#4b4b4b;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:20px;display:flex}.no-border{border:none}.border-radius{border:1px solid #d3d3d3;border-radius:15px;padding:.5rem 1.5rem}.w-full{width:100%}.w-90{width:90%}.h-full{height:100%}.p-4{padding:1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-auto{flex:auto}.flex-1{flex:1}.gap-10{gap:10px}.gap-5{gap:5px}.grid{display:grid}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-end-1-3{grid-row:1/3}.row-start-end-2-3{grid-row:2/3}.row-start-4{grid-row-start:4}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-self-end{justify-self:end}.items-center{align-items:center}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.text-12{font-size:12px}.flex-content-grows-wrapper{flex-direction:column;justify-content:space-between;min-height:100dvh;display:flex}.flex-content-grows-wrapper .flex-header{flex-grow:0}.flex-content-grows-wrapper .flex-content{flex-grow:1}.flex-content-grows-wrapper .flex-footer{flex-grow:0}button,.btn{cursor:pointer;font-optical-sizing:auto;color:var(--text-color);text-wrap:nowrap;border:1px solid var(--border-color);border-radius:10px;padding:10px 40px;font-family:inherit;font-size:100%;font-weight:600}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}button.recording,.btn.recording{--text-color:#d43b5d;animation:1s steps(7,start) infinite blink}.btn-white{--text-color:white}.btn-white:hover{--text-color:#969697}.btn-black--primary{--text-color:#fffffe;--background-color:#232326;--border-color:#232326}.btn-black--primary:hover{--background-color:#232326cc}.navbar a,.footer a{border:none;padding:0}.btn-petit{min-width:58px;height:30px;padding:5px 10px;font-weight:500}.btn-gruf{font-size:14px;font-weight:400}.btn-verd{--text-color:#dee566}.btn-verd:hover{--text-color:#f1f4bd}.btn-verd--primary{--text-color:#232326;--background-color:#dee566;--border-color:#bbc421}.btn-verd--primary:hover{--text-color:#3b3b41;--background-color:#e7ec92}.btn-gris{--text-color:#969697}.btn-gris:not(.recording):hover{--text-color:#fffffe}.btn-black{--text-color:#232326}.btn-black:hover{--background-color:#96969780;--text-color:#fffffe}.btn-vermell{--text-color:#d43b5d}.btn-vermell:hover{--text-color:#e68fa2}.btn-rosa{--text-color:#d98adc}.btn-rosa:hover{--text-color:#f3d9f3}.btn-lletra-80{font-size:80%}.text-grey{color:#969697}.text-red{color:#d43b5d!important}.text-white{color:#fffffe}.text-orange{color:#fa8639!important}.text-green{color:#dee566}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-accent{color:var(--accent-color)!important}.connectat{text-align:center;background:url(gruf_instruments_bg_c.04d88aed.png) 0 0/cover no-repeat;border-radius:15px;flex-direction:column;justify-content:center;height:710px;display:flex}.connectat h1{color:#232326;font-size:60px}.connectat input{color:#232326;background-color:#0000;border:none;border-bottom:1px dotted #232326;width:250px;font-family:Montserrat,sans-serif;font-size:60px}.connectat .connect-error{color:#fffffe;opacity:0;background-color:#d43b5d;border-radius:15px;width:-moz-fit-content;width:fit-content;margin:auto;padding:10px 20px;animation-name:fadeout;animation-duration:4s;position:absolute;top:30%;left:50%;transform:translate(-50%,-10px)}.connectat ul{padding:0;list-style-type:none}.connectat ul li{margin-left:20px;display:inline}@keyframes fadeout{0%{opacity:1}50%{opacity:1}to{opacity:0}}.ultimsGrufs{color:#fff;padding:20px}.ultimsGrufs ul{margin:0;padding:0;list-style:none}.ultimsGrufs ul li{line-height:40px}.crea{justify-content:center;margin:auto 10px 10px;display:flex}.crea a{border:none;padding:0;text-decoration:underline}.nova-sessio-container{background:url(gruf_instruments_bg_c.04d88aed.png) 0 0/cover no-repeat;border-radius:15px;justify-content:center;align-items:center;width:100%;height:710px;max-height:710px;display:flex;overflow:scroll}.nova-sessio-wrapper{color:#232326;border-radius:15px;flex-direction:column;align-items:center;width:800px;max-width:800px;min-height:400px;margin:40px auto;padding:20px;display:flex}.nova-sessio-wrapper .sessio-header{width:80%;margin-bottom:20px}.nova-sessio-wrapper .sessio-header h1{text-align:center;color:#232326;font-size:2.5rem}.nova-sessio-wrapper .sessio-header .input-title input{color:#232326;background-color:#0000;border:2px solid #4b4b4b;border-radius:10px;width:90%;margin-left:10px;padding:10px;font-size:1.2rem;overflow:visible}.nova-sessio-wrapper .sessio-header .input-title input::placeholder{color:#4b4b4b}.nova-sessio-wrapper .estacions-list{width:100%}.nova-sessio-wrapper .estacions-list h2{margin-bottom:10px;font-size:1.5rem}.nova-sessio-wrapper .estacions-list h3{margin-bottom:15px;font-size:1.2rem}.nova-sessio-wrapper .estacions-list .selected-cards{flex-flow:wrap;margin-bottom:20px;display:flex;overflow-y:auto}.nova-sessio-wrapper .estacions-list .selected-cards .card{color:#fffffe;background-color:#4b4b4b;border-radius:5px;flex:none;justify-content:space-between;align-items:center;width:32%;height:48px;margin:4px;padding:12px;display:flex}.nova-sessio-wrapper .estacions-list .selected-cards .card .delete-btn{color:#d43b5d;cursor:pointer;vertical-align:bottom;width:20px}.nova-sessio-wrapper .estacions-list .selector-add-row{justify-content:center;align-items:center;gap:10px;height:45px;margin-bottom:10px;display:flex}.nova-sessio-wrapper .estacions-list .selector-add-row select{border-radius:10px;width:70%;padding:10px;font-size:1rem}.nova-sessio-wrapper .estacions-list .selector-add-row .add-btn{color:#232326;cursor:pointer;background-color:#2ecc71;border:none;border-radius:10px;width:30%;margin-bottom:10px;padding:7px 10px;font-size:1rem}.nova-sessio-wrapper .notificacio-controls{margin-top:10px;margin-bottom:5px}.nova-sessio-wrapper .notificacio-controls input{color:#232326;background-color:#0000;border:2px solid #4b4b4b;border-radius:10px;margin-left:10px;padding:5px;font-size:1rem}.nova-sessio-wrapper .notificacio-controls input::placeholder{color:#4b4b4b}.nova-sessio-wrapper .footer-controls{gap:20px;margin-top:20px;display:flex}.sessio-wrapper{background:url(gruf_fons_verd.c50d4f42.png) 0 0/cover no-repeat fixed;justify-content:center;align-items:center;min-width:-moz-fit-content;min-width:fit-content;min-height:100dvh;display:flex}.sessio-wrapper .sessio{-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;user-select:none;background-color:#232326;border:30px solid #232326;border-width:3px 30px 0;border-radius:30px;width:1060px;height:800px;overflow:scroll}.sessio-wrapper .sessio::-webkit-scrollbar{display:none}.sessio-wrapper .sessio .header{gap:10px;padding:0 5px}.sessio-wrapper .sessio .header .titol{color:#fffffe;align-items:baseline;gap:2px;height:42px;font-size:20px;line-height:42px;display:flex}.sessio-wrapper .sessio .footer{height:42px;margin-top:0;padding:0 5px;line-height:42px}.sessio-logos{text-align:center;width:100%;position:relative}.sessio-logos img{height:30px;margin-top:10px;margin-left:10px;margin-right:10px}.marcaLocal{color:#fdd1ac;text-align:center;border:1px solid;border-radius:5px;width:20px;height:20px;margin-right:10px;line-height:20px}.marcaMaster{color:#00e2d3;text-align:center;border:1px solid;border-radius:5px;width:20px;height:20px;margin-right:10px;line-height:20px}.marcaAdmin{color:#d98adc;text-align:center;border:1px solid;border-radius:5px;width:20px;height:20px;margin-right:10px;line-height:20px}.edita-sessio-dialog{width:70vw}.edita-sessio-dialog .input-title input{color:#fffffe;background-color:#0000;border:2px solid #4b4b4b;border-radius:10px;width:90%;margin-left:10px;padding:10px;font-size:1.2rem;overflow:visible}.edita-sessio-dialog .input-title input::placeholder{color:#4b4b4b}@property --accent-color{syntax:"<color>";inherits:true;initial-value:#4b4b4b}.estacions{justify-content:center;display:flex}.tria-estacions{-ms-overflow-style:none;scrollbar-width:none;height:710px;overflow:scroll}.tria-estacions::-webkit-scrollbar{display:none}.tria-estacions h3{color:#fffffe}.tria-estacions .grid-estacions{grid-gap:6px;grid-template-columns:auto auto auto auto;display:grid}.tria-estacions .grid-estacions .grid-estacio-element{text-align:center;color:#fffffe;border:2px solid var(--accent-color);cursor:pointer;border-radius:10px;height:200px;padding:10px}.tria-estacions .grid-estacions .grid-estacio-element:hover{background-color:var(--accent-color)}.tria-estacions .grid-estacions .grid-estacio-element img{height:148px;margin-bottom:5px}.tria-estacions .grid-estacions .grid-estacio-element.grid-estacio-element-add{align-content:center}.estacio-default{border:1px solid #000;width:100%;padding:10px;overflow:hidden}.estacio-default .preset-buttons{float:right}.logo_gruf{height:25px;transform:translateY(7px)}.arranjament,.mixer{width:100%}.estacio{width:1000px;height:710px}.estacio .estacio-main{border:15px solid var(--accent-color);background-color:#232326;background-repeat:no-repeat;background-size:contain;border-radius:30px;height:100%;position:relative;overflow:auto}.estacio .selected{background-color:var(--accent-color)!important;color:#fffffe!important}.estacio.mixer-border,.estacio.computer-step{border-color:var(--accent-color)!important}.estacio.computer-step{background-color:var(--accent-color)!important}.estacio-piano{--accent-color:#fa8639}.estacio-groovebox{--accent-color:#f1c166}.estacio-synth{--accent-color:#d43b5d}.estacio-synth_bass{--accent-color:#d98adc}.estacio-sampler{--accent-color:#00e2d3}.estacio-mixer{--accent-color:#dee566}.estacio-mixer-tracks{scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:row;justify-content:start;padding:30px 22px 0;display:flex}.estacio-mixer-tracks::-webkit-scrollbar{width:8px}.estacio-mixer-tracks::-webkit-scrollbar-track{background-color:#0000}.estacio-mixer-tracks::-webkit-scrollbar-thumb{background-color:#0000}.estacio-mixer-tracks .estacio-mixer-normal-tracks{-ms-overflow-style:none;scrollbar-width:none;flex:auto;display:flex;overflow-x:scroll}.estacio-mixer-tracks .estacio-mixer-normal-tracks::-webkit-scrollbar{display:none}@property --meter-level{syntax:"<percentage>";inherits:false;initial-value:0%}.estacio-mixer-columna{flex-direction:column;justify-content:end;align-items:center;gap:10px;width:70px;padding:10px;display:flex;position:relative}.estacio-mixer-columna .track-controls{border:2px solid var(--accent-color,#cacacb);border-radius:10px;flex-direction:column;gap:10px;padding:4px;display:flex}.estacio-mixer-columna .slider-wrapper{flex-direction:row;justify-content:center;align-items:flex-end;gap:0;height:400px;display:flex}.estacio-mixer-columna .volume-meter{clip-path:inset(calc(100% - var(--meter-level))0 0 0);z-index:0;background-image:linear-gradient(#ff2b00 0%,#f50 .999999%,#ff8000 3%,#fa0 5%,#f7ff05 9%,#00ff6a 100%);border:none;flex-direction:column-reverse;width:10px;height:100%;transition:--meter-level .1s linear;display:flex;position:relative}.estacio-mixer-columna .grayscale{filter:grayscale()}.estacio-mixer-columna .volume-level{background-color:green;width:100%;height:0;transition:height .1s ease-in-out,background-color .1s ease-in-out}.estacio-mixer-columna .mute-solo-container{flex-direction:row;justify-content:center;display:flex}.estacio-mixer-columna .label{color:#fffffe;flex-direction:row;justify-content:center;width:100px;font-size:12px;display:flex}.estacio-mixer-columna.estacio-mixer-master-columna .track-controls{--accent-color:#cacacb;height:100%}.estacio-mixer-columna.estacio-mixer-master-columna .slider-wrapper{min-width:50px}.estacio-mixer-columna.estacio-mixer-master-columna .slider-wrapper .volume-meter{width:5px}.estacio-mixer-columna.estacio-mixer-master-columna .slider-wrapper .master-stereo-meters{flex-direction:row;justify-content:center;align-items:flex-end;gap:0;height:400px;display:flex}.estacio-mixer-columna.estacio-mixer-fx-columna .track-controls{--accent-color:#cacacb;height:100%}.estacio-mixer-columna.estacio-mixer-fx-columna .slider-wrapper{min-width:50px;margin-top:78px}.estacio-computer{--accent-color:#fdd1ac}fieldset{border:none;margin:0;padding:0}.modul-border{border:1px solid #cacacb;border-radius:15px;padding:10px}.modul-bg{background-color:#232326}.gruf-modul,.gruf-widgetgroup{background-color:#232326;border:1px solid #cacacb;border-radius:15px;padding:10px}.gruf-modul,.gruf-modul fieldset,.gruf-widgetgroup,.gruf-widgetgroup fieldset{flex-direction:column;justify-content:space-between;align-items:center;gap:10px;display:flex}.gruf-legend{border:none;border-radius:15px;align-self:flex-start;min-width:130px;padding:4px 10px;font-weight:800;display:inline-block}.gruf-legend.simple{font-weight:initial;min-width:initial;align-self:auto;padding:0;font-size:12px}.gruf-modul-eq{grid-template:"upleft upright""bottom bottom"/1fr 1fr;display:grid}.gruf-modul-eq legend{grid-area:upleft}.gruf-modul-eq .gruf-toggle{grid-area:upright}.gruf-modul-eq>div{grid-area:bottom;justify-content:space-between;gap:20px;display:flex}.gruf-modul-delay>div,.gruf-modul-delay>fieldset{justify-content:center;gap:10px;width:110px;display:flex}.gruf-modul-delay>div>*,.gruf-modul-delay>fieldset>*{flex:1}.gruf-modul-reverb{position:relative}.gruf-modul-reverb .knob{position:absolute;top:10px;right:20px}.logo-estacio{background-position:50%;background-repeat:no-repeat;background-size:auto 30px;width:100%;height:35px;padding:0;font-size:14px;font-weight:400}.logo-estacio.estacio-computer-logo{background-image:url(computer_logo.2582872a.svg);flex:none;align-self:flex-end;width:130px}.logo-estacio.estacio-piano-logo{background-image:url(piano_logo.282a998c.svg)}.logo-estacio.estacio-groovebox-logo{background-image:url(groovebox_logo.03aced6d.svg)}.logo-estacio.estacio-synth-logo{background-image:url(synth_logo.d57e2584.svg)}.logo-estacio.estacio-sampler-logo{background-image:url(sampler_logo.a7b68cd6.svg)}.logo-estacio.estacio-mixer-logo{background-image:url(mixer_logo.ec15810b.svg);align-self:flex-end;width:130px}.logo-estacio.estacio-synth_bass-logo{background-image:url(synth_bass_logo.29db07b9.svg)}.logo-estacio:hover{background:0 0}.logo-estacio:hover:after{content:"Canvia estació"}.logo-estacio-no-hover{background-position:50%;background-repeat:no-repeat;background-size:auto 30px;width:150px;height:35px}.logo-estacio-no-hover.estacio-computer-logo{background-image:url(computer_logo.2582872a.svg)}.logo-estacio-no-hover.estacio-piano-logo{background-image:url(piano_logo.282a998c.svg);width:95px}.logo-estacio-no-hover.estacio-groovebox-logo{background-image:url(groovebox_logo.03aced6d.svg);width:150px}.logo-estacio-no-hover.estacio-synth-logo{background-image:url(synth_logo.d57e2584.svg);width:80px}.logo-estacio-no-hover.estacio-sampler-logo{background-image:url(sampler_logo.a7b68cd6.svg);width:130px}.logo-estacio-no-hover.estacio-mixer-logo{background-image:url(mixer_logo.ec15810b.svg)}.logo-estacio-no-hover.estacio-synth_bass-logo{background-image:url(synth_bass_logo.29db07b9.svg);width:150px}.gruf-label{font-size:14px;position:absolute}.gruf-label-petit{font-size:12px;position:absolute}.transformed{transform:rotate(-90deg)}.knob output,.gruf-slider output{z-index:1;font-feature-settings:"tnum";text-align:center;text-wrap:nowrap;visibility:hidden;background-color:#232326;border:1px solid #969697;border-radius:5px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:0 .7em;position:absolute;inset:100% 50%}.knob:active output,.gruf-slider:active output{visibility:visible}.knob{flex-direction:column;align-items:center;display:flex;position:relative}.knob .knobctrl-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.knob .knobctrl-wrapper .knobctrl{cursor:pointer;background-position:50%;background-repeat:no-repeat;outline:none;width:77%;height:77%}.knob .knobctrl-wrapper:before{width:100%;height:100%;position:absolute;inset:50%;transform:translate(-50%,-50%)}.knob.knob-gran{gap:2px;font-size:14px}.knob.knob-gran .knobctrl-wrapper{width:78px;height:78px}.knob.knob-gran .knobctrl-wrapper .knobctrl{background-image:url(knob_gran_front.56d33cfb.svg)}.knob.knob-gran .knobctrl-wrapper:before{content:url(knob_gran_back.926e1205.svg)}.knob.knob-gran output{transform:translate(-50%,50%)}.knob.knob-petit{gap:1px;font-size:12px}.knob.knob-petit .knobctrl-wrapper{width:32.5px;height:32.5px}.knob.knob-petit .knobctrl-wrapper .knobctrl{background-image:url(knob_petit_front.0342f9c4.svg)}.knob.knob-petit .knobctrl-wrapper:before{content:url(knob_petit_back.e1e54b1f.svg)}.knob.knob-petit output{transform:translate(-50%,50%)}.gruf-slider{flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.gruf-slider *{transition:none!important}.gruf-slider.gruf-slider-background-ratllat .MuiSlider-root{background-image:url(slider_bg.b539f03a.svg);background-repeat:no-repeat;background-size:cover}.gruf-slider .p-slider{cursor:pointer}.gruf-slider div{text-align:center;padding-top:3px}.gruf-slider .MuiSlider-thumb{color:#fffffe;box-shadow:none!important}.gruf-slider:has(.Mui-active) output{visibility:visible}.gruf-slider output{transform:translate(-50%,10px)}.gruf-slider.horizontal{margin-left:8px}.gruf-slider.horizontal .MuiSlider-thumb{border-radius:5px;width:10px;height:27px}.gruf-slider.horizontal .MuiSlider-mark{height:0}.gruf-slider.horizontal .MuiSlider-track{color:var(--accent-color)}.gruf-slider.horizontal .MuiSlider-track,.gruf-slider.horizontal .MuiSlider-rail{height:10px}.gruf-slider.horizontal .MuiSlider-markLabel{font-size:12px}.gruf-slider.vertical .MuiSlider-vertical{margin-right:0!important}.gruf-slider.vertical .MuiSlider-thumb{border-radius:2px;width:16px;height:5px}.gruf-slider.vertical .MuiSlider-mark{width:0}.gruf-slider.vertical .MuiSlider-track{width:1px}.gruf-slider.vertical .MuiSlider-markLabel{margin-left:-10px;font-size:10px}.gruf-slider.vertical .MuiSlider-rail{width:5px}.gruf-slider .MuiSlider-mark{color:#969697}.gruf-slider .MuiSlider-markLabel{font-optical-sizing:auto;color:#969697;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400}.gruf-slider .MuiSlider-root{border-radius:5px;margin:0}.gruf-slider .MuiSlider-track{color:#969697}.gruf-slider .MuiSlider-rail{color:#969697;opacity:.5;border-radius:5px}.gruf-enum-2-columns{grid-gap:4px;grid-template-columns:1fr 1fr;column-gap:8px;width:108px;font-size:10px;display:grid}.gruf-enum-2-columns button{color:#969697;background-color:#232326;border:1px solid #969697;border-radius:6px;width:50px;height:17px;padding:0}.gruf-enum-2-columns .selected{color:#fff;background-color:#4b4b4b}.gruf-reverb-time{grid-gap:3px;grid-template-columns:40px 200px;column-gap:10px;font-size:12px;display:grid}.gruf-reverb-time button{background-color:#969697;border:none;border-radius:4px;height:10px;margin-top:2.5px;padding:0}.gruf-reverb-time .selected{background-color:#4b4b4b}.grid-default{-webkit-user-select:none;user-select:none;padding:8px}.grid-default .grid-row-default{display:flex}.grid-default .grid-row-default .step{text-align:center;vertical-align:middle;cursor:hand;border:1px solid gray;width:20px;height:20px;line-height:20px}.grid-default .grid-row-default .step.filled{color:#fff;background-color:#000}.grid-default .grid-row-default .step.active{border-color:red}.pad-grid{background-color:#232326;border:1px solid #cacacb;border-radius:15px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:20px 10px;padding:20px;display:grid}.gruf-pad{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.gruf-pad .p-button{background-color:#4b4b4b;width:100%;height:100%;padding:0}.gruf-pad .p-button-label{font-optical-sizing:auto;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:400}.gruf-gain-slider-vertical{justify-content:center;margin-top:10px;font-size:14px;display:inline-flex}.gruf-gain-slider-vertical.gruf-slider-background-ratllat{background-image:url(slider_bg.b539f03a.svg);background-repeat:no-repeat;background-size:cover}.gruf-gain-slider-vertical .p-slider{cursor:pointer}.gruf-gain-slider-vertical div{text-align:center;padding-top:3px}.gruf-gain-slider-vertical .MuiSlider-vertical{margin-right:0!important;padding:0 3.5px!important}.gruf-gain-slider-vertical .MuiSlider-thumb{color:#fffffe;z-index:1;border-radius:2px;width:24px;height:6px}.gruf-gain-slider-vertical .MuiSlider-thumb:hover{-webkit-box-shadow:none;box-shadow:none;z-index:2;animation:none}.gruf-gain-slider-vertical .MuiSlider-dragging{background-color:#0000}.gruf-gain-slider-vertical .MuiSlider-valueLabel{font-feature-settings:"tnum";text-align:center;text-wrap:nowrap;background-color:#232326;border:1px solid #969697;border-radius:5px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:0 .7em;top:3px;left:30px}.gruf-gain-slider-vertical .MuiSlider-valueLabel:before{content:none}.gruf-gain-slider-vertical .Mui-focusVisible{animation:none;-webkit-box-shadow:none!important;box-shadow:none!important}.gruf-gain-slider-vertical .MuiSlider-mark{color:#969697;width:0}.gruf-gain-slider-vertical .MuiSlider-markLabel{font-optical-sizing:auto;color:#969697;margin-left:-10px;font-family:Montserrat,sans-serif;font-size:10px;font-style:normal;font-weight:400}.gruf-gain-slider-vertical .MuiSlider-root{border-radius:5px}.gruf-gain-slider-vertical .MuiSlider-track{color:#0000;width:1px}.gruf-gain-slider-vertical .MuiSlider-rail{color:#fffffe;opacity:.5;border-radius:2px;width:10px}.bpm-counter{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.bpm-counter .outer-square{border:2px solid #969697;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.bpm-counter label{font-size:14px}.bpm-counter .inner-square{background-color:#0000;border:2px solid #969697;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;padding:5px;display:flex}.bpm-counter .inner-square .p-inputnumber{background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;display:flex}.bpm-counter .inner-square .p-inputnumber .p-inputnumber-input{color:#969697;text-align:center;box-shadow:none;background:0 0;border:none;margin-top:4px;margin-bottom:20px;font-size:13px}.bpm-counter .inner-square .bpm-buttons{justify-content:space-between;width:60%;margin-top:-15px;display:flex}.bpm-counter .inner-square .bpm-buttons .button{cursor:pointer;color:#969697;background-color:#0000;border:none;justify-content:center;align-items:center;width:8px;height:8px;transition:color .2s;display:flex;position:relative;transform:rotate(-90deg)}.bpm-counter .inner-square .bpm-buttons .button.active{color:#ff0}.bpm-counter .inner-square .bpm-buttons .increment:after,.bpm-counter .inner-square .bpm-buttons .decrement:after{content:"";border-style:solid;width:0;height:0;display:block;position:absolute}.bpm-counter .inner-square .bpm-buttons .decrement:after{border-width:0 5px 7px;border-color:#0000 #0000 #969697}.bpm-counter .inner-square .bpm-buttons .increment:after{border-width:7px 5px 0;border-color:#969697 #0000 #0000}.gruf-toggle{background-color:#232326;border:1px solid #969697;border-radius:12px;justify-content:center;align-items:center;width:120px;height:30px;display:flex}.gruf-toggle .p-toggle{cursor:pointer;background-color:#0000;border:none;justify-content:flex-start;align-items:center;width:120%;height:120%;padding:0 10px;display:flex;position:relative;overflow:hidden}.gruf-toggle .p-toggle .circle-icon{background-color:#4b4b4b;border-radius:100px;width:16px;height:16px;transition:margin-left .3s}.gruf-toggle .p-toggle.on .circle-icon{margin-left:calc(100% - 16px)}.gruf-toggle .toggle-label{font-size:12px}.gruf-toggle .toggle-label-off{position:absolute;top:35px;left:3px}.gruf-toggle .toggle-label-on{position:absolute;top:35px;right:3px}.gruf-on-off-grid{flex-direction:column;display:flex;position:absolute;top:0;left:0}.gruf-on-off-grid .grid-default{flex-direction:column;gap:27.5px;display:flex}.gruf-on-off-grid .grid-default .grid-row-default{display:flex}.gruf-on-off-grid .grid-default .step{cursor:pointer;background-color:#232326;border:none;border-radius:4px;width:27px;height:60px;margin-right:5px;transition:background-color .2s}.gruf-on-off-grid .grid-default .step.active{border:1px solid #969697}.gruf-on-off-grid .grid-default .step:nth-child(4n){margin-right:20px}.gruf-on-off-grid .gruf-grid-controls{height:30px;margin-top:10px;overflow:hidden}.gruf-on-off-grid .gruf-grid-controls button{border:none;padding:1px 4px;font-size:14px;font-weight:400}.gruf-on-off-grid label{margin-left:1rem}.gruf-on-off-grid label input[type=checkbox]{margin-right:.5rem}.gruf-on-off-grid select{cursor:pointer;border:1px solid #ccc;border-radius:4px;margin-top:1rem;padding:.5rem}.gruf-piano-roll{position:relative}@keyframes blink{50%{opacity:0}}.gruf-selector-presets{display:flex}.gruf-selector-presets div{text-align:center;vertical-align:middle;cursor:pointer;background-color:#0000;border:1px solid #4b4b4b;border-radius:4px;font-size:14px;font-weight:600}.gruf-selector-presets div.active{border-color:#fffffe}.gruf-selector-presets div:hover{color:#fffffe;border-color:#fffffe}.gruf-mute-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-right:3px;display:inline-flex;position:relative}.gruf-mute-checkbox__input{display:none}.gruf-mute-checkbox__visual{color:#969697;background-color:#0000;border:1px solid #969697;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;font-weight:700;transition:background-color .3s,border-color .3s,color .3s;display:flex}.gruf-mute-checkbox__input.indirect-mute+.gruf-mute-checkbox__visual{background-color:#fdd1ac}.gruf-mute-checkbox__input:checked+.gruf-mute-checkbox__visual{color:#232326;background-color:#d43b5d;border-color:#232326}.gruf-solo-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.gruf-solo-checkbox__input{display:none}.gruf-solo-checkbox__visual{color:#969697;background-color:#0000;border:1px solid #969697;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;font-weight:700;transition:background-color .3s,border-color .3s,color .3s;display:flex}.gruf-solo-checkbox__input:checked+.gruf-solo-checkbox__visual{color:#232326;background-color:#e1ff68;border-color:#232326}.gruf-selector-playermode{flex-direction:column;gap:3px;margin:0;padding:0;display:flex}.gruf-selector-playermode .inputs{background-color:#232326;border:1px solid #cacacb;border-radius:8px;width:100px;height:30px;display:inline-flex;overflow:hidden}.gruf-selector-playermode input{appearance:none;flex:1;margin:0}.gruf-selector-playermode input:first-child{border-right:1px solid #cacacb}.gruf-selector-playermode input[value=loop]:after{-webkit-mask-image:url(icona-forward_loop.1d360011.svg);mask-image:url(icona-forward_loop.1d360011.svg)}.gruf-selector-playermode input[value=oneshot]:after{-webkit-mask-image:url(icona-oneshot.79376bd8.svg);mask-image:url(icona-oneshot.79376bd8.svg)}.gruf-selector-playermode input:hover:not(:checked){cursor:pointer;background-color:#4b4b4b}.gruf-selector-playermode input:after{content:"";background-color:#cacacb;height:100%;padding:0 5px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-origin:content-box;mask-origin:content-box}.gruf-selector-playermode input:checked{background-color:var(--accent-color)}.gruf-selector-playermode input:checked:after{background-color:#fffffe}.gruf-selector-playermode .labels{display:flex}.gruf-selector-playermode .labels label{text-transform:capitalize;text-align:center;flex:1;font-size:12px}.gruf-selector-patrons-grid{border:1px solid #cacacb;border-radius:12px;flex:1;font-size:14px}.gruf-selector-patrons-grid .p-dropdown{color:#fffffe;width:100%;height:100%;padding:8px 12px}.gruf-selector-patrons-grid .p-dropdown .p-dropdown-label{align-content:center}.gruf-selector-patrons-grid .p-dropdown .p-placeholder{color:#4b4b4b}.gruf-selector-patrons-grid .p-dropdown .p-dropdown-clear-icon{color:#4b4b4b;margin-left:85%}.gruf-selector-patrons-grid button{border:none;margin-top:-20px;margin-left:calc(100% + 5px);padding:0;font-weight:400}.gruf-selector-patrons-grid .trash-button{border:none;margin-top:5px;margin-left:0;padding:0}.p-dropdown-items-wrapper{border-radius:5px;max-height:300px;margin-top:10px;padding:5px;font-size:14px;background-color:#4b4b4b!important}.p-dropdown-items-wrapper .p-dropdown-item{padding-top:10px;padding-bottom:10px}.p-dropdown-items-wrapper .p-dropdown-item .p-dropdown-item-label{color:#fffffe}.estacio-computer{-ms-overflow-style:none;scrollbar-width:none;gap:25px;overflow:scroll}.estacio-computer::-webkit-scrollbar{display:none}.grid-computer{-webkit-user-select:none;user-select:none}.grid-computer .grid-row-computer{justify-content:center;display:flex}.grid-computer .grid-row-computer .step{text-align:center;vertical-align:middle;cursor:pointer;background-color:var(--accent-color,#fdd1ac);border:1px solid var(--accent-color,#fdd1ac);border-radius:5px;width:18px;height:18px;margin:2px;line-height:20px}.grid-computer .grid-row-computer .step.filled{color:#fffffe!important;background-color:#232326!important}.grid-computer .grid-row-computer .step.active{color:#232326!important;background-color:#fffffe!important}.grid-computer .grid-row-computer .estacio-nom{color:#fff;text-align:right;width:80px;margin-right:10px;font-size:12px;line-height:25px;position:relative}.spectrum-graph{border:1px solid #969697;border-radius:10px;width:885px;height:350px;padding:0}.tonality-selector{border:1px solid #969697;border-radius:12px;padding:10px;font-size:14px}.tonality-selector .p-dropdown{color:#fffffe;width:100%}.tonality-selector .p-dropdown .p-dropdown-label{color:#fffffe;font-size:14px}.tonality-selector .p-dropdown .p-dropdown-trigger{color:#fffffe;justify-content:center;align-items:center;margin-left:auto;display:flex}.tonality-selector .p-dropdown .p-dropdown-items-wrapper{border-radius:5px;max-height:300px;margin-top:10px;padding:5px;font-size:14px;background-color:#4b4b4b!important}.tonality-selector .p-dropdown .p-dropdown-items-wrapper .p-dropdown-item{cursor:pointer;padding-top:10px;padding-bottom:10px;transition:background-color .2s ease-in-out}.tonality-selector .p-dropdown .p-dropdown-items-wrapper .p-dropdown-item .p-dropdown-item-label{color:#fffffe}.tonality-selector .p-dropdown .p-dropdown-items-wrapper .p-dropdown-item:hover{background-color:#9acd32}.tonality-selector .p-dropdown .p-placeholder{color:#4b4b4b}.tonality-selector .p-dropdown .p-dropdown-clear-icon{color:#4b4b4b;margin-left:85%}@keyframes blinker{50%{opacity:0}}.sampler-record-widget{border:1px solid #cacacb;border-radius:5px}.sampler-record-widget .sampler-record-btn{border:none;padding:2px 4px}.sampler-record-widget .sampler-record-btn>img{height:14px}.gruf-adsr-widget{background-color:#232326;border:1.5px solid #969697;border-radius:15px;flex-direction:column;width:220px;display:flex}.gruf-adsr-widget .adsr-graph{flex-direction:column;flex:1;display:flex;overflow:hidden}.gruf-adsr-widget .adsr-knobs{border:1.5px solid #969697;border-radius:15px;align-items:center;height:82px;padding:0 14px;display:flex}.gruf-adsr-widget .adsr-knobs .knob{flex:auto}@keyframes alternate-light{0%,to{opacity:1}50%{opacity:.6}}.metronome-ikigai-container{justify-content:center;align-items:center;width:28px;height:20px;display:flex;position:relative}.metronome-ikigai-container .circle-left,.metronome-ikigai-container .circle-right{border-radius:50%;width:10px;height:10px;transition:opacity .3s ease-in-out;position:absolute}.metronome-ikigai-container .circle-left{background-color:#fffffe;left:8px}.metronome-ikigai-container .circle-right{background-color:#969697;right:0}.metronome-ikigai-container .circle-alternate{animation:1s infinite alternate-light}.metronome-ikigai-container .circle-right.circle-alternate{animation-delay:.5s}.session-recording{color:#d43b5d;border-color:#d43b5d;animation:1s infinite alternate-light}.session-armed-recording{animation:1s infinite alternate-light}.p-dialog-mask{background-color:#000000bf}.p-confirm-dialog{color:#fffffe;background-color:#232326;border-radius:10px;padding:30px;font-size:14px}.p-confirm-dialog .icona{text-align:center}.p-confirm-dialog .icona img{height:80px}.p-confirm-dialog .info{text-align:center;margin-top:5px;margin-bottom:20px}.p-confirm-dialog .info .titol{color:#fffffe;margin-bottom:10px;font-size:20px;font-weight:400}.p-confirm-dialog .buttons{text-align:center}.p-confirm-dialog .buttons button{margin-bottom:10px;margin-left:5px;margin-right:5px}.p-confirm-dialog .buttons button img{vertical-align:bottom;margin-left:5px}.cr{text-align:center;color:#f0f0f0;width:300px;padding:10px;font-size:13px;position:absolute;display:block!important}.cr a{text-decoration:underline}.cr-sticky{position:fixed}.cr-top{top:50px}.cr-bottom{bottom:50px}.cr-left{left:-75px}.cr-right{right:-75px}.cr-top.cr-left,.cr-bottom.cr-right{transform:rotate(-45deg)}.cr-top.cr-right,.cr-bottom.cr-left{transform:rotate(45deg)}.cr-white{color:#444;background-color:#f0f0f0}.cr-black{background-color:#333}.cr-grey{background-color:#999}.cr-blue{background-color:#39d}.cr-green{background-color:#1c8b53}.cr-turquoise{background-color:#1b9}.cr-purple{background-color:#95b}.cr-red{background-color:#e43}.cr-orange{background-color:#e82}.cr-yellow{background-color:#ec0}
/*# sourceMappingURL=index.css.map */