@font-face{font-family:GoogleSans;src:url("./media/GoogleSans-AWBRUV6Z.ttf") format("truetype");font-weight:400;font-style:normal}html,body{margin:0;height:100%;width:100%;overflow:hidden;background-color:#000;font-family:GoogleSans;box-sizing:border-box;font-size:16px}*{padding:0;margin:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{--border-radius: 1rem;--transition-duration: .25s;--transition-timing-function: ease-in-out;--font-weight: 700;--element-size: 4rem;--color-active: #ffffff;--color-active-text: #000000;--color-inactive: #000000;--color-inactive-text: #ffffff;--color-inactive-text-secondary: #ffffff88;--color-primary: #7e7cff;--color-dark-overlay: #00000066}button{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:var(--border-radius);transition:all var(--transition-duration) var(--transition-timing-function);background-color:var(--color-inactive);color:var(--color-inactive-text);cursor:pointer;font-weight:var(--font-weight);height:var(--element-size);border:none;outline:none}button.square{width:var(--element-size);height:var(--element-size)}button.square:focus,button.square:hover,button.square:active{transform:scale(1.1)}button:focus,button:hover,button:active{transform:scale(1.05);background-color:var(--color-active);color:var(--color-active-text)}.color-primary{color:var(--color-primary)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) var(--volume-percent, 0%),var(--color-inactive) var(--volume-percent, 0%),var(--color-inactive) 100%);border-radius:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--color-active);border-radius:50%;transition:all var(--transition-duration) var(--transition-timing-function)}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--color-inactive);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--border-radius)}