.Face{cursor:pointer;pointer-events:auto;transform-origin:50% 0;transform:scale(.37)}@media (prefers-reduced-motion:reduce){.Face.is-active{--faceAnimationDisabled:none}}.Face__borders{width:100px;height:100px;transform-origin:50% 50%}.is-resting.Face .Face__borders{-webkit-animation:var(--faceAnimationDisabled,border-rest 1s ease-in-out forwards infinite);animation:var(--faceAnimationDisabled,border-rest 1s ease-in-out forwards infinite)}.Face__border--copy path,.Face__border path{transition:d .2s,stroke .2s}.Face__border{opacity:1}.Face__border,.Face__border--copy{transition:opacity .4s;transform-origin:50%}.Face__border--copy{opacity:0}.Face path{stroke:#999;stroke-width:4px;fill:none;stroke-linecap:round}.Face__check{width:100px;height:100px}.Face__check path{stroke-linecap:square;stroke-width:6px;stroke-dashoffset:60px;stroke-dasharray:60px 60px}.Face.is-checked .Face__check path{stroke-dashoffset:0;transition:.4s}.Face.is-checked .Face__phone{opacity:0!important}.Face.is-active path,.Face.is-active rect{stroke:#0278fc}.Face__phone{transition:.25s ease-out}.Face svg{position:absolute;left:0;top:0}.Face__phoneContainer{position:absolute;left:10px;top:10px;width:80px;height:80px;border-radius:50%;overflow:hidden;transform:translateZ(0)}.Face.is-phone .Face__phone{opacity:1;transform:perspective(500px) translateY(12px) rotateX(0deg);-webkit-animation:var(--faceAnimationDisabled,phone-tap 2.7s ease-in-out forwards infinite .4s);animation:var(--faceAnimationDisabled,phone-tap 2.7s ease-in-out forwards infinite .4s)}.Face .Face__phoneClip,.Face .Face__phoneGlare,.Face .Face__phoneIcon{transform-origin:50% 50%;transform:translateY(0)}.Face.is-phone .Face__phoneClip,.Face.is-phone .Face__phoneGlare,.Face.is-phone .Face__phoneIcon{transform:translateY(-76px);transition:.3s ease-out}.Face path.Face__phoneGlare{fill:#e7f0f9;stroke:none}.Face.is-phone .Face__phoneGlare{-webkit-animation:var(--faceAnimationDisabled,phone-shimmer 2.7s ease-in-out forwards infinite .4s);animation:var(--faceAnimationDisabled,phone-shimmer 2.7s ease-in-out forwards infinite .4s)}.Face.is-phone .Face__features{transform:perspective(500px) rotateX(-30deg) translateY(-10px);transition:.3s;opacity:0}.Face__text span:first-of-type{opacity:1;transition:.3s}.Face__text span:last-of-type{position:absolute;opacity:0;transition:.3s;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.Face.is-phone .Face__text span:first-of-type{opacity:0}.Face.is-phone .Face__text span:last-of-type{opacity:1}.Face.is-phone.is-checked .Face__text span{opacity:0}.Face.is-active rect{stroke-width:2.25}.Face__features{transition:.3s;transform-origin:50% 50%}.Face__features.is-hidden{opacity:0}.Face__features.is-hidden .Face__eye,.Face__features.is-hidden .Face__mouth{transition:.2s}.Face__eye{stroke-width:5.5!important}.Face__text{position:relative;margin-top:10px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:28px;color:var(--slate5)}@-webkit-keyframes phone-tap{0%{transform:perspective(500px) translateY(12px) rotateX(0deg)}50%{transform:perspective(500px) translateY(12px) rotateX(48deg) scale(.9)}to{transform:perspective(500px) translateY(12px) rotateX(0deg)}}@keyframes phone-tap{0%{transform:perspective(500px) translateY(12px) rotateX(0deg)}50%{transform:perspective(500px) translateY(12px) rotateX(48deg) scale(.9)}to{transform:perspective(500px) translateY(12px) rotateX(0deg)}}@-webkit-keyframes border-rest{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes border-rest{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@-webkit-keyframes phone-shimmer{0%{transform:skewY(40deg) translateY(-66px)}50%{transform:skewY(40deg) translateY(10px)}to{transform:skewY(40deg) translateY(-66px)}}@keyframes phone-shimmer{0%{transform:skewY(40deg) translateY(-66px)}50%{transform:skewY(40deg) translateY(10px)}to{transform:skewY(40deg) translateY(-66px)}}