@import"https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Bubbles&display=swap";*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{margin:0;background:inherit;color:inherit;place-items:center;min-width:320px;min-height:100vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#223843;background-color:#eff1f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.center{text-align:center;display:flex;justify-content:center;align-items:center}.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}@media (prefers-color-scheme: light){:root{color:#223843;background-color:#eff1f3}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.button{font:inherit;padding:.5rem 1.5rem;border:1px solid #d77a61;border-radius:4px;background:#d77a61;color:#fff;cursor:pointer;margin-right:1rem;text-decoration:none;display:inline-block}.button:focus{outline:none}.button:hover{background:#d8b4a0;border-color:#d8b4a0}.button:active{background:#d77a61;border-color:#d77a61}.button--inverse{background:transparent;color:#d77a61}.button--inverse:hover,.button--inverse:active{color:#fff;background:#d8b4a0}.button--danger{background:#8d3a3a;border-color:#8d3a3a}.button--danger:hover,.button--danger:active{background:#4a1f1f;border-color:#4a1f1f}.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}.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;color:#223843;border:1px solid #ccc;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}#file{opacity:0}input:read-only{color:#7a7a7a}.item-form{list-style:none;margin:0 auto;padding:1rem;width:90%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.image__upload{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem auto}.item-form__actions{margin:0 auto}.error-message{color:red;font-size:.9rem;font-weight:700;margin-bottom:1rem;text-align:center}@media (max-width: 395px){.item-form__actions .button--inverse{margin-top:.5rem}}.authentication__header{color:#fff;text-align:center}.authentication{width:90%;max-width:25rem;margin:7rem auto;text-align:center}.authentication form{margin-bottom:1rem}.card{position:relative;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.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:#fff}.main-navigation__title{color:#fff;font-family:Rubik Bubbles,system-ui}.main-navigation__title a{text-decoration:none;color:#d77a61;text-shadow:3px 3px 3px rgba(0,0,0,.7);-webkit-text-stroke:1.5px #472b2342}.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}}@media (max-width: 776px){.main-navigation__title{font-size:3rem}}@media (max-width: 437px){.main-navigation__title{font-size:2.5rem}}@media (max-width: 366px){.main-navigation__title{font-size:2rem}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000bf;z-index:10}.side-drawer{position:fixed;left:0;top:0;z-index:100;height:100vh;width:70%;background:#fff;box-shadow:0 2px 8px #00000042}.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;color:#292929;text-decoration:none;padding:.5rem;border-radius:4px}.nav-links a:hover,.nav-links a:active,.nav-links a.active{background:#d77a61;border-color:#292929;color:#fff}.nav-links button{cursor:pointer;border:1px solid #292929;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:#d77a61;color:#eff1f3}}.main-header{width:100%;height:4rem;display:flex;align-items:center;position:fixed;top:0;left:0;background:#223843;box-shadow:0 2px 6px #00000042;padding:0 1rem;z-index:5}main{margin-top:5rem}@media (min-width: 768px){.main-header{justify-content:space-between}}.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:#ffffffe6;display:flex;justify-content:center;align-items:center}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{z-index:100;position:fixed;top:15vh;left:10%;width:80%;background:#fff;box-shadow:0 2px 8px #00000042;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.modal__header{width:100%;padding:1rem .5rem;background:#d77a61;color:#fff}.modal__header h2{margin:.5rem}.modal__content,.modal__footer{padding:1rem .5rem}.modal__footer__h2{margin:.5rem}.modal__emoji{font-size:3rem;margin:0}@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}.item{margin:2rem 0}.item__content{padding:0}.item__info{padding:1rem;text-align:center}.item__image{width:100%;height:12.5rem;margin-right:1.5rem;overflow:hidden;text-align:center;transition:height .3s ease}.item__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item__image--scaled{height:auto}.item__image--scaled img{object-fit:contain;transform:scale(1.1)}.item__info h2,.item__info h3,.-item__actions{padding:1rem;text-align:center}.item__info h3{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #ccc;text-align:center}.item__info p,.item__info h4{margin-top:.5rem;text-align:center}.item__details-table{border-collapse:collapse;width:80%;margin:0 auto;margin-top:1rem}.item__details-table td{border:1px solid #ccc;padding:8px;vertical-align:top}.item__details-table tr{background-color:#f9f9f9}.item__details-table td:first-child{width:30%;font-weight:700;white-space:nowrap}.item__details-table td:last-child{word-wrap:break-word;word-break:break-word}.item__modal-content{padding:0}.item__modal-actions{text-align:right}.item__actions button,.item__actions a{margin:.5rem}@media (min-width: 768px){.item__image{height:20rem}}@media (max-width: 768px){.item__details-table{width:100%}}.item-list{list-style:none;margin:1rem auto;padding:0;width:90%;max-width:40rem}.heading{font-size:2.5rem}.message{font-size:1rem}.list_empty{font-size:1.5rem}