@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);body{text-shadow:none!important}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:icons;src:url("../fonts/icons/icons.eot");src:url("../fonts/icons/icons.eot?#iefix") format("eot"),url("../fonts/icons/icons.woff") format("woff"),url("../fonts/icons/icons.ttf") format("truetype"),url("../fonts/icons/icons.svg#icons") format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{display:inline-block;font-family:icons;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1}.icon-cat:before{content:"\F101"}.icon-dog:before{content:"\F102"}.icon-horse:before{content:"\F103"}.icon-origen:before{content:"\F104"}h1,h2,p{font-weight:400;margin:0}p{color:#bdbdbd;font-family:suisseSans;font-size:24px;font-size:1.5rem}p.bold{color:#4c4c4c;font-family:suisseSans-Bold;font-weight:700}::-webkit-input-placeholder,input{color:#e4e4e4;font-family:suisseSans-Bold;font-size:72px;font-size:4.5rem;font-weight:700}::-moz-placeholder,input{color:#e4e4e4;font-family:suisseSans-Bold;font-size:72px;font-size:4.5rem;font-weight:700}::-ms-input-placeholder,input{color:#e4e4e4;font-family:suisseSans-Bold;font-size:72px;font-size:4.5rem;font-weight:700}::placeholder,input{color:#e4e4e4;font-family:suisseSans-Bold;font-size:72px;font-size:4.5rem;font-weight:700}@media (max-width:768px){p{font-size:20px;font-size:1.25rem}::-webkit-input-placeholder,input{font-size:40px;font-size:2.5rem;line-height:40px;line-height:2.5rem}::-moz-placeholder,input{font-size:40px;font-size:2.5rem;line-height:40px;line-height:2.5rem}::-ms-input-placeholder,input{font-size:40px;font-size:2.5rem;line-height:40px;line-height:2.5rem}::placeholder,input{font-size:40px;font-size:2.5rem;line-height:40px;line-height:2.5rem}}.main-container{background-color:#fff}.root-wrapper{margin:0 auto;max-width:1200px;width:100%}.sandbox{padding:30px}.container{display:-webkit-box;display:-ms-flexbox;display:flex}.half-container{width:50%}.image-dropper{height:400px;max-width:543px;overflow:hidden;z-index:-1}.image-dropper,.image-dropper #clone{position:absolute}@media (max-width:768px){.container,header{padding:0 32px}}header{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;margin:0 auto;max-width:1264px;padding:0 32px;width:100%}header .icon-logo{font-size:52px;font-size:3.25rem}@media (max-width:768px){header{height:80px;margin:0;padding:0 32px}}footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#000;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;position:absolute;-webkit-transition:bottom .2s ease-in-out;transition:bottom .2s ease-in-out;width:100%}footer.disabled{bottom:-115px}footer a{cursor:pointer;font-family:suisseSans}footer .container{-webkit-box-flex:1;-ms-flex:1;flex:1 1}footer .container .input-wrapper{display:block}footer .container .input-wrapper input,footer .container .send-wrapper .button{display:none}footer .container .input-wrapper input{background-color:transparent;border:0;border-bottom:1px solid;font-family:suisseSans;font-size:20px;font-size:1.25rem;width:100%}footer .container .input-wrapper input::-webkit-input-placeholder{font-family:suisseSans;font-size:20px;font-size:1.25rem}footer .container .input-wrapper input::-moz-placeholder{font-family:suisseSans;font-size:20px;font-size:1.25rem}footer .container .input-wrapper input::-ms-input-placeholder{font-family:suisseSans;font-size:20px;font-size:1.25rem}footer .container .input-wrapper input::placeholder{font-family:suisseSans;font-size:20px;font-size:1.25rem}footer .container .component-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}footer .container .buttons-wrapper{width:278px}footer .container .button,footer .container .buttons-wrapper a{color:#fff;margin-right:24px;opacity:.4;text-decoration:none}footer .container .button{border:1px solid;padding:18px;text-align:center;width:270px}@media (max-width:768px){.button,.buttons-wrapper{display:none}footer{height:114px}footer .container .input-wrapper,footer .container .send-wrapper .button{display:block}footer .container .input-wrapper{opacity:1}footer .container .input-wrapper input{display:block;outline:none;width:90%}footer .container .right-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}footer .container .right-container .send-wrapper{width:90%}footer .container .right-container .send-wrapper a{opacity:.8;width:100%}}.radio-picker{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:50px}.radio-picker .radio-replacer{cursor:pointer;margin-right:16px}.radio-picker .radio-replacer .border{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #979797;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:75px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .48s ease-in-out;transition:background-color .48s ease-in-out;width:75px}.radio-picker .radio-replacer .border:not(.active):hover{background-color:hsla(0,0%,85%,.24);-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}.radio-picker .radio-replacer .border:not(.active):hover i{opacity:.9}.radio-picker .radio-replacer .border i{color:#000;font-size:45px;font-size:2.8125rem;opacity:.5;-webkit-transition:opacity .48s ease-in-out;transition:opacity .48s ease-in-out}.radio-picker input{display:none}.radio-picker .animal-wrapper .active i{opacity:.6}.radio-picker .animal-wrapper .active.dog{background-color:#ff7e5b;border-color:#ff7e5b}.radio-picker .animal-wrapper .active.cat{background-color:#ffbf80;border-color:#ffbf80}.radio-picker .animal-wrapper .active.horse{background-color:#f2d753;border-color:#f2d753}.square{height:135px;margin-top:45px;position:relative;width:100%}.box{background-color:#a8d9d6;height:100%;width:100%}.box.dog{background-color:#ff7e5b}.box.cat{background-color:#ffbf80}.box.horse{background-color:#f2d753}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .24s ease-in-out;transition:opacity .24s ease-in-out}.fade-enter,.fade-leave-to{opacity:0}@media (max-width:767px){.square{height:105px;margin-top:35px}.radio-picker{margin-bottom:20px}}.matrix .wrapper{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;height:225px}.matrix .wrapper,.matrix .wrapper .col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.matrix .wrapper .col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;height:100%;max-width:100px;width:100%}.matrix .wrapper .cell{height:20%;opacity:0;-webkit-transition:opacity .16s ease-in-out;transition:opacity .16s ease-in-out;width:100%}.matrix .wrapper .cell.active{background-color:#000;opacity:1}.matrix .wrapper .col:nth-of-type(3){max-width:90px}@media (max-width:767px){.matrix .wrapper{height:175px}}.logo-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:543px;position:relative;width:100%}.logo-wrapper,.logo-wrapper .components-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.logo-wrapper .cell{fill:#000;opacity:0;stroke:#000}.logo-wrapper .dog{fill:#ff7e5b}.logo-wrapper .horse{fill:#f2d753}.logo-wrapper .cat{fill:#ffbf80}.logo-generator{width:100%}.logo-generator .input-reader-container{max-width:290px;width:54%}.logo-generator .animal-picker-container{max-width:246px;width:46%}.logo-generator .icon-origen{font-size:4.3vw;margin-top:40px;max-width:250px}.logo-generator .input-wrapper{bottom:-15px;margin-top:5px;position:absolute}.logo-generator .input-wrapper input{background-color:transparent;border:0;font-size:4.8vw;max-width:100%;-webkit-transition:color .48s ease-in-out;transition:color .48s ease-in-out}.logo-generator .input-wrapper input.dog{color:#ff7e5b}.logo-generator .input-wrapper input.horse{color:#f2d753}.logo-generator .input-wrapper input.cat{color:#ffbf80}.logo-generator .input-wrapper input:focus{outline:none}.logo-generator polygon.dog{fill:#ff7e5b}.logo-generator polygon.cat{fill:#ffbf80}.logo-generator polygon.horse{fill:#f2d753}@media (min-width:1200px){.logo-generator .icon-origen{font-size:50px;font-size:3.125rem}.logo-generator .input-wrapper input{font-size:56px;font-size:3.5rem}}@media (max-width:1199px){.logo-generator .input-wrapper .text-input::-webkit-input-placeholder{font-size:5.5vw}.logo-generator .input-wrapper .text-input::-moz-placeholder{font-size:5.5vw}.logo-generator .input-wrapper .text-input::-ms-input-placeholder{font-size:5.5vw}.logo-generator .input-wrapper .text-input::placeholder{font-size:5.5vw}}@media (max-width:768px){.logo-generator .icon-origen{font-size:56px;font-size:3.5rem}.logo-generator .input-wrapper input{font-size:62px;font-size:3.875rem}}@media (max-width:610px){.logo-generator .icon-origen{font-size:9.2vw}.logo-generator .input-wrapper input{font-size:10.2vw}.logo-generator .input-wrapper input ::-webkit-input-placeholder{font-size:7vw}.logo-generator .input-wrapper input ::-moz-placeholder{font-size:7vw}.logo-generator .input-wrapper input ::-ms-input-placeholder{font-size:7vw}.logo-generator .input-wrapper input ::placeholder{font-size:7vw}}.brand-generator-page main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;position:relative}.brand-generator-page .logo-generator-container{padding:50px 100px}.brand-generator-page .logo-generator-container .bold{margin-bottom:5px}.brand-generator-page .logo-generator-container .component-wrapper{position:relative}.brand-generator-page .logo-generator-container .logo-generator{margin-top:0;-webkit-transition:margin-top .2s ease-in-out;transition:margin-top .2s ease-in-out}.brand-generator-page .logo-generator-container .logo-generator .text-input{display:block}.brand-generator-page .logo-generator-container .disabled{margin-top:100px}.brand-generator-page .logo-generator-container .disabled .text-input{display:none}.brand-generator-page .text-wrapper{max-width:366px}.brand-generator-page .root-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1 1}@media (max-width:768px){.brand-generator-page main{height:auto;min-height:100vh}.brand-generator-page .root-wrapper{margin-bottom:25px}.brand-generator-page .logo-generator-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px 32px}.brand-generator-page .logo-generator-container .half-container{width:100%}.brand-generator-page .logo-generator-container .component-wrapper{padding-bottom:100px}.brand-generator-page .logo-generator-container .logo-generator{margin-top:50px;position:relative;-webkit-transition:margin-top .2s ease-in-out;transition:margin-top .2s ease-in-out}.brand-generator-page .logo-generator-container .logo-generator .text-input{display:block}.brand-generator-page .logo-generator-container .disabled{margin-top:150px;top:0}.brand-generator-page .logo-generator-container .disabled .text-input{display:none}}@font-face{font-family:suisseSans;src:url("/fonts/suisse/SuisseSans.eot");src:url("/fonts/suisse/SuisseSans.eot?#iefix") format("embedded-opentype"),url("/fonts/suisse/SuisseSans.woff") format("woff"),url("/fonts/suisse/SuisseSans.ttf") format("truetype"),url("/fonts/suisse/SuisseSans.svg#8e4ac6878de559e681f53263f7ebda33") format("svg");font-style:normal;font-weight:700}@font-face{font-family:suisseSans-Bold;src:url("/fonts/suisse/SuisseSans-Bold.eot");src:url("/fonts/suisse/SuisseSans-Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/suisse/SuisseSans-Bold.woff") format("woff"),url("/fonts/suisse/SuisseSans-Bold.ttf") format("truetype"),url("/fonts/suisse/SuisseSans-Bold.svg#8e4ac6878de559e681f53263f7ebda33") format("svg");font-style:normal;font-weight:700}
/*# sourceMappingURL=app.css.map*/