@import url(https://fonts.googleapis.com/css2?family=PT+Sans&display=swap);.modal{font-family:Jost Thin}.modal .modal-body{font-size:14px}.modal-header{display:flex;justify-content:space-between}.help_search:before{content:"Find musical scales, ragas, illustrative melodies, etc. by typing their names - e.g. Minor Pentatonic, Yaman. You can also search for specific musical traditions - e.g. Hindustani or Carnatic. You could also look for a thaat or a melakarta raga by typing thaat or melakarta."}.help_tonic:before{content:"Select the tonic for the scale / raga. For ragas, this corresponds to the pitch of the root swara S. Example: if you want to render the F Major scale, you would choose a tonic of F and search for the Major scale. Another example: if you want to render a raga in 'Anjara Kattai (5.5 Kattai)', you would choose a tonic of G#."}.help_instrument:before{content:"Select the instrument using which you would like to render music. More options - such as violin, vocals, and flute - coming soon!"}.help_add_illustration:before{content:"Add new illustration of the selected scale / raga. Use Western or Hindustani notation. Support for Carnatic notation coming soon!"}.info_signout:before{content:"You have been signed out."}.info_add_illustration:before{content:"Add your own illustration below. Choose notation tradition in Settings above."}.help_bpm:before{content:"Set beats per minute. This is the tempo at which your music will be rendered."}.info_something_went_wrong:before{content:"Click retry below or reload the page. Sign out and sign back in if necessary. You have likely hit a network issue."}.help_modes:before{content:"'Modes' of the current musical scale are rotations of the Swara Mala to move the tonic note to the next note in the current scale. Such rotation is also known as 'Grihabhedam' or 'Murchhana' in Indian Classical Music."}.info_add_user_defined_notation:before{content:"Add your own notation schema below."}.mm-player-wrapper{min-height:var(--card-body-dim);padding-top:56.25%;position:relative}.mm-player-wrapper.audio-player-wrapper{min-height:var(--card-body-dim);overflow:hidden;padding-top:0;position:relative}.mm-react-player{left:0;position:absolute;top:0}.modern-audio-player{border:1px solid hsla(0,0%,100%,.05);box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;height:100%;width:100%}.modern-audio-player .hidden-player-container{height:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.media-player-wrapper{height:100%}.media-carousel,.media-player-wrapper .modern-audio-player{position:relative}.media-carousel{overflow:visible}.media-carousel .media-player-wrapper{position:relative;transition:filter .3s ease}.media-carousel:hover .media-player-wrapper:not(.audio-player-wrapper):before{background-color:rgba(0,0,0,.4);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .3s ease;z-index:1}.media-carousel .carousel-nav-button{align-items:center;background-color:hsla(0,0%,100%,.2);border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;height:32px;justify-content:center;opacity:.3;transform-origin:center;transition:all .3s ease;width:32px;z-index:10}.media-carousel .carousel-nav-button:hover{background-color:hsla(0,0%,100%,.9);box-shadow:0 2px 6px rgba(0,0,0,.3);opacity:1;transform:translateY(-50%) scale(1.1)}.media-carousel .carousel-nav-button:focus{outline:none}.media-carousel:hover .carousel-nav-button{background-color:hsla(0,0%,100%,.5);opacity:.8}.media-carousel .carousel-dots{background-color:rgba(0,0,0,.2);border-radius:10px;bottom:10px;display:inline-flex;left:50%;padding:4px 8px;transform:translateX(-50%);transition:all .3s ease;width:auto;z-index:10}.media-carousel:hover .carousel-dots{background-color:rgba(0,0,0,.6);padding:6px 10px}.media-carousel .carousel-dots button{background-color:hsla(0,0%,100%,.4);border:none;border-radius:50%;height:6px;margin:0 3px;padding:0;transition:all .3s ease;width:6px}.media-carousel .carousel-dots button.active,.media-carousel .carousel-dots button:hover{background-color:hsla(0,0%,100%,.8)}.media-carousel:hover .carousel-dots button{background-color:hsla(0,0%,100%,.6);height:7px;width:7px}.media-carousel:hover .carousel-dots button.active{background-color:#fff;height:8px;width:8px}.media-carousel .carousel-counter{background-color:rgba(0,0,0,.2);border-radius:10px;color:hsla(0,0%,100%,.8);font-size:11px;opacity:.6;padding:2px 6px;transition:all .3s ease;z-index:10}.media-carousel:hover .carousel-counter{background-color:rgba(0,0,0,.7);color:#fff;font-size:12px;opacity:1;padding:4px 8px}.media-title{background-color:rgba(0,0,0,.4);color:hsla(0,0%,100%,.9);font-size:12px;overflow:hidden;padding:4px 8px;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:2}.rsw-wrapper{min-height:400px!important}.jumbotron{border-radius:30px;margin:20px;padding:1rem 2rem}.jumbotron.themed{background-color:var(--card-group-background-color)}@keyframes stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes rainbow{0%{background-color:var(--red)}20%{background-color:var(--orange)}40%{background-color:var(--yellow)}60%{background-color:var(--green)}80%{background-color:var(--blue)}to{background-color:var(--indigo)}}@keyframes grow{0%{width:0}to{width:100%}}.progress-wrapper{padding-top:25%}.progress{height:5px;overflow:hidden}.progress-bar{height:5px;width:100%}.loaded .progress-bar{animation:grow 3s ease,stripes 1s linear infinite,rainbow 3s ease infinite}.editor-controls{align-items:center;display:flex}.wizard-container .animated{animation-duration:.8192s;animation-fill-mode:backwards;transform-style:preserve-3d}@keyframes intro{0%{opacity:0;transform:perspective(500px) translateZ(-50px)}to{opacity:1;transform:none}}.wizard-container .intro{animation:intro 1s ease-out}@keyframes enterRight{0%{opacity:0;transform:perspective(500px) translate3d(20%,0,0)}to{opacity:1;transform:none}}.wizard-container .enterRight{animation-name:enterRight}@keyframes enterLeft{0%{opacity:0;transform:perspective(500px) translate3d(-20%,0,0)}to{opacity:1;transform:none}}.wizard-container .enterLeft{animation-name:enterLeft}@keyframes exitRight{0%{opacity:1}to{opacity:0;transform:perspective(500px) translate3d(100%,0,-100px)}}.wizard-container .exitRight{animation-name:exitRight}@keyframes exitLeft{0%{opacity:1}to{opacity:0;transform:perspective(500px) translate3d(-100%,0,-100px)}}.wizard-container .exitLeft{animation-name:exitLeft}.pwa-install-banner{animation:slideUp .3s ease-out;background-color:var(--card-color,#000);bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);left:0;padding:10px 16px;position:fixed;right:0;z-index:1000}.pwa-banner-content{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:1200px}.pwa-banner-text{flex:1;font-size:14px}.pwa-banner-text p{margin:0}.pwa-banner-actions{display:flex;gap:8px}:root[data-theme*=dark] .pwa-install-banner{background-color:var(--background-color-secondary,#1e1e1e);border-top-color:var(--border-color,#333)}@media (max-width:640px){.pwa-banner-content{flex-wrap:wrap}.pwa-banner-actions{justify-content:flex-end;margin-top:8px;width:100%}}.pwa-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pwa-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;max-width:450px;overflow:hidden;padding:0;width:90%}.pwa-modal-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;padding:20px 24px}.pwa-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.pwa-modal-close:hover{background-color:rgba(0,0,0,.05)}.pwa-modal-body{padding:24px;text-align:center}.pwa-modal-body h2{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.pwa-modal-body p{color:#666;font-size:16px;line-height:1.5;margin:0 0 24px}.pwa-modal-illustration{align-items:center;color:#4f46e5;display:flex;justify-content:center;margin:24px 0}.pwa-modal-benefits{display:flex;flex-direction:column;gap:12px;margin:24px 0}.benefit-item{align-items:center;color:#333;display:flex;gap:10px}.benefit-item svg{color:#4f46e5}.pwa-modal-footer{display:flex;flex-direction:column;gap:12px;padding:16px 24px 24px}.pwa-install-btn{background-color:#4f46e5!important;border-radius:8px;color:#fff!important;font-weight:600;padding:10px 24px;transition:background-color .2s;width:100%}.pwa-install-btn:hover{background-color:#4338ca!important}.pwa-dismiss-btn{color:#666;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.pwa-modal-ios{max-width:400px}.pwa-ios-instructions{display:flex;flex-direction:column;gap:20px;margin:24px 0;text-align:left}.ios-instruction-step{align-items:flex-start;display:flex;gap:16px}.ios-step-number{align-items:center;background-color:var(--primary,#4f46e5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.ios-step-content{align-items:flex-start;display:flex;flex:1;gap:12px}.ios-step-icon{align-items:center;background-color:var(--select-background-color-emph,#f3f4f6);border-radius:8px;color:var(--primary,#4f46e5);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ios-step-content p{color:var(--text-color,#333);font-size:14px;line-height:1.5;margin:0;padding-top:8px}.ios-step-content strong{color:var(--primary,#4f46e5);font-weight:600}.pwa-modal{background-color:var(--background-color,#fff)}.pwa-modal-header{border-bottom:1px solid var(--border,rgba(0,0,0,.08))}.pwa-modal-body h2{color:var(--text-color,#333)}.pwa-modal-body p,.pwa-modal-close{color:var(--text-color,#666)}.pwa-install-btn{background-color:var(--primary,#4f46e5)!important}.pwa-install-btn:hover{background-color:var(--primary,#4338ca)!important;opacity:.9}@media (prefers-color-scheme:dark){.pwa-modal{background-color:var(--background-color,#1f2937)}.pwa-modal-header{border-bottom:1px solid var(--border,hsla(0,0%,100%,.1))}.pwa-modal-body h2{color:var(--text-color,#f3f4f6)}.pwa-modal-body p{color:var(--text-color,#d1d5db)}.benefit-item{color:var(--text-color,#e5e7eb)}.pwa-modal-close{color:var(--text-color,#9ca3af)}.pwa-modal-close:hover{background-color:hsla(0,0%,100%,.05)}.pwa-dismiss-btn{color:var(--text-color,#9ca3af)}.ios-step-icon{background-color:var(--select-background-color-emph,hsla(0,0%,100%,.1))}.ios-step-content p{color:var(--text-color,#d1d5db)}}.legal-document{height:auto;margin:0 auto;max-width:800px;overflow-y:auto;padding:1.5rem}body{overflow-y:auto!important}.legal-document ol{counter-reset:item;list-style-type:none;margin-bottom:1.5rem;padding-left:1.5rem}.legal-document ol>li{counter-increment:item;display:block;font-weight:500;margin-bottom:1.5rem;position:relative}.legal-document ol>li:before{content:counter(item) ".";display:inline-block;font-weight:700;left:0;margin-left:-1.5rem;margin-right:.5rem;position:absolute}.legal-document ul{list-style-type:none;margin-bottom:1rem;margin-top:.75rem;padding-left:1.5rem}.legal-document ul>li{font-weight:400;margin-bottom:.75rem;padding-left:.5rem;position:relative}.legal-document ul>li:before{color:#555;content:"•";font-size:1.2em;left:-1rem;position:absolute}.legal-document p{line-height:1.6;margin-bottom:1rem}.legal-document h2{border-bottom:1px solid #eaeaea;margin-bottom:1.5rem;padding-bottom:.5rem}.legal-document li>p:first-child{font-weight:600;margin-bottom:.5rem}.legal-document:after{content:"";display:block;height:2rem}.privacy-policy,.terms-of-service{min-height:100vh;position:relative}