.bg-frame{--noise-size: 40px;background:url(/music-workstation/noise.png) 0% 0% / var(--noise-size) var(--noise-size) repeat,linear-gradient(90deg,#d1d1d1 .2%,#858585);border:1px solid #b7b7b7;box-shadow:-1px -1px 1px #00000059 inset,1px 1px 1px #ffffffd9 inset}.bg-tint{background:linear-gradient(to right,#fff8f8,#564f4f,#5a4f4f)}.bg-mic{background:#192024;border:1px solid #3f3f3f}.bg-meter{background:linear-gradient(90deg,#535353 -33%,#d5d7d2)}.border-meter-over-limits{border-color:#454545}.bg-meter-tick{background:#5e5c58;box-shadow:0 1px 1px #00000040}.text-product-name{color:#1c1c1c}.border-product-name{border-color:#242424}.bg-power-button-border{background:linear-gradient(274deg,#b2abab -2%,#b3adad00 99%)}.bg-power-button{background:#b8b2af;box-shadow:1px 0 1px #d3cecc inset,-3px 0 6px -4px #0000008a inset}.bg-power-button-tint{background:linear-gradient(90deg,#00000054 -3%,#00000030 53%,#0000)}.bg-keyboard{background:#0d1114}.bg-base-border{background:linear-gradient(180deg,#f4f2f0,#8a8587)}.bg-base{background:linear-gradient(138deg,#e2e1dd 5%,#d8d4d3 95%)}.shadow-base{box-shadow:0 6px 8px -1px #00000080}.bg-radial-border{background:linear-gradient(132deg,#fff9 14%,#928c87 93%)}.bg-radial-lg-border{background:linear-gradient(123deg,#fff9 14%,#928c87 93%)}.bg-bump{background:linear-gradient(130deg,#f5f3f1 12%,transparent 48%)}.bg-bump-lg{background:linear-gradient(110deg,#f5f3f1 12%,transparent 48%)}.bg-button{background:linear-gradient(123deg,#e4dfdf 14%,#d9d5d2 88%)}.shadow-button{box-shadow:0 0 1px #e1e1e166,4px 4px 5px #857e7c,1px 6px 8px #827c7a80,3px 8px 6px #827c7a4d}.bg-button-top{background:#1b1b1b}.bg-screen-border{background:linear-gradient(114deg,#fffc -2%,#fff0 2%,#fff0 94%,#ffffff05 105%),linear-gradient(104deg,#53585999 73%,#292b2c99)}.bg-screen{background:linear-gradient(138deg,#39393b 5%,#040608 96%)}.bg-bump-mute{background:linear-gradient(138deg,#f6f4f2 4%,#918d8a 98%);box-shadow:inset 4px 4px 4px #ffffff40}.bg-mute{background:linear-gradient(138deg,#eae5e5 4%,#dbd6d5 98%);box-shadow:1px 1px 5px #45372d38,-1px -1px 3px #f1efed,inset -1px -1px 2px #95918ecc,inset 1px 1px 3px #f5f3f1}.bg-volume-base{background:linear-gradient(127deg,#c9c3c0 15%,#e5dfdc 90%);box-shadow:-.5px -.5px #cfc3be inset,-1px -1px 2px 1px #68605d4d inset,3px 1px 1px #bfb7b1 inset}.bg-volume-body-border{background:linear-gradient(132deg,#fff9 12%,#928c87 93%)}.bg-volume-body{background:linear-gradient(127deg,#fffbfa 15%,#ece6e4 90%);box-shadow:-1px -1px 2px 1px #a79a95 inset,1px 1px 2px #fbf9f5 inset,0 4px 4px #00000040,0 0 1px #e1e1e166,4px 4px 5px #41302b4d,1px 6px 8px #827c7a80}.bg-volume-top-border{background:linear-gradient(132deg,#fff9 80%,#928c87 93%)}.bg-volume-top{background:linear-gradient(123deg,#e4dfdf 14%,#d9d5d2 88%);box-shadow:-1px -1px 2px 1px #a79a95 inset,1px 1px 2px #fbf9f5 inset,4px 4px 5px #7c6b6666,1px 6px 8px #827c7a80,18px 18px 29px 10px #2d211d80}.bg-volume-indicator{background:linear-gradient(123deg,#e4dfdf 14%,#d9d5d2 88%);box-shadow:1px 1px 1px #b8aba8 inset,-1.2px -1.2px 1px -.9px #fbf9f5 inset}.bg-parameter-bed{background:#948687;box-shadow:.5px .5px .5px #fdf6f44d,-2px -1px 3px #3a2d246b inset}.bg-parameter-base{background:linear-gradient(139deg,#e8e1df 13%,#d9d2d0 90%);box-shadow:1px 1px 1px #fff9f8 inset,-1px -1px 1px #948687 inset}.bg-parameter-body-border{background:linear-gradient(132deg,#fff9 12%,#928c87 93%)}.bg-parameter-body{background:linear-gradient(127deg,#fffbfa 15%,#ece6e4 90%);box-shadow:1px 1px 2px #fbf9f5 inset,0 0 1px #e1e1e166,4px 4px 5px #41302b4d,1px 6px 8px #827c7a80}.bg-parameter-top-blue-border{background:linear-gradient(132deg,#4d515f 12%,#111525 93%)}.bg-parameter-top-brown-border{background:linear-gradient(132deg,#b9906f 12%,#5a4129 93%)}.bg-parameter-top-gray-border{background:linear-gradient(132deg,#b5b1b2 12%,#484345 93%)}.bg-parameter-top-orange-border{background:linear-gradient(132deg,#f69b7d 12%,#812005 93%)}.bg-parameter-top-blue{background:linear-gradient(123deg,#353c53 14%,#21263a 42%,#161a2d 88%);box-shadow:-1px -1px 3px 1px #0e1120 inset,1px 1px 2px -1px #fff inset,4px 4px 5px #21263a66,1px 6px 8px #827c7a80,26px 26px 19px -6px #2d211d9c,16px 16px 11px -2px #2d211d80,38px 38px 21px -2px #2d211d5e,18px 18px 15px 8px #2d211d4d}.bg-parameter-top-brown{background:linear-gradient(123deg,#ab8567 14%,#99714d 42%,#946e47 88%);box-shadow:-2px -2px 3px #583e2b inset,1px 1px 2px -1px #fff inset,4px 4px 5px #79522d4d,1px 6px 8px #827c7a80,26px 26px 19px -6px #2d211d9c,16px 16px 11px -2px #2d211d80,38px 38px 21px -2px #2d211d5e,18px 18px 15px 8px #2d211d4d}.bg-parameter-top-gray{background:linear-gradient(123deg,#909390 14%,#7a7778 42%,#787675 88%);box-shadow:-2px -2px 3px #4d4b4c inset,1px 1px 2px -1px #fff inset,4px 4px 5px #7c6b6666,1px 6px 8px #827c7a80,26px 26px 19px -6px #2d211d9c,16px 16px 11px -2px #2d211d80,38px 38px 21px -2px #2d211d5e,18px 18px 15px 8px #2d211d4d}.bg-parameter-top-orange{background:linear-gradient(123deg,#e25c30 14%,#d54922 42%,#ce411a 88%);box-shadow:-2px -2px 3px #852317 inset,1px 1px 2px -1px #fff inset,4px 4px 5px #76372680,1px 6px 8px #827c7a80,26px 26px 19px -6px #2d211d9c,16px 16px 11px -2px #2d211d80,38px 38px 21px -2px #2d211d5e,18px 18px 15px 8px #2d211d4d}#frame{scale:.32;rotate:90deg}@media (min-width: 640px) and (min-height: 360px){#frame{scale:.42;rotate:none}}@media (min-width: 320px) and (min-height: 600px){#frame{scale:.4;rotate:90deg}}@media (min-width: 360px) and (min-height: 660px){#frame{scale:.42;rotate:90deg}}@media (min-width: 353px) and (min-height: 732px){#frame{scale:.46;rotate:90deg}}@media (min-width: 393px) and (min-height: 786px){#frame{scale:.5;rotate:90deg}}@media (min-width: 344px) and (min-height: 844px){#frame{scale:.54;rotate:90deg}}@media (min-width: 412px) and (min-height: 915px){#frame{scale:.58;rotate:90deg}}@media (min-width: 600px) and (min-height: 1024px){#frame{scale:.66;rotate:90deg}}@media (min-width: 712px) and (min-height: 1138px){#frame{scale:.74;rotate:90deg}}@media (min-width: 800px) and (min-height: 1280px){#frame{scale:.84;rotate:90deg}}@media (min-width: 1024px) and (min-height: 600px){#frame{scale:.68;rotate:none}}@media (min-width: 1280px) and (min-height: 600px){#frame{scale:.86;rotate:none}}@media (min-width: 1536px) and (min-height: 600px){#frame{scale:1.05}}@media (min-width: 1920px) and (min-height: 600px){#frame{scale:1.25}}