header{height:54px;box-shadow:0 1px 7px #181820}.header-container{width:90%;max-width:1280px;height:100%;display:flex;justify-content:space-between;align-items:center;margin:0 auto}.logo{height:6em;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}nav{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}nav .button-menu{width:32px;height:32px;display:flex;justify-content:center;align-items:center;padding:8px;margin-left:14px;fill:#aaa}a{text-decoration:none;color:#fff;font-size:18px}.flex{width:90%;max-width:1280px;display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap;margin:auto}.container{width:100%;max-width:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0}.container p{font-size:25px;line-height:32px;margin-top:18px}.container div{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:75px}.container div .button-home{min-width:150px;height:150px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0;border-radius:15px;background:rgba(0,0,0,.2)}.container div .button-home:first-child{margin-right:18px}.container div .button-home .icon{width:45px;height:45px;display:flex;justify-content:center;align-items:center;fill:#aaa}.svg-area{width:100%;max-width:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;border-radius:32px;background:rgba(0,0,0,.2)}.svg-area img{width:75%}.inputFild{width:100%;display:flex;flex-direction:column;margin-bottom:20px}.inputFild .label{color:#aaa;font-weight:700;margin-bottom:4px}.inputFild input{flex:none;height:50px;background:rgba(0,0,0,.2)}.inputSignIn{display:flex;flex-direction:row;padding-left:1.2em;margin-bottom:20px;border-radius:5px;background:rgba(0,0,0,.2)}.inputIcon{width:16px;display:flex;justify-content:center;align-items:center;fill:#555}.cardUser{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:23px;margin-bottom:20px;box-shadow:0 1px 7px #181820;border-radius:5px;background:rgba(0,0,0,.2)}.header-card{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:50px;box-shadow:none}.header-card .avatar{width:60px;height:60px;padding:18px;margin-right:9px;border-radius:50%;box-shadow:0 1px 7px #121214}.user-name-card{font-size:1.2em;font-weight:700;margin-left:9px}.container-score{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:50px}.container-score span{font-size:1.5em}.container-score #result{margin-left:9px}.avatar .icon{fill:#555}.cardUser .customer-info{flex:1;height:70px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.customer-info div{height:32px}.customer-info div .icon{width:18px;height:18px;margin-right:9px;fill:#aaa}.cardUser .customer-info div span{display:flex;flex-direction:row;flex-wrap:wrap;font-size:16px;padding:0;color:#e1e1e7}.usersContainer{width:90%;max-width:500px;display:flex;flex-direction:column}.button-purchase{width:90%;max-width:200px;margin-top:20px;background-color:#1a1a1a;border-color:#646cff;color:#646cff}.button-view-purchase{width:90%;max-width:500px;margin:30px 0 50px;background-color:#1a1a1a;border-color:#646cff;color:#646cff}.title-h2{width:90%;max-width:420px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:14px}.purchasesContainer{width:90%;max-width:420px;display:flex;flex-direction:column}.user-status{width:90%;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:18px auto}.user-status span{font-size:1em}.cardPurchase{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:23px;margin-bottom:20px;box-shadow:0 1px 7px #181820;border-radius:5px;background:rgba(0,0,0,.2)}.cardPurchase .customer-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.customer-info div{display:flex;flex-direction:row;justify-content:center;align-items:center}.cardPurchase .customer-info div .icon{width:16px;height:16px;display:flex;justify-content:center;align-items:center;margin-right:9px;fill:#aaa}.cardPurchase .customer-info div span{font-size:16px;color:#e1e1e7}.cardPurchase .container-score{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:14px;margin-top:50px}.last-purchases{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}*{padding:0;margin:0}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#e1e1e7;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1;color:#fff}input,button{height:50px;border:1px solid transparent;border-radius:5px;padding:0 1.2em;font-size:1em}button{font-weight:500;font-family:inherit;background:rgba(0,0,0,.2);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}form{width:90%;max-width:420px;display:flex;flex-direction:column;margin:auto}form h2{margin-bottom:14px}form input{flex:1;font-size:14px;background:transparent;color:#e1e1e7}form button{font-size:16px;font-weight:700;margin-top:10px;background:#646cff}.center{margin:auto}.page{min-height:calc(100vh - 54px);display:flex;flex-direction:column;align-items:center}