#subscription-container{max-width:var(--content-width)}.create-subscription-back{float:right}.account-grid,.block._account{margin-bottom:2rem}.account-grid{display:grid;grid-gap:1rem 0;gap:1rem 0}.account-grid-header{grid-row:1;font-size:.8rem;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:.5rem}.account-grid-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1rem}.account-grid-verified{margin-left:.5rem}.row-2{grid-row:3}.row-3{grid-row:4}.vertical-flex.status-container{align-items:center}.status{text-align:center;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}form.vertical-flex{gap:2rem}#account-subscription-choice{margin:2rem 1rem}#account-subscription-choice-text{color:var(--dark-text-1)}#account-subscription-choice-price{margin:0 .5rem;color:var(--dark-text-2)}.block._account._subscription .spinner{margin:auto}#subscription-current{display:inline-block;margin-bottom:2rem}#subscription-choice{margin-bottom:2rem}#subscription-choice-text{color:var(--accent)}#subscription-choice-price{margin-left:.5rem}#payment-current{display:inline-block;color:var(--text);margin-bottom:2rem}#payment-current-value{display:inline-block;color:var(--accent);margin-left:.5rem;margin-bottom:2rem}#payment-current-value-brand{text-transform:capitalize}.account-unlimited.vertical-flex{gap:2rem}@media (max-width:800px){.account-subscription-features.block{grid-template-columns:1fr!important}}.account-subscription-features.block{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;background:var(--background)}.strikethrough{text-decoration:line-through}.subscription-plan{padding:1rem;border-radius:var(--radius);cursor:pointer;width:100%}.subscription-plan:hover{background:var(--opaqueHover)}.subscription-plan *{cursor:inherit}.subscription-plan>.vertical-flex{gap:0}.subscription-plan-units{color:var(--accent)}.subscription-plan-price._discount{text-decoration:line-through}.subscription-plan-price:not(._discount){font-weight:700}.select.cancel-subscription-reason{width:100%}.cancel-subscription{max-width:var(--button-width);margin:auto}.cancel-subscription-reason .select-button{width:-webkit-fill-available;width:-moz-available;width:stretch}@media (max-width:800px){.select{flex-grow:1}}.select{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)}.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:-moz-fit-content;width:fit-content}.input{position:relative;cursor:text;flex-grow:1;transition:background-color .2s}.input._disabled{opacity:.5;cursor:not-allowed}.input._alt{background-color:var(--background2);border-radius:var(--radius-small);padding:.9rem 1rem}.block:not(.song) .input._alt:not(:hover){background:var(--background3)}.input._alt:not(._disabled):hover{background-color:var(--grey)}.input :focus{outline:unset}.input._alt .input-field{border:unset;font-size:.8rem}.input._alt .input-name{display:none}.input-name{position:absolute;cursor:inherit;transition:all .3s;top:.18rem;-webkit-user-select:none;user-select:none;color:var(--text2)}.input-name.focus{top:-.8rem;font-size:.6rem}.input-field{font-size:1rem;border:0;color:unset;-webkit-border-radius:0;background:none;width:100%;display:block;transition:border-color .3s}.input:not(._alt) .input-field{border-bottom:2px solid var(--text);line-height:calc(2rem - 2px)}.input._alt .input-field{line-height:1.2rem}.input:hover .input-field{border-color:var(--accent)}.textarea-field{resize:none;overflow-y:hidden}@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))}.manage-payment.vertical-flex{margin-bottom:1rem;gap:2rem}.payment-method h4{flex-grow:1}.braintree{margin-bottom:2rem}#braintree-dropin{color:#000}.braintree-method__label{white-space:nowrap}.braintree *{font-weight:unset!important}.braintree-heading,.braintree-placeholder{display:none!important}.subscription-cancel{cursor:pointer;display:inline-block}.subscription-cancel:hover{color:var(--accent)}.braintree-loaded .braintree-upper-container:before{background-color:unset}