@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);:root{--primary:#2175f5}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#efefef}.container{min-height:100vh;overflow:hidden;padding:40px}.card,.container{align-items:center;display:flex;justify-content:center}.card{width:860px}.card .snow{color:#fff;font-size:10rem;left:15px;line-height:.9;opacity:.1;position:absolute;text-transform:uppercase;top:85px}.shoeBackground{box-shadow:-15px 0 35px rgba(0,0,0,.1),0 -15px 35px rgba(0,0,0,.1),0 15px 35px rgba(0,0,0,.1);height:475px;position:relative;transition:.5s;width:50%}.gradient,.gradients{height:100%;left:0;position:absolute;top:0;width:100%}.gradient{z-index:-2}.gradient[color=blue]{background-image:linear-gradient(45deg,#0136af,#22abfa)}.gradient[color=red]{background-image:linear-gradient(45deg,#d62926,#ee625f)}.gradient[color=green]{background-image:linear-gradient(45deg,#11998e,#1ce669)}.gradient[color=orange]{background-image:linear-gradient(45deg,#fc4a1a,#f7b733)}.gradient[color=black]{background-image:linear-gradient(45deg,#111,#666)}.behind{z-index:-1!important}.display{-webkit-animation:width .8s ease;animation:width .8s ease;z-index:0}@-webkit-keyframes width{0%{width:0}to{width:100%}}@keyframes width{0%{width:0}to{width:100%}}.logo{left:20px;top:20px;width:100px}.logo,.share{position:absolute}.share{align-items:center;background:#fff;border-radius:50%;color:#2175f5;color:var(--primary);display:flex;font-size:1.3rem;height:50px;justify-content:center;right:15px;text-decoration:none;top:15px;transition:.5s;width:50px;z-index:10}.share:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.shoe{bottom:0;max-height:50 rem;opacity:0;position:absolute;right:0}.shoe.show{opacity:1}.info{background:#fff;box-shadow:15px 0 35px rgba(0,0,0,.1),0 -15px 35px rgba(0,0,0,.1),0 15px 35px rgba(0,0,0,.1);padding:35px 40px;width:50%;z-index:1}.info .color-container,.info .description,.info .shoeName,.info .size-container{border-bottom:1px solid #dadada}.info .shoeName{padding:0 0 10px}.info .shoeName div{align-items:center;display:flex}.info .shoeName div .big{color:#333;font-size:2rem;line-height:1;margin-right:10px}.info .shoeName div .new{background:#2175f5;background:var(--primary);border-radius:5px;color:#fff;padding:3px 10px;text-transform:uppercase}.info .shoeName .small{color:#444;font-weight:500;margin-top:3px;text-transform:capitalize}.info .description{padding:10px 0}.info .title{color:#3a3a3a;font-size:1.2rem;font-weight:600;text-transform:uppercase}.info .text{color:#555;font-size:17px}.info .color-container{padding:10px 0}.info .colors{align-items:center;display:flex;padding:8px 0}.info .color{border:5px solid;border-radius:50%;cursor:pointer;height:25px;margin:0 10px;transition:.5s;width:25px}.info .color[color=blue]{background-color:#2175f5;border-color:#2175f5}.info .color[color=red]{background-color:#f84848;border-color:#f84848}.info .color[color=green]{background-color:#29b864;border-color:#29b864}.info .color[color=orange]{background-color:#ff5521;border-color:#ff5521}.info .color[color=black]{background-color:#444;border-color:#444}.info .color.active{border-color:#fff;box-shadow:0 0 10px .5px rgba(0,0,0,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.info .size-container{margin-bottom:10px;padding:10px 0}.info .size-container .sizes{align-items:center;display:flex;padding:8px 0}.info .size-container .sizes .size{align-items:center;background:#eee;border-radius:6px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;height:40px;justify-content:center;margin:0 10px;width:500px}.info .size-container .sizes .size.active{background:#2175f5;background:var(--primary);color:#fff}.info .buy-price{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.info .buy-price .buy{background:#2175f5;background:var(--primary);border-radius:10px;color:#fff;font-size:1.1rem;font-weight:500;padding:.7rem 1rem;text-decoration:none;text-transform:uppercase;transition:.5s}.info .buy-price .buy:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.info .buy-price .buy svg{margin-right:5px}.info .buy-price .price{align-items:flex-start;color:#333;display:flex}.info .buy-price .price h1{font-size:2.1rem;font-weight:600;line-height:1}.info .buy-price .price svg{font-size:1.4rem;margin-right:1px}@media(max-width:1070px){.shoe{max-height:50 rem}}@media(max-width:1000px){.github-fork-ribbon{display:none}.card{box-shadow:0 0 35px 1px rgba(0,0,0,.2);flex-direction:column;width:100%}.card>div{box-shadow:none;width:100%}.card .shoe{max-height:50 rem;right:2%;top:55%;-webkit-transform:rotate(-5deg) translateY(-50%);transform:rotate(-5deg) translateY(-50%)}.card .snow{left:5%;top:20%}}@media(max-width:600px){.share{height:40px;width:40px}.share svg{font-size:1rem}.logo{width:70px}}@media(max-width:490px){.card .snow{font-size:6rem}.info{padding:20px}.info .big{font-size:1.3rem!important}.info .small{font-size:1rem}.info .new{padding:2px 6px}.info .new,.info .title{font-size:.9rem}.info .text{font-size:.8rem}.info .buy-price .buy{font-size:.8rem;padding:.5rem .8rem}.info .buy-price .price h1{font-size:1.5rem}.info .buy-price .price svg{font-size:.9rem}.info .color-container .colors .color{border-width:4px;height:20px;margin:0 20px;width:20px}.info .size-container .sizes .size{font-size:.9rem;height:30px;line-height:30px;margin:0 8px;width:30px}.share{height:35px;right:10px;top:10px;width:35px}svg{font-size:.8rem}.logo{left:10px;top:10px;width:60px}}@media(max-width:400px){.buy svg{display:none}.container{padding:10px}}@media(max-width:340px){.info .color-container .colors{display:flex;justify-content:space-around}.info .color-container .colors .color{margin:0}.info .size-container .sizes{display:flex;justify-content:space-around}.info .size-container .sizes .size{margin:0}}
/*# sourceMappingURL=main.3104b9ff.css.map*/