.server-test{position:absolute;top:.2em;left:.8em;color:#fff}nav{width:100vw;height:40px;display:flex;justify-content:center;align-items:center;background:#008bdb;position:fixed;bottom:0;left:0;box-shadow:0 -4px 6px 0 rgba(0,0,0,.2);z-index:950}nav.at-top{top:0}.nav-spacer{height:0}nav ul{display:flex;align-items:center}nav ul li{list-style-type:none;margin:0 1em;color:#fff;cursor:pointer}nav ul li a{text-decoration:none;color:#fff}.settings{padding-top:.2em;display:flex;align-items:center}.settings span{position:absolute;top:50%;transform:translateY(-50%);right:1em;margin:auto;color:#fff;font-size:18px}nav .material-icons.add-members,nav .material-icons.members{font-size:30px}nav .material-icons.lists{font-size:26px}.modal-lightbox{z-index:1000;position:fixed;top:0;left:-100vw;width:100%;height:100%;background:rgba(0,0,0,.2);opacity:0;transition:left .25s ease,opacity .35s ease}.modal-lightbox.show{left:0;opacity:1;transition:opacity .55s ease}.modal-wrap{z-index:1001;width:60vw;max-width:80vw;background:#00c800;padding:1.3em 1em;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(220,220,255,.9);box-shadow:0 0 12px 0 rgba(0,240,0,.1);opacity:0;position:fixed;bottom:-400px;left:0;right:0;margin:0 auto;transition:bottom .7s ease,opacity .8s ease,transform 1.2s ease}.modal-wrap.show{opacity:1;bottom:4em;transition:bottom .4s ease,opacity .8s ease}.modal-wrap.success{background:rgba(230,255,230,.8);box-shadow:0 0 20px 0 rgba(0,240,0,.3);border:1px solid rgba(0,240,0,.8)}.modal-wrap.error{background:rgba(255,220,220,.9);box-shadow:0 0 12px 0 rgba(240,0,0,.5);border:1px solid rgba(240,0,0,.3)}.modal-wrap.general{background:hsla(0,0%,100%,.9);box-shadow:0 0 12px 0 rgba(122,204,252,.8);border:1px solid rgba(0,0,255,.5)}.modal-heading{margin-top:1.2em;margin-bottom:1.2em}.modal-heading.less-margin{margin:.5em 0}.modal-body{margin-bottom:1.8em}.modal-body.body-margin-less{margin-bottom:.8em}.btn.modal-btn{background-color:hsla(0,0%,100%,.8);color:rgba(0,0,0,.8)}.btn.modal-btn.cancel{margin-right:1em}.btn.modal-btn.confirm{margin-left:1em}.modal-input{text-align:center;margin-bottom:2em}.modal-input.input-error{color:#dc0000;border-bottom:1px solid #dc0000}.toast-wrap{z-index:1000;width:60vw;max-width:80vw;position:fixed;bottom:-150px;left:0;right:0;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#e6e6e6;border-radius:5px;padding:1.3em 1em;opacity:0;transition:opacity .3s ease,bottom .25s ease}.toast-wrap.show{bottom:4em;opacity:1;transition:opacity .45s ease,bottom .35s ease}.toast-wrap.success{background:rgba(220,255,220,.95)}.toast-wrap.error{background:rgba(255,200,200,.9)}.toast-heading{margin-bottom:0}.toast-body{text-align:center;padding:0 1em}.landscape-wrap{position:relative}.shoplist-logo{margin-top:-7em;max-width:10vw}.help-wrap{position:fixed;bottom:1em;right:1em;border:1px solid #fff;border-radius:50%;padding:.5em;display:flex;align-items:center;justify-content:center}.help-wrap .material-icons.help{font-size:32px}.help-info-wrap{opacity:0;transition:opacity .45s ease}.help-info-wrap.show{opacity:1;transition:opacity .45s ease}.help-info{position:fixed;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;width:60vw;padding:2em 1em;border-radius:5px;background:#fff;color:#000}.help-info p{font-size:14px}.btn.close-help{margin-top:2em;font-size:14px}@-webkit-keyframes fade-pages-in{0%{opacity:0}20%{opacity:0}to{opacity:1}}@keyframes fade-pages-in{0%{opacity:0}20%{opacity:0}to{opacity:1}}.pages{-webkit-animation:fade-pages-in .6s ease;animation:fade-pages-in .6s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Cabin,sans-serif;font-size:16px;outline:none;max-width:100%}.btn{padding:.6em 1.2em;border:none;box-shadow:-2px 2px 4px 0 rgba(0,0,0,.15);background:hsla(0,0%,100%,.9);border-radius:3px;background:#00a2ff;color:#fff}input{background:transparent;border:none;border-bottom:1px solid #00a2ff;padding-bottom:.2em;font-size:14px}.input-heading{margin-bottom:.4em;color:#00a2ff;font-weight:600;font-size:18px}input[type=checkbox]{width:18px;height:18px}@media (orientation:landscape){.rotate-container{width:100vw;height:100vh;color:#fff;background:#0096f0;display:flex;justify-content:center;align-items:center;text-align:center}.landscape h1{font-size:50px;color:#fff}}.redirect-to-home{text-align:center}.redirect-to-home a{color:#0096f0;text-decoration:none}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.add-item-wrap{display:grid;grid-template-columns:1fr 2fr;align-items:center;padding:1em 2em 1.5em 2em;-moz-column-gap:1.5em;column-gap:1.5em;row-gap:.6em;background:#fff;-webkit-animation:fade-in 1s ease;animation:fade-in 1s ease}.add-item-btn-wrap{width:100%;display:flex;justify-content:center;grid-column:1/span 2;z-index:999;margin-top:.6em}.add-item-heading{margin-top:.6em;font-size:16px}.input-heading.error{color:#dc0000}.input-item-name.error{border-bottom:1px solid #dc0000}.single-item-wrap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.single-item-grid,.single-item-grid-no-edit{width:100%;display:grid;grid-template-columns:.2fr .2fr .3fr .25fr .2fr;align-items:center;justify-items:center;padding:0 .5em;padding-left:.1em;text-align:center}.single-item-grid-no-edit{grid-template-columns:.3fr .4fr .28fr .3fr}.delete-single-item{color:#dc0000}.delete-single-item .material-icons{font-size:28px}.qty-adjust{color:#00a2ff}.qty-adjust.minus{margin-right:.3em}.qty-adjust.plus{margin-left:.3em}.mark-done{text-decoration:line-through;color:#8c8c8c}.item-list-fixed{position:fixed;top:0;width:100%;background:#fff;z-index:900}.list-info{display:flex;justify-content:space-around;padding:.5em 1em;background:#005f9b;color:#fff}.add-item-activate{cursor:pointer;width:100%;background:#00446b;text-align:center;padding:.3em 0;color:#fff;font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;position:relative}.add-item-activate .material-icons.handle{position:absolute;right:.2em;transition:transform .35s ease;font-size:36px}.add-item-activate .material-icons.handle.open{transform:rotate(180deg);transition:transform .35s ease}.items-wrapper{margin-top:1.2em;padding-bottom:6em}.items-wrapper.no-items{text-align:center}@-webkit-keyframes fade-in-list{0%{opacity:0}to{opacity:1}}@keyframes fade-in-list{0%{opacity:0}to{opacity:1}}.items-wrapper.shift-down,.items-wrapper.shift-up{-webkit-animation:fade-in-list .8s ease;animation:fade-in-list .8s ease}.single-item-wrap{margin-bottom:.4em}.list-item-headings,.list-item-headings-no-edit{width:100%;display:grid;grid-template-columns:.2fr .2fr .3fr .25fr .2fr;align-items:center;justify-items:center;padding:0 .5em;padding-left:.1em;text-align:center;background:#0096f0;padding:.6em 0;color:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.2)}.list-item-headings.no-edit{grid-template-columns:.3fr .4fr .28fr .3fr}.heading-price-item{margin-left:-.65em;display:flex;flex-direction:column}.subtext{font-size:12px}.heading-got-it-item{margin-left:-.9em}.clear-list{display:flex;justify-content:center}.btn-clear-list{margin-bottom:4em}.get-list-info-wrap{position:fixed;bottom:52px;right:1em;height:30px;width:30px;display:flex;justify-content:center;align-items:center;background:transparent}.material-icons.get-list-info{color:#0096f0;font-size:24px}.register-wrap{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-main-heading{text-align:center;margin-bottom:2em;color:#00a2ff}.register-wrap h2{font-size:28px;margin-top:1em}.register-main-heading .heading-sub{font-size:12px}@-webkit-keyframes fade-options{0%{opacity:0}to{opacity:1}}@keyframes fade-options{0%{opacity:0}to{opacity:1}}.register.input-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:color .15s}.register.input-heading.error{color:#dc0000;transition:color .25s}.register.input-heading .subtext{font-size:12px}.register-options{display:flex;align-items:flex-start;-webkit-animation:fade-options .55s ease;animation:fade-options .55s ease}.register-options .input-heading{font-size:14px;text-align:center;margin-right:1em}.register-options .register-input{width:auto;margin-top:.2em}.register-input{transition:color .15s;margin-bottom:2em;width:200px;text-align:center}.register-input.error{border-bottom:1px solid #dc0000;color:#dc0000;transition:color .25s}.register-error-wrap{text-align:center;color:#dc0000;padding:0 1em}.register-error-register{color:#282828}.register-error-login{margin-bottom:1em}.register-error-login a{text-decoration:none;color:#00a2ff}.register-btn{margin-bottom:5em;margin-top:1em}.shoplist-logo.register{margin-top:60px;max-width:20vw}.logo-wording.register{margin-bottom:0}.login-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0;margin-top:100px}.login-input,.register-input{margin-bottom:2.5em;width:200px;text-align:center}.login-btn{margin-top:.5em;margin-bottom:2em}.login-error-wrap{text-align:center;color:#dc0000;padding:0 1em}.login-error-register{color:#282828}.login-error-register a{text-decoration:none;color:#00a2ff}.shoplist-logo.login{max-width:20vw;margin-top:0}.logo-wording,.logo-wording span{font-size:30px;margin-bottom:2em}.logo-wording span{color:#0096f0}.forgot-password-link{color:#0096f0;text-decoration:none}.list-setup-wrap{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1.5em}.welcome{margin:1em 0;margin-top:4em;color:#00a2ff}.list-setup.input-heading{margin-top:2em}.list-setup-input{margin-bottom:2.5em;width:200px;text-align:center}.list-setup-btn{margin-top:1.5em;margin-bottom:5em}.lists-wrap{width:100%}.my-list{margin-top:1.5em;margin-bottom:1.5em;padding-left:1em}.my-list-name{color:#008bdb;padding-left:.5em;margin-top:.5em}.lists-hr{width:60vw;border:none;height:1px;background:#48bcff;padding-left:0}.member-of-lists{margin-top:1.5em;width:100%;padding-left:1em}.member-of-lists ul li{width:100%;display:flex;justify-content:left;align-items:center;margin-bottom:.8em}.member-of-lists h2{margin-bottom:1em}.member-list-name{color:#008bdb}.member-list-name,.owner-name{justify-self:left;padding:0 1em}.help-lists-wrap{position:fixed;bottom:52px;right:1em;height:30px;width:30px;display:flex;justify-content:center;align-items:center}.help-lists-wrap .material-icons.help-lists{color:#0096f0;font-size:24px}.member-wrap{width:100%}.register-member-link a{text-decoration:none;color:#00a2ff}.member-list-headings{text-align:center;background:#0096f0;padding:.6em 0;color:#fff;margin-bottom:.5em}.member-list,.member-list-headings{display:grid;grid-template-columns:.3fr 1.2fr .2fr .2fr;align-items:center;justify-items:center;width:100%;padding:.6em .5em}.member-list{padding:0 .5em}.delete-member{color:#dc0000}.no-members{text-align:center}.invite-friend-wrap{position:fixed;bottom:52px;left:0;right:0;margin:0 auto;text-align:center}.invite-friend-wrap a{color:#0096f0;text-decoration:none}.settings-wrap hr{width:60vw;margin:auto}.list-info.fixed{position:fixed;top:0;width:100%}.personal-details{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:2em}.personal-details-heading{grid-column:1/span 2;justify-self:center;margin:2em 0}.details{padding-left:2em}.details h4{margin-bottom:.3em}.inline-detail{display:flex;align-items:center;margin-bottom:1.5em}.material-icons.edit{color:#008bdb;font-size:22px}.list-details{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:5em;margin-bottom:2em}.list-name-heading{grid-column:1/span 2;margin-bottom:1em;justify-self:center}.list-details p{padding-left:2em}.pass-reset.link-wrap a{color:#0096f0}.pass-reset.link-wrap{margin-bottom:2em}.link-wrap{text-align:center;width:100%}.link-wrap a{color:#0096f0;text-decoration:none}.link-wrap.bug-report{margin-bottom:6em}.register-input.email-locked{color:#969696}.select-list-info{margin-top:1em;text-align:center;padding:0 4em}.inline-list-select{display:flex;align-items:center}.list-select-checkbox{margin-top:.5em}.btn-combine-lists-wrap{display:flex;justify-content:center}.btn-combine-lists{text-align:center;margin-top:3em;margin-bottom:4em}.select-all-checkbox{margin-top:.5em}.pass-reset-heading h2{font-size:28px;margin-bottom:1em;color:#00a2ff}.shoplist-logo.pass-reset{margin-top:0;margin-bottom:0;max-width:20vw}.pass-reset-input{transition:color .15s;margin-bottom:2em;width:200px;text-align:center}.pass-reset-input.error{border-bottom:1px solid #dc0000;color:#dc0000;transition:color .25s}.pass-update-wrap{margin-top:4em}.pass-update-content,.pass-update-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.no-token{text-align:center;padding:0 2em}.no-token a{color:#0096f0;text-decoration:none}.about-wrap{text-align:center;width:100%;padding:0 2em}.content.about{margin-top:5em}.list-info.about{width:100%;left:0}.features{justify-self:left;text-align:left;padding:0 1em;margin-bottom:2em}.features.planned{margin-bottom:5em}.features h4{margin-bottom:1em;color:#0096f0}.features li{margin-bottom:.5em}.features .indent{margin-left:1em}.bug-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:0 2em}.content.bug{margin-top:5em}.bug-msg{margin-top:1em;margin-bottom:2em;width:100%;height:150px}.donate-content{margin-top:4em;text-align:center;padding:0 2em}.suggestion-wrap{display:flex;width:100%;flex-direction:column;align-items:center;text-align:center;padding:0 2em}.content.suggest{margin-top:5em}.suggest-msg{margin-top:1em;margin-bottom:2em;width:100%;height:150px}.install-content{margin-top:5em;text-align:center;padding:0 2em}.install h4{color:#0096f0}.install ol,.install ul{text-align:left}.install li{margin-bottom:.8em;margin-left:1em}