@media (hover: hover) and (pointer: fine){.chakra-drawer__positioner{max-width:390px;width:100%;height:100dvh;max-height:840px;left:calc(50vw - 195px);top:calc(50vh - 420px)}}#header{margin-top:8px}#header #header-logo{height:50px}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#header #header-logo{height:40px}}#root{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center}@media (hover: hover) and (pointer: fine){#root{max-width:390px;max-height:840px}}#main{border-radius:0;margin:0 auto;text-align:center;width:100%;height:100dvh;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;justify-content:space-between;container-type:inline-size;position:relative}@media (hover: hover) and (pointer: fine){#main{max-width:390px;max-height:840px;border-radius:10px}}.track-cover{margin:0 auto}.hind-light{font-family:Hind,sans-serif;font-weight:300;font-style:normal}.hind-regular{font-family:Hind,sans-serif;font-weight:400;font-style:normal}.hind-medium{font-family:Hind,sans-serif;font-weight:500;font-style:normal}.hind-semibold{font-family:Hind,sans-serif;font-weight:600;font-style:normal}.hind-bold{font-family:Hind,sans-serif;font-weight:700;font-style:normal}body{font-family:Nunito,sans-serif;display:flex;justify-content:center;align-items:center}body,html{background:#e0c3a3}html.dark body,html.dark{background:#0d1423}*{scrollbar-width:thin;scrollbar-color:transparent var(--primary)}*::-webkit-scrollbar{width:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:0;border:none}#audio-player-container{flex-direction:column;justify-content:space-between;flex:1;display:flex}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#audio-player-container{flex-direction:row;justify-content:space-between}}#track-canvas-outer{flex-direction:column}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#track-canvas-outer{flex-direction:column;justify-content:center}}#track-canvas-wrapper{container-type:inline-size;height:100%}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#track-canvas-wrapper{width:calc(100cqh - 40px)}}#track-canvas-wrapper #visualizers-wrapper{position:relative;width:100%;height:100%;border-radius:8px;overflow:visible}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#track-canvas-wrapper #visualizers-wrapper{width:100cqw;overflow:visible}}#track-canvas-wrapper #visualizers-wrapper #audio-visualizer-container{width:90cqw;position:relative;aspect-ratio:1/1;container-type:inline-size}#track-canvas-wrapper #visualizers-wrapper #audio-visualizer-container canvas{width:100cqw;height:auto;aspect-ratio:1/1;display:block;border-radius:8px}#track-canvas-wrapper #visualizers-wrapper #handpand-visualizer-container canvas{width:100cqw;height:auto;aspect-ratio:1/1;display:block}#track-canvas-wrapper #visualizers-wrapper #handpand-visualizer-wrapper{width:95%}#track-controls-wrapper{justify-content:end}#track-controls-wrapper .chakra-slider__root{cursor:pointer}#track-controls-wrapper.disabled .chakra-slider__root{cursor:not-allowed}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#track-controls-wrapper{flex:1;justify-content:space-between}#track-controls-wrapper #track-controls-bumper{margin-bottom:35px}}#details-wrapper{display:flex;justify-content:center;flex-direction:column;width:100%;align-items:center;bottom:-25px;position:absolute}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#details-wrapper{top:initial;bottom:10px;position:fixed;flex-direction:row;left:0}}#details-wrapper a{display:flex;align-items:center}#details-wrapper #pan-indicator{display:flex;justify-content:center;width:100%;align-items:center}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#details-wrapper #pan-indicator{width:auto}}#audio-player-features{padding:0 10px 10px}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#audio-player-features{position:fixed;bottom:0;width:100dvw;left:0;width:100%;padding:10px 10px 15px}}#mascot-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#mascot-container{flex-direction:row;width:100%;align-items:center;padding-top:0;flex:1}}#mascot-container #jam-mascot{width:300px;height:300px;object-fit:contain}#mascot-container #mascot-bubble{position:absolute;top:-5cqw;right:-5cqw;width:120px;height:100px;font-size:1.2rem}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#mascot-container #mascot-bubble{top:-5cqw;right:0cqw}}#mascot-container #mascot-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;height:100%;width:75cqw;height:75cqw;position:relative}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#mascot-container #mascot-wrapper{width:75cqh;height:75cqh;justify-content:center;flex:1}}#mascot-container #play-wrapper{width:100%}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#mascot-container #play-wrapper{flex:1;width:50%}}#mascot-container #app-main-title{font-family:Hind Vadodara,sans-serif;font-size:2rem}#pan-selector-key{grid-template-columns:repeat(2,1fr)}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#pan-selector-key{grid-template-columns:repeat(6,1fr)}}#pan-selector-scale{grid-template-columns:repeat(2,1fr)}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#pan-selector-scale{grid-template-columns:repeat(6,1fr)}}#pan-selector-tempo{grid-template-columns:repeat(2,1fr)}@media (hover: none) and (pointer: coarse) and (orientation: landscape){#pan-selector-tempo{grid-template-columns:repeat(4,1fr)}}.tip-element{margin-left:390px}.custom-toast{top:max(env(safe-area-inset-top,0px),.5rem)!important;inset-inline-end:calc(env(safe-area-inset-right,0px) + .5rem)!important;inset-inline-start:calc(env(safe-area-inset-left,0px) + .5rem)!important}#pans-drawer{min-height:70cqh}#custom-pan-canvas-container{container-type:inline-size;width:90cqw;margin:0 auto}#custom-pan-canvas-container canvas{width:100cqw;height:auto;aspect-ratio:1/1;display:block}#pan-selector .bottom-button{padding:0 16px 16px;width:100%}body.iphone #audio-player-features{padding:0 18px 18px}@media (orientation: landscape){body.iphone #details-wrapper{bottom:16px}}#draggableVideo{position:absolute;background-color:#faebeb;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;overflow:hidden;z-index:1300;pointer-events:auto}#draggableVideo .drag-handle{cursor:grab;pointer-events:auto;touch-action:none}html.dark #draggableVideo{background:#0d1423}