.yXhvS{width:22px;height:22px;display:flex;justify-content:center;align-items:center;font:16px Ourissanga Condensed,Arial Narrow,Tahoma,DejaVu Sans Condensed,Liberation Sans Narrow,Helvetica,Arial,sans-serif;border-radius:50%;border:none;background-color:#303030;color:#ababab;cursor:pointer}.yXhvS:disabled{cursor:default}.mmhOC{width:14px;height:14px;font-size:12px}.N5Th0{border:2px solid #262626;background-color:rgba(0,0,0,0);color:#474747}.vsyKQ{background-color:rgba(255,102,0,.3);color:#f60}._Ci2Z{background-color:#f60;color:#fff}@media screen and (min-width:576px){.mmhOC{width:22px;height:22px;font-size:16px}}.Lbmpu{width:328px;display:flex;gap:8px;padding:0;margin:0;justify-content:center;flex-wrap:wrap}.eObjH{list-style:none}@media screen and (min-width:576px){.Lbmpu{gap:12px;width:100%}}.llUNC{position:absolute;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:2;border-radius:inherit}.yEtWw{background:#262626;border-radius:16px;width:100%;margin:0 16px;overflow:hidden;padding:20px 20px 0;max-width:512px}.jbZGH{font:700 16px/1.3 Roboto,-apple-system,Helvetica,Arial,sans-serif;color:#fff;margin:0 0 12px}.L7MdA{font:700 64px/1 Ourissanga Condensed,Arial Narrow,Tahoma,DejaVu Sans Condensed,Liberation Sans Narrow,Helvetica,Arial,sans-serif;color:#f60;text-align:center;margin:0 0 16px}._7F87{display:flex;gap:8px;margin-bottom:20px}.kKEx{flex:1 1;height:44px;background:rgba(0,0,0,0);border:2px solid #f60;border-radius:8px;color:#f60;font:700 22px/1 Roboto,-apple-system,Helvetica,Arial,sans-serif;cursor:pointer}.kKEx:disabled{opacity:.3;cursor:default}.WKl6g{display:flex;border-top:1px solid #474747;margin:0 -20px}.plyH{flex:1 1;height:48px;background:rgba(0,0,0,0);border:none;color:#f60;font:600 14px/1 Roboto,-apple-system,Helvetica,Arial,sans-serif;cursor:pointer}.plyH:not(:last-child){border-right:1px solid #474747}.plyH:hover{background:#303030}.WNJ41{border:0;margin:0;outline:0;padding:0;cursor:pointer;appearance:none;background:rgba(0,0,0,0);font-size:14px;padding:0 12px;overflow:hidden;position:relative;text-align:center;box-sizing:border-box;font-weight:700;border-radius:8px;border:1px solid rgba(0,0,0,0);gap:6px;display:flex;align-items:center;justify-content:center}.WNJ41:focus:not(:active){outline-offset:2px;outline:2px solid #1d60b1;box-shadow:0 0 0 2px #fff}.WNJ41.WNJ41:not(.WNJ41.YGxLE){height:48px}.WNJ41.YGxLE{height:40px}.WNJ41:disabled{background:#1b1b1b}.Yw2u{width:100%}.cJyT{width:48px;border-radius:99%}.cJyT.YGxLE{width:24px;height:24px;padding:0}._eBHn{color:#1b1b1b}._eBHn div{filter:unset}._eBHn:active{background:#e2e2e2;color:#1b1b1b}._eBHn:active div{filter:unset}._eBHn:hover:not(:active){color:#1b1b1b}._eBHn:hover:not(:active) div{filter:unset}._eBHn:focus:not(:active){background:#f1f1f1;color:#1b1b1b}._eBHn:focus:not(:active) div{filter:unset}.N0eE2{color:#f60}.N0eE2 div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.N0eE2:active{background:#262626;color:#f60}.N0eE2:active div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.N0eE2:hover:not(:active){background:#303030;color:#f60}.N0eE2:hover:not(:active) div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.N0eE2:focus:not(:active){background:#303030;color:#f60}.N0eE2:focus:not(:active) div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.H3ngZ{color:#fff}.H3ngZ div{filter:brightness(0) saturate(1) invert(1)}.H3ngZ{border:1px solid #fff}.H3ngZ:active{background:#262626;color:#d65400}.H3ngZ:active div{filter:brightness(0) saturate(1) invert(36%) sepia(66%) saturate(3682%) hue-rotate(13deg) brightness(90%) contrast(101%) hue-rotate(0deg) drop-shadow(0 0 0 #d65400)}.H3ngZ:active{border-color:#d65400}.H3ngZ:hover:not(:active){background:#1b1b1b;color:#f60}.H3ngZ:hover:not(:active) div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.H3ngZ:hover:not(:active){border-color:#f60}.H3ngZ:focus:not(:active){background:#1b1b1b;color:#f60}.H3ngZ:focus:not(:active) div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.H3ngZ:focus:not(:active){border-color:#f60}.H3ngZ:disabled{border:#474747}._dgxQ div{filter:unset}._dgxQ{border:1px solid #e2e2e2}._dgxQ:active{background:#e2e2e2}._dgxQ:active div{filter:unset}._dgxQ:active{border-color:#ababab}._dgxQ:hover:not(:active) div{filter:unset}._dgxQ:hover:not(:active){border-color:#c6c6c6}._dgxQ:focus:not(:active){background:#f1f1f1}._dgxQ:focus:not(:active) div{filter:unset}._dgxQ:focus:not(:active){border-color:#c6c6c6}.DdHn{color:#f60}.DdHn div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.DdHn{border:1px solid #f60}.DdHn:active{background:#d65400;color:#fff}.DdHn:active div{filter:brightness(0) saturate(1) invert(1)}.DdHn:active{border-color:#d65400}.DdHn:hover:not(:active){background:#f60;color:#fff}.DdHn:hover:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.DdHn:hover:not(:active){border-color:#f60}.DdHn:focus:not(:active){background:#f60;color:#fff}.DdHn:focus:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.DdHn:focus:not(:active){border-color:#f60}.lb1R7 div{filter:unset}.lb1R7{border:1px solid #e2e2e2}.lb1R7:active{background:#1b1b1b;color:#fff}.lb1R7:active div{filter:brightness(0) saturate(1) invert(1)}.lb1R7:active{border-color:#ababab}.lb1R7:hover:not(:active){background:#1b1b1b;color:#fff}.lb1R7:hover:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.lb1R7:hover:not(:active){border-color:#c6c6c6}.lb1R7:focus:not(:active){background:#1b1b1b;color:#fff}.lb1R7:focus:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.lb1R7:focus:not(:active){border-color:#c6c6c6}.Iwl2H{background:#f60;color:#fff}.Iwl2H div{filter:brightness(0) saturate(1) invert(1)}.Iwl2H:active{background:#ad3400;color:#fff}.Iwl2H:active div{filter:brightness(0) saturate(1) invert(1)}.Iwl2H:hover:not(:active){background:#d65400;color:#fff}.Iwl2H:hover:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.Iwl2H:focus:not(:active){background:#f60;color:#fff}.Iwl2H:focus:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.EbPmf{background:linear-gradient(0deg,#df484f,#f60);color:#fff}.EbPmf div{filter:brightness(0) saturate(1) invert(1)}.EbPmf:active{background:#d65400;color:#fff}.EbPmf:active div{filter:brightness(0) saturate(1) invert(1)}.EbPmf:hover:not(:active){background:#f60;color:#fff}.EbPmf:hover:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.EbPmf:focus:not(:active){background:linear-gradient(0deg,#df484f,#f60);color:#fff}.EbPmf:focus:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.TjWwJ{background:#1b1b1b;color:#fff}.TjWwJ div{filter:brightness(0) saturate(1) invert(1)}.TjWwJ:active{background:#303030;color:#fff}.TjWwJ:active div{filter:brightness(0) saturate(1) invert(1)}.TjWwJ:hover:not(:active){background:#262626;color:#fff}.TjWwJ:hover:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.TjWwJ:focus:not(:active){background:#262626;color:#fff}.TjWwJ:focus:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.KjEkI{background:#262626;color:#fff}.KjEkI div{filter:brightness(0) saturate(1) invert(1)}.KjEkI:active{background:#474747;color:#fff}.KjEkI:active div{filter:brightness(0) saturate(1) invert(1)}.KjEkI:hover:not(:active){background:#303030;color:#fff}.KjEkI:hover:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.KjEkI:focus:not(:active){background:#303030;color:#fff}.KjEkI:focus:not(:active) div{filter:brightness(0) saturate(1) invert(1)}.rE033:not(:hover).EbPmf,.rE033:not(:hover).EbPmf:focus{color:#f60;background:#2c0b00}.rE033:not(:hover).EbPmf div,.rE033:not(:hover).EbPmf:focus div{filter:brightness(0) saturate(1) invert(47%) sepia(70%) saturate(2517%) hue-rotate(2deg) brightness(105%) contrast(103%)}.rE033:not(:hover).TjWwJ,.rE033:not(:hover).TjWwJ:focus{color:#1b1b1b;background:#fff}.rE033:not(:hover).TjWwJ div,.rE033:not(:hover).TjWwJ:focus div{filter:unset}.uhMb{width:fit-content;cursor:text}.cQreQ,.uhMb{position:relative;margin:0 auto}.cQreQ{overflow:hidden scroll;scroll-behavior:smooth;scroll-snap-type:y proximity;height:var(--metronome-bpm-slider-height,94px);width:112px;display:flex;flex-direction:column;padding:94px 0;-ms-overflow-style:none;scrollbar-width:none}.cQreQ::-webkit-scrollbar{display:none}.dNVVh{position:absolute;inset:0;background:#000;border:none;outline:none;width:100%;text-align:center;color:#f60;padding:0;cursor:text}.dNVVh,.e1ft{font:110px/94px Ourissanga Condensed,Arial Narrow,Tahoma,DejaVu Sans Condensed,Liberation Sans Narrow,Helvetica,Arial,sans-serif;letter-spacing:4px}.e1ft{list-style:none;scroll-snap-align:center;color:#ababab;display:flex;align-items:center;justify-content:center}._2gvg{--metronome-bpm-slider-height:94px;position:relative;background:#000;padding:16px}._2gvg:not([data-floating]){--metronome-bpm-slider-height:282px}._2gvg[data-floating]{width:280px;height:346px;flex-shrink:0;transform-origin:left top}._2gvg[floating-large-beats]{height:380px}.UbtD{align-items:center;gap:16px;margin:0 auto}.UbtD,.tni3Q{display:flex;flex-direction:column}.tni3Q{width:100%;gap:8px}.w1nh{display:none}.appHU{position:relative;width:100%}.appHU:after,.appHU:before{content:"";position:absolute;width:calc(50% - 72px);height:2px;top:50%;transform:translateY(-50%)}.appHU:before{left:0;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#000 10%,#ff6600)}.appHU:after{right:0;border-radius:2px 0 0 2px;background:linear-gradient(270deg,#000 10%,#ff6600)}.N9fiS,._cZ8Q{pointer-events:none;position:absolute;width:100%;height:64px;z-index:1}._cZ8Q{background:linear-gradient(180deg,#000,rgba(0,0,0,.6) 50%,rgba(0,0,0,0));top:0}.N9fiS{background:linear-gradient(0deg,#000 20%,rgba(0,0,0,.7) 60%,rgba(0,0,0,0));bottom:0}._o83l{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:center;top:50%;transform:translateY(calc(-50% - 32px))}.jTFLF{font:12px/1.3 Roboto,-apple-system,Helvetica,Arial,sans-serif;color:#ababab}.BUkf{background:rgba(0,0,0,0);border:none;color:#f60;font:700 12px/1.3 Roboto,-apple-system,Helvetica,Arial,sans-serif;cursor:pointer;padding:0}@media screen and (min-width:576px){._2gvg{padding:24px;border-radius:24px}._2gvg:not([data-floating]) .UbtD{width:352px}.tni3Q{gap:12px}.appHU:after,.appHU:before{width:calc(50% - 80px)}}@media screen and (min-width:1055px){._2gvg:not([data-floating]) .UbtD{width:512px;gap:24px}._2gvg:not([data-floating]) .QdxN0{display:none}._2gvg:not([data-floating]) .w1nh{gap:8px;padding:8px;display:flex;border-radius:8px;background:#262626}}@font-face{font-family:Ourissanga Condensed;font-style:normal;font-weight:400;font-display:swap;src:local("Ourissanga Condensed"),local("Ourissanga-Condensed"),url(https://akamai.sscdn.co/gcs/studiosol-marketing/fonts/ourissanga-condensed/ourissanga-condensed.woff2) format("woff2"),url(https://akamai.sscdn.co/gcs/studiosol-marketing/fonts/ourissanga-condensed/ourissanga-condensed.woff) format("woff")}.XB6w{display:flex;flex-direction:column;position:relative;transition:width .25s,height .25s;user-select:none;-webkit-user-select:none}.XB6w[data-dragging],.XB6w[data-resizing]{transition:none}.XB6w:not([data-controls-visible]) .CmhM7{pointer-events:none}.XB6w[data-controls-position=up]{flex-direction:column-reverse}.XB6w[data-controls-position=up][data-controls-visible] .ArtX{border-top-left-radius:0;border-top-right-radius:0}.XB6w[data-controls-position=up] .CmhM7{border-top-left-radius:16px;border-top-right-radius:16px}.XB6w[data-behavior=floating]{position:relative;border-radius:16px}.XB6w[data-behavior=floating]:before{content:"";position:absolute;inset:0;border-radius:16px;outline:1px solid var(--base-neutralReverse-border-fixedAlpha-100-6);outline-offset:-1px;pointer-events:none;transition:box-shadow .2s;z-index:1}.XB6w[data-behavior=floating] .CmhM7 .ZtYsG:has(.ljJXk){flex:none;align-self:center;display:flex;margin-left:auto;margin-right:auto}.XB6w[data-behavior=floating]:not([data-controls-visible])[data-controls-position=up] .CmhM7{margin-bottom:-48px}.XB6w[data-behavior=floating]:not([data-controls-visible])[data-controls-position=down] .CmhM7{margin-top:-48px}.XB6w[data-dragging]:before{outline:1px solid var(--base-neutralReverse-border-fixedAlpha-100-16);box-shadow:var(--shadow-contrast-12)}.XB6w[data-controls-position=down][data-controls-visible] .ArtX{border-bottom-left-radius:0;border-bottom-right-radius:0}.XB6w[data-controls-position=down] .CmhM7{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.XB6w[data-behavior=floating]:not([data-dragging]) .CmhM7 [data-drag-handle],.XB6w[data-floating]:not([data-dragging]) .CmhM7 [data-drag-handle]{cursor:grab}.XB6w[data-dragging] .CmhM7,.XB6w[data-dragging] .CmhM7 *{cursor:grabbing}.CmhM7{display:flex;align-items:flex-start;justify-content:center;padding:4px;background:var(--base-neutral-elevation-fixedAlpha-over-92);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-height:120px;transition:margin .2s;z-index:-1}[data-player-fixed] .CmhM7{z-index:0}.ZtYsG{display:flex;flex:1 1}.ljJXk{display:flex;align-items:center;justify-content:center;color:var(--base-neutral-foreground-fixed-40);font-size:0}.ljJXk i{display:flex;width:36px;height:24px}.ljJXk i:after{content:"";mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-main-56ca4ae6.svg);-webkit-mask-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-main-56ca4ae6.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;background-color:currentColor;width:36px;height:24px;mask-position:-109px -63px;-webkit-mask-position:-109px -63px}@media print{.ljJXk i:after{mask-image:none;-webkit-mask-image:none;background-color:rgba(0,0,0,0);background-image:url(https://akamai.sscdn.co/ccn/_next/static/p/sprites/sprite-main-56ca4ae6.svg);background-repeat:no-repeat;background-position:-109px -63px;print-color-adjust:exact;-webkit-print-color-adjust:exact}}._K331,._gkEC{flex:1 1;display:flex}._K331 .ZtYsG,._gkEC .ZtYsG{gap:4px}._K331 .ZtYsG{justify-content:flex-end}