*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}input,textarea,select,button{font-size:12px}*:focus{outline:0}input,textarea,button,select,div,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{width:100%;max-width:100%;min-height:100%;max-height:100%;height:100%;overflow:hidden;margin:0;background:#d1e6a3}body{font-family:"Urbanist","Google Sans",sans-serif;font-weight:400;width:100%;max-width:100%;min-height:100%;max-height:100%;height:100%;max-height:100dvh;height:100dvh;overflow:hidden;color:#0f0a07;margin:0;background:#d1e6a3}input,button,h1{font-family:"Urbanist","Google Sans",sans-serif}input{border-radius:0}button{cursor:pointer}#main{position:absolute;width:100%;height:100%;height:100dvh;overflow:hidden}#main.music-scene #help-button{visibility:inherit;opacity:1;transition:opacity .3s linear}h1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}h1 span{display:block;text-align:center}h1>span:first-of-type{color:#7452ff}#title{font-size:96px}.generic-button{height:50px;border:4px solid #7452ff;background:#fdfdfb;box-shadow:0px 5px 0px 0px #7452ff;border-radius:15px;font-size:30px;font-weight:bolder;padding:0 20px;color:#7452ff;user-select:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,10,7,.75);opacity:0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .1s;z-index:7}.overlay.shown{opacity:1;visibility:inherit;transition:opacity .3s linear,visibility 0s linear 0s}.popin{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:30px;color:#0f0a07;background-color:#fdfdfb;max-width:500px;width:80%;font-size:16px;border-radius:15px;opacity:0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .1s;text-align:center;z-index:8}.popin p{width:100%;text-align:center;margin-bottom:10px}.popin p:last-of-type{margin-bottom:20px}.popin.shown{opacity:1;visibility:inherit;transition:opacity .1s linear,visibility 0s linear 0s}.clear{clear:both;width:100%}#recording-frame{position:fixed;left:0;top:0;width:100vw;height:100vh;box-shadow:inset 0px 0px 0px 20px #7452ff;opacity:0;transition:opacity .5s linear;pointer-events:none;user-select:none;z-index:1000}#recording-frame #recording-time{position:fixed;bottom:6px;font-weight:bold;left:50%;text-align:center;pointer-events:none;user-select:none;z-index:1001;color:#7452ff;transform:translateX(-50%);background:#d1e6a3;padding:2px 7px;border-radius:5px;font-family:"Space Mono",monospace}body.recording #recording-frame{opacity:1;animation:frameAnimation forwards .7s infinite;animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86)}@keyframes frameAnimation{0%{box-shadow:inset 0px 0px 0px 18px #7452ff}50%{box-shadow:inset 0px 0px 0px 20px #7452ff}100%{box-shadow:inset 0px 0px 0px 18px #7452ff}}@keyframes frameAnimationSmaller{0%{box-shadow:inset 0px 0px 0px 8px #7452ff}50%{box-shadow:inset 0px 0px 0px 10px #7452ff}100%{box-shadow:inset 0px 0px 0px 8px #7452ff}}#loading-canvas{position:absolute;width:100%;height:100%;top:0;left:0}.loading-label{width:100%;text-align:center;font-weight:400;font-size:18px;color:#0f0a07;opacity:0;font-family:"Space Mono",monospace;user-select:none;pointer-events:none;transition:opacity .4s linear}.loading-label.shown{opacity:.75}#midi{position:absolute;bottom:30px;right:30px;font-family:"Space Mono",monospace;font-size:11px;color:#0f0a07;background:#fdfdfb;text-transform:uppercase;padding:0 4px;visibility:hidden}#midi p{display:inline-block}#midi div{display:inline-block;background:pink;width:8px;height:8px;border-radius:10px;margin-left:4px}#midi.shown{visibility:inherit}#midi.shown div{animation:midiDot forwards .7s infinite;animation-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86)}@keyframes midiDot{0%{opacity:1}50%{opacity:0}100%{opacity:1}}#prompt{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:95%;color:#0f0a07;text-align:center;visibility:hidden}#prompt.shown{visibility:inherit}#user-input,#prompt div.clear{position:relative;display:inline-block}#prompt h4,#input{position:relative;display:block;float:left}#prompt h4,#suggestion,#prompt input,.measure,#prompt-loading,#input{display:inline-block;height:60px;font-size:45px;font-weight:bolder;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#prompt-loading{color:#7452ff;position:absolute;top:0;left:0;pointer-events:none;user-select:none}#mention{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:12px;max-width:700px;width:80%;text-align:center}#mention span{font-size:12px;display:inline-block}#input{width:30px;height:60px;margin-left:16px;transition:width .14s ease-in-out}#user-input{height:60px;overflow:hidden;white-space:nowrap}#suggestion{position:absolute;top:0;left:0;pointer-events:none;opacity:.4}#prompt input{position:absolute;top:0;left:0;border:none;background:rgba(0,0,0,0);width:100%;color:#7452ff;opacity:0}#prompt.shown input{opacity:1;transition:opacity .5s linear}#prompt input.story{pointer-events:none}.measure{visibility:hidden;pointer-events:none}#prompt-error{max-width:330px}#go-button,#cancel-button{opacity:0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .1s}#go-button.shown,#cancel-button.shown{opacity:1;visibility:inherit;transition:opacity .1s linear,visibility 0s linear 0s}#cancel-button{display:none}#main.adding-track #cancel-button{display:inline-block}#prompt-tooltip{position:absolute;font-family:"Caveat",cursive;left:0;color:#0f0a07;top:-80px;font-size:20px;line-height:20px;width:100%;height:0;margin:0;transform:rotate(-3deg);user-select:none;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s linear,visibility 0s linear .3s}#prompt-tooltip.shown{opacity:.5;visibility:inherit;transition:opacity .3s linear 2.1s,visibility 0s linear 2.1s}#prompt-tooltip>p span{display:block;white-space:nowrap}#prompt-tooltip svg{width:20px;position:absolute;top:48px;left:50%;transform:translateX(80px)}#prompt-tooltip svg path{fill:none;stroke:#0f0a07;stroke-linecap:round;stroke-width:2px;stroke-miterlimit:10;stroke-linejoin:round}#prompt-tooltip svg polyline{fill:#0f0a07}#list-button{border:none;text-decoration:underline;color:#0f0a07;font-size:14px;cursor:pointer;background:none;margin-top:14px;opacity:0;visibility:hidden;transition:opacity .3s linear 0s,visibility 0s linear .3s}body.notouch #list-button:hover{color:#7452ff}#list-button.shown{opacity:1;visibility:inherit;transition:opacity .3s linear 1.3s,visibility 0s linear 1.3s}#gac-logo{position:absolute;top:80px;left:50%;margin-top:30px;transform:translateX(-50%);max-width:50vw;width:210px;opacity:0}#music-scene{position:absolute;top:0;left:0;width:100%;height:calc(100% - 80px);overflow:visible;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}#main.no-download #music-scene{height:100%}#music-scene>div{width:calc(100% - 30px);max-width:1200px}#main.music-scene #music-scene{visibility:inherit;opacity:1;transition:opacity .2s linear}#main.music-scene.adding-track #music-scene{pointer-events:none;opacity:.06;transition:opacity .2s linear}#main.music-scene.adding-track #music-scene #prompt-editor{visibility:hidden}#prompt-editor{position:relative;width:100%;text-align:center;opacity:0}#main.helper #prompt-editor,#main.helper #prompt-editor button{pointer-events:none}#prompt-editor input{font-size:45px;font-weight:bolder;line-height:60px;margin-bottom:5vh;margin-right:10px;background:rgba(0,0,0,0);color:#7452ff;border:none;border-bottom:1px solid #7452ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(50% - 55px)}#prompt-editor #loading-message-regenarate{margin-bottom:2vh}#devices{position:relative;height:440px;max-height:calc(100vh - 200px)}#keyboard{height:100%;width:100%;min-width:1px;float:left;transition:width .5s cubic-bezier(0.785, 0.135, 0.15, 0.86)}#keyboard #keys{position:relative;width:100%;height:calc(100% - 200px)}#keyboard .key{position:absolute;left:0;top:0;height:100%;border:4px solid #d1e6a3;background:#fdfdfb;border-radius:14px;cursor:pointer;opacity:0;transition:background-color .1s linear;overflow:hidden}#keyboard .key.roll,body.notouch #keyboard .key:hover{background:#b7cc8b}#keyboard .key.selected{background:#7452ff}#keyboard .key span{position:absolute;top:20px;left:50%;display:inline-block;width:26px;height:26px;background:#fff;color:dark;font-size:12px;text-align:center;line-height:26px;margin-left:-13px;border-radius:4px;font-family:"Space Mono",monospace;visibility:hidden;opacity:0;transition:opacity .2s linear 0s,visibility 0s linear .2s}#keyboard .key span.black{background:#0f0a07;color:#fdfdfb}#main.pitches #keyboard .key span{transition:opacity .2s linear 0s,visibility 0s linear 0s;opacity:1;visibility:inherit}#keyboard .key.black{display:none;background-color:#0f0a07;transform:translateX(-50%);height:50%;border-radius:7px}#main.sequencer #keyboard{width:calc(100% - 380px)}#main.sequencer #keys-options{visibility:inherit;opacity:1;transition:opacity .3s linear,visibility 0s linear 0s}#record-button{position:absolute;bottom:0;width:80px;height:80px;border:4px solid #7452ff;background:#fdfdfb;box-shadow:0px 5px 0px 0px #7452ff;border-radius:200px}#main.helper #record-button{pointer-events:none}#main.no-download #record-button{display:none}#record-button div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-sizing:border-box;width:60%;height:60%;padding:5px;background:#7452ff;border-radius:200px;transition:opacity .1s linear}#record-button p{position:absolute;top:100%;left:0;margin-top:10px;font-size:18px;font-weight:bold;text-transform:uppercase;width:100%;text-align:center;font-family:"Space Mono",monospace;color:#7452ff}#record-button #record-stop-label{display:none}#record-button #record-start-label{display:inline-block}#record-button #record-stop{border-radius:0;width:40%;height:40%;opacity:0}#record-button.recording #record-stop{opacity:1}#record-button.recording #record-start{opacity:0}#record-button.recording #record-stop-label{display:inline-block}#record-button.recording #record-start-label{display:none}#keyboard-types{display:inline-block;opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(0.785, 0.135, 0.15, 0.86)}#keyboard-types button{display:block;float:left;position:relative;border:none;font-family:"Space Mono",monospace;background:#0f0a07;color:#fdfdfb;padding:10px 20px;font-size:17px;margin-left:4px;cursor:pointer;text-transform:uppercase;border-radius:14px;box-sizing:border-box;border:1px solid #0f0a07;transition:background-color .2s linear,color .2s linear,border-color .2s linear}body.notouch #keyboard-types button:hover{background-color:#7452ff;border-color:#7452ff}#main.granular #granular-button,#main.peaks #samples-button,#main.pitches #note-button{background:#f3bdff;color:#0f0a07;border-color:#f3bdff}#options{position:absolute;right:0;top:50%;font-size:20px;opacity:0;visibility:hidden}#main.ready.granular #options{opacity:1;visibility:inherit;transition-delay:0s}#main.ready #options{transition:opacity .7s linear,visibility 0s linear .7s}#options>div{float:left;margin:0 12px}#options button{border:none;padding:5px;background:#000;text-align:center;border-radius:30px;width:30px;height:30px;cursor:pointer;color:#fff;font-weight:bold;margin:0 2px}#options input{padding:2px;border:1px solid #000;border-radius:3px;background:#fff;width:62px;font-size:17px;font-family:"Urbanist","Google Sans",sans-serif}#keyboard-options{display:flex;justify-content:space-between;font-size:15px;width:100%;font-family:"Space Mono",monospace;color:#0f0a07;opacity:0;visibility:hidden}#keyboard-options button{display:inline-flex;align-items:center;justify-content:center;font-family:"Space Mono",monospace;border-radius:7px;background-color:#b7cc8b;color:#0f0a07;padding:0 17px;font-size:14px;height:32px;border:none;cursor:pointer;font-weight:400;margin:0 1px;text-transform:uppercase;vertical-align:middle;transition:background-color .1s linear,color .1s linear;user-select:none}body.notouch #keyboard-options button:hover{color:#fdfdfb;background-color:#7452ff}#keyboard-options button#sequencer-button{background-color:#7452ff;color:#fdfdfb;border-color:#fdfdfb}#keyboard-options button#sequencer-button svg{margin-left:6px}#main.sequencer #keyboard-options button#sequencer-button{background-color:#f3bdff;color:#0f0a07;border-color:#0f0a07}#keys-options{opacity:0;visibility:hidden;transition:opacity .3s linear,visibility 0s linear .3s}#recorded-download{background:#0f0a07;color:#fdfdfb}#recorded-clip{margin-bottom:20px}#trans-label{margin:0 5px}#synth-options{display:flex}.prompt-editor-tooltip{position:absolute;font-family:"Caveat",cursive;left:-40px;color:#0f0a07;top:-40px;font-size:20px;width:100%;transform:rotate(-3deg);user-select:none;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s linear,visibility 0s linear .3s}.prompt-editor-tooltip.shown{opacity:.5;visibility:inherit;transition:opacity .3s linear 1s,visibility 0s linear 1s}.prompt-editor-tooltip svg{width:12px;position:absolute;top:23px;left:50%}.prompt-editor-tooltip svg path{fill:none;stroke:#0f0a07;stroke-linecap:round;stroke-width:2px;stroke-miterlimit:10;stroke-linejoin:round}.prompt-editor-tooltip svg polyline{fill:#0f0a07}.prompt-editor-tooltip#prompt-editor-tooltip-2 svg{transform:scaleX(-1) translateX(10px)}#waveform-viewer{position:relative;height:200px;width:100%;border-radius:14px;border:4px solid #d1e6a3;overflow:hidden;clip-path:inset(50% 0% round 4px);transition:clip-path .6s cubic-bezier(0.785, 0.135, 0.15, 0.86)}#main.helper #waveform-viewer{pointer-events:none}#waveform-viewer.shown{clip-path:inset(0% 0% round 4px)}#waveform-viewer canvas{position:absolute;top:0;left:0;height:100%;width:100%}#waveform-viewer canvas#grain-canvas{cursor:pointer}#peaks,#notes{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;visibility:hidden}#peaks>div,#notes>div{position:absolute;top:0;left:0;height:100%;cursor:col-resize;background-color:rgba(116,82,255,.5)}#peaks>div::before,#peaks>div::after,#notes>div::before,#notes>div::after{display:block;content:" ";position:absolute;top:0;left:0;height:100%;width:1px;background:#d1e6a3}#peaks>div::after,#notes>div::after{left:auto;right:0px;opacity:0;background:#f3bdff}#peaks>div.start,#notes>div.start{cursor:grab;border:1px solid #f3bdff}#peaks>div.start::before,#notes>div.start::before{background-color:#f3bdff;width:3px}#peaks>div.duration,#notes>div.duration{cursor:col-resize}#peaks>div.duration::after,#notes>div.duration::after{opacity:1;width:3px}#peaks>div.key-over,#notes>div.key-over{mix-blend-mode:hard-light;background-color:#f3bdff}#peaks>div div.peak-timeline,#notes>div div.peak-timeline{position:absolute;top:0;left:0;height:100%;width:1px;background:#fdfdfb;opacity:0}#grain-timelines{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}#grain-timelines>div{position:absolute;top:0;left:0;height:100%;width:140px;margin-left:-70px;background:linear-gradient(0.25turn, rgba(243, 189, 255, 0), rgba(243, 189, 255, 0.3), rgba(243, 189, 255, 0));pointer-events:none;mix-blend-mode:hard-light}#main.granular:not(.helper) #grain-timelines{transition:opacity .7s linear;opacity:1;visibility:inherit}#main.peaks:not(.helper) #peaks{transition:opacity .7s linear;opacity:1;visibility:inherit}#main.pitches:not(.helper) #notes{transition:opacity .7s linear;opacity:1;visibility:inherit}#helper-play-cursor{position:absolute;left:0;margin-left:-3px;top:0;height:100%;width:6px;visibility:hidden;background:#7452ff}#reverse-button{position:absolute;bottom:0;right:0;position:absolute;bottom:10px;right:10px;background:#393e2e;border:none;border-radius:4px;height:20px;color:#d1e6a3;transition:color .2s linear,background-color .2s linear;pointer-events:all;cursor:pointer}#reverse-button svg{height:14px;transform:scaleX(-1);margin-top:3px}body.notouch #reverse-button:hover{background-color:#7452ff;color:#fdfdfb}#reverse-button.selected{background-color:#f3bdff;color:#0f0a07}#instrument-infos{position:absolute;top:100%;left:0;width:100%;height:100%;background-color:#7452ff;color:#fdfdfb;z-index:900;transform:translateY(50px);transition:transform .4s cubic-bezier(0.785, 0.135, 0.15, 0.86)}#instrument-infos h6{color:#0f0a07;font-weight:900;font-size:60px;font-family:"Urbanist","Google Sans",sans-serif}#instrument-infos p{font-family:"Space Mono",monospace;margin:0}body:not(.recording) #main.music-scene:not(.adding-track):not(.loading):not(.error):not(.helper) #instrument-infos.loaded{transform:translateY(-10px)}@media(max-height: 500px){body:not(.recording) #main.music-scene:not(.adding-track):not(.loading):not(.error):not(.helper) #instrument-infos.loaded{transform:translateY(-3px)}}body:not(.recording) #main.music-scene:not(.adding-track):not(.loading):not(.error):not(.helper) #instrument-infos.loaded.shown{transform:translateY(-100%)}#instrument-infos>div:last-of-type{position:fixed;left:0;bottom:0;display:flex;justify-content:center;align-items:center;height:80px;width:100%;text-align:center;background:linear-gradient(0deg, rgb(116, 82, 255) 0%, rgba(116, 82, 255, 0) 100%)}#instrument-infos-content{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;padding:10px 40px 80px 40px}#instrument-infos-content::-webkit-scrollbar-thumb{background-color:#fdfdfb;border-radius:20px}#learn-more-button{position:absolute;top:-50px;left:20px;background:#7452ff;height:50px;border-radius:7px 7px 0 0;border:none;color:#fdfdfb;font-size:18px;padding:0 20px;user-select:none}#main.helper #learn-more-button{pointer-events:none}#learn-more-button div{display:inline-block;vertical-align:middle;border:2px solid #fdfdfb;border-radius:20px;width:24px;height:24px;box-sizing:content-box;margin-left:4px;color:#fdfdfb}#learn-more-button span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}#current-instrument-label{font-weight:bold;max-width:calc(50vw - 118px)}#instrument-infos-body:empty{display:none}@media screen and (max-width: 320px){.photos img{width:100%;height:100%}}#instrument-infos-items{position:relative;width:100%;padding:0}#instrument-infos-items>div{position:absolute;top:0;left:0;padding:20px;background:#fdfdfb;border-radius:7px;color:#0f0a07;cursor:pointer}#instrument-infos-items>div img{width:100%;object-fit:contain}#instrument-infos-items>div .item-info{margin:10px 0 0 0}body.notouch #instrument-infos-items>div:hover .more-details,#instrument-infos-items>div:focus-visible .more-details{opacity:1}#instrument-infos-items .item-title{color:#7452ff;margin-top:10px}#instrument-infos-items .item-creator span{display:inline-block;width:100%;font-family:"Space Mono",monospace;font-size:.8em;opacity:.5}#instrument-infos-items .item-collection span{display:inline-block;width:100%;font-family:"Urbanist","Google Sans",sans-serif;font-size:.8em}#instrument-infos-items .more-details{display:inline-block;position:absolute;top:0;right:0;text-align:right;pointer-events:none;opacity:0;background-color:#fdfdfb;padding:10px;color:#0f0a07;border-radius:7px}#instrument-infos-items .more-details span{vertical-align:middle}#instrument-infos-items .more-details svg{display:inline-block;vertical-align:middle;width:15px;height:15px;margin-left:5px}#instrument-infos-body-content{margin-bottom:30px;margin-top:20px;text-align:left}#instrument-infos-body-content a{color:#fdfdfb;text-align:left;font-family:"Space Mono",monospace}#instrument-infos-close{color:#fdfdfb;background-color:#0f0a07;border-color:#fdfdfb;box-shadow:0px 5px 0px 0px #fdfdfb}#instrument-infos-body{max-width:1140px;text-wrap:pretty}#sequencer{position:absolute;top:-50px;right:0;height:calc(100% + 50px);width:0px;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .1s linear .4s,visibility 0s linear .5s,width .5s cubic-bezier(0.785, 0.135, 0.15, 0.86);user-select:none}#main.helper #sequencer{pointer-events:none}#sequencer-view{position:absolute;top:50px;left:0;height:calc(100% - 50px);width:100%;background:#fdfdfb;border-radius:14px;font-family:"Space Mono",monospace;border:4px solid #d1e6a3}#main.sequencer #sequencer{opacity:1;visibility:inherit;width:380px;transition:opacity .1s linear,visibility 0s linear 0s,width .5s cubic-bezier(0.785, 0.135, 0.15, 0.86)}#sequencer-actions,#sequencer-footer-actions{position:absolute;top:20px;left:20px}#main.helper #sequencer-actions,#main.helper #sequencer-actions button,#main.helper #sequencer-footer-actions,#main.helper #sequencer-footer-actions button{pointer-events:none}#sequencer-actions button,#sequencer-footer-actions button{position:relative;vertical-align:middle;padding:0 10px;height:35px;line-height:35px;border:none;border-radius:7px;font-family:"Space Mono",monospace;font-weight:bold;cursor:pointer;color:#0f0a07;background:#d1e6a3;margin:0;transition:background-color .1s linear,color .1s linear;user-select:none}body.notouch #sequencer-actions button:hover,body.notouch #sequencer.playing #sequencer-actions button#sequencer-play-button:hover,body.notouch #sequencer.snap #sequencer-actions button#sequencer-snap-button:hover,body.notouch #sequencer-footer-actions button:hover,body.notouch #sequencer.playing #sequencer-footer-actions button#sequencer-play-button:hover,body.notouch #sequencer.snap #sequencer-footer-actions button#sequencer-snap-button:hover{color:#fdfdfb;background-color:#7452ff}#main.helper #sequencer-actions button,#main.helper #sequencer-footer-actions button{pointer-events:none}#sequencer-footer-actions{display:flex;width:calc(100% - 40px);bottom:20px;right:20px;left:auto;top:auto;font-family:"Space Mono",monospace;height:20px;line-height:20px;font-size:10px;text-transform:uppercase}#sequencer-footer-actions button{height:20px;line-height:20px;user-select:none}#sequencer-footer-actions span:first-of-type{display:inline-block;height:20px;line-height:20px;margin-right:10px;font-size:12px}#sequencer-clear-button{visibility:hidden}#tempo-slider{flex-grow:1;position:relative;cursor:grab}#tempo-slider.grabbing{cursor:grabbing}#tempo-slider::before{position:absolute;top:50%;content:" ";display:block;background:#d1e6a3;height:4px;margin-top:-2px;border-radius:2px;width:100%}#tempo-slider div{display:block;position:absolute;width:20px;height:20px;left:0;top:50%;border-radius:7px;margin-top:-10px;margin-left:-10px;background:#b7cc8b}#sequencer-play-button{width:35px}#sequencer-play-button svg{display:block;position:absolute;width:24px;height:24px;top:50%;left:50%;margin:-12px 0 0 -12px}#sequencer-play-button #pause-icon{visibility:hidden}#sequencer-actions{display:flex;justify-content:space-between;width:calc(100% - 40px)}#sequencer-title{position:absolute;left:0;right:0;text-transform:uppercase;color:#d1e6a3;font-size:27px;display:inline-block;height:35px;line-height:35px;text-align:right;user-select:none}#sequencer-actions button#sequencer-record-button{color:#0f0a07;background:#b7cc8b}body.notouch #sequencer-actions button#sequencer-record-button:hover{color:#fdfdfb;background-color:#7452ff}#sequencer.recording #sequencer-record-button{color:#0f0a07;background:#f3bdff}#sequencer.playing #pause-icon{visibility:inherit}#sequencer.playing #play-icon{visibility:hidden}#sequencer.playing #sequencer-play-button{background-color:#f3bdff}#sequencer.recorded #sequencer-clear-button{visibility:inherit}#sequencer-blocks{position:absolute;top:80px;left:25px;width:calc(100% - 50px);height:calc(100% - 140px)}#sequencer-grid{opacity:.2}#sequencer.snap #sequencer-snap-button{background-color:#f3bdff;color:#0f0a07}#sequencer-footer-actions button#sequencer-snap-button{margin-left:20px}#sequencer-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;user-select:none}#sequencer-lines div{position:absolute;top:0;left:4px;width:calc(100% - 8px);height:16px;border-radius:4px;margin-top:-8px;background:#b7cc8b;opacity:0;transition:opacity .1s linear;pointer-events:none}#sequencer-lines div.shown{opacity:.5}#sequence{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer}#sequence div{position:absolute;height:20px;background:#7452ff;width:20px;margin:-10px 0 0 -10px;border:1px solid #fdfdfb;border-radius:20px;cursor:pointer}body.touch #sequence div{height:30px;width:30px;margin:-15px 0 0 -15px;border-radius:30px}#sequence div.sequence-block:not(.sequence-block-shadow)::before,#sequence div.sequence-block:not(.sequence-block-shadow)::after{content:" ";display:block;position:absolute;top:50%;left:50%;width:10px;height:1px;background-color:#fdfdfb;transform:translate(-50%, -50%) rotate(45deg);visibility:hidden}#sequence div.sequence-block:not(.sequence-block-shadow)::after{transform:translate(-50%, -50%) rotate(-45deg)}body.notouch #sequence div.sequence-block:not(.sequence-block-shadow):hover::before,body.notouch #sequence div.sequence-block:not(.sequence-block-shadow):hover::after{visibility:inherit}#sequence div.block-other-track{opacity:.15;pointer-events:none}#sequence div.block-current-track{z-index:2}#sequence div.sequence-block-shadow{opacity:.5;transform:translate(-100px, -100px)}body.touch #sequence div.sequence-block-shadow{display:none}#sequencer-timeline{position:absolute;top:0;left:0;width:4px;border-radius:2px;height:100%;margin-left:-2px;background:#b7cc8b;pointer-events:none}#sequencer-tabs{position:absolute;left:0;top:0;height:50px;width:100%;visibility:hidden;opacity:0;transition:visibility 0s linear .1s,opacity .1s linear 0s}#main.helper #sequencer-tabs,#main.helper #sequencer-tabs button{pointer-events:none}#main.sequencer #sequencer-tabs{visibility:inherit;opacity:1;transition:visibility 0s linear .2s,opacity .1s linear .2s}#sequencer-tabs.full #sequencer-tabs-items{width:calc(100% - 30px)}#sequencer-tabs.full #sequencer-tabs-add{display:none}#sequencer-tabs-items{display:inline-flex;width:calc(100% - 90px);margin-left:15px;height:50px}#sequencer-tabs-items .sequencer-tab{position:relative;flex:1;height:50px;overflow:hidden;background:#fdfdfb;color:#0f0a07;border-radius:7px 7px 0 0;opacity:.3;transition:opacity .2s linear;vertical-align:middle;cursor:pointer}#sequencer-tabs-items .sequencer-tab.selected{opacity:1}body.notouch #sequencer-tabs-items .sequencer-tab:not(.selected):hover{opacity:.4}#sequencer-tabs-items .sequencer-tab.solo{background-color:#f3bdff}#sequencer-tabs-items .sequencer-tab.solo .solo-button{background-color:#0f0a07;color:#f3bdff}#sequencer-tabs-items .sequencer-tab span{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 28px);padding:0 14px;line-height:50px;pointer-events:none;user-select:none;white-space:nowrap;color:#0f0a07;font-family:"Space Mono",monospace}#sequencer-tabs-items .sequencer-tab button{right:4px;top:4px;width:20px;height:20px;border-radius:5px;background-color:#d1e6a3;font-family:"Space Mono",monospace;position:absolute;cursor:pointer;box-sizing:content-box;border:none;color:#0f0a07}#main.helper #sequencer-tabs-items .sequencer-tab button{pointer-events:none}body.notouch #sequencer-tabs-items .sequencer-tab button:not(.selected):hover{background-color:#7452ff;color:#fdfdfb}body.notouch #sequencer-tabs-items .sequencer-tab button:not(.selected):hover::before,body.notouch #sequencer-tabs-items .sequencer-tab button:not(.selected):hover::after{background-color:#fdfdfb}#sequencer-tabs-items .sequencer-tab .solo-button{right:28px}#sequencer-tabs-items .sequencer-tab .delete-button::before,#sequencer-tabs-items .sequencer-tab .delete-button::after{content:" ";display:block;position:absolute;top:50%;left:50%;width:10px;height:1px;background-color:#0f0a07;transform:translate(-50%, -50%) rotate(45deg)}#sequencer-tabs-items .sequencer-tab .delete-button::after{transform:translate(-50%, -50%) rotate(-45deg)}#sequencer-tabs-add{position:relative;vertical-align:top;width:50px;height:50px;background:#7452ff;color:#fdfdfb;border:none;border-radius:7px 7px 0 0}#main.helper #sequencer-tabs-add{pointer-events:none}#sequencer-tabs-add::before{position:absolute;display:block;content:" ";top:50%;left:50%;width:34px;height:34px;border-radius:40px;margin:-17px 0 0 -17px;background:#fdfdfb;transform:scale(0);transform-origin:center;transition:transform .3s cubic-bezier(0.075, 0.82, 0.165, 1)}#sequencer-tabs-add div{position:absolute;top:0;left:0;width:100%;height:100%}#sequencer-tabs-add div::after,#sequencer-tabs-add div::before{position:absolute;display:block;content:" ";top:50%;left:50%;width:16px;height:4px;background-color:#fdfdfb;transform:translate(-50%, -50%);transition:background-color .3s linear}#sequencer-tabs-add div::before{transform:translate(-50%, -50%) rotate(90deg)}body.notouch #sequencer-tabs-add:hover::before{transform:scale(1);transition:transform .4s cubic-bezier(0.075, 0.82, 0.165, 1)}body.notouch #sequencer-tabs-add:hover div::after,body.notouch #sequencer-tabs-add:hover div::before{background-color:#7452ff}#intro-overlay,#intro-overlay-background,#intro-overlay-steps{position:absolute;top:0;left:0;width:100%;height:100%;color:#fdfdfb}#intro-overlay-background{background-color:rgba(15,10,7,.9);transition:clip-path .6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s}#intro-overlay{z-index:10;opacity:0;visibility:hidden;transition:opacity .5s linear 0s,visibility 0s linear .5s;pointer-events:none}#intro-overlay.shown{opacity:1;visibility:inherit;transition:opacity .5s linear 0s,visibility 0s linear 0s}button{pointer-events:all}.intro-step{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.intro-step>div{max-width:670px;width:60vw;transform:translateX(-50%);padding:20px;font-family:"Space Mono",monospace;text-align:center;font-size:19px}.intro-step>div p{text-wrap:pretty}.intro-step>div .intro-next-button{height:32px;font-size:20px;padding:0 8px;margin-top:15px;border:2px solid #7452ff;background-color:#7452ff;color:#fdfdfb;box-shadow:none;border-radius:7px;transition:background-color .3s linear;pointer-events:all}body.notouch .intro-step>div .intro-next-button:hover{background-color:#0f0a07}.intro-step>div svg.step-arrow{width:20px;position:absolute;top:0;left:0;transform:translate(0px, 8px) rotate(-167deg)}.intro-step>div svg.step-arrow path{fill:none;stroke:#fdfdfb;stroke-linecap:round;stroke-width:2px;stroke-miterlimit:10;stroke-linejoin:round}.intro-step>div svg.step-arrow polyline{fill:#fdfdfb}.intro-step:first-of-type>div svg.step-arrow{transform:translate(100px, -17px) rotate(-107deg)}.intro-step.intro-step-left>div{transform:none;text-align:left}.intro-step.intro-step-top>div{transform:translateY(-100%) translateX(-50%)}.intro-step.intro-step-top>div svg.step-arrow{top:auto;bottom:20px;left:50%;transform:translate(100px, 0px)}.intro-step.intro-step-top-right>div{transform:translateY(-100%) translateX(-100%);text-align:left}.intro-step.intro-step-top-right>div svg.step-arrow{top:auto;bottom:60px;left:100%;transform:translate(0px, 0px)}#intro-skip-button{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}#intro-overlay,#intro-overlay-background,#intro-overlay-steps{position:absolute;top:0;left:0;width:100%;height:100%;color:#fdfdfb}#intro-overlay-background{background-color:rgba(15,10,7,.9);transition:clip-path .6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s}#intro-overlay{z-index:10;opacity:0;visibility:hidden;transition:opacity .5s linear 0s,visibility 0s linear .5s;pointer-events:none}#intro-overlay.shown{opacity:1;visibility:inherit;transition:opacity .5s linear 0s,visibility 0s linear 0s}button{pointer-events:all}.intro-step{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.intro-step>div{max-width:670px;width:60vw;transform:translateX(-50%);padding:20px;font-family:"Space Mono",monospace;text-align:center;font-size:19px}.intro-step>div p{text-wrap:pretty}.intro-step>div .intro-next-button{height:32px;font-size:20px;padding:0 8px;margin-top:15px;border:2px solid #7452ff;background-color:#7452ff;color:#fdfdfb;box-shadow:none;border-radius:7px;transition:background-color .3s linear;pointer-events:all}body.notouch .intro-step>div .intro-next-button:hover{background-color:#0f0a07}.intro-step>div svg.step-arrow{width:20px;position:absolute;top:0;left:0;transform:translate(0px, 8px) rotate(-167deg)}.intro-step>div svg.step-arrow path{fill:none;stroke:#fdfdfb;stroke-linecap:round;stroke-width:2px;stroke-miterlimit:10;stroke-linejoin:round}.intro-step>div svg.step-arrow polyline{fill:#fdfdfb}.intro-step:first-of-type>div svg.step-arrow{transform:translate(100px, -17px) rotate(-107deg)}.intro-step.intro-step-left>div{transform:none;text-align:left}.intro-step.intro-step-top>div{transform:translateY(-100%) translateX(-50%)}.intro-step.intro-step-top>div svg.step-arrow{top:auto;bottom:20px;left:50%;transform:translate(100px, 0px)}.intro-step.intro-step-top-right>div{transform:translateY(-100%) translateX(-100%);text-align:left}.intro-step.intro-step-top-right>div svg.step-arrow{top:auto;bottom:60px;left:100%;transform:translate(0px, 0px)}#intro-skip-button{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}#prompt-list{position:absolute;top:80px;left:0;height:calc(100% - 80px);width:100%;opacity:0;visibility:hidden;transition:opacity .3s linear,visibility 0s linear .3s}#prompt-list.shown{opacity:1;visibility:inherit;transition:opacity .3s linear 0s,visibility 0s linear 0s}.prompt-list-container{position:absolute;top:0;left:0;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;padding:50px 0 100px 0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .1s;pointer-events:none}.prompt-list-container.shown{opacity:1;visibility:inherit;transition:opacity .3s linear .2s,visibility 0s linear .2s;pointer-events:inherit}.prompt-list-container::-webkit-scrollbar-thumb{background-color:#7452ff;border-radius:20px}.prompt-list-container>div{display:flex;width:100%;height:60px;margin:2px;text-align:center;font-size:50px;justify-content:center;align-items:center;cursor:pointer;white-space:nowrap}.prompt-list-container>div img{height:50px;margin-left:20px}body.notouch .prompt-list-container>div:hover{color:#7452ff}.prompt-list-container>div.selected{color:#7452ff;font-weight:bold}.prompt-list-container#prompt-list-adjectives{padding:0}.prompt-list-container#prompt-list-adjectives>div{width:50%;justify-content:end}#prompt-list-instrument{max-width:calc(50% - 90px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;top:50%;left:50%;transform:translateY(-50%);font-weight:bold;font-size:50px;padding-left:16px;pointer-events:none;opacity:0;visibility:hidden}#prompt-list-instrument.shown{visibility:inherit;opacity:1;transition:opacity .3s linear .2s}#list-back-button,#list-go-button{position:absolute;top:50%;transform:translateY(-50%)}#list-back-button{left:20px}#list-go-button{right:20px;opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}#list-go-button.shown{opacity:1;visibility:inherit;transition:opacity .2s linear 0s,visibility 0s linear 0s}.prompt-suggestions{position:absolute;height:0;left:50%;transform:translateX(-50%) translateY(-1px);margin-top:-5vh;margin-left:-40px;overflow-y:hidden;z-index:1000;background-color:#d1e6a3;border-radius:0 0 14px 14px;border:2px solid #7452ff;visibility:hidden;transition:background-color .3s linear;font-weight:bold}.prompt-suggestions.shown{visibility:inherit;overflow-y:auto}.prompt-suggestions>div{position:relative;height:50px;text-align:center;border-bottom:1px solid #7452ff;line-height:50px;padding:0 30px;font-size:20px;color:#7452ff;cursor:pointer}.prompt-suggestions>div.selected{background:#b7cc8b}.prompt-suggestions>div span.autocomp-end{color:#0f0a07}header{position:absolute;top:0;left:0;z-index:899;border-bottom:1px solid #b7cc8b;color:#b7cc8b;width:100%;text-align:center;height:80px;font-size:16px;font-weight:600;background-color:#d1e6a3;display:flex;align-items:center;justify-content:center}header h3 span:first-of-type{color:#7452ff;display:block;font-size:10px;margin-bottom:-6px;opacity:.5;text-transform:uppercase}.header-button{position:absolute;z-index:900;top:16px;right:80px;width:48px;height:48px;border-radius:48px;background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#202124;border:none}#help-button{visibility:hidden;opacity:0;right:144px}.tooltip{display:inline-block;position:absolute;top:0;left:0;padding:5px 12px;background:#fdfdfb;color:#0f0a07;border-radius:14px;font-size:.7em;visibility:hidden;opacity:0;transform:translate(-50%, -100%);transition:opacity .3s linear,visibility 0s linear .3s;pointer-events:none;word-wrap:none;white-space:nowrap;z-index:999;font-family:"Space Mono",monospace}.tooltip::before{display:block;content:" ";position:absolute;top:100%;left:50%;margin-left:-3px;width:0;height:0;border-style:solid;border-width:5px 6px 0 6px;border-color:#fdfdfb rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip.tooltip-right{transform:translate(0, -50%)}.tooltip.tooltip-right::before{top:50%;margin-left:1px;margin-top:-6px;left:-5px;border-width:6px 5px 6px 0;border-color:rgba(0,0,0,0) #fdfdfb rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip.shown{transition-delay:0s;opacity:1;visibility:inherit}.noactivity-tooltip{pointer-events:none;position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%);color:#d1e6a3;z-index:1;font-size:12px;font-family:"Space Mono",monospace;opacity:0;visibility:hidden;transition:opacity .3s linear 0s,visibility 0s linear .3s;user-select:none}#main.music-scene:not(.adding-track):not(.loading):not(.error):not(.helper):not(.learn-more) .noactivity-tooltip.shown{opacity:1;visibility:inherit;transition:opacity .3s linear 0s,visibility 0s linear 0s}.noactivity-tooltip>div{display:inline-block;padding:10px 11px;background:#2d2452;border-radius:7px}.noactivity-tooltip>div svg{vertical-align:middle}.noactivity-tooltip>div p{text-align:left;vertical-align:middle;display:inline;margin:0 10px;user-select:none}.noactivity-tooltip>div button.generic-button{vertical-align:middle;height:23px;border-width:1px;border-color:#d1e6a3;box-shadow:0px 1px 0px 0px #d1e6a3;font-size:12px;padding:0 6px;background:#2d2452;color:#d1e6a3}.noactivity-tooltip#waveform-tooltip{top:auto;bottom:10px;left:auto;right:10px;text-align:right;width:calc(100% - 20px);transform:none}.noactivity-tooltip#keyboard-tooltip{color:#7452ff}.noactivity-tooltip#keyboard-tooltip>div{background-color:#ebf0ea}.noactivity-tooltip#keyboard-tooltip>div button.generic-button{vertical-align:middle;height:23px;border-width:1px;border-color:#7452ff;box-shadow:0px 1px 0px 0px #7452ff;font-size:12px;padding:0 6px;background:#ebf0ea;color:#7452ff}#about-popin-overlay{z-index:999;top:80px;background-color:rgba(15,10,7,.45)}#about{position:absolute;top:96px;right:80px;width:calc(100% - 160px);max-width:390px;max-height:calc(100% - 90px);padding:30px;background-color:#0f0a07;color:#fdfdfb;border-radius:14px;text-align:right;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .1s linear,visibility 0s linear .1s;z-index:1000}#about.shown{opacity:1;visibility:inherit;transition:opacity .3s linear,visibility 0s linear 0s}#about p{margin-bottom:15px;text-align:left;text-wrap:pretty}#about p span{display:block;min-height:1em}.loader{position:absolute;top:50%;left:50%;width:20px;margin:-10px 0 0 -10px;display:none}#main.preloading #popin-preloader{display:block;z-index:8}.loader:before{content:"";display:block;padding-top:100%}.circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round;stroke-width:10px}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes color{100%,0%{stroke:#f3bdff}40%{stroke:#d1e6a3}66%{stroke:#7452ff}80%,90%{stroke:#fdfdfb}}@media(max-width: 975px){#learn-more-button{top:-40px;height:40px;font-size:14px;padding:0 14px}#learn-more-button div,#learn-more-button svg{width:18px;height:18px}.loading-label{font-size:14px;max-height:33px;overflow:visible}.intro-step>div{font-size:18px}}@media(max-height: 975px){.loading-label{font-size:14px;max-height:15px;overflow:visible}#prompt-editor #loading-message-regenarate{margin-bottom:0;max-height:30px}.prompt-editor-tooltip{top:-28px;font-size:16px}.prompt-editor-tooltip svg{top:19px;width:8px}}@media(max-height: 920px){#music-scene>div{margin-top:-50px}#devices{height:calc(100vh - 400px)}#waveform-viewer{height:50%}#keyboard #keys{height:50%}header{display:none}#gac-logo{top:0}#about-popin-overlay{top:0}#about{top:80px}#record-button{width:70px;height:70px}#record-button p{margin-top:7px;font-size:14px}#sequencer-blocks{top:60px;left:17px;width:calc(100% - 35px);height:calc(100% - 80px)}#sequencer-actions{top:15px;left:15px}#sequencer-actions button{height:30px;line-height:30px}#sequencer-footer-actions{display:none}#sequencer-title{font-size:25px;height:30px;line-height:30px}#prompt-list{top:0;height:100%}}@media(max-height: 720px){#devices{height:calc(100vh - 350px)}#keyboard-types button{padding:5px 10px;font-size:10px}#record-button{width:60px;height:60px}#sequencer-blocks{top:45px;height:calc(100% - 60px)}#sequencer-actions{top:8px}}@media(max-width: 720px){#main.sequencer #sequencer{width:100%}#main.sequencer #keyboard-types{transform:translateY(-35px);margin-top:10px}#sequencer-view{top:35px;height:calc(100% - 35px)}#sequencer-tabs-items .sequencer-tab span{line-height:35px;font-size:14px}#sequencer-tabs-items .sequencer-tab{height:35px}#sequencer-tabs{height:35px}#sequencer{top:-35px;height:calc(100% + 35px)}#sequencer-tabs-add{height:35px}#sequencer-record-button{display:none}#keyboard-types button{padding:6px 12px;font-size:14px}#music-scene>div{width:calc(100% - 20px)}#main.loading #loading-message{margin-top:20px}#prompt h4,#suggestion,#prompt input,.measure,#input,#prompt-editor input,#prompt-loading{font-size:35px}#input{margin-left:9px}.generic-button{height:40px;border-width:3px;box-shadow:0px 3px 0px 0px #7452ff;font-size:20px;padding:0 14px}#mention span{font-size:11px}.prompt-list-container>div{height:50px;font-size:30px}.prompt-list-container>div img{height:40px;margin-left:10px}#prompt-list-instrument{font-size:30px;padding-left:10px}.intro-step>div{width:80vw;font-size:16px}#intro-step5{margin-left:-50px}#intro-step6{margin-left:-100px}.noactivity-tooltip{display:none}}@media(max-height: 645px){#music-scene{height:calc(100% - 60px)}#main.no-download #music-scene{height:100%}.prompt-editor-tooltip{top:-10px;font-size:9px}.prompt-editor-tooltip svg{top:12px;width:6px;margin-left:33px}.prompt-editor-tooltip#prompt-editor-tooltip-2 svg{transform:scaleX(1) translateX(10px)}#devices{height:calc(100vh - 300px)}#main.no-download #devices{height:calc(100vh - 270px)}body.touch #sequence div{height:18px;width:18px;margin:-9px 0 0 -9px}}@media(max-height: 645px),(max-width: 575px){#record-button{border:3px solid #7452ff;height:25px;width:85px}#record-button div,#record-button #record-stop{top:50%;left:10px;width:10px;height:10px}#record-button p{margin-top:0px;top:50%;transform:translate(7px, -50%);line-height:100%;font-size:14px}#mention span{font-size:8px;-webkit-text-size-adjust:none}.prompt-list-container>div{height:40px;font-size:20px}.prompt-list-container>div img{height:30px;margin-left:4px}#prompt-list-instrument{font-size:20px}}@media(max-width: 500px){header{text-align:left;justify-content:start;padding:0 0 0 30px}#gac-logo{left:30px;transform:none}}@media(max-width: 575px)and (max-height: 920px){#music-scene{align-items:start;height:calc(100% - 36px)}#music-scene>div{margin-top:62px}#prompt-editor input{margin-bottom:0vh}.prompt-suggestions{margin-top:0vh}.header-button{right:70px;width:40px;height:40px}#help-button{right:116px}#devices,#main.no-download #devices{height:calc(100vh - 350px);min-height:130px}}@media(max-height: 500px){#music-scene>div{margin-top:10px}#devices,#main.no-download #devices{height:calc(100vh - 210px)}.generic-button{height:40px;border-width:3px;box-shadow:0px 3px 0px 0px #7452ff;font-size:20px;padding:0 14px}#prompt-editor #loading-message-regenarate{margin-bottom:0}#gac-logo{display:none}#about p span{font-size:12px}}@media(max-height: 500px),(max-width: 575px)and (max-height: 920px){#recording-frame{box-shadow:inset 0px 0px 0px 10px #7452ff}body.recording #recording-frame{opacity:1;animation-name:frameAnimationSmaller}#recording-frame #recording-time{transform:none;bottom:auto;top:5px;left:5px;padding:1px 5px}#about{right:10px;width:calc(100% - 20px);max-width:calc(100% - 10px)}#prompt h4,#suggestion,#prompt input,.measure,#input,#prompt-editor input,#prompt-loading{font-size:26px;height:40px;line-height:40px}#prompt-editor input{margin-bottom:0vh}.prompt-suggestions{margin-top:0vh}#keyboard-types button{padding:6px 11px;font-size:12px}.intro-step>div{font-size:14px;line-height:1.2}.intro-step>div .intro-next-button{font-size:16px;margin-top:10px}#intro-skip-button{bottom:10px}#user-input{height:40px}#input{height:40px;margin-left:4px}#mention span{font-size:9px;-webkit-text-size-adjust:none}#record-button{bottom:-16px}#music-scene{height:calc(100% - 46px);align-items:start}#main:not(.no-download) #learn-more-button span#learn-more-label{display:none}#learn-more-button{top:-28px;left:10px;height:28px;font-size:12px;padding:0 8px}#learn-more-button div,#learn-more-button svg{width:14px;height:14px}}@media(max-width: 366px){#keyboard-options{font-size:11px}#keyboard-options button{padding:0 11px;font-size:11px;height:24px}#mention span{font-size:8px}}@media(max-height: 500px)and (max-width: 650px){#music-scene{align-items:start;height:calc(100% - 36px)}#music-scene>div{margin-top:62px}#prompt-editor input{margin-bottom:0vh}.prompt-suggestions{margin-top:0vh}.header-button{right:70px;width:40px;height:40px}#help-button{right:116px}#devices,#main.no-download #devices{height:calc(100vh - 270px);min-height:130px}}