html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;font-size:100%;font-weight:inherit;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--c-dark-blue:#101133;--c-main-blue:#171846;--c-light-blue:#313c77;--c-yellow:#fff4a2;--c-white:#fff;--sh-yellow:0px 0px 16px #ffcf55}*{box-sizing:border-box}body{background-color:var(--c-dark-blue);color:var(--c-white);font-family:Nunito;font-weight:400}.synth__container{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.container{background-color:var(--c-main-blue);border:1px solid var(--c-light-blue);border-radius:20px;padding:20px}.header__container{display:flex;gap:40px;width:100%}.lamps__container{display:flex;flex-direction:column;justify-content:space-between;align-items: center;width:100%}.lamps__line{display:flex;justify-content:space-between;width:100%}.lamps__line:nth-child(2){width:93.5%}.lamp{background-color:var(--c-light-blue);border-radius:50%;width:16px;height:16px}.lamp--active{background-color:var(--c-yellow);box-shadow:var(--sh-yellow)}.transport-buttons__container{display:flex;gap:20px}.transport-button{background-color:var(--c-yellow);box-shadow:var(--sh-yellow);border:0;border-radius:8px;width:80px;height:80px}.transport-button__icon{fill:var(--c-main-blue)}.transport-button--disabled{background-color:var(--c-light-blue);box-shadow:none;pointer-events:none}.part-settings__wrapper{display:flex;flex-wrap:wrap;gap:20px}.settings__container{display:flex;flex-direction:column;gap:20px;width:calc(33.3333% - 13.3333px)}h2{font-size:20px}h3{opacity:.5;font-size:16px}.setting__wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.sequence__wrapper{display:flex;flex-wrap:wrap;gap:12px;width:100%}.sequence__button{background-color:var(--c-light-blue);border:0;border-radius:8px;width:calc(25% - 9px);height:48px}.sequence__button--active{background-color:var(--c-yellow);box-shadow:var(--sh-yellow)}.volume__wrapper{display:flex;align-items: center;gap:20px;width:100%}.mute__button{color:inherit;background-color:var(--c-light-blue);border:0;border-radius:8px;min-width:60px;padding:8px 12px;font-family:inherit;font-size:14px}.mute__button--active{background-color:var(--c-yellow);box-shadow:var(--sh-yellow);color:var(--c-main-blue)}.slider{appearance:none;-webkit-appearance:none;background:var(--c-light-blue);border-radius:2px;width:100%;height:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--c-yellow);box-shadow:var(--sh-yellow);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}@media screen and (max-width:1000px){.synth__container{gap:12px;padding:12px}.container{border-radius:16px;padding:16px}.header__container{flex-direction:column;align-items: center;gap:20px}.lamps__line:nth-child(2){width:90%}.lamp{width:12px;height:12px}.lamp--mobile{display:none}.transport-buttons__container{gap:12px}.transport-button{width:48px;height:48px}.transport-button__icon__wrapper{max-width:20px;max-height:20px}.part-settings__wrapper{gap:16px}.settings__container{gap:16px;width:100%}h2{font-size:16px}h3{font-size:14px}.setting__wrapper{gap:8px}.sequence__wrapper{gap:4px}.sequence__button{width:calc(25% - 3px);height:32px}.volume__wrapper{gap:12px}.mute__button{padding:4px 8px;font-size:14px}.slider{height:2px}.slider::-webkit-slider-thumb{width:12px;height:12px}}