body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--bg-dark:#0d2b45;--bg-light:#1f4566;--primary:#8d697a;--hover:#d08159;--active:#ffaa5e;--white:#ffecd6}a,a:active,a:visited{color:inherit;text-decoration:none}a:hover{text-decoration:underline}html{overflow:hidden;background:#0d2b45;background:var(--bg-dark);color:#8d697a;color:var(--primary);-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-tap-highlight-color:transparent!important;margin:0;padding:0;cursor:none;font-family:"Inconsolata";letter-spacing:.05rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}#custom-cursor{width:8px;height:8px;border-radius:4px;background:#d08159;background:var(--hover)}h1,h2,h3,h4,h5{margin:0;line-height:1;font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:16px}p{margin:.5em 0;line-height:1.25;font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{font-size:16px;line-height:1;height:100vh;max-height:100vh;width:100vw;max-width:100vw;display:flex;justify-content:center;align-items:center;margin:0;padding:0;overflow:hidden;touch-action:none}main{min-height:128px;min-width:128px;max-width:calc(100vw - 64px);padding:32px;box-shadow:inset 0 0 0 1px #8d697a;box-shadow:inset 0 0 0 1px var(--primary);position:relative}main,main:after{background:#0d2b45;background:var(--bg-dark)}main:after{content:"";width:32px;height:32px;border-left:1px solid #8d697a;border-left:1px solid var(--primary);position:absolute;bottom:-16px;right:-16px;transform:rotate(45deg)}.Pad{display:flex;justify-content:center;align-items:center;width:80px;height:80px;box-shadow:inset 0 0 0 1px #8d697a;box-shadow:inset 0 0 0 1px var(--primary);border-radius:40px;border-radius:8px;cursor:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#0d2b45;background:var(--bg-dark);color:inherit;font-size:16px;font-family:"Courier"!important}.Pad:hover{color:#d08159;color:var(--hover);box-shadow:inset 0 0 0 1px #d08159;box-shadow:inset 0 0 0 1px var(--hover)}.Pad.active,.Pad:active{background:#ffaa5e;background:var(--active);color:#ffecd6;color:var(--white);box-shadow:inset 0 0 0 0 #8d697a;box-shadow:inset 0 0 0 0 var(--primary)}#Speaker{width:80px;height:80px;transform:rotate(45deg);background-image:radial-gradient(#ffaa5e 1px,transparent 0);background-image:radial-gradient(var(--active) 1px,transparent 0);background-size:20px 20px;background-position:0 0;border-radius:40px;-webkit-filter:drop-shadow(0 0 0 #0d2b45);filter:drop-shadow(0 0 0 #0D2B45);-webkit-filter:drop-shadow(0 0 0 var(--bg-dark));filter:drop-shadow(0 0 0 var(--bg-dark));opacity:.4;transition:opacity 4s ease-out,-webkit-filter 4s ease-out;transition:opacity 4s ease-out,filter 4s ease-out;transition:opacity 4s ease-out,filter 4s ease-out,-webkit-filter 4s ease-out}#Speaker.active{opacity:1;-webkit-filter:drop-shadow(0 0 3px #d08159);filter:drop-shadow(0 0 3px #d08159);-webkit-filter:drop-shadow(0 0 3px var(--hover));filter:drop-shadow(0 0 3px var(--hover));transition:opacity 0s ease-out,-webkit-filter 0s ease-out;transition:opacity 0s ease-out,filter 0s ease-out;transition:opacity 0s ease-out,filter 0s ease-out,-webkit-filter 0s ease-out}.video{max-width:1px;max-height:1px;opacity:0}#Control{width:80px;height:80px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:32px}#Control #Symbol{width:48px;height:48px}#Control.stopped #Symbol{opacity:1}#Control.stopped #Symbol svg{pointer-events:none}#Control.stopped #Symbol svg path{fill:#8d697a;fill:var(--primary);transition:fill 1s ease-out,-webkit-filter 1s ease-out;transition:fill 1s ease-out,filter 1s ease-out;transition:fill 1s ease-out,filter 1s ease-out,-webkit-filter 1s ease-out}#Control.playing #Symbol{opacity:1}#Control.playing #Symbol svg path{fill:#ffecd6;fill:var(--white);transition:fill .15s ease-out,-webkit-filter .15s ease-out;transition:fill .15s ease-out,filter .15s ease-out;transition:fill .15s ease-out,filter .15s ease-out,-webkit-filter .15s ease-out}#Control.stopped{-webkit-filter:drop-shadow(0 0 0 #0d2b45);filter:drop-shadow(0 0 0 #0D2B45);-webkit-filter:drop-shadow(0 0 0 var(--bg-dark));filter:drop-shadow(0 0 0 var(--bg-dark))}#Control.playing{-webkit-filter:drop-shadow(0 0 6px #8d697a);filter:drop-shadow(0 0 6px #8D697A);-webkit-filter:drop-shadow(0 0 6px var(--primary));filter:drop-shadow(0 0 6px var(--primary))}#info{position:absolute;top:16px;left:16px;max-width:30vw;min-width:343px}#info h1{display:inline;transition:color 1s ease-out}#info h1 strong{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#info p{font-size:14px;line-height:1.5;margin:8px 0;opacity:0;transition:opacity .5s ease-out}#info em{color:#d08159;color:var(--hover);display:block;margin-bottom:8px}#info svg{height:14px;overflow:visible;margin:0 8px;transform:translateY(2px)}#info .Tappable-inactive:hover{cursor:help!important}#info .Tappable-inactive:hover h1{color:#ffaa5e;color:var(--active);transition:color 0s ease-out}#info .Tappable-inactive:hover+p{opacity:1;transition:opacity 0s ease-out}@media screen and (max-width:375px){#custom-cursor{display:none}main{position:fixed;top:16px;right:16px;bottom:88px;left:16px;align-items:center;justify-content:center;display:flex!important;transition:bottom .5s ease-out;overflow:hidden}main>.Stack{position:absolute;top:24px;bottom:32px}.Pad{width:96px;height:96px;border-radius:48px;border-radius:8px}#wrapper main .controls{position:absolute!important;bottom:-8px}.controls>#Control,.controls>#Speaker{width:96px;height:96px;max-width:96px;max-height:96px;border-radius:48px;overflow:hidden}.controls #Speaker{background-size:24px 24px}#info{left:24px;right:24px;bottom:-64px;top:unset;min-width:unset;max-width:unset;text-align:center;transition:bottom .5s ease-out}#info .Tappable-inactive:hover+p{opacity:0;transition:opacity .5s ease-out}#wrapper.active main{bottom:188px;transition:bottom .25s ease-out}#wrapper.active #info{bottom:32px;transition:bottom .25s ease-out}#wrapper.active #info h1{color:#ffaa5e;color:var(--active)}#wrapper.active #info p{opacity:1!important;transition:opacity .25s ease-out}}.Stack{position:relative;display:flex!important}.Stack>*{display:block;margin:0}.Stack.center{align-items:center}.Stack.wrap{flex-wrap:wrap}.Stack.vertical{flex-direction:column}.Stack.vertical.tiny>*{margin-bottom:4px}.Stack.vertical.small>*{margin-bottom:8px}.Stack.vertical.medium>*{margin-bottom:16px}.Stack.vertical.medium-24>*{margin-bottom:24px}.Stack.vertical.large>*{margin-bottom:32px}.Stack.vertical.huge>*{margin-bottom:64px}.Stack.vertical>:last-child{margin-bottom:0}.Stack.row{flex-direction:row}.Stack.horizontal.tiny>*{margin-right:4px}.Stack.horizontal.small>*{margin-right:8px}.Stack.horizontal.medium>*{margin-right:16px}.Stack.horizontal.medium-24>*{margin-right:24px}.Stack.horizontal.large>*{margin-right:32px}.Stack.horizontal.huge>*{margin-right:64px}.Stack.horizontal>:last-child{margin-right:0}.Stack.wrap.horizontal.tiny>*{margin-right:4px;margin-bottom:4px}.Stack.wrap.horizontal.small>*{margin-right:8px;margin-bottom:8px}.Stack.wrap.horizontal.medium>*{margin-right:16px;margin-bottom:16px}.Stack.wrap.horizontal.medium-24>*{margin-right:24px;margin-bottom:32px}.Stack.wrap.horizontal.large>*{margin-right:32px;margin-bottom:32px}.Stack.wrap.horizontal.huge>*{margin-right:64px;margin-bottom:64px}.Stack.wrap.horizontal>:last-child{margin-right:0}
/*# sourceMappingURL=main.d3d6944d.chunk.css.map */