body,html{margin:0;padding:0;font-family:sans-serif;height:100%;color:#1d1d1e;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}.fade-enter{opacity:0;z-index:1}.fade-exit{opacity:0}.fade-enter.fade-enter-active{opacity:1;-webkit-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in}a{text-decoration:none;color:#1d1d1e}html{overflow-y:scroll;-webkit-overflow-scrolling:touch}.has-overlay{overflow:hidden;height:auto}.has-overlay>body{height:100%;overflow:hidden}.modal--fade,.modal--show{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;width:0;height:0;overflow:hidden;opacity:0;display:none\9}.is-active.modal--fade,.is-active.modal--show,.modal--fade:target,.modal--show:target{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);width:auto;height:auto;opacity:1}.is-active.modal--fade,.is-active.modal--show{display:block\9;height:100%\9;width:100%\9}.is-active.modal--fade,.is-active.modal--show,.modal--fade:target,.modal--show:target{display:block\9}.modal--fade .modal-inner,.modal--show .modal-inner{position:absolute;top:60px;left:50%;z-index:20;margin-left:-325px;width:650px;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal--fade .modal-inner>iframe,.modal--fade .modal-inner>img,.modal--fade .modal-inner>video,.modal--show .modal-inner>iframe,.modal--show .modal-inner>img,.modal--show .modal-inner>video{width:100%;height:auto;min-height:300px}.modal--fade .modal-inner>img,.modal--show .modal-inner>img{width:auto;max-width:100%}.modal--fade .modal-inner iframe,.modal--show .modal-inner iframe{display:block;width:100%;border:0}.modal--fade .modal-content,.modal--show .modal-content{position:relative;max-height:400px;max-height:60vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal--fade .modal-content>*,.modal--show .modal-content>*{max-width:100%}.modal--fade .modal-close,.modal--show .modal-close{display:block;height:1px;clip:rect(0 0 0 0);margin:-1px;overflow:hidden}.modal--fade .modal-close:focus:after,.modal--show .modal-close:focus:after{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.modal--fade .modal-close:before,.modal--show .modal-close:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.modal--fade .modal-close:after,.modal--show .modal-close:after{position:absolute;top:35px;right:50%;z-index:20;margin-right:-325px}@media screen and (max-width:690px){.modal--fade .modal-inner,.modal--show .modal-inner{width:auto;left:20px;right:20px;margin-left:0}.modal--fade .modal-close:after,.modal--show .modal-close:after{margin-right:0!important;right:20px}}@media screen and (max-width:30em){.modal--fade,.modal--show{-webkit-transform:translateY(400px);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:opacity 1ms .25s;-o-transition:opacity 1ms .25s;transition:opacity 1ms .25s;display:block;right:auto;bottom:auto}.is-active.modal--fade,.is-active.modal--show,.modal--fade:target,.modal--show:target{width:100%;height:100%}.is-active.modal--fade .modal-close,.is-active.modal--show .modal-close,.modal--fade:target .modal-close,.modal--show:target .modal-close{display:block}.modal--fade .modal-inner,.modal--show .modal-inner{-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;right:0;height:100%;overflow:auto}.modal--fade .modal-content,.modal--show .modal-content{max-height:none;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.modal--fade .modal-close,.modal--show .modal-close{display:none;right:auto}.modal--fade .modal-close:before,.modal--show .modal-close:before{content:"";position:fixed;top:0;left:0;right:0;z-index:20}.modal--fade .modal-close:after,.modal--show .modal-close:after{top:5px!important;right:5px;left:auto;margin-left:0}}@media screen and (max-height:46em) and (min-width:30em){.modal--fade .modal-content,.modal--show .modal-content{max-height:340px;max-height:50vh}}@media screen and (max-height:36em) and (min-width:30em){.modal--fade .modal-content,.modal--show .modal-content{max-height:265px;max-height:40vh}}.is-stacked.modal--fade,.is-stacked.modal--show{-webkit-transform:translate(0) scale(1);-ms-transform:translate(0) scale(1);transform:translate(0) scale(1);opacity:1}.is-stacked.modal--fade .modal-inner,.is-stacked.modal--show .modal-inner{-webkit-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both}.is-stacked.modal--fade .modal-close,.is-stacked.modal--show .modal-close{opacity:0}@media screen and (max-width:30em){.is-stacked.modal--fade,.is-stacked.modal--show{-webkit-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both}.is-stacked.modal--fade .modal-inner,.is-stacked.modal--show .modal-inner{-webkit-animation:none;animation:none}.is-stacked.modal--fade .modal-close,.is-stacked.modal--show .modal-close{opacity:1}}@media screen and (min-width:30em){.modal--fade{-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}}.modal--fade,.modal--show{color:#222;line-height:1.3}.modal--fade .modal-inner,.modal--show .modal-inner{border-radius:2px;background:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,.6);box-shadow:0 0 30px rgba(0,0,0,.6);max-width:100%;-webkit-transition:max-width .25s linear,margin-left .125s linear;-o-transition:max-width .25s linear,margin-left .125s linear;transition:max-width .25s linear,margin-left .125s linear}.modal--fade header,.modal--show header{border-bottom:1px solid #ddd;padding:0 1.2em}.modal--fade header>h2,.modal--show header>h2{margin:.5em 0}.modal--fade .modal-content,.modal--show .modal-content{border-bottom:1px solid #ddd;padding:15px 1.2em}.modal--fade footer,.modal--show footer{border-top:1px solid #fff;padding:0 1.2em 18px;background:#f0f0f0;border-radius:2px}.modal--fade .modal-close,.modal--show .modal-close{text-indent:-100px}.modal--fade .modal-close:before,.modal--show .modal-close:before{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAEUlEQVQoz2NgeEYAjioYSQoAzOTmAXhPhyoAAAAASUVORK5CYII=")}.modal--fade .modal-close:after,.modal--show .modal-close:after{content:"\D7";background:#fff;border-radius:2px;padding:2px 8px;font-size:1.2em;text-decoration:none;text-indent:0}@media screen and (max-width:30em){.modal--fade .modal-close:before,.modal--show .modal-close:before{background:#27aae2;height:3em;-webkit-box-shadow:0 0 5px rgba(0,0,0,.6);box-shadow:0 0 5px rgba(0,0,0,.6)}.modal--fade .modal-inner,.modal--show .modal-inner{padding-top:3em;-webkit-box-shadow:none;box-shadow:none}.modal--fade .modal-close,.modal--show .modal-close{text-decoration:none}.modal--fade .modal-close:after,.modal--show .modal-close:after{content:attr(data-close);font-size:1em;padding:.5em 1em}}.App{text-align:center}.App-logo{height:40px;margin-bottom:10px}.App-header{background-color:#222;height:56px;padding-top:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}.user{padding:20px;text-align:center}.user .field{margin-bottom:20px}.user-list .search{height:6vw;width:25%;padding-top:1.5vw;-webkit-box-sizing:border-box;box-sizing:border-box}.brand-list .names{min-height:81vh;height:100%}.brand-list .name:hover{background:#d3d3d3;cursor:pointer}.brand-list .count{padding:1vw}.brand-item{padding:20px;text-align:center}.brand-item .field{margin-bottom:20px}.brand .search{height:6vw;width:25%;padding-top:1.5vw;-webkit-box-sizing:border-box;box-sizing:border-box}.brand .add-button{position:absolute;right:1vw;bottom:1vw}.add-user-modal{background:#fff;height:80%;width:40%;margin:auto;margin-top:3vw}.add-user-modal .content{padding:3vw;margin:auto;text-align:center}.add-user-modal .field{margin:.7vw}.main{background:#f5f5f5}.main .menu-icon{position:absolute;top:25px;left:10px;color:#fff;font-size:32px}.main .menu-icon:hover{cursor:pointer}.Login{margin-top:20px}.Login label{display:block;font-size:.8em;font-weight:700}.Login input{padding:5px;border-radius:1px;border:1px solid #e5e5e5;margin-top:3px;margin-bottom:10px}.Login-submit button{border:none;background-color:#fbe900;padding:10px 25px;color:#1e1e1e;cursor:pointer;opacity:1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.Login-submit button:hover{opacity:.8}.Login-error{padding:25px;color:#fff;background:red;margin-top:20px}
/*# sourceMappingURL=main.e4a477fe.css.map*/