.faq-question{border-bottom:2px solid var(--text2)}.faq-question-header.flex{justify-content:space-between;width:100%;padding:2rem 0}.faq-answer{white-space:pre-wrap;color:var(--text2)}.laptop-mockup{position:relative;z-index:0;-webkit-user-select:none;user-select:none;display:grid;justify-items:center;max-height:100%;max-width:100%;width:-webkit-max-content;width:max-content;margin-left:auto;margin-right:auto}.laptop-mockup img{grid-row:1;grid-column:1}.laptop-mockup-daw{margin-top:2%;max-width:calc(100% * var(--dawRatio));z-index:-1;filter:brightness(.8)}.laptop-mockup-image{margin-top:9%;max-width:calc(100% * var(--scale));border-radius:var(--radius-small);box-shadow:var(--box-shadow)}.youtube-embed{display:block;width:100%;height:auto;aspect-ratio:16/9;position:relative;border-radius:var(--radius)}.youtube-embed iframe{width:100%;height:100%}.youtube-embed .icon{top:50%;left:50%;height:2rem;width:2rem;transform:translate(-50%,-50%);position:absolute}.youtube-embed .icon.youtube{height:4rem;width:4rem}.youtube-embed .icon.youtube:after{background:var(--yt)}.page._plugin .splash h1{--h1-size:4rem}.page._drumgpt .splash .fill-image{object-position:bottom}.dgpt-header-icon{height:4rem;width:5.5rem}.dgpt-splash-image{aspect-ratio:16/9}@media (max-width:800px){.select{flex-grow:1}}.select{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.select.small .select-button{font-size:.8rem}.select-button{padding:1rem;background:var(--background2);border-radius:var(--radius-small);width:100%;border:var(--border)}.select-button:hover{background:var(--grey)}.select-button.tempo{width:6rem}.key-select .select-button{min-width:8.2rem}.block:not(.song) .select-button:not(:hover){background:var(--background3)}.select-value{flex-grow:1;white-space:nowrap;line-height:1rem}.select-value._ph{--text:var(--text2);color:var(--text)}.select .context-menu{min-width:100%}.select-option{cursor:pointer;padding:.8rem 1.2rem;transition:color .2s;color:var(--text2);display:block;width:100%}.select-option.active{color:var(--text)}.select-option:hover{background:var(--grey)}.voice-select-options{background:var(--background);padding:.4rem;overflow-y:auto;max-height:10rem}.voice-select-option{display:inline-block;background:var(--background2);padding:.4rem;margin:.4rem}.voice-select-option._active,.voice-select-option:hover{background:var(--accent)}.multi-key-select{min-width:10rem}.key-select{min-width:7rem}.snap-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.progress-circle{height:1rem;width:1rem;position:relative}.progress-circle:before{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;background:conic-gradient(var(--text) calc(var(--p) * 1%),#0000 0);-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(99% - 4px),#000 calc(100% - 4px));mask-image:radial-gradient(farthest-side,#0000 calc(99% - 4px),#000 calc(100% - 4px))}.vertical-flex.status-container{align-items:center}.status{text-align:center;width:-webkit-max-content;width:max-content}.status:after{animation:loading 1s linear infinite alternate;width:1rem;text-align:left;float:right;content:"."}.error{color:var(--accent);text-align:center}.progress-bar{width:var(--button-width);max-width:80%;border-radius:1rem;background:var(--disabled);overflow:hidden;height:1rem}.progress-bar div{border-radius:1rem;background:var(--accent);transition:width .5s;position:relative;height:100%}.progress-bar div:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:50px 50px;animation:move 2s linear infinite;border-radius:1rem;overflow:hidden}.gpt-voice-recording-time{font-size:.9rem;color:var(--text2);width:2rem!important;flex-shrink:0}.gpt-voice-recording{padding:0 1.2rem}.gpt-voice-recording-vis{height:60px;display:block}.gpt-input{padding:var(--prompt-padding);padding-bottom:calc(var(--prompt-padding) / 2);width:100%;display:block}.gpt-prompt._disabled .gpt-input *{opacity:.5}.gpt-prompt:not(._disabled) .gpt-input-label{cursor:text}.gpt-input textarea{border:0;color:unset;-webkit-border-radius:0;background:none;display:block;resize:none;font-size:.9rem;width:100%;min-height:21px}.gpt-input textarea:focus{outline:unset}.gpt-ideas{font-size:.7rem;margin-left:auto;margin-right:auto;min-height:94px;max-width:800px}.gpt-ideas .flex.wrap{transition:height 2s}.gpt-idea{padding:.1rem .3rem;border-radius:var(--radius-small);transition:filter .2s;white-space:nowrap;overflow:hidden;color:#fff}.gpt-idea:not(:disabled):hover{filter:brightness(.7)}.gpt-ideas-button.flex{gap:.4rem}.gpt-ideas-button .icon{height:.7rem;width:.7rem}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.8s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.gpt-suggestions.block{position:absolute;top:100%;left:1.2rem;right:1.2rem;padding:1rem 0;margin-top:.5rem;z-index:1;box-shadow:var(--box-shadow)}.gpt-suggestion{color:var(--text2);padding:1rem 1.2rem;font-size:.8rem;width:100%;transition:background-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.gpt-suggestion:hover{background-color:var(--opaqueHover)}.prompt-preview{font-size:.7rem}button.prompt-preview-button{font-size:.7rem;overflow:hidden;padding:.2rem .4rem;border-radius:var(--radius-small);transition:opacity .3s,background-color .3s;will-change:opacity;background-color:var(--background3)}button.prompt-preview-button:not(:disabled):hover{opacity:.5}.prompt-preview-button-value{min-width:5ch;text-align:center}.drawer-wrapper.flex{position:fixed;inset:0;align-items:stretch;gap:0;z-index:1}.drawer-mask{background-color:var(--opaque);will-change:opacity,backdrop-filter;animation:mask-fade .5s;height:100%}@keyframes mask-fade{0%{opacity:0}to{opacity:1}}.drawer{height:100%;background-color:var(--background)}.drawer>.scroll{padding:2rem}.input{position:relative;cursor:text;flex-grow:1;transition:background-color .2s;background-color:var(--background2);border-radius:var(--radius-small);padding:.9rem 1rem;border:var(--border)}.input._small{padding:.8rem .9rem}.input._opaque{background-color:var(--opaque)}.input._opaque:not(._disabled):hover{background-color:var(--opaqueHover)}.input._disabled,.input._disabled input{opacity:.5;cursor:not-allowed}.block:not(.song):not(.opaque2) .input{background:var(--background3)}.block:not(.song):not(.opaque2) .input:not(._disabled):hover,.input:not(._disabled):hover{background-color:var(--grey)}.input :focus{outline:unset}.input-field{font-size:1rem;color:unset;-webkit-border-radius:0;background:none;width:100%;display:block;transition:border-color .3s;line-height:1.2rem;border:unset;font-size:.8rem}.input:hover .input-field{border-color:var(--accent)}.textarea-field{resize:none;overflow-y:hidden}.prompt-select-button{background-color:var(--background2);border-radius:var(--radius-small);padding:.3rem .6rem;will-change:opacity}.prompt-select-button:not(:disabled):hover{opacity:.5}.prompt-select-button.active{outline:3px solid var(--text)}.knob.vertical-flex{gap:.5rem}.knob-canvas{width:var(--knob-size);height:var(--knob-size);cursor:pointer;transition:opacity .2s;will-change:opacity}.knob-canvas:hover,.knob._dragging .knob-canvas{opacity:.75}.slider{position:relative;--track-height:0.25rem;--handle-size:1rem;height:var(--handle-size);-webkit-user-select:none;user-select:none;width:100%}.slider-track{position:absolute;border-radius:calc(var(--track-height) / 2);top:calc(var(--handle-size) / 2 - var(--track-height) / 2);height:var(--track-height);background:var(--grey)}.slider-track._active{background:var(--accent)}.slider-handle{cursor:pointer;position:absolute;top:0;transform:translateX(-50%)}.slider-handle-dot{position:relative;left:50%;transform:translateX(-50%);width:var(--handle-size);height:var(--handle-size);border-radius:50%;background-color:var(--text)}.slider-handle:not(:disabled):hover .slider-handle-dot{background-color:var(--text2)}.slider-handle-label{text-wrap:nowrap;text-align:center;color:var(--grey);font-size:.7rem;margin-top:.2rem}.flex.key-row{gap:2px;margin-bottom:2px}.key{flex:1 1;min-width:3.4rem;display:flex}.key._left{flex:1.5 1;justify-content:flex-end}.key._right{flex:1.5 1;justify-content:flex-start}.key button{width:100%;padding:.5rem 0;border-radius:3px;font-size:.7rem;text-align:center;color:var(--background);will-change:opacity}.key._left button,.key._right button{width:calc(100% * 2 / 3)}.key._black button{background:var(--grey)}.key._white button{background:var(--text2)}.key button:hover,.key._active button{opacity:.5}.prompt-controls.vertical-flex{gap:3rem;min-width:441px}.prompt-control.vertical-flex{gap:2rem}.prompt-control-auto-button{padding:.6rem;background-color:var(--background3);border-radius:var(--radius);opacity:var(--opacity);will-change:opacity;transition:background-color .3s,opacity .3s}.prompt-control:not(._auto) .prompt-control-auto-button{opacity:.5}.prompt-control-auto-button:hover{background-color:var(--opaqueHover)}.prompt-control-input{transition:opacity .3s;will-change:opacity}.prompt-control._auto .prompt-control-input{opacity:.5}.prompt-options{width:441px;transition:opacity .2s;will-change:opacity}.prompt-options._disabled{opacity:.8;pointer-events:none;cursor:wait!important}.prompt-options-preview-wrapper{position:-webkit-sticky;position:sticky;bottom:0;left:0;transform:translate(-2rem,2rem);width:calc(100% + 4rem);background-color:var(--opaque2);border-radius:var(--radius)}.prompt-options-preview{padding:1rem}.gpt-prompt{--prompt-padding:1.2rem;position:relative;max-width:800px;width:100%;margin-left:auto;margin-right:auto;background-color:var(--background2);border:var(--border);border-radius:1rem;transition:background-color .2s;align-items:stretch}.gpt-prompt._hover:not(._disabled){background-color:var(--opaqueHover)}.gpt-prompt-lower{padding:var(--prompt-padding);padding-top:unset}.gpt-prompt-button{padding:.4rem;border-radius:1rem;background:var(--text);transition:opacity .2s;will-change:opacity}.gpt-prompt-button .icon:after{background-color:var(--background)!important}.gpt-prompt-button:not(:disabled):hover{opacity:.5}form.vertical-flex{gap:2rem}.dgpt-pad{flex:1 1;flex-basis:1rem;border-radius:var(--radius-small);padding:.5rem;aspect-ratio:1;align-items:stretch;background:var(--background3);max-width:110px;touch-action:none}.dgpt-pad._disabled{opacity:.3;cursor:not-allowed}.dgpt-pad:not(._disabled)._pressed,.dgpt-pad:not(._disabled):hover{cursor:pointer;opacity:.5}.dgpt-pad>.icon{height:1.4rem;width:1.4rem;align-self:center}.dgpt-pad kbd{text-transform:uppercase}@media (max-width:800px){.dgpt-pad kbd{display:none}}.dgpt-pads{gap:3px;-webkit-user-select:none;user-select:none;overflow-x:auto;max-width:600px;margin:auto}.dgpt-pad-row{align-items:stretch;gap:3px}.dgpt-pad-gap{flex-basis:1rem;border-radius:var(--radius-small);background-color:var(--background2);min-width:80px}.dgpt-pads._disabled .dgpt-pad-gap{opacity:.3}@media (max-width:800px){.dgpt-pad-gap,.dgpt-pad-offset{display:none}}.dgpt-key{flex:1 1;flex-basis:1rem;border-radius:var(--radius-small);padding:.5rem;aspect-ratio:1;align-items:stretch;min-width:80px}.dgpt-key._disabled{opacity:.3;cursor:not-allowed}.dgpt-key:not(._disabled)._pressed,.dgpt-key:not(._disabled):hover{cursor:pointer;opacity:.5}.dgpt-key-label{font-size:.7rem;color:var(--text2)}.dgpt-key kbd{text-transform:uppercase}.dgpt-key._black{background-color:var(--background3)}.dgpt-key._white{background-color:var(--grey)}.dgpt-key>.icon{height:1.4rem;width:1.4rem;align-self:center}@media (max-width:800px){.dgpt-key-label._keyboard{display:none}.dgpt-key kbd{display:none!important}}.dgpt-synth{gap:3px;-webkit-user-select:none;user-select:none;overflow-x:auto}.dgpt-key-row{flex:1 1;flex-direction:row;gap:3px;align-items:stretch}.dgpt-key-offset{flex:0.3 1;min-width:24px}.dgpt-key-gap{flex:1 1;flex-basis:1rem;border-radius:var(--radius-small);aspect-ratio:1;background-color:var(--background2);min-width:80px}.dgpt-synth._disabled .dgpt-key-gap{opacity:.3}.dgpt-preview{flex:1 1;align-self:stretch;cursor:pointer;max-width:100%;padding:1.5rem}.dgpt-preview.active{outline:4px solid var(--accent)}.dgpt-preview .grow{overflow:hidden}.dgpt-preview-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dgpt-preview-date{white-space:nowrap}.dgpt-preview:hover{background-color:var(--opaqueHover)}.library-filters.flex{margin-bottom:2rem;flex-wrap:wrap}.flex.library-bpm{font-size:.8rem;color:var(--text2);-webkit-user-select:none;user-select:none;flex-grow:1;min-width:12rem}.library-bpm-range{margin:0 .5rem}.range-mark{margin-top:.4rem;font-size:.8rem}.library-list-header{padding:1rem 1rem 1rem 0;display:grid;grid-template-columns:subgrid;grid-column:2/-1}.sgpt-library-note-filter{-webkit-user-select:none;user-select:none;flex-grow:1;min-width:12rem}