*,:before,:after{box-sizing:border-box;border:0 solid #e2e8f0}body{color:#1a202c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2d8e3;margin:0;font-family:-apple-system,"system-ui",Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.5;transition:background-color .2s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input{color:inherit;font:inherit}.attention-stack{flex-direction:column;align-items:center;display:flex}.app{text-align:center;touch-action:none;justify-content:center}.app .instruction{display:flex}.app .instruction p{color:#5c0048;letter-spacing:1px;text-align:center;margin:10rem 10% 0;font-family:Lucida Console,Monaco,monospace;font-size:26px;font-weight:600}.app .buttons button{-webkit-tap-highlight-color:transparent;cursor:pointer;height:200px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:#ecbed0;border:2px solid #b18597;border-radius:50%;outline:none;width:200px;margin:2rem 10% 0;padding:0;transition:transform .25s ease-out,background .25s ease-out;position:relative}.app .buttons button:before{border-radius:inherit;content:"";background:#e78fb2;width:100%;height:100%;transition:transform .25s ease-out,box-shadow .25s ease-out;position:absolute;inset:0;transform:translate3d(0,.75em,-1em);box-shadow:0 0 0 2px #b18597,0 1em #f4cddc}.app .buttons button:active{background:#ecbed0;transform:translateY(.75em)}.app .buttons button:active:before{transform:translateZ(-1em);box-shadow:0 0 0 2px #b18597,0 0 #e78fb2}.app .buttons button:after{-webkit-tap-highlight-color:transparent;content:"";opacity:0;z-index:-1;border:4px solid #e57aa5;border-radius:100%;outline:none;animation:3s ease-out 2s infinite ring;position:absolute;transform:translate(-50%,-48%)}.app .buttons button:active:after{animation:none}.app .buttons button:disabled{cursor:not-allowed}.attention-status{color:#5c0048;text-align:center;max-width:252px;margin:18px auto 0;font-family:Lucida Console,Monaco,monospace;font-size:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes ring{0%{opacity:.8;width:230px;height:230px}to{opacity:0;width:300px;height:300px}}@media only screen and (device-width>=744px) and (device-width<=1133px) and (-webkit-device-pixel-ratio>=2) and (orientation:portrait){.app .instruction p{color:#5c0048;letter-spacing:1px;text-align:center;margin:5rem 10%;font-family:Lucida Console,Monaco,monospace;font-size:56px;font-weight:600}.app .buttons button{-webkit-tap-highlight-color:transparent;cursor:pointer;height:400px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:#ecbed0;border:2px solid #b18597;border-radius:50%;outline:none;width:400px;margin:2rem 10% 0;padding:0;transition:transform .25s ease-out,background .25s ease-out;position:relative}.app .buttons button:before{border-radius:inherit;content:"";background:#e78fb2;width:100%;height:100%;transition:transform .25s ease-out,box-shadow .25s ease-out;position:absolute;inset:0;transform:translate3d(0,.75em,-1em);box-shadow:0 0 0 2px #b18597,0 1em #f4cddc}.app .buttons button:active{background:#ecbed0;transform:translateY(.75em)}.app .buttons button:active:before{transform:translateZ(-1em);box-shadow:0 0 0 2px #b18597,0 0 #e78fb2}.app .buttons button:after{-webkit-tap-highlight-color:transparent;content:"";opacity:0;z-index:-1;border:4px solid #e57aa5;border-radius:100%;outline:none;animation:3s ease-out 2s infinite ring;position:absolute;transform:translate(-50%,-48%)}.app .buttons button:active:after{animation:none}@keyframes ring{0%{opacity:.8;width:430px;height:430px}to{opacity:0;width:600px;height:600px}}}