.app-container{display:flex;flex-direction:column;gap:2vh;width:100vw;height:100vh;position:fixed;top:0;left:0;background-size:100% 100%}.backstage-controls{display:flex;flex-direction:column-reverse;height:39vh;gap:3vh}.backstage-stage{height:38vh;display:flex;flex-direction:column;justify-content:flex-end}.nav-bar{width:100vw;height:10vh;margin:2.5vw;display:flex;flex-direction:row;justify-content:flex-start;gap:2.5vw}.effects-row{height:17vh;display:flex;flex-direction:row;align-items:center;gap:3vw}.splash-screen-button-row{width:100%;position:fixed;top:60vh;display:flex;justify-content:center}
.back-stage-instrument-panel{display:inline-flex;justify-content:center;align-content:flex-end;align-items:flex-end;height:18vh;background-color:rgba(0,0,0,.5)}.instrument-panel{display:flex;justify-content:space-around;height:100%;width:100%}.instrument-panel img{display:flex;height:100%;max-width:10%;justify-content:center;align-items:center}.no-instrument-selected-messages{font-size:2.9vh;color:#fff}:root{font-family:"Vazir",sans-serif !important}
.sound-effects-panel{display:flex;justify-content:space-between;align-items:flex-start;width:40vw;height:auto;margin-left:2vw;gap:3vh}.sound-effect-element-container{border-radius:50%;border:4.5px solid rgba(0,0,0,0);transition:all .2s ease-out;padding:2px}.selected-sound-effect-element-container{border-color:#ffc400}.disabled-sound-effect-element-container{opacity:.5}.sound-effect-element{width:auto;max-width:100%;object-fit:fill;pointer-events:none}
.bubble-container{width:40vw;margin-right:2vw;border-radius:98px;border:2.333px solid rgba(211,206,206,.3);background:rgba(126,91,91,.2);box-shadow:0px -11.66667px 16.33333px 0px rgba(245,244,244,.3) inset,0px 9.33333px 9.33333px 0px rgba(245,244,244,.3) inset;display:flex;flex-direction:row;align-items:center;position:relative}.meters-base{flex-grow:4;height:4vh;display:flex;justify-content:center;border-radius:24px;background:#f4cc7c;box-shadow:4px 6px 6px 0 rgba(116,9,9,.35);position:relative}.meters-bar{height:100%;width:100%}.meters-outer-container-shadow{display:flex;height:100%;width:100%;background:#eeb74b;border-radius:98px;justify-content:center;align-items:center;box-shadow:0 4px 12px 0 rgba(135,95,18,.25)}.meters-outer-container{height:80%;width:95%;position:relative;border-radius:98px;background:#ba8212}.meters-inner-container{height:100%;width:100%;position:relative}.meters-highlight{height:50%;width:100%;position:absolute;top:0;border-radius:98px;background:rgba(250,227,182,.5);filter:blur(4px)}.ticks-container{width:82%;height:100%;margin-left:9%;margin-right:9%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.tick{height:80%;width:3%;border-radius:28px;background:#fad489;box-shadow:2px 2px 2px 0 #ba8212 inset}.meters{width:84%;margin-left:8%;margin-right:8%;position:absolute;height:100%;top:0}input[type=range]{width:100%;height:100%;-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);background-position:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-image:url(eb74cf4f40f81c840b3a.svg);background-position:center center;width:25px;height:60px}img.bubble-highlight{content:url(96d58a0b1a18d3ff9ac7.svg);position:absolute;left:2%;top:2%}img.speed-icon{flex-grow:1;max-width:15%;padding:0 1vw 0 1vw;position:relative}
.character-animations-front-stage{display:inline-grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:repeat(7, 1fr);width:60vw;height:50vh;margin-top:37.9vh;margin-left:auto;margin-right:auto;justify-content:center}.character-animations-backstage{height:38vh;gap:2vw;display:flex;flex-direction:row;justify-content:center;align-content:center;align-items:center;justify-items:center}.one-character-grid>div:nth-child(1){grid-column:4/span 4;grid-row:1/span 5}.two-characters-grid>div:nth-child(1){grid-column:2/span 4;grid-row:1/span 5}.two-characters-grid>div:nth-child(2){grid-column:6/span 4;grid-row:1/span 5}.three-characters-grid>div:nth-child(1){grid-column:1/span 4;grid-row:1/span 5}.three-characters-grid>div:nth-child(2){grid-column:7/span 4;grid-row:1/span 5}.three-characters-grid>div:nth-child(3){grid-column:4/span 4;grid-row:3/span 5}.four-characters-grid{grid-template-columns:repeat(13, 1fr);grid-template-rows:repeat(7, 1fr)}.four-characters-grid>div:nth-child(1){grid-column:4/span 4;grid-row:1/span 5}.four-characters-grid>div:nth-child(2){grid-column:10/span 4;grid-row:1/span 5}.four-characters-grid>div:nth-child(3){grid-column:1/span 4;grid-row:3/span 5}.four-characters-grid>div:nth-child(4){grid-column:7/span 4;grid-row:3/span 5}.five-characters-grid{grid-template-columns:repeat(14, 1fr);grid-template-rows:repeat(8, 1fr);height:57.3vh;width:73vw}.five-characters-grid>div:nth-child(1){grid-column:4/span 4;grid-row:1/span 5}.five-characters-grid>div:nth-child(2){grid-column:8/span 4;grid-row:1/span 5}.five-characters-grid>div:nth-child(3){grid-column:2/span 4;grid-row:3/span 5}.five-characters-grid>div:nth-child(4){grid-column:10/span 4;grid-row:3/span 5}.five-characters-grid>div:nth-child(5){grid-column:6/span 4;grid-row:4/span 5}.character-container{display:inline-flex;justify-content:center;align-items:start;position:relative;max-width:16vw}.character-front-stage{height:90.7%;position:absolute;bottom:5.46vh;z-index:2}img.stage-pot{height:37.33%;position:absolute;bottom:0;mix-blend-mode:screen;z-index:1}
.fullscreen-greyed-out{display:flex;justify-content:center;align-items:center;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.87)}.tutorial-player video{border-radius:40px;border:10px solid #fff;position:relative}.tutorial-player{display:flex;justify-content:center;align-content:center;border-radius:45px;border:6px solid #ffc400;position:relative;max-width:85%;height:85%}.tutorial-controls{display:flex;flex-direction:row;justify-content:space-evenly;position:absolute;top:-5%;right:-5%;height:15%;width:25%}.tutorial-btn{background:rgba(0,0,0,0);height:100%;border:none}.tutorial-btn-image{max-height:6.76vw;max-width:6.76vw}.pause-tutorial-img{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/PauseVideo_Default.png")}.pause-tutorial-img:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/PauseVideo_Pressed.png")}.play-tutorial-img{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Playvideo_Default.png")}.play-tutorial-img:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/PlayVideo_Pressed.png")}.exit-tutorial-img{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Video_Exit_Default.png")}.exit-tutorial-img:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Video_Exit_Pressed.png")}
.nav-button{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);margin:0;padding:0;border:none}.start-over-button{height:6.67vw;width:6.67vw;display:inline-block;content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/StartoverDefault.png")}.start-over-button:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/StartoverPressed.png")}.start-over-button-disabled{height:6.67vw;width:6.67vw;display:inline-block;content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/StartoverDisabled.png")}.generate-music-button-container{height:100%;width:17vh;background:rgba(0,0,0,0);margin:0;padding:0;border:none}.generate-music-button{width:100%;height:100%;content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/MusicDefault.png")}.generate-music-button:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/MusicPressed.png")}.generate-music-button-disabled{width:100%;height:100%;content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/MusicDisabled_V2.png")}.help-button{height:6.67vw;width:6.67vw;display:inline-block;content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Help_Default.png")}.help-button:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Help_Pressed.png")}.back-button{width:6.67vw;height:6.67vw;display:inline-block;content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Back_Default.png")}.back-button:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Back_Pressed.png")}.start-button{width:15.625vw;height:15.625vw;background:rgba(0,0,0,0);margin:0;padding:0;border:none}.play-button{width:100%;height:100%;content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Play_Default.png")}.play-button:active{content:url("https://m.media-amazon.com/images/G/01/kindle/tahoe/MusicMaker/Buttons/Play_Pressed.png")}
.rotate{width:220px;height:220px}.appBackground,.appScrollableBackground{background:linear-gradient(177.91deg, #8C297D 33.7%, #39729E 125.06%);width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.appScrollableBackground{overflow-y:auto}.appControlsContainer,.appOverlayBackground,.appRotateDeviceOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-end;flex-direction:column;z-index:2;pointer-events:none}.appOverlayBackground,.appRotateDeviceOverlay{z-index:4;pointer-events:all;background:linear-gradient(177.62deg, rgb(140, 41, 125) 1.05%, rgb(130, 46, 131) 40.81%, rgb(80, 73, 159) 118.81%);justify-content:center;align-content:center;align-items:center;gap:16px}.appRotateDeviceOverlay{z-index:100}.rotateDeviceOverlayText{font-family:"Ember Regular";font-weight:400;font-size:28px;line-height:36px;text-align:center;color:#fff}@media only screen and (orientation: portrait)and (max-width: 619px){.rotateDeviceOverlayText{font-size:18px;line-height:36px}}@media only screen and (orientation: portrait)and (max-width: 619px){.rotateDeviceOverlayText{font-size:18px;line-height:36px}}@media only screen and (orientation: landscape)and (max-height: 619px){.rotateDeviceOverlayText{font-size:18px;line-height:36px}}@media only screen and (orientation: landscape)and (max-height: 619px){.rotateDeviceOverlayText{font-size:18px;line-height:36px}}@media only screen and (orientation: portrait)and (min-width: 620px)and (max-width: 809px){.rotateDeviceOverlayText{font-size:26px;line-height:36px}}@media only screen and (orientation: landscape)and (min-height: 620px)and (max-height: 809px){.rotateDeviceOverlayText{font-size:26px;line-height:36px}}@media only screen and (orientation: portrait)and (min-width: 810px)and (max-width: 999px){.rotateDeviceOverlayText{font-size:28px;line-height:36px}}@media only screen and (orientation: portrait)and (min-width: 1000px){.rotateDeviceOverlayText{font-size:28px;line-height:36px}}@media only screen and (orientation: landscape)and (min-height: 810px)and (max-height: 999px){.rotateDeviceOverlayText{font-size:28px;line-height:36px}}@media only screen and (orientation: landscape)and (min-height: 1000px){.rotateDeviceOverlayText{font-size:28px;line-height:36px}}.appRelativeContainer{height:100%;width:100%;position:relative}
.fullscreen-transparent{display:flex;justify-content:center;align-items:center;align-content:center;top:0;left:0;position:fixed;width:100vw;height:100vh;opacity:1;z-index:99}
.error-board{position:absolute;width:40vw;height:16vh;top:50%;left:50%;transform:translate(-50%, -50%)}.error-warning{position:absolute;top:50%;left:35%;transform:translate(-50%, -50%);height:10vh;width:5vw}.error-message-text{position:absolute;top:50%;left:40%;width:30vw;transform:translate(0%, -50%);font-size:2.5vh;color:#fff}.wifi-error-board{background:linear-gradient(177.91deg, #8C297D 33.7%, #39729E 125.06%);border-radius:25px;width:40vw;height:16vh;display:flex;justify-content:center;flex-direction:row;align-items:center}.wifi-error-message-text{font-size:2.5vh;color:#fff}.wifi-container{position:relative}.wifi{padding:1vh;transform:translate(0%, 25%)}.wifi,.wifi:before{position:relative;display:inline-block;border:3vh double rgba(0,0,0,0);border-top-color:#fad489;border-radius:50%}.nowifi-crossout{position:absolute;height:50%;width:10%;top:20%;right:45%;background:#fad489;transform:skew(-45deg);border:#000}.wifi:before{content:"";width:0;height:0}
.silhouette-instrument-panel-engaged{position:fixed;top:18.5%;left:9.248%;width:81.5vw;height:33.5vh}.silhouette-instrument-panel-unengaged{position:fixed;top:43.4225%;left:9.248%;width:81.5vw;height:33.5vh}
.marquee-board-container{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:26%;width:fit-content}.marquee-board{position:relative;height:fit-content;width:fit-content}.marquee-board img{height:35vh;width:43vw}.pick-instrument-board{position:relative;min-width:25.37vw;max-width:60vw;height:8vh;top:0%;padding:2.6vh 1.3vw 1.1vh;display:flex;border-image-slice:27 23 12 fill;border-image-repeat:round;border-image-width:2.6vh 1.3vw 1.1vh;border-image-source:url(6c581fe76d30bf896cc1.png);justify-content:center;align-items:center;margin:0%}.pick-instrument-board-container-panel-engaged{position:absolute;top:3.75%}.pick-instrument-board-container-panel-unengaged{position:absolute;top:21.63%}.text{font-size:3.5vh;color:#fff;position:absolute;bottom:20%;left:0;right:0;text-align:center}progress{z-index:1;position:absolute;margin-top:53vh;border-radius:12px;width:25%;left:37%;height:15px}progress::-webkit-progress-bar{background-color:#fff;border-radius:12px}progress::-webkit-progress-value{background-color:#f40aa8;border-radius:12px}
.stage-nav-bar{position:absolute;top:4.44vh;left:4.44vh}.character-row{display:flex;flex-direction:row;position:absolute;margin-left:auto;margin-right:auto;bottom:25%;width:100%;height:fit-content;justify-content:center}.button{position:absolute;width:6.67vw;height:6.67vw}.speaker-bar{width:calc(100% - 3.125vw);height:25vh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 1.5625vw;position:absolute;bottom:0}.speaker-container{width:23.33vh;height:23.33vh;position:relative}.speaker{height:100%;position:relative;z-index:2}img.speaker-shadow{width:82%;mix-blend-mode:multiply;position:absolute;top:67.67%;z-index:1}.left{left:6.67%}.right{right:6.67%}