@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&family=Tilt+Warp&display=swap);*{box-sizing:border-box;font-family:Josefin Sans,sans-serif;margin:0;padding:0}html{font-size:62.5%}.container{align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.2)),url(/product-card-rating-star/static/media/bg.bcfde3e237d58561e111.jpg) 50% no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100%}.card{border-radius:1rem;box-shadow:0 1rem 6rem rgba(0,0,0,.5);cursor:pointer;display:flex;height:65rem;width:100rem}.card-left{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:hsla(49,7%,45%,.7);border-radius:1rem 0 0 1rem;height:100%;position:relative;width:65%;z-index:100}.card-left h3{color:#312e27;font-size:3rem;top:15%}.card-left h1,.card-left h3{font-family:Tilt Warp,cursive;left:10%;letter-spacing:.2rem;position:absolute}.card-left h1{color:#e9bd7c;font-size:4.5rem;line-height:1;text-transform:uppercase;top:22%;width:30rem}.card-left-img{position:absolute;right:-8%;top:12%;transition:top .4s;width:35rem}.card-left-img:hover{top:8%}.card-left-img:after{background-color:rgba(0,0,0,.4);border-radius:10rem;bottom:-7rem;content:"";-webkit-filter:blur(3.5rem);filter:blur(3.5rem);height:10rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .4s;width:30rem}.card-left-img:hover:after{bottom:-10rem;-webkit-filter:blur(5rem);filter:blur(5rem)}.card-left-img img{width:100%}.card-right{align-items:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:rgba(93,86,66,.7);border-radius:0 1rem 1rem 0;display:flex;flex-direction:column;height:100%;justify-content:center;width:35%}.product-info{width:24rem}.product-info p{color:hsla(0,0%,100%,.7);font-size:1.2rem;font-weight:300;text-transform:uppercase}.colors{display:flex;margin:2rem 0 4rem}.colors span{height:.5rem;width:6rem}.colors span:first-child{background-color:#ecddc7}.colors span:nth-child(2){background-color:#9a8b6a}.colors span:nth-child(3){background-color:#5d5542}.colors span:nth-child(4){background-color:#383123}.sizes{display:flex;justify-content:space-between;margin:2rem 0 4rem}.sizes span{align-items:center;color:#e9bd7c;display:flex;font-size:1.6rem;font-weight:300;height:3rem;justify-content:center;margin-right:2rem;width:3rem}.sizes span:nth-child(2){border:.1rem solid #e9bd7c;border-radius:50%}.chest,.sleeve{display:flex;justify-content:space-between;width:100%}.counter{border:.1rem solid #e9bd7c;border-radius:50%;height:2rem;margin:2rem 0 4rem;position:relative;width:2rem}.sleeve-counter{-webkit-transform:translateX(16rem);transform:translateX(16rem)}.sleeve-counter:before{right:2rem;width:16rem}.sleeve-counter:after,.sleeve-counter:before{background-color:#e9bd7c;content:"";height:.1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sleeve-counter:after{right:-6rem;width:6rem}.chest-counter{-webkit-transform:translateX(5rem);transform:translateX(5rem)}.chest-counter:before{right:2rem;width:5rem}.chest-counter:after,.chest-counter:before{background-color:#e9bd7c;content:"";height:.1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.chest-counter:after{right:-17rem;width:17rem}.card-btn{background-color:#e9bd7c;border:none;border-radius:5rem;box-shadow:0 .2rem 1rem rgba(0,0,0,.4);cursor:pointer;display:block;font-size:1.4rem;font-weight:700;height:5rem;margin:auto;text-transform:uppercase;-webkit-transform:all .3s;transform:all .3s;width:12rem}.card-btn:hover{background-color:#f8bd65}.card-btn:active{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}.star-container{align-items:center;display:flex;justify-content:center;width:100%}.star-container p{padding-left:.2rem}.star-text-wrapper{align-items:center;display:flex;gap:2px;margin-top:2.4rem;width:100%}
/*# sourceMappingURL=main.f587f0c8.css.map*/