body{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.button{appearance:none;border:none;outline:none;padding:0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;font-size:30vmin;width:1em;height:1em;opacity:0;animation:buttonIn 2s cubic-bezier(0.33, 0.45, 0.3, 1) forwards 2s;background:none;border-radius:50%}@keyframes buttonIn{from{opacity:0;transform:scale3d(1.1, 1.15, 1)}to{opacity:1;transform:none}}.button:before,.button:after{content:"";border-radius:inherit}.button:before{filter:blur(0.025em);position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(160% 160% at 57.5% 60%, rgba(255, 255, 255, 0) 30%, white 45%),radial-gradient(180% 200% at 40% 17.5%, rgba(204, 204, 204, 0) 35%, #cccccc 50%),radial-gradient(120% 120% at 45% 45%, rgba(230, 230, 230, 0) 42%, rgba(204, 204, 204, 0.75) 50%);background-color:#e9e9e9;box-shadow:inset -0.05em -0.05em .025em -0.025em #d9d9d9,.115em .15em .1em -0.033em #ccc,.15em .2em .25em #d9d9d9,.5em .33em .5em .1em #d9d9d9,-0.1em -0.1em .05em -0.075em #fff,-0.2em -0.2em .33em -0.075em #fff}.button:after{position:absolute;top:.025em;right:.025em;bottom:.025em;left:.025em;background:radial-gradient(150% 150% at 75% 75%, rgba(179, 179, 179, 0) 30%, #b3b3b3),radial-gradient(150% 150% at -10% -10%, rgba(255, 255, 255, 0) 50%, white);background-color:#e6e6e6;transition:.75s cubic-bezier(0.33, 0.45, 0.3, 1);transition-delay:.25s;opacity:0;filter:blur(0.03em);transform:scale3d(0.925, 0.94, 1)}.print{position:relative;width:40%;height:0;padding-bottom:44.488%;display:inline-block;z-index:1;transform:scale3d(1.05, 1.05, 1);backface-visiblity:hidden;color:rgba(51,170,255,.5)}.print svg{position:absolute;top:0;right:0;bottom:0;left:0}.print path{stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:1;transition:2s cubic-bezier(0.33, 0.45, 0.3, 1);will-change:stroke-dashoffset,stroke,color,opacity}.print--under{margin-right:-40%;mix-blend-mode:lighten;filter:drop-shadow(0 0 0.033em currentColor);stroke-dashoffset:.5;transition:2s cubic-bezier(0.33, 0.45, 0.3, 1);animation:printPulse 2s linear infinite 6.25s}@keyframes printPulse{0%{opacity:1}50%{opacity:.33}100%{opacity:1}}.print--under path{opacity:0;animation:printIn 2s cubic-bezier(0.33, 0.45, 0.3, 1) forwards 3.2s}@keyframes printIn{from{opacity:0;stroke-dashoffset:.5}to{opacity:1;stroke-dashoffset:0}}.print--under path:nth-of-type(1){stroke:#a6ceff}.print--under path:nth-of-type(2){stroke:#a6d1ff}.print--under path:nth-of-type(3){stroke:#a6d4ff}.print--under path:nth-of-type(4){stroke:#a6d7ff}.print--under path:nth-of-type(5){stroke:#a6daff}.print--over{filter:drop-shadow(-0.0075em -0.0075em 0.005em rgba(0, 0, 51, 0.1)) drop-shadow(0.0075em 0.0075em 0.005em rgba(255, 255, 255, 0.25)) drop-shadow(0 0 0.04em currentColor);opacity:0;transition:transform 2s cubic-bezier(0.33, 0.45, 0.3, 1),color 0s .4s,opacity .5s cubic-bezier(0.33, 0.45, 0.3, 1)}.print--over:after{content:"";position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;border-radius:50%;opacity:0;background:radial-gradient(32.5% 32.5% at 42.5% 42.5%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));mix-blend-mode:color-dodge;transition:opacity .3s cubic-bezier(0.33, 0.45, 0.3, 1);animation:glowPulse 3s linear infinite,glowTwist 3s linear infinite}@keyframes glowPulse{0%{transform:scale3d(0.9, 0.9, 1)}50%{transform:scale3d(1, 1, 1)}100%{transform:scale3d(0.9, 0.9, 1)}}@keyframes glowTwist{0%{rotate:0deg}50%{rotate:180deg}100%{rotate:360deg}}.print--over path{opacity:0;stroke-dashoffset:1;transition:stroke .5s cubic-bezier(0.33, 0.45, 0.3, 1),opacity 0s .5s,stroke-dashoffset 0s .5s}.print--over path:nth-of-type(1){stroke:#338fff}.print--over path:nth-of-type(2){stroke:#3396ff}.print--over path:nth-of-type(3){stroke:#339cff}.print--over path:nth-of-type(4){stroke:#33a3ff}.print--over path:nth-of-type(5){stroke:#3af}*:hover .button.test,.button.test.test{animation:none;opacity:1;transform:none;font-size:60vmin}*:hover .button:after,.button.test:after{opacity:1;transform:none;transition-delay:0s}*:hover .button .print,.button.test .print{transform:scale3d(1, 1, 1) translateZ(0)}*:hover .button .print--over,.button.test .print--over{color:rgba(111,0,255,.66);opacity:.66;transition:1.5s cubic-bezier(0.33, 0.45, 0.3, 1) 4.5s,opacity .25s cubic-bezier(0.33, 0.45, 0.3, 1),transform 2s cubic-bezier(0.33, 0.45, 0.3, 1)}*:hover .button .print--over:after,.button.test .print--over:after{transition:opacity 2s cubic-bezier(0.33, 0.45, 0.3, 1) 5.25s}*:hover .button .print--over path,.button.test .print--over path{opacity:1;stroke-dashoffset:0}*:hover .button .print--over path:nth-of-type(1),.button.test .print--over path:nth-of-type(1){stroke:#2b00ff;transition:opacity .25s cubic-bezier(0.33, 0.45, 0.3, 1) .35s,stroke-dashoffset 4.2s cubic-bezier(0.33, 0.45, 0.3, 1) .35s,stroke 1.2s cubic-bezier(0.33, 0.45, 0.3, 1) 4.65s,color 1.2s cubic-bezier(0.33, 0.45, 0.3, 1) 4.65s}*:hover .button .print--over path:nth-of-type(2),.button.test .print--over path:nth-of-type(2){stroke:#3c00ff;transition:opacity .25s cubic-bezier(0.33, 0.45, 0.3, 1) .45s,stroke-dashoffset 4.4s cubic-bezier(0.33, 0.45, 0.3, 1) .45s,stroke 1.4s cubic-bezier(0.33, 0.45, 0.3, 1) 4.55s,color 1.4s cubic-bezier(0.33, 0.45, 0.3, 1) 4.55s}*:hover .button .print--over path:nth-of-type(3),.button.test .print--over path:nth-of-type(3){stroke:#4d00ff;transition:opacity .25s cubic-bezier(0.33, 0.45, 0.3, 1) .55s,stroke-dashoffset 4.6s cubic-bezier(0.33, 0.45, 0.3, 1) .55s,stroke 1.6s cubic-bezier(0.33, 0.45, 0.3, 1) 4.45s,color 1.6s cubic-bezier(0.33, 0.45, 0.3, 1) 4.45s}*:hover .button .print--over path:nth-of-type(4),.button.test .print--over path:nth-of-type(4){stroke:#5e00ff;transition:opacity .25s cubic-bezier(0.33, 0.45, 0.3, 1) .65s,stroke-dashoffset 4.8s cubic-bezier(0.33, 0.45, 0.3, 1) .65s,stroke 1.8s cubic-bezier(0.33, 0.45, 0.3, 1) 4.35s,color 1.8s cubic-bezier(0.33, 0.45, 0.3, 1) 4.35s}*:hover .button .print--over path:nth-of-type(5),.button.test .print--over path:nth-of-type(5){stroke:#6f00ff;transition:opacity .25s cubic-bezier(0.33, 0.45, 0.3, 1) .75s,stroke-dashoffset 5s cubic-bezier(0.33, 0.45, 0.3, 1) .75s,stroke 2s cubic-bezier(0.33, 0.45, 0.3, 1) 4.25s,color 2s cubic-bezier(0.33, 0.45, 0.3, 1) 4.25s}/*# sourceMappingURL=login.css.map */