body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.visualizer-mouth{align-items:center;background:#0000;display:flex;flex-direction:row;gap:.5rem;height:6rem;justify-content:center;margin-top:5rem;padding:.5rem;width:12rem}.volume-display{color:#fff;font-size:1.5rem;position:absolute}.bar-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.125rem;height:100%;justify-content:center;width:2rem}.bar-container{display:flex;flex-direction:column;gap:.125rem;width:100%}.segment{background-color:#f33;border-radius:.25rem;height:.5rem;opacity:.15;transition:opacity .1s ease,transform .1s ease;width:2rem}.face-container{height:100vh;left:0;position:fixed;top:0}.eyes{align-items:center;display:flex;gap:2.5rem;justify-content:center;padding:0 1rem;position:relative}.eye{background-color:#f4a127;border-radius:.9375rem;height:5rem;width:8.75rem}.mouth{border-radius:.625rem;height:1.25rem;left:50%;position:absolute;top:12rem;transform:translateX(-50%);width:6.25rem}@media (max-width:768px) and (orientation:portrait){.eyes{gap:1.875rem}.eye{height:3.75rem;width:6.25rem}.mouth{height:1rem;top:5.5rem;width:5rem}}@media (max-width:480px) and (orientation:portrait){.eyes{gap:1.25rem}.eye{height:3rem;width:5rem}.mouth{height:.875rem;top:7rem;width:4rem}}@media (orientation:landscape) and (max-height:600px){.face-container{padding-top:10vh}.eyes{gap:1.875rem}.eye{height:3.25rem;width:5.5rem}.mouth{height:.875rem;top:6rem;width:4.5rem}}@media (orientation:landscape) and (max-height:400px){.face-container{padding-top:5vh}.eyes{gap:1.5rem}.eye{height:2.75rem;width:4.5rem}.mouth{height:.75rem;top:6rem;width:3.75rem}}.face-container{background-color:#1a1a1a;height:100%;justify-content:flex-start;padding-top:20vh;width:100%}.face,.face-container{align-items:center;display:flex;flex-direction:column}.face{gap:1rem;justify-content:center}
/*# sourceMappingURL=main.5b8897eb.css.map*/