:root{--color-primary:#f6f0f0;--color-secondary:#303c4c;--color-accent:#14a701;--color-items-container:#eaeaea4d;--color-items-container-packed:#eaeaea1a;--font-white:#fff;--color-add-btn:#0006}*,:after,:before{box-sizing:border-box}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#303c4c;background-color:var(--color-secondary);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}@media screen and (min-width:425px){body{background-image:url(/static/media/bgpickify-lg.87061ea1c2f1159de2e7.webp)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:auto;max-width:120rem}.nav{margin-left:1rem;position:fixed}@media screen and (min-width:1080px){.nav{margin-left:15rem}}.nav-bar__brand__name{color:#fff;color:var(--font-white);font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px #000}@media screen and (min-width:425px){.nav-bar__brand__name{color:#303c4c;color:var(--color-secondary);font-weight:900;text-shadow:2px 2px 4px grey}}@media screen and (min-width:1080px){.nav-bar__brand__name{font-size:4rem}}.nav-bar__brand__name .dot{color:#14a701}.form{margin-top:4rem;place-items:center;position:fixed;width:100%}.form__group{align-items:center;border:3px solid #0006;border:3px solid var(--color-add-btn);border-radius:10px 6px 6px 10px;display:grid;grid-template:auto/60fr 20fr 20fr;width:29rem}.form__input{background:none;border:#0000;color:#fff;font-size:1.5rem;font-weight:500;outline:#0000}.btn--add{background-color:#0006;background-color:var(--color-add-btn);color:#f6f0f0;color:var(--color-primary);height:100%;text-transform:uppercase}.btn--add:hover{background-color:#00000080}@media screen and (min-width:425px){.form__input{color:#000;font-size:2rem}.form__group{width:36rem}}@media screen and (min-width:1080px){.form__input{font-size:1.8rem;padding:.3rem}.width--1080{width:30rem}.form__group{background-color:#eaeaea4d;background-color:var(--color-items-container);width:50rem}.form{place-items:center;width:80%}.btn--add{font-size:2rem}}.box--shadow{box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030}.stats{color:#fff;font-size:1.2rem;padding-top:7.5rem;place-items:center;position:fixed;text-align:center;width:100%}@media screen and (min-width:425px){.stats{color:#000;font-weight:500}.stats-text{background-color:#0006;background-color:var(--color-add-btn);border-radius:5px;color:#fff;padding:.1rem .5rem;text-transform:capitalize;width:fit-content}}@media screen and (min-width:1080px){.stats{font-size:1.8rem;font-weight:500;padding-right:20%;padding-top:8.5rem}}.current-stats{padding:0 5px}.bg--success{background-color:#14a701}.bg--danger{background-color:#d9534f}.sort-container{margin-top:9.5rem;position:fixed;width:100%}@media screen and (min-width:720px){.sort-container{margin-top:10rem}}.sort-clear{display:flex;flex-direction:row;justify-content:space-between;margin:0 1rem}@media screen and (min-width:768px){.sort-clear{justify-content:space-around}}@media screen and (min-width:1080px){.sort-clear{justify-content:space-around;margin-right:23%}}.select{border-radius:3px;cursor:pointer;font-weight:600;outline:#0000}.btn--clear,.select{background-color:#0006;background-color:var(--color-add-btn);color:#fff}.btn--clear{width:8rem}.items-container{padding-top:12rem;place-items:center}.packed{background-color:#eaeaea1a;background-color:var(--color-items-container-packed)}.unPacked{background-color:#eaeaea4d;background-color:var(--color-items-container)}.item{align-items:center;border-radius:3px;display:grid;grid-template:auto/70fr 30fr;justify-content:space-between;margin:1rem;min-width:30rem;padding:.5rem;white-space:nowrap}.item:hover{outline:.2rem solid #0006;outline:.2rem solid var(--color-add-btn);transform:scale(1.01)}.item{transition:transform .2s ease-in-out;transition:outline .1s ease-in-out}@media screen and (min-width:425px){.item{width:410px}}.item__title{color:#f6f0f0;color:var(--color-primary);display:inline-block;font-size:2rem;font-weight:700;overflow:hidden}@media screen and (min-width:425px){.item__title{color:#000}}.btn{border:none;border-radius:3px;cursor:pointer;font-weight:700;padding:.5rem}.btn--delete{background-color:#d9534f;color:#fff;margin:0 .5rem 0 0}.btn--packed{background-color:#5cb85c;color:#fff;width:6rem}.btn--unPacked{background-color:#eaeaea4d;background-color:var(--color-items-container);color:#fff;width:6rem}
/*# sourceMappingURL=main.32f78c0f.css.map*/