@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Poiret+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&family=Monoton&family=Plaster&family=Poiret+One&display=swap);
/*
! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plaster,Londrina Solid,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fefbf6;height:100vh;text-align:center;width:100%}.arp_key{box-sizing:initial;flex-grow:1;position:relative;-webkit-transform:translateY(13%);transform:translateY(13%);width:10%}.arp_key>.arp_key_inner{cursor:pointer}.arp_key_inner:after{bottom:23%;height:5%;left:45%;width:11%}.arp_key--sharp>.arp_key_inner:after,.arp_key_inner:after{background:#0061ac!important;border-radius:0;content:" ";display:block;position:absolute}.arp_key--sharp>.arp_key_inner:after{bottom:-10%;height:7%;left:150%;width:60%}.arp_key--notinscale>.arp_key_inner{cursor:auto;pointer-events:none}.arp_key--sharp.arp_key--notinscale>.arp_key_inner{pointer-events:none}.arp_key--notinscale>.arp_key_inner:after,.arp_key--sharp.arp_key--notinscale>.arp_key_inner:after{display:none}.arp_key:nth-of-type(5){margin-right:2.5%}.arp_key:first-of-type>.arp_key_inner{-webkit-clip-path:polygon(0 0,100% 0,99% 99%,4% 100%);clip-path:polygon(0 0,100% 0,99% 99%,4% 100%)}.arp_key:nth-of-type(2)>.arp_key_inner{-webkit-clip-path:polygon(0 1%,100% 0,98% 100%,0 99%);clip-path:polygon(0 1%,100% 0,98% 100%,0 99%)}.arp_key:nth-of-type(3)>.arp_key_inner{-webkit-clip-path:polygon(3% 1%,98% 0,98% 97%,0 100%);clip-path:polygon(3% 1%,98% 0,98% 97%,0 100%)}.arp_key:nth-of-type(4)>.arp_key_inner{-webkit-clip-path:polygon(9% 0,98% 3%,95% 97%,2% 100%);clip-path:polygon(9% 0,98% 3%,95% 97%,2% 100%)}.arp_key:nth-of-type(5)>.arp_key_inner{-webkit-clip-path:polygon(11% 4%,95% 3%,99% 100%,2% 99%);clip-path:polygon(11% 4%,95% 3%,99% 100%,2% 99%)}.arp_key:nth-of-type(6)>.arp_key_inner{-webkit-clip-path:polygon(0 0,95% 3%,99% 100%,6% 96%);clip-path:polygon(0 0,95% 3%,99% 100%,6% 96%)}.arp_key:nth-of-type(7)>.arp_key_inner{-webkit-clip-path:polygon(3% 3%,98% 3%,95% 97%,2% 100%);clip-path:polygon(3% 3%,98% 3%,95% 97%,2% 100%)}.arp_key:first-of-type>.arp_key_inner{-webkit-clip-path:polygon(5% 1%,96% 5%,100% 97%,1% 99%);clip-path:polygon(5% 1%,96% 5%,100% 97%,1% 99%)}.arp_key:nth-of-type(2)>.arp_key_inner{-webkit-clip-path:polygon(9% 1%,95% 4%,100% 100%,3% 97%);clip-path:polygon(9% 1%,95% 4%,100% 100%,3% 97%)}.arp_key_inner{background:#ddd5c7;background:linear-gradient(0deg,#ddd5c7,#fefbf6 1%,#fefbf6 57%,#d9cebd);box-sizing:initial;height:80%;padding:4.25% 50%;transition:all .25s ease;width:0}.arp_key_inner:hover{background:#fef2f2!important;background:linear-gradient(0deg,#e2e5f3 57%,#bdc4ec)!important}.arp_key--sharp{height:60%;position:relative;top:0;-webkit-transform:translateX(-150%) translateY(3%);transform:translateX(-150%) translateY(3%);width:0;z-index:1}.arp_key--sharp .arp_key_inner{background:#07060a;background:#030305;background:linear-gradient(0deg,#030305,#0f0c19 1%,#0f0c19 57%,#030305);height:100%;padding:100% 200%}.arp_key--sharp .arp_key_inner:hover{background:#08080a!important;background:linear-gradient(0deg,#23232e 57%,#2e2e4d)!important}.arp_key_12 .arp_key_inner:before,.arp_key_24 .arp_key_inner:before,.arp_key_36 .arp_key_inner:before,.arp_key_48 .arp_key_inner:before,.arp_key_60 .arp_key_inner:before,.arp_key_72 .arp_key_inner:before,.arp_key_84 .arp_key_inner:before,.arp_key_96 .arp_key_inner:before{align-items:end;color:#261f22;display:grid;font-size:4vw;font-weight:600;height:75%;left:0;opacity:1;padding-bottom:0;position:absolute;top:0;width:100%}.arp_key_12 .arp_key_inner:before{content:"0"}.arp_key_24 .arp_key_inner:before{content:"1"}.arp_key_36 .arp_key_inner:before{content:"2"}.arp_key_48 .arp_key_inner:before{content:"3"}.arp_key_60 .arp_key_inner:before{content:"4"}.arp_key_72 .arp_key_inner:before{content:"5"}.arp_key_84 .arp_key_inner:before{content:"6"}.arp_key_96 .arp_key_inner:before{content:"7"}.arp_keys--playing_20 .arp_key_20 .arp_key_inner,.arp_keys--playing_21 .arp_key_21 .arp_key_inner,.arp_keys--playing_22 .arp_key_22 .arp_key_inner,.arp_keys--playing_23 .arp_key_23 .arp_key_inner,.arp_keys--playing_24 .arp_key_24 .arp_key_inner,.arp_keys--playing_25 .arp_key_25 .arp_key_inner,.arp_keys--playing_26 .arp_key_26 .arp_key_inner,.arp_keys--playing_27 .arp_key_27 .arp_key_inner,.arp_keys--playing_28 .arp_key_28 .arp_key_inner,.arp_keys--playing_29 .arp_key_29 .arp_key_inner,.arp_keys--playing_30 .arp_key_30 .arp_key_inner,.arp_keys--playing_31 .arp_key_31 .arp_key_inner,.arp_keys--playing_32 .arp_key_32 .arp_key_inner,.arp_keys--playing_33 .arp_key_33 .arp_key_inner,.arp_keys--playing_34 .arp_key_34 .arp_key_inner,.arp_keys--playing_35 .arp_key_33 .arp_key_inner,.arp_keys--playing_36 .arp_key_36 .arp_key_inner,.arp_keys--playing_37 .arp_key_37 .arp_key_inner,.arp_keys--playing_38 .arp_key_38 .arp_key_inner,.arp_keys--playing_39 .arp_key_39 .arp_key_inner,.arp_keys--playing_40 .arp_key_40 .arp_key_inner,.arp_keys--playing_41 .arp_key_41 .arp_key_inner,.arp_keys--playing_42 .arp_key_42 .arp_key_inner,.arp_keys--playing_43 .arp_key_43 .arp_key_inner,.arp_keys--playing_44 .arp_key_44 .arp_key_inner,.arp_keys--playing_45 .arp_key_45 .arp_key_inner,.arp_keys--playing_46 .arp_key_46 .arp_key_inner,.arp_keys--playing_47 .arp_key_47 .arp_key_inner,.arp_keys--playing_48 .arp_key_48 .arp_key_inner,.arp_keys--playing_49 .arp_key_49 .arp_key_inner{background:#fef200!important;background:linear-gradient(0deg,#fef200 57%,#db3)!important}.arp_keys--playing_50 .arp_key_50 .arp_key_inner{background:#fef200!important;border-bottom:2px solid #fef200!important;box-shadow:0 0 15px 5px #fef200}.arp_keys--playing_51 .arp_key_51 .arp_key_inner,.arp_keys--playing_52 .arp_key_52 .arp_key_inner,.arp_keys--playing_53 .arp_key_53 .arp_key_inner,.arp_keys--playing_54 .arp_key_54 .arp_key_inner,.arp_keys--playing_55 .arp_key_55 .arp_key_inner,.arp_keys--playing_56 .arp_key_56 .arp_key_inner,.arp_keys--playing_57 .arp_key_57 .arp_key_inner,.arp_keys--playing_58 .arp_key_58 .arp_key_inner,.arp_keys--playing_59 .arp_key_59 .arp_key_inner,.arp_keys--playing_60 .arp_key_60 .arp_key_inner,.arp_keys--playing_61 .arp_key_61 .arp_key_inner,.arp_keys--playing_62 .arp_key_62 .arp_key_inner,.arp_keys--playing_63 .arp_key_63 .arp_key_inner,.arp_keys--playing_64 .arp_key_64 .arp_key_inner,.arp_keys--playing_65 .arp_key_65 .arp_key_inner,.arp_keys--playing_66 .arp_key_66 .arp_key_inner,.arp_keys--playing_67 .arp_key_67 .arp_key_inner,.arp_keys--playing_68 .arp_key_68 .arp_key_inner,.arp_keys--playing_69 .arp_key_69 .arp_key_inner,.arp_keys--playing_70 .arp_key_70 .arp_key_inner,.arp_keys--playing_71 .arp_key_71 .arp_key_inner,.arp_keys--playing_72 .arp_key_72 .arp_key_inner,.arp_keys--playing_73 .arp_key_73 .arp_key_inner,.arp_keys--playing_74 .arp_key_74 .arp_key_inner,.arp_keys--playing_75 .arp_key_75 .arp_key_inner,.arp_keys--playing_76 .arp_key_76 .arp_key_inner,.arp_keys--playing_77 .arp_key_77 .arp_key_inner,.arp_keys--playing_78 .arp_key_78 .arp_key_inner,.arp_keys--playing_79 .arp_key_79 .arp_key_inner,.arp_keys--playing_80 .arp_key_80 .arp_key_inner,.arp_keys--playing_81 .arp_key_81 .arp_key_inner,.arp_keys--playing_82 .arp_key_82 .arp_key_inner,.arp_keys--playing_83 .arp_key_83 .arp_key_inner,.arp_keys--playing_84 .arp_key_84 .arp_key_inner,.arp_keys--playing_85 .arp_key_85 .arp_key_inner,.arp_keys--playing_86 .arp_key_86 .arp_key_inner,.arp_keys--playing_87 .arp_key_87 .arp_key_inner,.arp_keys--playing_88 .arp_key_88 .arp_key_inner,.arp_keys--playing_89 .arp_key_89 .arp_key_inner,.arp_keys--playing_90 .arp_key_90 .arp_key_inner,.arp_keys--playing_91 .arp_key_91 .arp_key_inner,.arp_keys--playing_92 .arp_key_92 .arp_key_inner,.arp_keys--playing_93 .arp_key_93 .arp_key_inner,.arp_keys--playing_94 .arp_key_94 .arp_key_inner,.arp_keys--playing_95 .arp_key_95 .arp_key_inner,.arp_keys--playing_96 .arp_key_96 .arp_key_inner,.arp_keys--playing_97 .arp_key_97 .arp_key_inner,.arp_keys--playing_98 .arp_key_98 .arp_key_inner,.arp_keys--playing_99 .arp_key_99 .arp_key_inner,.arp_keys--playing_100 .arp_key_100 .arp_key_inner,.arp_keys--playing_101 .arp_key_101 .arp_key_inner,.arp_keys--playing_102 .arp_key_102 .arp_key_inner,.arp_keys--playing_103 .arp_key_103 .arp_key_inner,.arp_keys--playing_104 .arp_key_104 .arp_key_inner,.arp_keys--playing_105 .arp_key_105 .arp_key_inner,.arp_keys--playing_106 .arp_key_106 .arp_key_inner,.arp_keys--playing_107 .arp_key_107 .arp_key_inner,.arp_keys--playing_108 .arp_key_108 .arp_key_inner,.arp_keys--playing_109 .arp_key_109 .arp_key_inner,.arp_keys--playing_110 .arp_key_110 .arp_key_inner,.arp_keys--playing_111 .arp_key_111 .arp_key_inner,.arp_keys--playing_112 .arp_key_112 .arp_key_inner,.arp_keys--playing_113 .arp_key_113 .arp_key_inner,.arp_keys--playing_114 .arp_key_114 .arp_key_inner,.arp_keys--playing_115 .arp_key_115 .arp_key_inner,.arp_keys--playing_116 .arp_key_116 .arp_key_inner,.arp_keys--playing_117 .arp_key_117 .arp_key_inner,.arp_keys--playing_118 .arp_key_118 .arp_key_inner,.arp_keys--playing_119 .arp_key_119 .arp_key_inner,.arp_keys--playing_120 .arp_key_120 .arp_key_inner,.arp_keys--playing_121 .arp_key_121 .arp_key_inner,.arp_keys--playing_122 .arp_key_122 .arp_key_inner,.arp_keys--playing_123 .arp_key_123 .arp_key_inner,.arp_keys--playing_124 .arp_key_124 .arp_key_inner,.arp_keys--playing_125 .arp_key_125 .arp_key_inner,.arp_keys--playing_126 .arp_key_126 .arp_key_inner,.arp_keys--playing_127 .arp_key_127 .arp_key_inner,.arp_keys--playing_128 .arp_key_128 .arp_key_inner,.arp_keys--playing_129 .arp_key_129 .arp_key_inner{background:#fef200!important;background:linear-gradient(0deg,#fef200 57%,#db3)!important}.arp_keys--highlighting_20 .arp_key_20 .arp_key_inner,.arp_keys--highlighting_21 .arp_key_21 .arp_key_inner,.arp_keys--highlighting_22 .arp_key_22 .arp_key_inner,.arp_keys--highlighting_23 .arp_key_23 .arp_key_inner,.arp_keys--highlighting_24 .arp_key_24 .arp_key_inner,.arp_keys--highlighting_25 .arp_key_25 .arp_key_inner,.arp_keys--highlighting_26 .arp_key_26 .arp_key_inner,.arp_keys--highlighting_27 .arp_key_27 .arp_key_inner,.arp_keys--highlighting_28 .arp_key_28 .arp_key_inner,.arp_keys--highlighting_29 .arp_key_29 .arp_key_inner,.arp_keys--highlighting_30 .arp_key_30 .arp_key_inner,.arp_keys--highlighting_31 .arp_key_31 .arp_key_inner,.arp_keys--highlighting_32 .arp_key_32 .arp_key_inner,.arp_keys--highlighting_33 .arp_key_33 .arp_key_inner,.arp_keys--highlighting_34 .arp_key_34 .arp_key_inner,.arp_keys--highlighting_35 .arp_key_33 .arp_key_inner,.arp_keys--highlighting_36 .arp_key_36 .arp_key_inner,.arp_keys--highlighting_37 .arp_key_37 .arp_key_inner,.arp_keys--highlighting_38 .arp_key_38 .arp_key_inner,.arp_keys--highlighting_39 .arp_key_39 .arp_key_inner,.arp_keys--highlighting_40 .arp_key_40 .arp_key_inner,.arp_keys--highlighting_41 .arp_key_41 .arp_key_inner,.arp_keys--highlighting_42 .arp_key_42 .arp_key_inner,.arp_keys--highlighting_43 .arp_key_43 .arp_key_inner,.arp_keys--highlighting_44 .arp_key_44 .arp_key_inner,.arp_keys--highlighting_45 .arp_key_45 .arp_key_inner,.arp_keys--highlighting_46 .arp_key_46 .arp_key_inner,.arp_keys--highlighting_47 .arp_key_47 .arp_key_inner,.arp_keys--highlighting_48 .arp_key_48 .arp_key_inner,.arp_keys--highlighting_49 .arp_key_49 .arp_key_inner,.arp_keys--highlighting_50 .arp_key_50 .arp_key_inner,.arp_keys--highlighting_51 .arp_key_51 .arp_key_inner,.arp_keys--highlighting_52 .arp_key_52 .arp_key_inner,.arp_keys--highlighting_53 .arp_key_53 .arp_key_inner,.arp_keys--highlighting_54 .arp_key_54 .arp_key_inner,.arp_keys--highlighting_55 .arp_key_55 .arp_key_inner,.arp_keys--highlighting_56 .arp_key_56 .arp_key_inner,.arp_keys--highlighting_57 .arp_key_57 .arp_key_inner,.arp_keys--highlighting_58 .arp_key_58 .arp_key_inner,.arp_keys--highlighting_59 .arp_key_59 .arp_key_inner,.arp_keys--highlighting_60 .arp_key_60 .arp_key_inner,.arp_keys--highlighting_61 .arp_key_61 .arp_key_inner,.arp_keys--highlighting_62 .arp_key_62 .arp_key_inner,.arp_keys--highlighting_63 .arp_key_63 .arp_key_inner,.arp_keys--highlighting_64 .arp_key_64 .arp_key_inner,.arp_keys--highlighting_65 .arp_key_65 .arp_key_inner,.arp_keys--highlighting_66 .arp_key_66 .arp_key_inner,.arp_keys--highlighting_67 .arp_key_67 .arp_key_inner,.arp_keys--highlighting_68 .arp_key_68 .arp_key_inner,.arp_keys--highlighting_69 .arp_key_69 .arp_key_inner,.arp_keys--highlighting_70 .arp_key_70 .arp_key_inner,.arp_keys--highlighting_71 .arp_key_71 .arp_key_inner,.arp_keys--highlighting_72 .arp_key_72 .arp_key_inner,.arp_keys--highlighting_73 .arp_key_73 .arp_key_inner,.arp_keys--highlighting_74 .arp_key_74 .arp_key_inner,.arp_keys--highlighting_75 .arp_key_75 .arp_key_inner,.arp_keys--highlighting_76 .arp_key_76 .arp_key_inner,.arp_keys--highlighting_77 .arp_key_77 .arp_key_inner,.arp_keys--highlighting_78 .arp_key_78 .arp_key_inner,.arp_keys--highlighting_79 .arp_key_79 .arp_key_inner,.arp_keys--highlighting_80 .arp_key_80 .arp_key_inner,.arp_keys--highlighting_81 .arp_key_81 .arp_key_inner,.arp_keys--highlighting_82 .arp_key_82 .arp_key_inner,.arp_keys--highlighting_83 .arp_key_83 .arp_key_inner,.arp_keys--highlighting_84 .arp_key_84 .arp_key_inner,.arp_keys--highlighting_85 .arp_key_85 .arp_key_inner,.arp_keys--highlighting_86 .arp_key_86 .arp_key_inner,.arp_keys--highlighting_87 .arp_key_87 .arp_key_inner,.arp_keys--highlighting_88 .arp_key_88 .arp_key_inner,.arp_keys--highlighting_89 .arp_key_89 .arp_key_inner,.arp_keys--highlighting_90 .arp_key_90 .arp_key_inner,.arp_keys--highlighting_91 .arp_key_91 .arp_key_inner,.arp_keys--highlighting_92 .arp_key_92 .arp_key_inner,.arp_keys--highlighting_93 .arp_key_93 .arp_key_inner,.arp_keys--highlighting_94 .arp_key_94 .arp_key_inner,.arp_keys--highlighting_95 .arp_key_95 .arp_key_inner,.arp_keys--highlighting_96 .arp_key_96 .arp_key_inner,.arp_keys--highlighting_97 .arp_key_97 .arp_key_inner,.arp_keys--highlighting_98 .arp_key_98 .arp_key_inner,.arp_keys--highlighting_99 .arp_key_99 .arp_key_inner,.arp_keys--highlighting_100 .arp_key_100 .arp_key_inner,.arp_keys--highlighting_101 .arp_key_101 .arp_key_inner,.arp_keys--highlighting_102 .arp_key_102 .arp_key_inner,.arp_keys--highlighting_103 .arp_key_103 .arp_key_inner,.arp_keys--highlighting_104 .arp_key_104 .arp_key_inner,.arp_keys--highlighting_105 .arp_key_105 .arp_key_inner,.arp_keys--highlighting_106 .arp_key_106 .arp_key_inner,.arp_keys--highlighting_107 .arp_key_107 .arp_key_inner,.arp_keys--highlighting_108 .arp_key_108 .arp_key_inner,.arp_keys--highlighting_109 .arp_key_109 .arp_key_inner,.arp_keys--highlighting_110 .arp_key_110 .arp_key_inner,.arp_keys--highlighting_111 .arp_key_111 .arp_key_inner,.arp_keys--highlighting_112 .arp_key_112 .arp_key_inner,.arp_keys--highlighting_113 .arp_key_113 .arp_key_inner,.arp_keys--highlighting_114 .arp_key_114 .arp_key_inner,.arp_keys--highlighting_115 .arp_key_115 .arp_key_inner,.arp_keys--highlighting_116 .arp_key_116 .arp_key_inner,.arp_keys--highlighting_117 .arp_key_117 .arp_key_inner,.arp_keys--highlighting_118 .arp_key_118 .arp_key_inner,.arp_keys--highlighting_119 .arp_key_119 .arp_key_inner,.arp_keys--highlighting_120 .arp_key_120 .arp_key_inner,.arp_keys--highlighting_121 .arp_key_121 .arp_key_inner,.arp_keys--highlighting_122 .arp_key_122 .arp_key_inner,.arp_keys--highlighting_123 .arp_key_123 .arp_key_inner,.arp_keys--highlighting_124 .arp_key_124 .arp_key_inner,.arp_keys--highlighting_125 .arp_key_125 .arp_key_inner,.arp_keys--highlighting_126 .arp_key_126 .arp_key_inner,.arp_keys--highlighting_127 .arp_key_127 .arp_key_inner,.arp_keys--highlighting_128 .arp_key_128 .arp_key_inner,.arp_keys--highlighting_129 .arp_key_129 .arp_key_inner{background:#2789f9!important;border-bottom:2px solid #1d61ad!important}.arp_keys_octaves{flex-wrap:wrap;height:100%;margin:0 auto;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.arp_keys_octave,.arp_keys_octaves{box-sizing:initial;display:flex;position:relative}.arp_keys_octave{height:50%;justify-content:space-between;margin:0;padding:0;width:85%}.arp_keys_octave-2 .arp_keys_octaves{-webkit-transform:translateX(-15%) translateY(-50%);transform:translateX(-15%) translateY(-50%)}.arp_keys_octave-3 .arp_keys_octaves{-webkit-transform:translateX(-30%) translateY(-100%);transform:translateX(-30%) translateY(-100%)}.arp_keys_octave-4 .arp_keys_octaves{-webkit-transform:translateX(-45%) translateY(-150%);transform:translateX(-45%) translateY(-150%)}.arp_keys_octave-5 .arp_keys_octaves{-webkit-transform:translateX(-60%) translateY(-200%);transform:translateX(-60%) translateY(-200%)}.arp_keys_octave-6 .arp_keys_octaves{-webkit-transform:translateX(-75%) translateY(-250%);transform:translateX(-75%) translateY(-250%)}.arp_keys_octave-7 .arp_keys_octaves{-webkit-transform:translateX(-90%) translateY(-300%);transform:translateX(-90%) translateY(-300%)}@media screen and (min-width:1024px){.arp_keys_octave-2 .arp_keys_octaves{flex-wrap:nowrap;-webkit-transform:translateX(-14.2857%) translateY(0);transform:translateX(-14.2857%) translateY(0)}.arp_keys_octave-3 .arp_keys_octaves{flex-wrap:nowrap;-webkit-transform:translateX(-28.57%) translateY(0);transform:translateX(-28.57%) translateY(0)}.arp_keys_octave-4 .arp_keys_octaves{flex-wrap:nowrap;-webkit-transform:translateX(-42.857%) translateY(0);transform:translateX(-42.857%) translateY(0)}.arp_keys_octave-4 .arp_keys_octave_down,.arp_keys_octave-5 .arp_keys_octave_down,.arp_keys_octave-6 .arp_keys_octave_down,.arp_keys_octave-7 .arp_keys_octave_down{display:none}.arp_keys_octave-5 .arp_keys_octaves,.arp_keys_octave-6 .arp_keys_octaves,.arp_keys_octave-7 .arp_keys_octaves{flex-wrap:nowrap;-webkit-transform:translateX(-42.857%) translateY(0);transform:translateX(-42.857%) translateY(0)}}@media screen and (min-width:1260px){.arp_keys_octave-2 .arp_keys_octaves,.arp_keys_octave-3 .arp_keys_octaves,.arp_keys_octave-4 .arp_keys_octaves,.arp_keys_octave-5 .arp_keys_octaves,.arp_keys_octave-6 .arp_keys_octaves,.arp_keys_octave-7 .arp_keys_octaves{flex-wrap:nowrap;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.arp_keys_octave-1 .arp_keys_octave_down,.arp_keys_octave-1 .arp_keys_octave_up,.arp_keys_octave-2 .arp_keys_octave_down,.arp_keys_octave-2 .arp_keys_octave_up,.arp_keys_octave-3 .arp_keys_octave_down,.arp_keys_octave-3 .arp_keys_octave_up,.arp_keys_octave-4 .arp_keys_octave_down,.arp_keys_octave-4 .arp_keys_octave_up,.arp_keys_octave-5 .arp_keys_octave_down,.arp_keys_octave-5 .arp_keys_octave_up,.arp_keys_octave-6 .arp_keys_octave_down,.arp_keys_octave-6 .arp_keys_octave_up,.arp_keys_octave-7 .arp_keys_octave_down,.arp_keys_octave-7 .arp_keys_octave_up{display:none}}.arp_keys_octave:nth-of-type(2){left:15%}.arp_keys_octave:nth-of-type(3){left:30%}.arp_keys_octave:nth-of-type(4){left:45%}.arp_keys_octave:nth-of-type(5){left:60%}.arp_keys_octave:nth-of-type(6){left:75%}.arp_keys_octave:nth-of-type(7){left:90%}.arp_keys_octave:nth-of-type(8){left:105%}.arp_keys_octave:last-of-type{margin-right:0}.arp_keys_octave:first-of-type{margin-left:0}@media screen and (min-width:640px){.arp_keys_octaves{width:95vw}.arp_keys_octave{box-sizing:border-box;height:50%;padding-right:1.25%;width:50%}.arp_keys_octave:nth-of-type(2),.arp_keys_octave:nth-of-type(3),.arp_keys_octave:nth-of-type(4),.arp_keys_octave:nth-of-type(5),.arp_keys_octave:nth-of-type(6),.arp_keys_octave:nth-of-type(7),.arp_keys_octave:nth-of-type(8){left:0}}@media screen and (min-width:1024px){.arp_keys_octaves{width:157.5vw}.arp_keys_octave{box-sizing:border-box;height:100%;padding-right:.625%;width:14.2857%}}@media screen and (min-width:1260px){.arp_keys_octaves{width:90vw}.arp_keys_octave{box-sizing:border-box;height:100%;padding-right:.3%;width:14.2857%}}.arp_keys{align-items:center;background:linear-gradient(145deg,#0178d0,#0165af);box-shadow:0 5px 15px #888,0 -5px 10px #0178d0;display:grid;grid-area:keyboard;height:100%;padding:3vh 0 0;position:relative}.arp_keys_octave_container{box-sizing:initial;height:90%;margin:0 auto;overflow:hidden;position:relative;width:90%}@media screen and (min-width:640px){.arp_keys_octave_container{width:90vw}}@media screen and (min-width:1024px){.arp_keys{height:20vh}.arp_keys_octave_container{height:16vh;overflow:hidden;padding:0;width:90vw}}@media screen and (min-width:1260px){.arp_keys{height:14vh}.arp_keys_octave_container{height:10vh;padding:0 2.5vw;width:90vw}}.arp_keys_octave_up{background:#ed1b24;-webkit-clip-path:polygon(0 0,100% 4%,48% 21%,22% 100%);clip-path:polygon(0 0,100% 4%,48% 21%,22% 100%);height:20%;position:absolute;right:5%;top:15%;width:10%;z-index:5}.arp_keys_octave_up:hover{background:#f0353d}@media screen and (min-width:1024px){.arp_keys_octave_up{-webkit-clip-path:polygon(100% 0,74% 54%,100% 100%,0 29%);clip-path:polygon(100% 0,74% 54%,100% 100%,0 29%);height:4vh;left:2vh;right:0;top:7vh;width:2vw}}@media screen and (min-width:1260px){.arp_keys_octave_up{display:none}}.arp_keys_octave_down{background:#ed1b24;-webkit-clip-path:polygon(100% 100%,93% 0,73% 57%,0 78%);clip-path:polygon(100% 100%,93% 0,73% 57%,0 78%);height:20%;position:absolute;right:5%;top:35%;width:10%;z-index:5}.arp_keys_octave_down:hover{background:#f0353d}@media screen and (min-width:1024px){.arp_keys_octave_down{-webkit-clip-path:polygon(0 0,100% 36%,10% 100%,32% 34%);clip-path:polygon(0 0,100% 36%,10% 100%,32% 34%);height:4vh;right:2vh;top:7vh;width:2vw}}@media screen and (min-width:1260px){.arp_keys_octave_down{display:none}}.arp_keys_rest{background:#030305;background:linear-gradient(0deg,#030305,#0f0c19 1%,#0f0c19 57%,#030305);bottom:5%;-webkit-clip-path:polygon(99% 99%,98% 0,1% 2%,4% 100%);clip-path:polygon(99% 99%,98% 0,1% 2%,4% 100%);height:40%;left:5%;opacity:1;position:absolute;width:8%;z-index:5}.arp_keys_rest:hover{background:#fef200!important}@media screen and (min-width:1024px){.arp_keys_rest{bottom:2vh;height:8vh;left:0;width:2vw}}@media screen and (min-width:1260px){.arp_keys_rest{bottom:3vh;height:8vh;left:2vw;width:2vw}}.arp_keybar{background-color:#261f22;box-shadow:0 -5px 15px #888;color:#fefbf6;grid-template-columns:90%;height:100%;height:3vh;justify-content:center;position:fixed;top:0;width:100%;z-index:10}.arp_keybar,.arp_keybar_container{align-items:end;display:grid;grid-template-rows:1fr}.arp_keybar_container{grid-gap:5%;gap:5%;grid-template-columns:1fr 1fr 2fr;height:85%;justify-content:left}.arp_keybar_button{background:linear-gradient(180deg,#0165af,#0178d0);height:100%;width:100%}.arp_sequence{grid-area:sequence;height:100%;position:relative;width:100%;z-index:1}.arp_sequence_grids{height:100%;position:absolute;width:100%}.arp_sequence_grid_container{height:100%;margin:0 auto;position:relative;width:80%}@media screen and (min-width:640px){.arp_sequence_grid_container{width:60%}}@media screen and (min-width:1024px){.arp_sequence_grid_container{width:40%}}@media screen and (min-width:1260px){.arp_sequence_grid_container{width:25%}}.arp_sequence_grid{grid-gap:1%;display:grid;gap:1%;grid-template-columns:1fr 1fr 1fr 1fr;height:100%;margin:0 auto;position:absolute;right:0;top:0;width:100%}.arp_sequence_step_container{padding:0 .5vh;position:relative}.arp_sequence_step_highlight{background:orange;-webkit-clip-path:polygon(100% 96%,98% 1%,2% 0,0 100%);clip-path:polygon(100% 96%,98% 1%,2% 0,0 100%);height:100%;opacity:0;position:absolute;-webkit-transform:scale(1);transform:scale(1);transition:opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:opacity .25s ease-in-out,transform .25s ease-in-out;transition:opacity .25s ease-in-out,transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:90%;z-index:1}.arp_sequence_step{background-color:#261f22;background:#07060a;background:#030305;background:linear-gradient(0deg,#030305,#0f0c19 1%,#0f0c19 57%,#030305);position:relative;z-index:5}.arp_sequence_step,.arp_sequence_step_note{align-items:center;color:#fff;display:grid;font-size:3vh;height:100%;justify-items:center;line-height:0}.arp_sequence_step_note{content:"";left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.arp_sequence_step_pattern{background-color:#888;bottom:0;box-shadow:0 0 0 0 rgba(254,242,0,0);display:grid;height:50%;left:0;position:absolute;width:100%;z-index:1}.arp_sequence_step_pattern,.arp_sequence_step_pattern.arp_sequence_step_pattern_length16{grid-template-columns:repeat(16,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length15{grid-template-columns:repeat(15,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length14{grid-template-columns:repeat(14,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length13{grid-template-columns:repeat(13,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length12{grid-template-columns:repeat(12,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length11{grid-template-columns:repeat(11,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length10{grid-template-columns:repeat(10,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length9{grid-template-columns:repeat(9,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length8{grid-template-columns:repeat(8,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length7{grid-template-columns:repeat(7,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length6{grid-template-columns:repeat(6,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length5{grid-template-columns:repeat(5,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length4{grid-template-columns:repeat(4,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length3{grid-template-columns:repeat(3,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length2{grid-template-columns:repeat(2,1fr)}.arp_sequence_step_pattern.arp_sequence_step_pattern_length1{grid-template-columns:repeat(1,1fr)}.arp_sequence_step_pattern:after{background-color:#888;background:orange;content:"";display:none;height:100%;width:100%;z-index:1}.arp_pattern_patternvisual_playingentry0 .arp_sequence_step_pattern:after{grid-column:span 1/span 1}.arp_pattern_patternvisual_playingentry1 .arp_sequence_step_pattern:after{grid-column:span 2/span 2}.arp_pattern_patternvisual_playingentry2 .arp_sequence_step_pattern:after{grid-column:span 3/span 3}.arp_pattern_patternvisual_playingentry3 .arp_sequence_step_pattern:after{grid-column:span 4/span 4}.arp_pattern_patternvisual_playingentry4 .arp_sequence_step_pattern:after{grid-column:span 5/span 5}.arp_pattern_patternvisual_playingentry5 .arp_sequence_step_pattern:after{grid-column:span 6/span 6}.arp_pattern_patternvisual_playingentry6 .arp_sequence_step_pattern:after{grid-column:span 7/span 7}.arp_pattern_patternvisual_playingentry7 .arp_sequence_step_pattern:after{grid-column:span 8/span 8}.arp_pattern_patternvisual_playingentry8 .arp_sequence_step_pattern:after{grid-column:span 9/span 9}.arp_pattern_patternvisual_playingentry9 .arp_sequence_step_pattern:after{grid-column:span 10/span 10}.arp_pattern_patternvisual_playingentry10 .arp_sequence_step_pattern:after{grid-column:span 11/span 11}.arp_pattern_patternvisual_playingentry11 .arp_sequence_step_pattern:after{grid-column:span 12/span 12}.arp_pattern_patternvisual_playingentry12 .arp_sequence_step_pattern:after{grid-column:span 13/span 13}.arp_pattern_patternvisual_playingentry13 .arp_sequence_step_pattern:after{grid-column:span 14/span 14}.arp_pattern_patternvisual_playingentry14 .arp_sequence_step_pattern:after{grid-column:span 15/span 15}.arp_pattern_patternvisual_playingentry15 .arp_sequence_step_pattern:after{grid-column:span 16/span 16}.arp_sequence_playing_step_0 .arp_sequence_step-0 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_1 .arp_sequence_step-1 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_2 .arp_sequence_step-2 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_3 .arp_sequence_step-3 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_4 .arp_sequence_step-4 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_5 .arp_sequence_step-5 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_6 .arp_sequence_step-6 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_7 .arp_sequence_step-7 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_8 .arp_sequence_step-8 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_9 .arp_sequence_step-9 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_10 .arp_sequence_step-10 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_11 .arp_sequence_step-11 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_12 .arp_sequence_step-12 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_13 .arp_sequence_step-13 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_14 .arp_sequence_step-14 .arp_sequence_step_pattern:after,.arp_sequence_playing_step_15 .arp_sequence_step-15 .arp_sequence_step_pattern:after{display:block;opacity:1}.arp_sequence_playing_step_0 .arp_sequence_step-0 .arp_sequence_step_pattern,.arp_sequence_playing_step_1 .arp_sequence_step-1 .arp_sequence_step_pattern,.arp_sequence_playing_step_2 .arp_sequence_step-2 .arp_sequence_step_pattern,.arp_sequence_playing_step_3 .arp_sequence_step-3 .arp_sequence_step_pattern,.arp_sequence_playing_step_4 .arp_sequence_step-4 .arp_sequence_step_pattern,.arp_sequence_playing_step_5 .arp_sequence_step-5 .arp_sequence_step_pattern,.arp_sequence_playing_step_6 .arp_sequence_step-6 .arp_sequence_step_pattern,.arp_sequence_playing_step_7 .arp_sequence_step-7 .arp_sequence_step_pattern,.arp_sequence_playing_step_8 .arp_sequence_step-8 .arp_sequence_step_pattern,.arp_sequence_playing_step_9 .arp_sequence_step-9 .arp_sequence_step_pattern,.arp_sequence_playing_step_10 .arp_sequence_step-10 .arp_sequence_step_pattern,.arp_sequence_playing_step_11 .arp_sequence_step-11 .arp_sequence_step_pattern,.arp_sequence_playing_step_12 .arp_sequence_step-12 .arp_sequence_step_pattern,.arp_sequence_playing_step_13 .arp_sequence_step-13 .arp_sequence_step_pattern,.arp_sequence_playing_step_14 .arp_sequence_step-14 .arp_sequence_step_pattern,.arp_sequence_playing_step_15 .arp_sequence_step-15 .arp_sequence_step_pattern{background:#fef200}.arp_sequence_step-0--selected .arp_sequence_step-0 .arp_sequence_step_pattern,.arp_sequence_step-1--selected .arp_sequence_step-1 .arp_sequence_step_pattern,.arp_sequence_step-2--selected .arp_sequence_step-2 .arp_sequence_step_pattern,.arp_sequence_step-3--selected .arp_sequence_step-3 .arp_sequence_step_pattern,.arp_sequence_step-4--selected .arp_sequence_step-4 .arp_sequence_step_pattern,.arp_sequence_step-5--selected .arp_sequence_step-5 .arp_sequence_step_pattern,.arp_sequence_step-6--selected .arp_sequence_step-6 .arp_sequence_step_pattern,.arp_sequence_step-7--selected .arp_sequence_step-7 .arp_sequence_step_pattern,.arp_sequence_step-8--selected .arp_sequence_step-8 .arp_sequence_step_pattern,.arp_sequence_step-9--selected .arp_sequence_step-9 .arp_sequence_step_pattern,.arp_sequence_step-10--selected .arp_sequence_step-10 .arp_sequence_step_pattern,.arp_sequence_step-11--selected .arp_sequence_step-11 .arp_sequence_step_pattern,.arp_sequence_step-12--selected .arp_sequence_step-12 .arp_sequence_step_pattern,.arp_sequence_step-13--selected .arp_sequence_step-13 .arp_sequence_step_pattern,.arp_sequence_step-14--selected .arp_sequence_step-14 .arp_sequence_step_pattern,.arp_sequence_step-15--selected .arp_sequence_step-15 .arp_sequence_step_pattern{background-color:#0170c2;background:linear-gradient(0deg,#0170c2 57%,#06568f)}.arp_patterns{align-items:center;display:flex;flex-direction:column;grid-area:pattern;height:100%;justify-content:center;width:100%}.arp_pattern{color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;width:90%}.arp_pattern_details{background-color:#fefbf6;border:3px solid #07060a;color:#07060a;height:60%;padding:0 5%;text-align:left;width:100%}.arp_pattern_patternvisual{bottom:-1px;display:flex;flex-direction:row;height:40%;overflow:hidden;position:relative;width:100%}.arp_pattern_patternvisual .arp_pattern_patternvisual_slider_container{cursor:pointer;height:100%;opacity:0;padding:0;position:absolute;z-index:10}.arp_pattern_patternvisual .arp_pattern_patternvisual_slider_container .arp_pattern_patternvisual_slider::-webkit-slider-thumb{height:100%}.arp_pattern_patternvisual .arp_pattern_patternvisual_slider{height:100%;opacity:1}.arp_pattern_patternvisual_entries{display:flex;width:100%}.arp_pattern_patternvisual_entry{background:#07060a;background:#030305;background:linear-gradient(0deg,#030305,#0f0c19 1%,#180c19 57%,#030305);display:block;flex-grow:1;margin-right:.25%;position:relative;-webkit-transform:scaleX(1);transform:scaleX(1);z-index:1}.arp_pattern_patternvisual_entry--chord{background:#0178d0}.arp_pattern_patternvisual_entry--off{background:#5d5d5f}.arp_pattern_patternvisual_entry:last-of-type{margin-right:0}.arp_pattern_patternvisual_entry_column{background:#fef200!important;background:linear-gradient(0deg,#db3 57%,#fef200)!important;height:100%;position:absolute;-webkit-transform:translateX(0) scaleY(0);transform:translateX(0) scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom;width:100%;z-index:2}.arp_pattern_patternvisual_playingentry0 .arp_pattern_patternvisual_entry:first-of-type>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry1 .arp_pattern_patternvisual_entry:nth-of-type(2)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry2 .arp_pattern_patternvisual_entry:nth-of-type(3)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry3 .arp_pattern_patternvisual_entry:nth-of-type(4)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry4 .arp_pattern_patternvisual_entry:nth-of-type(5)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry5 .arp_pattern_patternvisual_entry:nth-of-type(6)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry6 .arp_pattern_patternvisual_entry:nth-of-type(7)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry7 .arp_pattern_patternvisual_entry:nth-of-type(8)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry8 .arp_pattern_patternvisual_entry:nth-of-type(9)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry9 .arp_pattern_patternvisual_entry:nth-of-type(10)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry10 .arp_pattern_patternvisual_entry:nth-of-type(11)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry11 .arp_pattern_patternvisual_entry:nth-of-type(12)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry12 .arp_pattern_patternvisual_entry:nth-of-type(13)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry13 .arp_pattern_patternvisual_entry:nth-of-type(14)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry14 .arp_pattern_patternvisual_entry:nth-of-type(15)>.arp_pattern_patternvisual_entry_column,.arp_pattern_patternvisual_playingentry15 .arp_pattern_patternvisual_entry:nth-of-type(16)>.arp_pattern_patternvisual_entry_column{background:#fef200!important;background:linear-gradient(0deg,#db3 57%,#fef200)!important;-webkit-transform:translateX(0) scaleY(100%);transform:translateX(0) scaleY(100%);z-index:2}.arp_pattern_patternvisual_slider_container{height:0%;padding:5% 0;width:100%}.arp_pattern_patternvisual_slider{-webkit-appearance:none;appearance:none;background:#d3d3d3;height:25%;opacity:1;outline:none;padding:10px 0;transition:opacity .2s;width:100%}.arp_pattern_patternvisual_slider:hover{opacity:1}.arp_pattern_patternvisual_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#07060a;background:#030305;background:linear-gradient(0deg,#030305,#0f0c19 1%,#0f0c19 57%,#030305);-webkit-clip-path:polygon(0 0,99.9143% 2.76166%,99.1327% 98.7441%,3.55271% 99.6231%);clip-path:polygon(0 0,99.9143% 2.76166%,99.1327% 98.7441%,3.55271% 99.6231%);cursor:pointer;height:25px;width:6.25%}.arp_pattern_patternvisual_slider.chord::-webkit-slider-thumb{background:#0178d0}.arp_controls{background-color:#261f22;bottom:0;box-shadow:0 -5px 15px #888;color:#fefbf6;grid-area:controls;grid-template-columns:90%;height:5%;justify-content:center;position:fixed;width:100%;z-index:10}.arp_controls,.arp_controls_container{align-items:center;display:grid;grid-template-rows:1fr}.arp_controls_container{grid-gap:5%;gap:5%;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;height:85%;justify-content:left}.arp_control_button{background-color:#07060a;-webkit-clip-path:polygon(0 2%,99% 1%,99% 97%,2% 100%);clip-path:polygon(0 2%,99% 1%,99% 97%,2% 100%);height:100%;padding:20%;width:100%}.arp_control_button_play{-webkit-clip-path:polygon(5% 3%,1% 99%,98% 53%);clip-path:polygon(5% 3%,1% 99%,98% 53%)}.arp_control_button_pause,.arp_control_button_play{background-color:#fefbf6;display:block;height:100%;width:100%}.arp_control_button_pause{-webkit-clip-path:polygon(4% 2%,96% 0,99% 100%,0 98%);clip-path:polygon(4% 2%,96% 0,99% 100%,0 98%)}.mode_sequence .arp_layout{grid-template-rows:3.25fr 2fr 4fr .5fr}.mode_patternrecord .arp_layout,.mode_sequence .arp_layout{grid-row-gap:1vh;display:grid;grid-template-areas:"keyboard" "pattern" "sequence" "controls";grid-template-columns:100%;height:100vh;row-gap:1vh;width:100%}.mode_patternrecord .arp_layout{grid-template-rows:.05fr 3fr 2fr 4fr .5fr}
/*# sourceMappingURL=main.b1f6e523.css.map*/