:root{--MPC_WIDTH:80vw;--MPC_HEIGHT:63.8vw;--MPC_MAX_HEIGHT:80vh;--MPC_MAX_WIDTH:100.3vh;--BACKGROUND_COLOR:#000}body{background:url(../assets/pattern.png) repeat var(--BACKGROUND_COLOR);padding:0;margin:0;font-family:Arial,Helvetica,sans-serif}#container{width:var(--MPC_WIDTH);height:var(--MPC_HEIGHT);max-height:var(--MPC_MAX_HEIGHT);max-width:var(--MPC_MAX_WIDTH);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-around;background:url(../assets/machine/machine_vectorized_5.svg) no-repeat;background-size:contain;padding:0}#display_container{width:40.9%;height:28.8%;position:absolute;top:5.8%;left:50%;transform:translate(-51.2%);background-color:#000;border:2px solid #000}#display{width:100%;height:100%;position:absolute;top:-2px;left:-2px;background:url(../assets/machine/display/display_off_texture.png) repeat;border:2px solid rgba(195,212,136,0)}.display_off{opacity:.6;box-shadow:none;border:2px solid #000}.display_on{opacity:1;box-shadow:0 0 1.2em .32em rgba(220,240,152,.76);border:2px solid rgba(195,212,136,.67)}#display_noise{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../assets/machine/display/noise_mixed_animated.gif);background-size:cover}.display_noise_visible{opacity:.18;transition:opacity .5s ease-in}#blackout{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../assets/machine/display/blackout.png) no-repeat;background-size:contain;background-position:0 56%}.blackout_visible{opacity:.38}#player{left:-2px;top:-2px;border:2px solid rgba(0,0,0,.089)}#intrendo,#player{width:100%;height:100%;position:absolute}#intrendo{background:url(../assets/machine/display/intrendo_1_scaled.png) no-repeat;background-size:42%;background-position:50% -25%;opacity:.43}.intrendo_run{animation:intrendo_intro 8s ease-out 1s;animation-fill-mode:forwards}@keyframes intrendo_intro{0%{background-position:50% -25%;opacity:.43}60%{background-position:50% 50%;opacity:.43}89%{background-position:50% 50%;opacity:.43}to{background-position:50% 50%;opacity:0}}#power_led_container{position:absolute;top:19%;left:26.8%;background-color:#464646;box-shadow:0 0 var(--led_shadow) var(--led_shadow) hsla(0,0%,39.2%,.46)}#power_led,#power_led_container{--led_dimension:calc(0.005*var(--MPC_WIDTH));--led_shadow:calc(0.3*var(--led_dimension));width:var(--led_dimension);height:var(--led_dimension);border-radius:50%}#power_led{background-color:#ff3b3b;box-shadow:0 0 var(--led_shadow) var(--led_shadow) rgba(255,0,0,.36)}.invisible{opacity:0}.visible{opacity:1}#logo{position:absolute;top:76%;left:72.8%;transform:rotate(-5deg);background:url(../assets/machine/logo.svg) no-repeat;background-size:contain}#cc_logo,#logo{width:22%;height:9%}#cc_logo{position:relative;transform:translateY(23%)}#base_logo{width:44%;height:18%}.base{text-align:center;position:absolute;top:50%;width:100%}#power_label{left:15%;background:url(../assets/machine/labels/power.svg) no-repeat;background-size:contain}#power_label,#volume_label{position:absolute;top:37.2%;height:3%;width:8%}#volume_label{left:77.7%;background:url(../assets/machine/labels/volume.svg) no-repeat;background-size:contain}#power_switch_container{width:4%;height:8%;position:absolute;top:41.6%;left:18%}#power_switch_bg{width:55%;height:80%;background:#121212;border:2px solid #232323;border-radius:25%}#power_switch{position:absolute;height:100%;width:120%}#power_click{cursor:pointer;position:absolute;top:37.5%;left:15%;height:12%;width:8%;z-index:2}.switch_off{top:15%;left:2.3%;background:url(../assets/machine/power_switch/toggle_bar_w_shadow_1.png) no-repeat;background-size:90%}.switch_on{top:-10%;left:2.5%;background:url(../assets/machine/power_switch/toggle_bar_w_shadow_0.png) no-repeat;background-size:100%}.switch_rumble{animation-name:ps_rumble_animation;animation-duration:.3s}@keyframes ps_rumble_animation{0%{transform:translate(0)}5%{transform:translate(1%,2%)}15%{transform:translate(-1%)}32%{transform:translate(-4%,-2%)}47%{transform:translate(-1%)}66%{transform:translate(3%,-5%)}85%{transform:translate(-2%,2%)}to{transform:translate(0)}}#power_finger{position:absolute;top:36%;left:-3%;width:23%;height:18%;background:url(../assets/misc/fingerpoint.svg) no-repeat;background-size:contain}.finger_fade_in{opacity:1;transition:opacity .2s ease-in}.finger_fade_out{margin-left:-200%;opacity:0;transition:all 1s ease-in}.finger_point{animation:finger_animation 3s ease-out 0s infinite}@keyframes finger_animation{0%{transform:translateX(0)}3%{transform:translateX(-2%)}7%{transform:translateX(8%)}12%{transform:translateX(0)}to{transform:translateX(0)}}#insta,#insta:active,#insta:focus,#insta:hover,#insta:link,#insta:visited{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../assets/misc/igw.png);background-repeat:no-repeat;background-size:64%;background-position:50% 50%;opacity:.7;outline:none;border:none}#insta_pad{position:absolute;left:15%;bottom:27%;width:9.57%;height:12%}#impr_a,#impr_a:active,#impr_a:focus,#impr_a:hover,#impr_a:link,#impr_a:visited{position:absolute;bottom:3%;right:3%;outline:none;border:none;text-decoration:none;color:#b4b4b4;font-size:x-small;font-weight:700}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7)}#impr_content{background-color:#323232;background-color:rgba(0,0,0,.7);margin:0 auto;padding:20px;border:3px solid rgba(0,0,0,.47);width:64%;color:#cdcdcd;font-family:Arial,Helvetica,sans-serif;font-size:small}#impr_content h2,h3{margin-top:2eM}#impr_close{color:#cdcdcd;background-color:rgba(35,35,35,.63);float:right;font-weight:700;font-size:36px;height:44px;width:44px;border-radius:50%;text-align:center}#impr_close:focus,#impr_close:hover{color:#000;background-color:#f0f;box-shadow:0 0 2px 2px rgba(255,0,255,.63);text-decoration:none;cursor:pointer}#cookie_consent{background-color:#323232;background-color:rgba(0,0,0,.79);margin:10% 0;padding:20px 10%;width:80%;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.cc_btn{border-radius:12px;margin:2em;padding:1em;font-weight:700;color:#fff}.cc_btn:focus,.cc_btn:hover{color:rgba(83,83,83,.4);font-weight:700;text-decoration:none;cursor:pointer}.cc_btn_yes{background-color:#5db900}.cc_btn_yes:hover{background-color:#63c500;box-shadow:0 0 5px 3px rgba(99,197,0,.4)}.cc_btn_no{background-color:#af0000}.cc_btn_no:hover{background-color:#b90000;box-shadow:0 0 5px 3px rgba(185,0,0,.4)}.text_link,.text_link:active,.text_link:focus,.text_link:hover,.text_link:link,.text_link:visited{text-decoration:none;font-weight:bolder;color:#0ff;cursor:pointer}.revoke_consent_msg{color:#0ff}:root{--PAD_DIM:calc(0.07*var(--MPC_WIDTH));--PAD_GLOW_BLUR:calc(0.01*var(--MPC_WIDTH));--PAD_GLOW_SPREAD:calc(0.008*var(--MPC_WIDTH))}#pads{position:absolute;top:42%;left:50%;transform:translate(-49.5%);width:33.495%;height:42%}.pad_row{margin:0;padding:0;height:24%;width:100%}.pad_base{margin:0;padding:0;width:95%;height:97%;border:calc(0.01*var(--PAD_DIM) + 1px) solid #202020;border-radius:calc(0.06*var(--PAD_DIM));background-color:#a1a1a1;box-shadow:calc(-0.02*var(--PAD_DIM)) calc(0.01*var(--PAD_DIM)) calc(0.06*var(--PAD_DIM)) calc(0.02*var(--PAD_DIM)) rgba(0,0,0,.44)}.pad{width:100%;height:100%;border:none;border-radius:calc(0.04*var(--PAD_DIM));cursor:pointer}.pad_color_global_opacity{opacity:1}.pad_color_0{background-color:#ef0;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(238,255,0,.205)}.pad_color_1{background-color:#fb0;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(255,187,0,.205)}.pad_color_2{background-color:#ff7b00;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(255,123,0,.205)}.pad_color_3{background-color:#ff0037;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(255,0,55,.205)}.pad_color_4{background-color:#f0f;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(255,0,255,.205)}.pad_color_5{background-color:#ae00ff;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(174,0,255,.205)}.pad_color_6{background-color:#5100ff;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(81,0,255,.205)}.pad_color_7{background-color:#0062ff;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(0,98,255,.205)}.pad_color_8{background-color:#00a4ff}.pad_color_8,.pad_color_9{box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(0,255,255,.205)}.pad_color_9{background-color:#0ff}.pad_color_10{background-color:#00ff95;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(0,255,149,.205)}.pad_color_11{background-color:#5eff00;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(94,0,255,.205)}.pad_color_i{background:url(../assets/misc/igbg.svg) no-repeat;background-size:cover;box-shadow:0 0 var(--PAD_GLOW_BLUR) var(--PAD_GLOW_SPREAD) rgba(174,0,255,.205)}.pad_highlight_global_opacity{opacity:.68}.pad_highlight_0{background:radial-gradient(56% 64% at 45% 40%,#fff 0,hsla(0,0%,100%,0) 100%)}.pad_highlight_1{background:radial-gradient(48% 48% at 51% 48%,#fff 0,hsla(0,0%,100%,0) 100%)}.pad_highlight_2{background:radial-gradient(54% 51% at 47% 54%,#fff 0,hsla(0,0%,100%,0) 100%)}.pad_highlight_3{background:radial-gradient(ellipse at 45% 52%,#fff 0,hsla(0,0%,100%,0) 100%)}.pad_texture{background:transparent url(../assets/machine/pad/texture.png) repeat 0 0;opacity:.3}.pad_structure{background-image:url(../assets/machine/pad/pad.svg);background-size:cover;opacity:1}@keyframes color_opacity{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes highlight_opacity{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.playing_color_opacity{animation:color_opacity 2s infinite}.playing_highlight_opacity{animation:highlight_opacity 2s infinite}:root{--FADER_KNOB_HEIGHT:calc(0.1*var(--MPC_WIDTH));--FADER_KNOB_WIDTH:calc(0.0837*var(--MPC_HEIGHT));--FADER_KNOB_MAX_WIDTH:calc(0.1*var(--MPC_MAX_HEIGHT));--FADER_KNOB_MAX_HEIGHT:calc(1.25375*var(--FADER_KNOB_MAX_WIDTH))}#slider_container{width:26%;height:15.6%;position:absolute;top:48%;left:69.9%;transform:rotate(-90deg);display:flex;align-items:center;justify-content:space-around;padding:0}#fader_scale{height:64%;width:85%;position:absolute;top:7%;left:8%;margin:0;padding:0;background-color:#292929;background-image:url(../assets/machine/slider/fader_scale.svg);background-position:top;background-repeat:no-repeat;background-size:cover;border:calc(0.0013*var(--MPC_WIDTH) + 1px) solid #232323;border-radius:6%}input[type=range]{margin:0;width:100%;-webkit-appearance:none;-moz-appeareance:none;height:100%;background-color:transparent;outline:none;position:relative;top:calc(0*var(--MPC_WIDTH));cursor:pointer}input[type=range]::-moz-focus-outer,input[type=range]:focus{border:0;outline:none}input[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;background-image:url(../assets/machine/slider/fader_knob_2.svg);background-size:contain;background-repeat:no-repeat;background-position:top;height:var(--FADER_KNOB_HEIGHT);width:var(--FADER_KNOB_WIDTH);max-height:var(--FADER_KNOB_MAX_HEIGHT);max-width:var(--FADER_KNOB_MAX_WIDTH);outline:none;border:none}input[type=range]::-moz-range-thumb{position:relative;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,0);background-image:url(../assets/machine/slider/fader_knob_2.svg);background-size:contain;background-repeat:no-repeat;background-position:top;height:var(--FADER_KNOB_HEIGHT);width:var(--FADER_KNOB_WIDTH);max-height:var(--FADER_KNOB_MAX_HEIGHT);max-width:var(--FADER_KNOB_MAX_WIDTH);outline:none;border:none}