#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.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}}.card{padding:2em}.read-the-docs{color:#888}.avatar{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.avatar img{display:block;border-radius:50%;width:100%;height:100%;object-fit:cover;flex-grow:1}.button{font:inherit;padding:.5rem 1.5rem;border:1px solid #4285F4;border-radius:4px;background:#4285F4;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.button:focus{outline:none}.button:hover,.button:active{background:#0d47a1;border-color:#0d47a1}.button--inverse{background:transparent;color:#4285f4}.button--inverse:hover,.button--inverse:active{color:#fff;background:#4285F4}.button--danger{background:#ff4444;border-color:#f44}.button--danger:hover,.button--danger:active{background:#CC0000;border-color:#c00}.button:disabled,.button:hover:disabled,.button:active:disabled{background:#ccc;color:#979797;border-color:#ccc;cursor:not-allowed}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}.card{position:relative;margin:0;box-shadow:0 10px 80px #00000042;border-radius:16px;padding:1rem;overflow:hidden;background:beige;width:900px}.user-item{margin:1rem;width:calc(45% - 2rem);min-width:17.5rem}.user-item a{display:flex;align-items:center;width:100%;height:100%;text-decoration:none;padding:1rem;color:#fff;background:#292929}.user-item__content{padding:0}.user-item__image{width:4rem;height:4rem;margin-right:1rem}.user-item__info h2,h3{font-size:1.5rem;margin:0 0 .5rem;font-weight:400}.user-item__actions{padding:1rem;text-align:center;border-top:1px solid #ccc}.city-item__actions button,.city-item__actions a{margin:.5rem}.users-list{list-style:none;margin:0 auto;padding:0;width:90%;max-width:50rem;display:flex;justify-content:center;flex-wrap:wrap}.lds-dual-ring{display:inline-block;width:64px;height:64px}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border:5px solid #510077;border-color:#510077 transparent #510077 transparent;animation:lds-dual-ring 1.2s linear infinite}.loading-spinner__overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-control{margin:1rem 0}.form-control label,.form-control input{display:block}.form-control label{font-weight:700;margin-bottom:.5rem;text-align:left}.form-control input{width:100%;font:inherit;border:1px solid #ccc;border-radius:30px;background:#f8f8f8;padding:.15rem .25rem}.form-control input:focus{outline:none;background:#ebebeb;border-color:#510077}.form-control--invalid label,.form-control--invalid p{color:red}.form-control--invalid input{border-color:red;background:#ffd1d1}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.75);z-index:10}.modal{z-index:100;position:fixed;top:22vh;left:10%;width:80%;background:white;box-shadow:0 2px 8px #00000042;border-radius:8px}.modal__header{width:100%;padding:1rem .5rem;background:steelblue;color:#fff}.modal__header h2{margin:.5rem}.modal__content,.modal__footer{padding:1rem .5rem}@media (min-width: 768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{transform:translateY(-10rem);opacity:0}.modal-enter-active{transform:translateY(0);opacity:1;transition:all .2s}.modal-exit{transform:translateY(0);opacity:1}.modal-exit-active{transform:translateY(-10rem);opacity:0;transition:all .2s}.main-header{width:100%;height:3rem;display:flex;align-items:center;position:fixed;top:0;left:0;background:grey;box-shadow:0 2px 6px #00000042;padding:0 1rem;z-index:5}main{margin-top:7rem}@media (min-width: 768px){.main-header{justify-content:space-between}}.nav-links{list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-links li{margin:1rem}.nav-links a{border:1px solid transparent;border-radius:30px;color:#292929;text-decoration:none;padding:10px}.nav-links a:hover,.nav-links a:active,.nav-links a.active{background:#ffd900;border-color:#292929;color:#292929}.nav-links button{cursor:pointer;border:1px solid #292929;border-radius:30px;color:#292929;background:transparent;padding:.5rem;font:inherit}.nav-links button:focus{outline:none}.nav-links button:hover,.nav-links button:active{background:#292929;color:#fff}@media (min-width: 768px){.nav-links{flex-direction:row}.nav-links li{margin:0 .5rem}.nav-links a{color:#fff;text-decoration:none}.nav-links button{border:1px solid white;color:#fff;background:transparent}.nav-links button:hover,.nav-links button:active{background:#ffd900;color:#292929}}.side-drawer{position:fixed;left:0;top:0;z-index:100;height:100vh;width:70%;background:white;box-shadow:0 2px 8px #00000042}.main-navigation__menu-btn{width:3rem;height:3rem;background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-around;margin-right:2rem;cursor:pointer}.main-navigation__menu-btn span{display:block;width:3rem;height:2.5px;background:white}.main-navigation__title{color:#fff}.main-navigation__title a{text-decoration:none;color:#fff}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:100%}@media (min-width: 768px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:block}}.product-item{margin:1rem 0}.product-item__content{padding:0}.product-item__info{padding:1rem;text-align:center;word-wrap:break-word}.product-item__image{width:50%;height:15.5rem;margin-right:1.5rem;float:left}.product-item__image img{height:100%;object-fit:cover;float:left;width:100%}.product-item__info h2,.product-item__info h3{margin:0 0 .5rem}.product-item__actions{padding:1rem;text-align:center;border-top:1px solid #ccc}.product-item__modal-content{padding:0}.product-item__modal-actions{text-align:right}.product-item__actions button,.product-item__actions a{margin:.5rem}@media (min-width: 768px){.product-item__image{height:20rem}}.products-list{list-style:none;margin:1rem auto;padding:0;width:100%;max-width:100rem}.products-form{list-style:none;margin:0 auto;padding:1rem;width:90%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:white}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{margin:0;background:#fbfbfb}.center{text-align:center;display:flex;justify-content:center;align-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.slide-in-left-enter{transform:translate(-100%)}.slide-in-left-enter-active{transform:translate(0);opacity:1;transition:all .2s}.slide-in-left-exit{transform:translate(0);opacity:1}.slide-in-left-exit-active{transform:translate(-100%);opacity:0;transition:all .2s}