.header-bg{display:flex;align-items:center;justify-content:space-between;height:fit-content;padding:20px;overflow:hidden;background-color:color-mix(in srgb,var(--theme-background-primary) 40%,transparent);margin-bottom:20px}.header{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.header{flex-direction:column}}.header-logo{cursor:pointer;width:250px}.account-button{background-color:var(--theme-stronger);border-radius:20px;padding:10px;gap:10px}.account-button:hover{background-color:var(--theme-stronger);color:var(--theme-text-primary);opacity:.86}.logout-button{background-color:#f003;color:red}.logout-button:hover{background-color:#f003;color:red;opacity:.86}.header-buttons,.header-input{display:flex;align-items:center;justify-content:center;gap:10px}.header-input input{padding:10px;border:1px solid var(--theme-background-secondary);background-color:var(--theme-background-primary);color:var(--theme-text-primary);border-radius:5px;width:100%}.grid-container{display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(7,1fr);width:fit-content;margin:auto}.card{display:flex;justify-content:center;align-items:center;color:var(--theme-text-primary);border:2px solid var(--theme-background-secondary);background-color:var(--theme-background-primary);width:64px;height:64px;font-size:1.5rem;cursor:pointer;transition:all .1s ease-in-out}.card:hover{border:2px solid var(--theme-text-primary)}.card:active{cursor:grabbing}.card.empty,.card.empty:active{cursor:default}.card.empty:hover{cursor:default;border:2px solid var(--theme-background-secondary)}@media (max-width: 768px){.card{width:48px;height:48px;font-size:1.25rem}}.backpack-buttons{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:.5rem}.loader-center{display:flex;justify-content:center;align-items:center}.hidden-card{display:none}.card-icon{width:64px;height:64px;background-size:cover}@media (max-width: 768px){.card-icon{width:48px;height:48px}}.collectible-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;object-fit:cover}.collectible-container-inside{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px}.collectible-container-inside img{max-width:450px}@media (max-width: 1200px){.collectible-container-inside img{width:100%;height:100%;object-fit:cover}}.copy-button{gap:10px}.listing-delete{background-color:#f006!important;color:var(--theme-text-primary)!important}.collectible-buttons{display:flex;justify-content:center;align-items:center;gap:10px}.backpack-container{display:flex;justify-content:space-evenly;align-items:center;height:500px}@media (max-width: 1200px){.backpack-container{flex-direction:column;height:fit-content}}.profile{position:fixed;max-width:fit-content;top:250px;right:15px}@media (max-width: 1600px){.profile{position:relative;top:0;right:0;margin:15px auto 0}}@media (max-width: 800px){.profile{max-width:none;width:100%}}.profile-inside{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:10px}.profile-details{display:flex;flex-direction:column;justify-content:center;padding:10px;gap:10px}.credits{color:#feee5e}.box-inside{display:flex;flex-direction:column;justify-content:center;padding:15px;gap:10px}.backpack{display:flex;flex-direction:column;justify-content:center;align-items:center}.backpack-box{width:65%;padding:15px;gap:10px}@media (max-width: 900px){.backpack-box{width:100%}}.box-text,.box-input{display:flex;flex-direction:column;justify-content:center;gap:10px}.box-input div{display:flex;align-items:center}.box-input div img{margin-right:10px}.box-input div input{padding:10px;border:1px solid var(--theme-background-secondary);background-color:var(--theme-background-primary);color:var(--theme-text-primary);border-radius:5px;width:100%}.lds-dual-ring{position:relative;width:80px;height:80px}.lds-dual-ring.small{width:20px;height:20px}.lds-dual-ring.small:after{width:20px;height:20px;margin:0 auto;border-width:2px;padding:0}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:auto;border-radius:50%;border:6px solid var(--theme-stronger);border-color:var(--theme-strong) transparent var(--theme-strong) transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.listing-body{display:flex;flex-direction:column;gap:1rem}.listing-body input{width:100%;padding:.5rem;border-radius:.5rem;border:none;outline:none;font-size:1rem;background-color:var(--theme-background-secondary);color:var(--theme-text-primary)}.listing-body input.outline-red{border:1px solid var(--theme-accent-primary)}button:disabled{opacity:.5;cursor:not-allowed}.purchase-body{display:flex;align-items:center;gap:15px}.layout{min-height:100vh}body{overflow:hidden}