:root{font-family:Bogart,Cambria,Arial,Helvetica,sans-serif;font-size:16px;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%;--login-back-color: #121250;--login-front-color: #21ebff;--login-front-color-dark: #2191ff}#bg{background-image:url(/img/background.jpg);background-repeat:no-repeat;background-position:left;background-size:cover;height:100vh;width:120vw;bottom:0;position:fixed;z-index:-1}body{display:flex;margin:0;padding:0;scroll-behavior:smooth}@media screen and (min-width: 867px){body{background-size:cover}}#root{width:100vw;height:100%;text-align:center;display:flex;flex-direction:column}#root>div{flex:1}.container{padding:3em;margin:130px 20% 10px;color:var(--login-back-color);text-align:left;--background-color: rgba(230, 230, 255, .8);--background-color-dark: rgba(200, 200, 225, .8);background-color:var(--background-color);border-radius:20px;border:1px solid var(--login-back-color);align-items:flex-end}.container-title{display:flex;align-items:center}.container-title h2{flex-grow:1;margin-right:30px}@media screen and (max-width:1023px){.container{margin:130px 10px 10px}}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:inherit}h1{font-size:3.2em;line-height:1.1}.unvisible{background-color:#b2b2b2ac;border-radius:10px}.unvisible img{filter:grayscale(.7)}.status{color:red;white-space:pre-wrap}.card{padding:25px;font-size:1.05rem;max-width:100%;overflow-x:auto}.card img{max-width:100%}.structured-card{display:grid;grid-template-columns:min-content auto;grid-template-areas:"image title" "image content";column-gap:50px;align-items:start}.card-title{grid-area:title;display:flex;align-items:flex-start}.card-title h2{flex-grow:1;margin:0}.card-image{grid-area:image}.card-image img{max-width:300px}.card-content{grid-area:content}.description{white-space:pre-line;text-align:justify;word-wrap:break-word}.description h3:hover{cursor:pointer}.edit-buttons{display:flex}.card-button-grid{display:grid;gap:15px;justify-content:flex-start}.card-button-grid .buy-buttons{grid-column:1 / span 3}@media screen and (max-width: 867px){.container{padding:1em}.card{font-size:.95rem;grid-template-areas:"image title" "content content";column-gap:25px}.edit-buttons{position:relative;top:-10px;left:10px}.card-title h2{align-self:flex-start}}.filters-box{margin:1.5em 0}.qr-scroll{position:relative;scroll-snap-type:x mandatory;display:flex;overflow:scroll;width:min(216px + 2em,90vw + 2em)}.qr-viewer{scroll-snap-align:start;padding:1em}.qr-viewer img{width:min(216px,90vw);margin-bottom:1em}.navbar{position:fixed;z-index:3;width:100vw;margin:0;--bg-color-navbar: #121250;background-color:var(--bg-color-navbar);text-align:left;display:grid;justify-content:space-between;align-items:stretch;grid-template-columns:auto auto;grid-template-areas:"brand button" "menu menu"}.navbar .navbar-brand{grid-area:brand;padding:15px;box-sizing:border-box}.navbar .navbar-scan{height:100%;padding:15px;box-sizing:border-box}.navbar .menu-container{grid-area:menu;display:grid;transition:grid-template-rows .2s;grid-template-rows:0fr}.navbar.open .menu-container{grid-template-rows:1fr}.navbar .menu{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.navbar .menu-button{grid-area:button;display:flex;align-items:center;gap:10px;margin-right:15px}.navbar .menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch}.navbar a{display:inline-block;width:100%;padding:0 30px}.navbar a:hover,a.active{background-color:#050530}.navbar .nav-text{display:inline-block;margin-left:12px}.navbar img{max-height:50px}@media screen and (width >= 867px){.navbar{min-height:5rem;justify-content:stretch;grid-template-columns:min-content auto;grid-template-areas:"brand menu"}.navbar .menu-container{display:block}.navbar .menu,.navbar .menu ul{flex-direction:row}.navbar a{width:auto;height:100%;display:grid;place-items:center}.navbar .nav-text,.navbar .menu-button{display:none}}@media screen and (width >= 1200px){.navbar .nav-text{display:inline-block}}
