@font-face{font-family:SF Fedora;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora.ttf)format("truetype")}@font-face{font-family:SF Fedora Titles Italic;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora-titles-italic.ttf)format("truetype")}@font-face{font-family:Simple Letter;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/leo.ttf)format("truetype")}.toolbar{justify-content:center;align-items:center;width:100%;font-weight:800;display:flex}.form_element{border:1px solid var(--color-dark-grey);margin-left:calc(var(--spacer)/2);height:var(--form-element-height);box-sizing:border-box;text-align:center;color:var(--color-fg);background:0 0;font-size:.9rem;font-weight:800}.button_play_pause,.button_stop{width:var(--button-pause-play-width);cursor:pointer;padding:0}.button_icon_path{fill:var(--color-fg)}.input_bpm{width:var(--input-bpm-width);background-color:#131512;padding:8px;font-size:16px}.input_bpm:focus{outline:2px solid #f6c601}.label_bpm{margin-left:calc(var(--spacer)/2);margin-right:var(--spacer)}.right-buttons{gap:8px;margin-left:auto;display:flex}.right-buttons button{cursor:pointer;background-color:#131512;border:0;padding:8px;font-family:Martian Mono,monospace;font-size:16px}.right-buttons button:hover:not(:disabled),.right-buttons button:focus:not(:disabled){color:#f6c601}.right-buttons button:disabled{cursor:default;opacity:.8}@media screen and (max-width:1100px){.right-buttons button{text-transform:uppercase;font-size:10px;font-weight:700}}.modal{z-index:1;background-color:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal .inner{background-color:#131512;border:2px solid #dfe1dc;flex-direction:column;gap:8px;max-width:80vw;padding:24px;display:flex;position:relative}.modal .inner .error{color:#e00910;text-align:center;font-size:14px}.modal .inner .close{all:unset;cursor:pointer;margin:16px;position:absolute;top:0;right:0}.modal .inner .close img{max-width:24px;height:auto}.modal .inner .close:hover,.modal .inner .close:focus{transform:scale(1.2)}.modal .inner .header{text-transform:uppercase;color:#f6c601;font-size:18px;font-weight:700}.modal .inner .instructions{text-align:center;font-size:16px;font-weight:200}.modal .inner textarea{resize:none}.modal .inner button{all:unset;cursor:pointer;color:#fff;text-shadow:2px 3px #000;text-align:center;-webkit-user-select:none;user-select:none;text-transform:uppercase;background-color:#e00910;border:1px double #e00910;width:calc(100% - 64px);margin:auto;padding:8px 32px;font-family:Martian Mono,monospace;font-size:14px;font-weight:400;overflow:hidden}.modal .inner button:hover,.modal .inner button:focus,.modal .inner button:active{text-underline-offset:4px;text-decoration:underline}
@font-face{font-family:SF Fedora;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora.ttf)format("truetype")}@font-face{font-family:SF Fedora Titles Italic;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora-titles-italic.ttf)format("truetype")}@font-face{font-family:Simple Letter;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/leo.ttf)format("truetype")}.note{flex:0 0 var(--note-width);width:var(--note-width);height:var(--note-height);box-sizing:border-box;margin-top:var(--note-margin-vert);margin-bottom:var(--note-margin-vert);margin-left:var(--note-margin-horz);margin-right:var(--note-margin-horz);cursor:pointer;border:1px solid #000}.note:nth-child(n+5){background-color:#13151240}.note:nth-child(n+9){background-color:#0000}.note:nth-child(n+13){background-color:#13151240}.note.on{background-color:#131512}.note.playing,.note.playing.red{background-color:#e00910}.note.playing.yellow{background-color:#f6c601}.note.playing.green{background-color:#6c9664}.note.playing.blue{background-color:#4178b0}.note.playing.purple{background-color:#3e5fa4}.note.playing.white{background-color:#fff}
@font-face{font-family:SF Fedora;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora.ttf)format("truetype")}@font-face{font-family:SF Fedora Titles Italic;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora-titles-italic.ttf)format("truetype")}@font-face{font-family:Simple Letter;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/leo.ttf)format("truetype")}.track{flex-direction:row;display:flex}.track .track_title{text-transform:uppercase;padding:var(--spacer);width:var(--track-title-width);text-shadow:2px 2px #000;flex:none;justify-content:flex-end;align-items:center;font-size:1.1rem;font-weight:900;display:flex}.track.red{color:#e00910}.track.yellow{color:#f6c601}.track.green{color:#6c9664}.track.blue{color:#4178b0}.track.purple{color:#3e5fa4}.track .track_notes{display:flex}
@font-face{font-family:SF Fedora;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora.ttf)format("truetype")}@font-face{font-family:SF Fedora Titles Italic;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora-titles-italic.ttf)format("truetype")}@font-face{font-family:Simple Letter;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/leo.ttf)format("truetype")}.play-head{top:var(--note-margin-vert);left:calc(var(--track-title-width) + var(--spacer)*2);height:var(--play-head-height);width:var(--play-head-width);background-color:#f6c601;position:absolute}
@font-face{font-family:SF Fedora;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora.ttf)format("truetype")}@font-face{font-family:SF Fedora Titles Italic;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora-titles-italic.ttf)format("truetype")}@font-face{font-family:Simple Letter;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/leo.ttf)format("truetype")}:root{--app-max-width:0;--app-visibility:hidden}html{font-size:var(--base-font-size);color:var(--color-fg)}.sampler{width:var(--app-max-width);visibility:var(--app-visibility);z-index:1;background-color:#2c302a;padding:20px}.header{justify-content:center;align-items:center;display:flex}.content{margin-top:var(--spacer);margin-bottom:var(--spacer);flex-direction:column;display:flex;position:relative;transform:translateZ(0)}
@font-face{font-family:SF Fedora;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora.ttf)format("truetype")}@font-face{font-family:SF Fedora Titles Italic;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora-titles-italic.ttf)format("truetype")}@font-face{font-family:Simple Letter;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/leo.ttf)format("truetype")}.sampler-face-module-scss-module__cC580a__sampler-face{z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;width:395px;max-width:60vw;max-height:-webkit-fill-available;margin:40px;position:relative}@media screen and (max-width:1100px){.sampler-face-module-scss-module__cC580a__sampler-face{z-index:1;mix-blend-mode:color-dodge;opacity:.5;width:100vw;height:100vh;margin:0;position:fixed;top:0;left:0}.sampler-face-module-scss-module__cC580a__sampler-face.sampler-face-module-scss-module__cC580a__hide{opacity:0}}.sampler-face-module-scss-module__cC580a__sampler-face .sampler-face-module-scss-module__cC580a__red{content:" ";opacity:0;pointer-events:none;background-color:#e00910;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.sampler-face-module-scss-module__cC580a__sampler-face .sampler-face-module-scss-module__cC580a__red.sampler-face-module-scss-module__cC580a__show{opacity:.5}.sampler-face-module-scss-module__cC580a__sampler-face .sampler-face-module-scss-module__cC580a__white{content:" ";opacity:0;pointer-events:none;background-color:#fff;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.sampler-face-module-scss-module__cC580a__sampler-face .sampler-face-module-scss-module__cC580a__white.sampler-face-module-scss-module__cC580a__show{opacity:.5}.sampler-face-module-scss-module__cC580a__sampler-face .sampler-face-module-scss-module__cC580a__yellow{content:" ";opacity:0;pointer-events:none;background-color:#f6c601;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.sampler-face-module-scss-module__cC580a__sampler-face .sampler-face-module-scss-module__cC580a__yellow.sampler-face-module-scss-module__cC580a__show{opacity:.5}.sampler-face-module-scss-module__cC580a__sampler-face img{pointer-events:none;width:100%;height:auto;position:absolute}@media screen and (max-width:1100px){.sampler-face-module-scss-module__cC580a__sampler-face img{object-fit:contain;width:100vw;height:100vh}}.sampler-face-module-scss-module__cC580a__sampler-face img.sampler-face-module-scss-module__cC580a__normal{opacity:0}.sampler-face-module-scss-module__cC580a__sampler-face img.sampler-face-module-scss-module__cC580a__normal.sampler-face-module-scss-module__cC580a__show{opacity:1}.sampler-face-module-scss-module__cC580a__sampler-face img.sampler-face-module-scss-module__cC580a__s-face{opacity:0}.sampler-face-module-scss-module__cC580a__sampler-face img.sampler-face-module-scss-module__cC580a__s-face.sampler-face-module-scss-module__cC580a__show{opacity:1}
@font-face{font-family:SF Fedora;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora.ttf)format("truetype")}@font-face{font-family:SF Fedora Titles Italic;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/sf-fedora-titles-italic.ttf)format("truetype")}@font-face{font-family:Simple Letter;src:url(https://w-img.b-cdn.net/lil-darkie/fonts/leo.ttf)format("truetype")}.sampler-module-scss-module__dqtfJq__sampler-page{flex-direction:column;justify-content:center;align-items:center;padding-top:120px;display:flex;overflow:hidden}.sampler-module-scss-module__dqtfJq__sampler-page .sampler-module-scss-module__dqtfJq__body{background-color:#131512;align-items:flex-start;gap:32px;padding:32px;display:flex}@media screen and (max-width:1100px){.sampler-module-scss-module__dqtfJq__sampler-page .sampler-module-scss-module__dqtfJq__body{padding:0}}.sampler-module-scss-module__dqtfJq__sampler-page .sampler-module-scss-module__dqtfJq__copyright{text-align:center;color:#fff;width:100vw;font-size:10px;font-weight:200;position:fixed;bottom:8px;left:0}.sampler-module-scss-module__dqtfJq__camo{object-fit:cover;pointer-events:none;z-index:-1;opacity:.25;width:100%;height:100%;position:fixed;top:0;left:0}