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}:root{--wobble-factor:.85px}*{box-sizing:border-box}main{background-color:hsl(220 60 90);font-family:Signika,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.bg,main{background-size:100% 100%}.bg{background-image:url(/message-in-a-bubble/static/media/bubbles-bg.38737f999ede39fa7eec.jpg);inset:0;opacity:.3;position:absolute;z-index:1}.bubbles{padding:2vmin;position:relative;z-index:3}.bubble{animation-direction:alternate,alternate;animation-duration:max(calc(var(--bubble-seed-two)*8s),10s),5s;animation-iteration-count:infinite,infinite;animation-name:wobble,shimmer;animation-timing-function:linear,linear;aspect-ratio:1;background-color:hsl(calc(var(--bubble-seed-one)*30) 90% 95%/.1);background-image:linear-gradient(180deg,#0000,#0000 60%,#ffffff4d);background-repeat:no-repeat;border:3px solid hsl(0 0 60/.2);cursor:pointer;font-family:Signika,sans-serif;left:calc(var(--bubble-seed-two)*9vw);max-width:150px;padding:.5rem;top:calc(var(--bubble-seed-one)*9vh)}.bubble,.bubble:before{border-radius:100vmax;position:absolute}.bubble:before{animation-direction:alternate;animation-duration:max(calc(var(--bubble-seed-one)*1s),3s);animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;border:solid hsl(0 0 100/.4);border-width:0 0 0 3px;content:"";display:block;inset:7%;rotate:45deg}.bubble.popping{animation-direction:normal;animation-duration:.25s;animation-iteration-count:1;animation-name:pop;animation-timing-function:linear}.panel{aspect-ratio:1;background:hsla(150 30 95/.8);border:1px solid hsl(0 0 80%);border-radius:100vmin 0 0 0;bottom:0;box-shadow:-5px -5px 5px hsl(0 0 50%/.1);position:absolute;right:0;z-index:2}.panel,.panel-header{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end}.panel-header{color:hsl(0 0 25%);gap:.3rem}.panel-header,h1{text-align:center}h1{font-size:1rem;margin:0;padding:0;width:100%}.description{font-size:.8rem;margin:0}.panel-inner{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:flex-end;max-width:70%;padding:1rem}.panel textarea{border:1px solid hsl(0 0 50%);border-radius:10px;height:4.5em;resize:none}.panel button,.panel textarea{font-family:Signika,sans-serif;max-width:100%}.panel button{border:1px solid hsl(0 0 50%);border-radius:100vmin;cursor:pointer;padding:.5rem;width:100%}@keyframes wobble{0%{filter:saturate(100%);transform:translate(calc(var(--bubble-seed-one)*.85px),calc(var(--bubble-seed-two)*1.53px));transform:translate(calc(var(--bubble-seed-one)*(var(--wobble-factor)*1)),calc(var(--bubble-seed-two)*(var(--wobble-factor)*1.8)))}30%{transform:translate(calc(var(--bubble-seed-two)*-1.275px),calc(var(--bubble-seed-one)*-1.275px));transform:translate(calc(var(--bubble-seed-two)*(var(--wobble-factor)*-1.5)),calc(var(--bubble-seed-one)*(var(--wobble-factor)*-1.5)))}60%{transform:translate(calc(var(--bubble-seed-one)*1.7px),calc(var(--bubble-seed-two)*1.105px));transform:translate(calc(var(--bubble-seed-one)*(var(--wobble-factor)*2)),calc(var(--bubble-seed-two)*(var(--wobble-factor)*1.3)))}90%{transform:translate(calc(var(--bubble-seed-two)*-.85px),calc(var(--bubble-seed-one)*-1.275px));transform:translate(calc(var(--bubble-seed-two)*(var(--wobble-factor)*-1)),calc(var(--bubble-seed-one)*(var(--wobble-factor)*-1.5)))}}@keyframes shimmer{0%{filter:saturate(100%) brightness(100%)}60%{filter:saturate(calc(100% - (var(--bubble-seed-one))*7%)) brightness(calc(100% + var(--bubble-seed-one)*.5%))}to{filter:saturate(100%) brightness(100%)}}@keyframes spin{0%{opacity:1;rotate:45deg}60%{opacity:.5;rotate:15deg}to{opacity:1;rotate:45deg}}@keyframes pop{0%{opacity:1;scale:1}50%{opacity:.3;scale:1.15}to{opacity:0;scale:1.3}}
/*# sourceMappingURL=main.f16812cb.css.map*/