body{min-height:100dvh;width:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Poppins,sans-serif;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background-image:linear-gradient(180deg,#f4f4f4,#dcdcdc)}#root{width:100%}.digi-light{--light-on: #ffffff;--light-off: #918c88;--grid-img: url(/tile.png);--bg-gradient: linear-gradient(180deg, #f4f4f4 0%, #dcdcdc 100%);width:100%;min-height:100vh;box-sizing:border-box}.digi-dark{--light-on: #12fc7d;--light-off: #aca9a7;--grid-img: url(/tile-white.png);--bg-gradient: linear-gradient(180deg, #4a4a4a 0%, #202020 100%);width:100%;min-height:100vh;box-sizing:border-box}::view-transition-group(root){animation-timing-function:var(--expo-out)}::view-transition-new(root){-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><filter id="blur"><feGaussianBlur stdDeviation="2"/></filter></defs><circle cx="20" cy="20" r="18" fill="white" filter="url(%23blur)"/></svg>') center / 0 no-repeat;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><filter id="blur"><feGaussianBlur stdDeviation="2"/></filter></defs><circle cx="20" cy="20" r="18" fill="white" filter="url(%23blur)"/></svg>') center / 0 no-repeat;animation:scale 1s}::view-transition-old(root),.digi-dark::view-transition-old(root){animation:none;z-index:-1}.digi-dark::view-transition-new(root){animation:scale 1s}@keyframes scale{to{-webkit-mask-size:200vmax;mask-size:200vmax}}button{padding:.5rem 1rem}._digipi_1ghhg_1{--piano-width: 364px;width:var(--piano-width);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:start;height:100dvh}._digipi_1ghhg_1._mediano_1ghhg_11{--piano-width: 600px}._logo_1ghhg_15{position:relative;width:auto;height:1.5rem;z-index:10;color:#8f837d}.digi-dark ._logo_1ghhg_15{color:#fff}._content_1ghhg_27{position:relative;z-index:3;padding:0 2rem}._grid-container_1ghhg_33{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background:var(--grid-img);opacity:.06;background-position:-15px -15px;z-index:-1}._header_1ghhg_46{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem;box-sizing:border-box;gap:4rem}@media screen and (max-width: 640px) and (orientation: landscape){._digipi_1ghhg_1{width:100%;display:grid;grid-template-columns:40% var(--piano-width);gap:3rem;justify-content:center;align-items:center;padding:0 4rem;box-sizing:border-box}}.player-wrapper{width:100%;height:auto;aspect-ratio:16/9;position:relative;overflow:hidden;background:#000}.url-input{width:100%;display:flex;gap:.5rem;justify-content:flex-end}.url-input input{width:100%;padding:.25rem;font-size:16px;display:flex;justify-content:flex-start;align-items:center;max-width:540px}.url-input button{padding:.5rem 1rem}.buttons{width:100%;display:flex;gap:.5rem;justify-content:center;align-items:center}._player-container_1c1bm_1{width:min(1400px,100%);margin:0 auto;display:grid;place-items:center;position:relative;z-index:10;gap:1rem;padding:2rem 0}._controls_1c1bm_12{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;gap:1.5rem}.slider-root{position:relative;display:flex;align-items:center;width:100%}.slider-root[data-orientation=vertical]{flex-direction:column;width:20px;height:100px}.slider-track{position:relative;flex-grow:1;background-color:#a8a2a2;height:10px;border-radius:10px}.slider-track[data-orientation=vertical]{width:3px}.slider-range{position:absolute;background-color:#ed8003;height:100%}.slider-range[data-orientation=vertical]{width:100%}.slider-thumb{display:block;width:20px;height:20px;border-radius:50%;background-color:#ed8003;outline:2px solid #b15f02;cursor:grab}.slider-thumb:active{cursor:grabbing}