@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap";*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{background:#4d4d4d;margin:0}.slide-in-left-enter{transform:translate(-100%)}.slide-in-left-enter-active{opacity:1;transition:all .2s;transform:translate(0)}.slide-in-left-exit{opacity:1;transform:translate(0%)}.slide-in-left-exit-active{opacity:0;transition:all .2s;transform:translate(-100%)}.center{text-align:center;justify-content:center;align-items:center;display:flex}.main-header{z-index:5;background:#f05;align-items:center;width:100%;height:4rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 6px #00000042}main{margin-top:5rem}@media (width>=768px){.main-header{justify-content:space-between}}.main-navigation__menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:3rem;height:3rem;margin-right:2rem;display:flex}.main-navigation__menu-btn span{background:#fff;width:3rem;height:2.5px;display:block}.main-navigation__title{color:#fff}.main-navigation__title a{color:#fff;text-decoration:none}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:100%}@media (width>=768px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:block}}.nav-links{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}.nav-links li{margin:1rem}.nav-links a{color:#292929;border:1px solid #0000;padding:.5rem;text-decoration:none}.nav-links a:hover,.nav-links a:active,.nav-links a.active{color:#292929;background:#f8df00;border-color:#292929}.nav-links button{cursor:pointer;color:#292929;font:inherit;background:0 0;border:1px solid #292929;padding:.5rem}.nav-links button:focus{outline:none}.nav-links button:hover,.nav-links button:active{color:#fff;background:#292929}@media (width>=768px){.nav-links{flex-direction:row}.nav-links li{margin:0 .5rem}.nav-links a{color:#fff;text-decoration:none}.nav-links button{color:#fff;background:0 0;border:1px solid #fff}.nav-links button:hover,.nav-links button:active{color:#292929;background:#f8df00}}.side-drawer{z-index:100;background:#989797;width:70%;height:100vh;position:fixed;top:0;left:0;box-shadow:0 2px 8px #00000042}.backdrop{z-index:10;background:#000000bf;width:100%;height:100vh;position:fixed;top:0;left:0}.avatar{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-item{width:calc(45% - 2rem);min-width:17.5rem;margin:1rem}.user-item a{color:#fff;background:#292929;align-items:center;width:100%;height:100%;padding:1rem;text-decoration:none;display:flex}.user-item a:hover,.user-item a:active{background:#ffd900}.user-item__content{padding:0}.user-item__image{width:4rem;height:4rem;margin-right:1rem}.user-item__info h2{color:#ffd900;margin:0 0 .5rem;font-size:1.5rem;font-weight:400}.user-item:hover h2,.user-item:active h2,.user-item:hover h3,.user-item:active h3{color:#292929}.user-item__info h3{margin:0}.card{background:#fff;border-radius:6px;margin:0;padding:0;overflow:hidden;box-shadow:0 2px 8px #00000042}.users-list{flex-wrap:wrap;justify-content:center;width:90%;max-width:50rem;margin:0 auto;padding:0;list-style:none;display:flex}.button{font:inherit;color:#fff;cursor:pointer;background:#f05;border:1px solid #f05;border-radius:4px;margin-right:1rem;padding:.5rem 1.5rem;text-decoration:none;display:inline-block}.button:focus{outline:none}.button:hover,.button:active{background:#ff4382;border-color:#ff4382}.button--inverse{color:#f05;background:0 0}.button--inverse:hover,.button--inverse:active{color:#fff;background:#f05}.button--danger{background:#830000;border-color:#830000}.button--danger:hover,.button--danger:active{background:#f34343;border-color:#f34343}.button:disabled,.button:hover:disabled,.button:active:disabled{color:#979797;cursor:not-allowed;background:#ccc;border-color:#ccc}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}.backdrop{background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{opacity:1;background:#b1adad;border-radius:8px;flex-direction:column;align-items:center;width:80%;min-width:300px;max-width:980px;height:30rem;padding:.5rem;transition:all .2s ease-out;display:flex;transform:scale(.9)}.modal-open{opacity:1;transform:scale(1)}.modal-small{text-align:center;opacity:1;background:#b1adad;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:80%;min-width:300px;max-width:400px;height:10rem;padding:.5rem;transition:all .2s ease-in;display:flex;transform:scale(.9)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal button{align-self:center;margin-top:auto}.buttons-delete{flex-direction:row;display:flex}.danger{color:red;font-weight:700}.place-item{margin:1rem 0}.place-item__content{padding:0}.place-item__info{text-align:center;padding:1rem}.place-item__image{width:100%;height:20.5rem;margin-right:1.5rem}.place-item__image img{object-fit:contain;width:100%;height:100%;margin-top:10px}.place-item__info h2,.place-item__info h3,.place-item__info p{margin:0 0 .5rem}.place-item__actions{text-align:center;border-top:1px solid #ccc;padding:1rem}.place-item__modal-content{padding:0}.place-item__modal-actions{text-align:right}.place-item__actions button,.place-item__actions a{margin:.5rem}@media (width>=768px){.place-item__image{height:20rem}}.map{border-radius:12px;width:100%;height:400px}.place-list{text-align:center;width:90%;max-width:40rem;margin:1rem auto;padding:0;list-style:none}.place-form{box-sizing:border-box;background:#fff;border-radius:12px;max-width:720px;margin:2rem auto;padding:1.75rem 2rem;box-shadow:0 10px 30px #0000000f}.place-form__title{color:#222;margin:0 0 1.5rem;font-size:1.4rem;font-weight:600}.place-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.place-form__group{flex-direction:column;gap:.35rem;display:flex}.place-form__group--full{grid-column:1/-1}.place-form label{color:#444;font-size:.9rem;font-weight:500}.place-form input,.place-form textarea{font:inherit;background:#fafafa;border:1px solid #d0d0d0;border-radius:8px;padding:.5rem .6rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.place-form input:focus,.place-form textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.place-form textarea{resize:vertical;min-height:80px}.place-form__actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.place-form__actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:.55rem 1.4rem;font-size:.95rem;font-weight:500;transition:background-color .15s,transform 50ms}.place-form__actions button:hover{background:#1d4ed8}.place-form__actions button:active{transform:translateY(1px)}.error-text{color:#d9534f;margin-top:4px;font-size:.85rem}@media (width<=640px){.place-form{margin:1.5rem 1rem;padding:1.25rem 1.4rem}.place-form__grid{grid-template-columns:1fr}}.auth-form{background:#b1adad;border-radius:8px;flex-direction:column;width:80%;max-width:400px;margin:2rem auto;padding:1.5rem;display:flex}.auth-form__title{text-align:center;margin-bottom:1rem}.auth-form__group{flex-direction:column;margin-bottom:1rem;display:flex}.auth-form__group label{margin-bottom:.3rem;font-weight:700}.auth-form__group input{border:1px solid #777;border-radius:4px;padding:.4rem}.auth-error{color:red;margin-top:.3rem;font-size:.8rem}.auth-form__actions{justify-content:center;margin-top:1rem;display:flex}.auth-form__switch{text-align:center;margin-top:1rem}.switch-btn{color:#333;cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.switch-btn:hover{color:#111}.auth-avatar-preview{object-fit:cover;border:2px solid #333;border-radius:50%;width:80px;height:80px;margin-top:.5rem}