body{margin:0;font-family:arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.grecaptcha-badge{visibility:hidden!important}.votes svg{height:1.7em;width:auto}.votes .pages a{cursor:pointer;color:#aeaeae}.votes .pages a.selected{color:initial;font-weight:500}.votes ol,.votes ul{padding-left:0;margin-left:0;list-style-type:none}.votes li{text-align:left}.ranking{position:relative;overflow-y:visible;background-color:#f8f8f8}.ranking .clickable{cursor:pointer}.ranking h1{font-size:1.8em;font-weight:700}.ranking .product-link{text-decoration:none;color:initial}.ranking .img-wrapper{justify-content:center;align-items:center;display:flex;height:200px;overflow:hidden}@media (min-width:768px){.ranking .img-wrapper{height:250px}}.ranking .img-wrapper.default{background-color:#f3f3f3}.ranking .model-title{font-size:1.25em;font-weight:700}.ranking .rank-info{color:#717171;font-size:.9em}.ranking .vote-now{text-decoration:underline;font-style:italic;cursor:pointer;color:initial}.ranking.ranking-subtitle{font-weight:500}.ranking .name-title{margin-left:1em}@media (max-width:576px){.ranking .name-title{font-size:12px}}.ranking .table{border-collapse:initial;border-spacing:15px}.ranking .table .custom-width{width:unset}.ranking .table td,.ranking .table th{background-color:#fff}.ranking .table .h6{font-size:1rem}.ranking .table .table-rows{vertical-align:middle}@media (max-width:576px){.ranking .table{border-spacing:3px;padding:0 11px}.ranking .table .table-title{font-size:.7rem}.ranking .table .custom-width{width:100%}.ranking .table .h2,.ranking .table .name-title,.ranking .table td{font-size:.8rem}.ranking .table .h6{font-size:.8rem;font-weight:600!important;width:100%}}.rank-icon{position:relative}.rank-icon.rank-icon-image{width:38px;height:auto}@media (max-width:576px){.rank-icon.rank-icon-image{width:24px;height:auto}}.rank-icon.rank-icon-text{font-weight:700;color:#f3f3f3;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-8px}@media (max-width:576px){.rank-icon.rank-icon-text{margin-top:-4px}}.card-img-top{width:175px;height:135px;object-fit:cover;object-position:center center}@media (max-width:576px){.card-img-top{width:60px;height:auto;object-fit:cover;object-position:center center;object-fit:scale-down;max-width:60px}}@media (max-width:576px){.card p{font-size:12px}.card .h1{font-size:18px}.card .h2{font-size:16px}.card .h3,.card .h4{font-size:14px}.card .h5{font-size:13px}.card .h6{font-size:12px}}@media (max-width:576px){.h2{font-size:16px}}.votes .votes-btn{background-color:#e5e5e5}.greeting{background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 5px 1px #eaeaea;border:1px solid #e4e4e4;position:fixed;bottom:65px;font-size:15px;text-align:right;opacity:1;transition:opacity 3s ease}@media (max-width:576px){.greeting{font-size:12px}}.greeting.hide{display:none}.greeting.show{opacity:1;display:block;transition:opacity 3s ease}.hide-greeting-button{cursor:pointer;border:none;background:transparent;padding:0}.rank-button{color:#fff!important;font-weight:700;background-color:#058bca;padding:10px 15px;border-radius:15px;text-decoration:none;position:fixed;font-size:1.1em;z-index:10;bottom:15px}@media (max-width:576px){.rank-button{font-size:.9em}}.modal .modal-content{background-color:#e4e4e4}.modal .btn{border:none}.modal input[type=text]::-webkit-input-placeholder{font-size:1em}.modal input[type=text]::placeholder{font-size:1em}.modal .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.modal .inputfile+label{display:block;border-radius:6px;cursor:pointer}.modal label{cursor:pointer}.modal svg{height:4em;width:4em}.modal .error{text-align:center;font-size:.7em;color:red}.loading{top:0;left:0;width:100%;height:100%;position:fixed;z-index:20}.loading svg{width:2em}.review{min-height:calc(100vh - 100px);position:relative}.review .item{display:flex;align-items:center;position:relative;margin-bottom:.5em;min-height:40px}.review .item .rank{border-radius:50%;border:1px solid #c7c7c7;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.review .item .rank.selected{border:none;background-color:#717171;color:#fff}.review .item.open .rank{top:2px}.review .item .info{margin-left:12px;text-align:left;display:flex;width:calc(100% - 47px)}.review .item .info input.brand{flex:1 1}.review .item .info input.model{flex:3 1}.review .error{font-weight:700}.next{position:absolute;right:0;bottom:0}.next .next-btn-wrap{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.next .next-btn-wrap .error{text-align:right;display:flex;align-items:center;color:#cf0505}.next .next-btn-wrap .next-btn{background-color:#717171;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.next .next-btn-wrap .next-btn svg{width:100%;height:100%;fill:#fff;z-index:10}.thankyou img.hero{height:200px;width:100%;object-fit:cover;object-position:center}@media (min-width:375px){.thankyou img.hero{height:300px}}.thankyou .power-by{font-weight:700;display:flex;justify-content:center;align-items:flex-end}.thankyou .power-by img{height:2em}.thankyou .submitted{text-align:center;display:flex;justify-content:center;align-items:center}.thankyou .submitted svg{width:1.5em;height:auto}.thankyou .btn-secondary{background-color:#b9b9b9;border:none;border-radius:20px}.shoe .btn-emoji{width:100%;border-radius:30px;background-color:#b9c3cc;color:#fff}.shoe .btn-emoji:focus{box-shadow:none}.shoe .emojis{display:flex;flex-wrap:wrap;font-size:1.5em;justify-content:center}.shoe .title{font-size:1.25em;font-weight:700}.shoe ul{color:#717171;list-style:none;padding:0;margin:0;font-size:.9em}.shoe .submit-btn{border:none;padding:8px 20px;border-radius:30px;color:#fff;background-color:#b9c3cc;font-size:.9em;margin-left:1em}.shoe .attribute{pointer-events:none;padding:8px 20px;border-radius:30px;border:1px solid #6c757d;background:transparent}.shoe input[type=text]{padding:7px 1em}.shoe .like-btn{padding:6px;border:2px solid #b9c3cc;border-radius:50%}.shoe .like-btn svg{width:25px;fill:#b9c3cc}.shoe .like-btn.voted{border-color:#538af1}.shoe .like-btn.voted svg{fill:#538af1}.shoe .back{top:1.5em;left:1.5em;position:absolute}.shoe .rank-container{font-size:1em;height:"auto"}.shoe .rank-container .rank{width:10%}.shoe .rank-container .bar-container{height:100%;display:flex;align-items:flex-end;justify-content:center;background-color:#ebebeb}.shoe .rank-container .bar-container .bar{background-color:#538af1;width:100%;margin-top:auto}.shoe .rank-container .rank-item-container-left{padding:1em 0;border-right:2px solid #6c757d}.shoe .rank-container .rank-item-container-right{padding:1em 0;border-left:2px solid #6c757d}.shoe .rank-container .text{width:80px}.shoe .rank-container .bar{height:40px}.shoe .rank-container .rank-first-bar{background-color:#28efdc}.shoe .rank-container .rank-last-bar{background-color:#ef5e5e}.shoe .rank-container .above-avg-bar{background-color:#3684ec}.shoe .rank-container .below-avg-bar{background-color:#ffbd42}.shoe .emos{display:flex;justify-content:space-between}.shoe .emos img{padding:0 1px;height:48px}.shoe input[type=text]::-webkit-input-placeholder{font-size:1em}.shoe input[type=text]::placeholder{font-size:1em}.shoe .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.shoe .inputfile+label{display:block;border-radius:6px;cursor:pointer}.shoe label{cursor:pointer}.shoe svg{height:4em;width:4em}.shoe .error{text-align:center;font-size:.7em;color:red}.reviews svg{height:1.7em;width:auto}.reviews .pages a{cursor:pointer;color:#aeaeae}.reviews .pages a.selected{color:initial;font-weight:500}ul.emoji-group[data-name=recently_used]{display:none}.font-weight-bold{font-weight:700}.mileage-modal button{padding:10px 35px;border-radius:30px}.mileage-modal input[type=number]{border-top:none;border-left:none;border-right:none;border-radius:0;font-size:2em;text-align:center;width:60%;-moz-appearance:textfield}.mileage-modal input[type=number]::-webkit-inner-spin-button,.mileage-modal input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mileage-modal .km{color:#717171;font-size:1.25em}.header a{text-decoration:none;color:initial}.header .btn-logo{border:none;background:transparent;outline:none;padding:0}.header .btn-logo .logo{height:1.65em}.header .header.emos{display:flex}.header .header.emos img{padding:0 1px;height:14px}@media (min-width:576px){.header .header.emos img{height:20px}}.cls-1{fill:#fe595e}.cls-2{stroke:#ff93a6}.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{fill:none;stroke-miterlimit:10;stroke-width:2px}.cls-8{fill:#058bca}.cls-9{fill:#ff93a6}.cls-3{stroke:#fbc12f}.cls-4{stroke:#000}.cls-10{fill:#a65848}.cls-5{stroke:#a65848}.cls-6{stroke:#fe595e}.cls-7{stroke:#008ac9}.cls-11{fill:#fbc12f}.logo{width:180px}@media (max-width:576px){.logo{width:100%}}:root{scroll-behavior:auto}body{background-color:#f8f8f8}input{border-radius:20px;border:1px solid #c7c7c7;padding:5px 10px;outline:none}input::-webkit-input-placeholder{color:#b9b9b9;opacity:1;font-size:.8em}input::placeholder{color:#b9b9b9;opacity:1;font-size:.8em}@media (max-width:350px){input::-webkit-input-placeholder{font-size:.8em}input::placeholder{font-size:.8em}}input:-ms-input-placeholder{color:#b9b9b9}input::-ms-input-placeholder{color:#b9b9b9}input:-webkit-autofill{color:red}input:focus{border-color:#6c757d}input.brand{width:100px;flex:2 1}input.model{width:100%;flex:4 1}.modal .btn-primary{background-color:#6c757d;border-color:#6c757d}.modal .btn-secondary{background-color:#fff;color:#6c757d}.rank-them-btn{background-color:#6c757d;position:fixed;right:0;padding:5px 1em;border-top-left-radius:5px;border-bottom-left-radius:5px;color:#fff;font-size:1.25em;top:300px;z-index:10}@media screen and (max-width:480px){div{display:block}}.container{width:100%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}.bg-black{background-color:#000}@media (min-width:576px){.container{max-width:768px!important}}@media (min-width:768px){.container{max-width:768px!important}}@media (min-width:992px){.container{max-width:768px!important}}@media (min-width:1200px){.container{max-width:768px!important}}.sticky{text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:#f8f8f8}
/*# sourceMappingURL=main.9092f37c.chunk.css.map */