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}*{box-sizing:border-box}:root{--tongue:#c12115;--pupil:#fff;--icing:#f2f2f2;--stroke:#1a1a1a}body{--frosting:hsl(var(--frosting-hue,0),100%,55%);--lightness:50;--flame:0;--glow-hue:40;--glow-saturation:50;--glow-lightness:35;--glow-alpha:0.4;--transparency-alpha:0;--glow:hsla(var(--glow-hue),calc(var(--glow-saturation)*1%),calc(var(--glow-lightness)*1%),var(--glow-alpha));--transparent:hsla(0,0%,0%,var(--transparency-alpha));align-items:center;background:hsl(180,30%,50%);background:hsl(180,30%,calc(var(--lightness, 50)*1%));display:flex;justify-content:center;min-height:100vh;overflow:hidden}.whitespace{width:7px}.birthday-button{cursor:pointer;position:relative;transform:scale(.6)}.birthday-button__text{align-items:center;display:flex;font-family:sans-serif;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.birthday-button__text .char{color:hsl(0,0%,0%);color:hsl(var(--hue,0),calc(var(--char-sat, 0)*1%),calc(var(--char-light, 0)*1%));display:inline-block}.birthday-button:before{background:radial-gradient(var(--glow),var(--transparent) 30%),radial-gradient(var(--glow),var(--transparent) 50%);border-radius:50%;height:240px;top:50%;transform:translate(-50%,-70%) scale(calc(var(--flame)*3));width:240px;z-index:2}.birthday-button:after,.birthday-button:before{content:"";filter:blur(15px);left:50%;opacity:var(--flame);position:absolute}.birthday-button:after{background:radial-gradient(var(--glow),var(--transparent) 20%),radial-gradient(var(--glow),var(--transparent));height:30px;top:100%;transform:translate(-50%,-50%) scale(calc(var(--flame)*1));width:400px}.birthday-button__button{background:#f2f2f2;background:var(--icing);border:0;border-radius:20px;cursor:pointer;height:150px;position:relative;width:360px}.birthday-button__cake{bottom:0;display:none;left:50%;position:absolute;transform:translate(-50%,-2%);width:425px}.cake__eye-body{fill:#1a1a1a;fill:var(--stroke)}.cake__eye-pupil{fill:#fff;fill:var(--pupil)}.cake__tongue{fill:#c12115;fill:var(--tongue)}.cake__mouth-opening{fill:#1a1a1a;fill:var(--stroke);stroke:#1a1a1a;stroke:var(--stroke)}.cake__sprinkle{--sprinkle:hsl(var(--sprinkle-hue,0),100%,75%);fill:var(--sprinkle)}.cake__frosting--duplicate,.cake__frosting--start{fill:var(--frosting)}.candle__flame{opacity:0;opacity:var(--flame,0)}.candle__flame-outer{fill:#ff711f}.candle__flame-inner{fill:#edca1d}.face__stroke{stroke:#1a1a1a;stroke:var(--stroke)}.cake__candle:first-of-type,.cake__candle:nth-of-type(2),.cake__candle:nth-of-type(3){--flame:0}label{bottom:1rem;cursor:pointer;height:44px;position:fixed;right:1rem;width:44px}label>svg{height:100%;left:0;position:absolute;top:0;width:100%}label path{fill:#476b6b}label svg:first-of-type{display:none}[type=checkbox]{height:0;left:100%;position:absolute;top:0;width:0}:checked~label svg:first-of-type{display:block}:checked~label svg:nth-of-type(2){display:none}
/*# sourceMappingURL=main.ee213333.css.map*/