body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chatbox-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.chatbox-scroll-container::-webkit-scrollbar{display:none}@keyframes pulse{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.play-container-text-container{margin:0;display:flex;align-items:flex-start;text-align:left}.play-container-text-description{color:#ca7c62;font-style:normal;text-transform:uppercase;font-weight:700;font-size:18px}@media (max-width: 1200px){.play-container-text-description{min-width:150px;font-size:14px}}.play-container-text{margin:0;text-align:left;font-style:normal;font-weight:400;font-size:15px;letter-spacing:.01em;color:#ced0d4;line-height:133%}@media (max-width: 1200px){.play-container-text{font-size:12px}}@keyframes error-page-rotation{0%{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(-20deg)}to{transform:rotate(0)}}.left-position-1{left:-1px}.left-position-2{left:58px}.left-position-3{left:117px}.left-position-4{left:176px}.first-chevron-styles{width:0;height:0;display:inline;border-style:solid;border-width:80px 0 80px 54px;border-color:transparent transparent transparent #1D2F44;position:absolute;left:-1px}.logo-image-container-style{position:absolute;top:-35px;height:70px}.logo-image-style{max-height:100%}.museflow-container-styles{background-color:#000;max-width:80%;max-height:80%;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}@media (max-width: 1200px),(max-height: 900px){.museflow-container-styles{margin-bottom:100px}}.blocking-container-styles{max-width:1000px;height:450px;font-style:normal;font-weight:300;font-size:48px;letter-spacing:.01em;color:#fff;padding:80px 120px 40px}@media (max-width: 1200px),(max-height: 900px){.blocking-container-styles{font-size:26px;padding:60px 25px 25px}}.blocking-container-flex{height:100%;display:flex;flex-direction:column;justify-content:space-between;font-family:Lato}.p-blocking-container{margin-top:50px;font-size:18px;line-height:133%;text-align:left}@media (max-width: 1200px),(max-height: 900px){.p-blocking-container{margin-top:30px}}.p-blocking-container-small{font-size:14px}@media (max-width: 1200px),(max-height: 900px){.p-blocking-container-small{font-size:12px}}.signup-form-container{margin-top:10px;display:flex;flex-direction:column;align-items:center;padding:0 20px;gap:20px}@media (max-height: 768px){.signup-form-container{margin-top:0;gap:14px}}#osmdCanvasPage1{position:absolute!important}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-styles{font-style:normal;font-weight:400;font-size:16px;line-height:19px;text-align:center;letter-spacing:.01em;color:#ced0d4}.page-div-styles{background-image:url(/assets/pianoBackground-DZ2U9nXz.png);background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh;width:100vw}.filter-div-styles{width:100%;height:100%;-webkit-backdrop-filter:brightness(15%);backdrop-filter:brightness(15%);display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-height: 768px){.filter-div-styles{justify-content:flex-start}}.sign-in-div-styles{background-color:#050b13;width:740px;flex-shrink:0;max-width:80%;max-height:80%;border-radius:12px;justify-content:center;position:relative;z-index:10;display:inline-flex;flex-direction:column;align-items:center;gap:32px;padding-bottom:20px}@media (max-height: 768px){.sign-in-div-styles{gap:20px;margin-top:50px;max-height:86%;max-width:100%;min-height:65%;width:100%}}::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.desc-container{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:590px}h3{color:#ced0d4;text-align:center;font-family:Lato;font-size:34px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.34px}@media (max-height: 768px){h3{font-size:26px;margin:14px 12px 6px}}p{color:#fff;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.16px}@media (max-height: 768px){p{font-size:14px}}.plan-scroll-container{display:flex;flex-shrink:0;flex-direction:column;align-items:center;width:100%;height:100%;gap:32px}@media (max-height: 768px){.plan-scroll-container{overflow:scroll;gap:20px}}.plan-container{display:flex;align-items:flex-start;gap:20px}.plan{position:relative;display:flex;width:180px;height:248px;padding:36px 40px 20px;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:8px;border:1px solid var(--neutrals-500, #5B646E);background:var(--neutrals-900, #050B13)}@media (max-height: 768px){.plan{padding:28px 20px}}.plan-desc{display:flex;flex-direction:column;align-items:center;gap:8px}@media (max-height: 768px){.plan-desc{gap:4px}}.discount-percent{position:absolute;top:0;right:0;display:flex;width:80.552px;padding:0 8px;justify-content:center;align-items:center;gap:8px;border-radius:0 8px;background:#6f87f1}.discount-percent-text{color:#fff;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.16px;margin:0}.plan-text-desc{color:var(--secondary-green-05, #65AF83);text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.16px;text-transform:uppercase;margin:0}@media (max-height: 768px){.plan-text-desc{font-size:14px}}.plan-text-price{color:var(--neutrals-white, #FFF);text-align:center;font-family:Lato;font-size:34px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.34px;margin:0}@media (max-height: 768px){.plan-text-price{font-size:26px}}.plan-text-time{color:var(--neutrals-white, #FFF);text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.16px;margin:0}@media (max-height: 768px){.plan-text-time{font-size:14px}}.plan-text-equivalent{color:var(--neutrals-white, #ADB1B7);text-align:center;font-family:Lato;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.16px;margin:3px 0}@media (max-height: 768px){.plan-text-equivalent{font-size:12px}}.lesson-check{width:160px;display:flex;align-items:center;gap:3px;text-align:left;justify-content:flex-start}.green-check-img{width:22px}.MuiButton-root.submit-button{display:flex;padding:16px 32px;justify-content:center;align-items:center;gap:8px;border-radius:40px;background:#ca7c62;color:#050b13;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:2.5px;text-transform:uppercase}.trial-submit-button{width:315px}.submit-container{display:flex;flex-direction:column;align-items:center;gap:24px}.back-container-styles{position:absolute;left:22px;top:22px}.back-container-styles:hover{background:#de907680;cursor:pointer;transition:.3s;border-radius:50%;box-shadow:0 0 5px 5px #de907680}.discount-container{display:flex;justify-content:center;align-items:flex-start;gap:8px}@media (max-height: 768px){.discount-container{flex-direction:column;align-items:center;gap:16px}}.code-field-container{position:relative}.MuiButton-root.discount-code{color:var(--primary-300-main, #CA7C62);text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.16px;text-decoration-line:underline}.MuiButton-root.discount-button{display:flex;padding:16px 32px;justify-content:center;align-items:center;gap:8px;border-radius:40px;border:2px solid #CA7C62;color:#ca7c62;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:2.5px;text-transform:uppercase}.discount-input .MuiInputBase-input{position:relative;width:245px;padding:14px 20px;color:#adb1b7;font-family:Lato;font-size:16px;font-weight:400;line-height:normal;letter-spacing:.16px}.discount-input .MuiOutlinedInput-root{border-radius:80px}.discount-input-neutral .MuiOutlinedInput-root:not(.Mui-focused){border:1px solid #5B646E}.discount-input .MuiInputLabel-root{color:#adb1b7;font-feature-settings:"clig" off,"liga" off;font-family:Lato;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.15px}.valid-discount .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#81c69c}.valid-discount .MuiInputLabel-root,.valid-discount .MuiInputBase-input{color:#81c69c}.plan-container-text .MuiInputLabel-root{color:#fff;font-weight:700;margin-left:32px}.text-disabled .MuiInputLabel-root{color:#fff;margin-left:42px}.text-billing-settings .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:1px solid #ADB1B7;box-sizing:border-box}.trial-text-billing-settings .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:1px solid #81C69C}.plan-container-text-selected .MuiInputLabel-root{color:#100d09}.plan-container-text-selected .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:none;color:#100d09}.valid-discount .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#81c69c}.valid-discount .MuiInputLabel-root.Mui-focused{color:#81c69c}.valid-discount .MuiInputBase-input:focus{color:#81c69c}.invalid-discount .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#e7c4b9}.invalid-discount .MuiInputLabel-root,.invalid-discount .MuiInputBase-input{color:#e7c4b9}.invalid-discount .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#e7c4b9}.invalid-discount .MuiInputLabel-root.Mui-focused{color:#e7c4b9}.invalid-discount .MuiInputBase-input:focus{color:#e7c4b9}.discount-input-neutral .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5b646e}.discount-input-neutral .MuiInputLabel-root.Mui-focused{color:#adb1b7}.discount-input-neutral .MuiInputBase-input:focus{color:#adb1b7}.plan-check{position:absolute;top:14px;left:14px}.MuiLink-root.link{color:#6f87f1;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.16px;text-decoration-line:underline}.code-container{position:absolute;display:flex;padding:2px 4px;justify-content:center;align-items:center;gap:2px;top:16px;right:14px;border-radius:24px;background:#81c69c;color:#2e5b3e;text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Lato;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.15px}.code-container.invalid{border-radius:24px;background:#e7c4b9}.trial-logout-container{position:absolute;top:20px;right:22px;color:var(--neutrals-200, #ADB1B7);text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.16px;margin-bottom:3px;z-index:2}.trial-logout-container:hover{background:#de907680;cursor:pointer;transition:.3s;border-radius:24px;box-shadow:0 0 5px 5px #de907680}.welcome-container{padding:0 8px;margin:0;width:100%;overflow-y:scroll;overflow-x:hidden}.welcome-container::-webkit-scrollbar{width:6px;border-radius:10px}.welcome-container::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid slategrey;border-radius:10px}.welcome-container::-webkit-scrollbar-thumb:window-inactive{background-color:gray;border-radius:10px}.title-welcome{color:#ced0d4;text-align:center;font-family:Lato;font-size:34px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.34px;margin:10px 0 0}@media (max-height: 768px){.title-welcome{font-size:26px}}.p-welcome-body{text-align:left;margin:0 20px;line-height:133%}.p-connect-midi{text-align:center;margin:0 20px}.later-link{color:#ca7c62;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.16px}.connect-button-container{display:flex;flex-direction:column;gap:18px}.sound-output-container{display:flex;margin-top:40px;margin-bottom:10px}@media (max-height: 768px){.sound-output-container{margin-top:10px;margin-bottom:4px}}.sound-output-selections{border-radius:8px;width:220px;padding:32px}@media (max-height: 768px){.sound-output-selections{width:160px}}.header-styles{height:160px;min-height:160px;display:flex;flex-direction:row;position:relative}@media (max-width: 1200px) or (max-height: 900px){.header-styles{height:100px;min-height:100px}}.header-container-styles{background-color:#000;width:300px}@media (max-width: 1200px) or (max-height: 900px){.header-container-styles{width:180px}}.tutorial-left-position-1{left:-1px}.tutorial-left-position-2{left:58px}.tutorial-left-position-3{left:117px}.tutorial-left-position-4{left:176px}@media (max-width: 1200px),(max-height: 900px){.tutorial-left-position-2{left:38px}.tutorial-left-position-3{left:77px}.tutorial-left-position-4{left:116px}}.tutorial-first-chevron-styles{width:0;height:0;display:inline;border-style:solid;border-width:80px 0 80px 54px;border-color:transparent transparent transparent #1D2F44;position:absolute;left:-1px}@media (max-width: 1200px),(max-height: 900px){.tutorial-first-chevron-styles{border-width:49px 0 49px 33px}}.menu-container-styles{width:100px;float:left;display:flex;align-items:center;flex-direction:column;position:relative}@media (max-width: 1200px) or (max-height: 768px){.menu-container-styles{width:100px}}.menu-hover-box{margin-top:44px;border-radius:4px;opacity:.8;padding:0}.menu-hover-box:hover{background:#ca7c624d;cursor:pointer;transition:.3s;box-shadow:0 0 6px 6px #de90764d}@media (max-width: 1200px) or (max-height: 768px){.menu-hover-box{margin-top:28px}}.menu-img-styles{width:24px}@media (max-width: 1200px) or (max-height: 768px){.menu-img-styles{width:20px;max-width:20px}}.menu-text-styles{font-family:Lato;margin-top:10px;font-style:normal;font-weight:400;font-size:15px;line-height:18px;text-align:center;letter-spacing:.01em;color:#adb1b7}@media (max-width: 1200px) or (max-height: 768px){.menu-text-styles{margin-top:3px}}.hidden{animation:slide-out 1s ease-in-out both}.visible{animation:slide-in 1s ease-in-out both}@keyframes slide-out{0%{opacity:1}to{opacity:0;transform:translateY(100px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.fullscreen-invert{filter:invert(1)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:co lumn;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulsating-circle{position:absolute;transform:translate(-50%) translateY(-50%);width:15px;height:15px}.pulsating-circle:before{content:"";position:relative;display:block;width:300%;height:300%;box-sizing:border-box;margin-left:-100%;margin-top:-100%;border-radius:45px;opacity:0;-webkit-animation:pulse-ring .75s cubic-bezier(.215,.61,.355,1) 1;animation:pulse-ring .75s cubic-bezier(.215,.61,.355,1) 1}.pulsating-circle.correct-green:before{background-color:#469f6a}.pulsating-circle.correct-blue:before{background-color:#0072b2}.pulsating-circle.correct-white:before{background-color:#d9d9d9}.pulsating-circle.semi-error-yellow:before{background-color:#aebb1a}.pulsating-circle.semi-error-orange:before{background-color:#e69f00}.pulsating-circle.semi-error-grey:before{background-color:#7f7f7f}.pulsating-circle.error-red:before{background-color:#eb3459}.pulsating-circle.error-brown:before{background-color:#d55e00}.pulsating-circle.error-black:before{background-color:#404040}@-webkit-keyframes pulse-ring{0%{opacity:1;transform:scale(.33)}80%,to{opacity:0}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.33)}80%,to{opacity:0}}.lesson-container-styles{height:160px;min-height:160px;display:flex;flex-direction:row;position:relative}.main-app-container-styles{min-height:600px;height:100%}@media (max-width: 1200px) or (max-height: 900px){.main-app-container-styles{min-height:unset}}.accuracy-container-styles{background-color:#000}.accuracy-container-styles2{font-size:24pt;position:absolute;left:60px;display:flex;flex-direction:column;height:100%;align-items:center;padding-top:40px}.tempo-container-styles{display:flex;flex-direction:column;margin-right:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tempo-dec-container-styles{margin-left:0;background:#414753;border:2px solid #ADB1B7;border-radius:4px;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.tempo-dec-container-styles:hover{background:#414853b3;cursor:pointer;transition:.3s}.tempo-inc-container-styles{margin-right:1px;background:#414753;border:2px solid #ADB1B7;border-radius:4px;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.tempo-inc-container-styles:hover{background:#414853b3;cursor:pointer;transition:.3s}.header-text-styles{color:#ca7c62;font-style:normal;font-weight:400;font-size:24px;letter-spacing:.01em}@media (max-width: 900px){.header-text-styles{font-size:20px}}.accuracy-title-text-styles{font-style:normal;font-weight:700;font-size:16px;letter-spacing:1px;text-transform:uppercase;color:#ececec;padding-bottom:10px}.accuracy-text-styles{font-style:normal;font-weight:700;font-size:48px;letter-spacing:.01em;color:#00c2ff}@media (max-width: 1200px) or (max-height: 900px){.footer-container{height:40px!important;min-height:40px!important}.footer-container #fullscreen-button-footer{display:none}.footer-container .footer-options-container{margin-left:0!important}.footer-container #play-pause-button-container{width:84px!important;height:84px!important;bottom:15px!important;right:15px!important}}.TierBox{display:flex;justify-content:start;text-align:left}.roadmap-img-styles{height:400px}@media (max-width: 1200px) or (max-height: 900px){.roadmap-img-styles{height:260px}}@media (max-width: 1200px) or (max-height: 768px){.roadmap-img-styles{height:200px}}.path-container-styles{position:absolute;left:40px;right:0}@media (max-width: 1200px) or (max-height: 768px){.path-container-styles{left:0}}.blob-text-styles{padding-top:10px;padding-bottom:10px;font-style:normal;font-weight:400;font-size:16px;width:120px;display:flex;justify-content:center}@media (max-width: 1200px) or (max-height: 768px){.blob-text-styles{font-size:14px}}.level-carousel-title{color:#ca7c62;font-family:Lato;font-weight:700;font-size:22px;line-height:14.69px;letter-spacing:1px;text-align:center}.level-carousel-desc{color:#fff;font-family:Lato;font-weight:400;font-size:14px;line-height:150%;letter-spacing:1%;text-align:center}.container-styles-1{background:linear-gradient(90deg,#071423,#1d2f44);position:fixed;left:100px;bottom:0;right:0;display:flex;flex-direction:column;align-items:center}.container-styles-2{display:flex;justify-content:flex-start;align-items:center;max-height:200px;margin:0;padding:0;min-width:100%}.container-styles-3{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-right:20px;margin-bottom:20px}.play-text-styles{font-family:Lato;font-size:18px;font-weight:700;color:#fff;margin-bottom:20px}.play-container-styles{width:86px;height:86px;border-radius:50%;display:flex}@media (max-width: 1200px) or (max-height: 900px){.play-container-styles{width:78px;height:78px}}.preview-text{font-family:Lato;font-size:18px;font-weight:700;color:#000}.play-container-styles:hover{background:#ca7c6240;cursor:pointer;transition:.3s;border-radius:50%;box-shadow:0 0 5px 5px #ca7c6280}.play-circle-styles{box-sizing:border-box;width:78px;height:78px;border:3px solid #CA7C62;border-radius:50%}.poly-styles{display:flex;position:relative;isolation:isolate;flex-direction:row;height:55px;left:31px;bottom:82px;padding:0}@media (max-width: 1200px) or (max-height: 900px){.poly-styles{height:39px;left:22px;bottom:58px}}.roadmap-container-styles{height:510px;width:100%;position:relative}@media (max-width: 1200px) or (max-height: 900px){.roadmap-container-styles{height:330px}}.header-container{width:100%;height:100px;min-height:100px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:20px}@media (max-width: 1200px) or (max-height: 768px){.header-container{height:unset;min-height:unset}}.roadmap-title-container{margin-left:50px;font-style:normal;font-weight:300;font-size:48px;line-height:58px;letter-spacing:.01em;color:#fff}@media (max-width: 1200px) or (max-height: 768px){.roadmap-title-container{font-size:40px;margin-left:20px}}.minimap-container{margin-right:50px}@media (max-width: 1200px) or (max-height: 768px){.minimap-container{margin-right:10px}}.paywall-desc-container{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}.paywall-desc-title{color:var(--neutrals-100, #CED0D4);text-align:center;font-family:Lato;font-size:34px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.34px;margin:0}.paywall-desc-text{color:#ced0d4;text-align:center;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.16px;max-width:544px;margin:0}.modal-outer{position:fixed;top:0;left:0;right:0;bottom:0;flex-shrink:0;background-color:#414753;opacity:.8;z-index:12}.modal-inner2{position:fixed;top:50px;left:50px;right:50px;bottom:50px;background:linear-gradient(230deg,#1d2f44 -6.17%,#071423 89.04%);flex-shrink:0;border-radius:12px;justify-content:center;z-index:13;display:inline-flex;flex-direction:column;align-items:center;gap:32px;padding:40px 60px}@media (max-height: 768px){.modal-inner2{top:30px;left:30px;right:30px;bottom:30px}}.plan-title{display:flex;flex-direction:column;align-items:center;gap:8px}.plan-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px}.payment-title{color:#ced0d4;text-align:center;font-family:Lato;font-size:34px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.34px}.payment-form-container{width:600px;display:flex;flex-direction:column;gap:16px}.text-input .MuiInputBase-input{position:relative;width:245px;padding:14px 20px;color:#adb1b7;font-family:Lato;font-size:16px;font-weight:400;line-height:normal;letter-spacing:.16px}.text-input .MuiOutlinedInput-root:not(.Mui-focused){border:1px solid #5B646E}.text-input iframe{width:245px;height:40px;border:none!important}.text-input .__PrivateStripeElement{position:relative;padding:14px 20px;color:#adb1b7;font-family:Lato;font-size:16px;font-weight:400;line-height:normal;letter-spacing:.16px}.text-input .__PrivateStripeElement{border:1px solid #5B646E;border-radius:80px;box-shadow:none}.text-input .MuiOutlinedInput-root{border-radius:80px}.text-input .MuiInputLabel-root{color:#adb1b7;font-feature-settings:"clig" off,"liga" off;font-family:Lato;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.15px}.card-container{padding:14px 20px;border:1px solid #5B646E;border-radius:80px}.exp-cvv-container{width:50%}.name-input .MuiOutlinedInput-root{border-radius:80px;border:1px solid #5B646E}.name-input .MuiInputBase-input{position:relative;width:245px;padding:14px 20px;color:#adb1b7;font-family:sans-serif;font-size:16px;font-weight:500;line-height:normal;letter-spacing:.15px}.name-input .MuiInputBase-input::placeholder{color:#adb1b7;opacity:1;font-weight:500;letter-spacing:.15px}.name-input .MuiOutlinedInput-root.Mui-focused{border:1px solid #5B646E;outline:none;box-shadow:none;border-color:#5b646e}.name-input .MuiInputLabel-root{color:#adb1b7;font-feature-settings:"clig" off,"liga" off;font-family:Lato;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.15px}.confirmation-container{height:100%;margin-top:100px;display:flex;flex-direction:column;align-items:center}.confirmation-title{color:#ced0d4;font-family:Lato;font-size:48px;font-style:normal;font-weight:200;line-height:normal;letter-spacing:.48px;margin:10px 0}.confirmation-desc{color:#ced0d4;font-family:Lato;font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.2px;margin-bottom:100px}.logout-container{position:fixed;bottom:70px;left:70px}@media (max-height: 768px){.logout-container{bottom:50px;left:50px}}.powered-stripe svg path{fill:#e0e0e0;opacity:.3}.billing-subtitle{text-align:left;color:var(--neutrals-white, #FFF);font-family:Lato;font-size:20px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.2px}@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}html{font-size:var(--font-size)}