#common-coupon-product{border-radius:2rem;overflow:hidden;margin:32rem 0}#common-coupon-product .coupon-product-header{height:64rem;padding:22rem 24rem;display:flex;justify-content:space-between;align-items:center;background-size:cover;background-repeat:no-repeat;cursor:pointer}#common-coupon-product .coupon-product-header h2{font-family:var(--new-font-family);font-weight:600;font-size:20rem;color:#fff;line-height:1}#common-coupon-product .coupon-product-header .circle{width:20rem;height:20rem;border-radius:50%;border:1rem solid #fff;position:relative;font-style:normal}#common-coupon-product .coupon-product-header .circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 8rem);height:1rem;background-color:#fff}#common-coupon-product .coupon-product-header .circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:calc(100% - 8rem);background-color:#fff;transition:transform .5s ease-in-out;will-change:transform}#common-coupon-product .list-box{padding:24rem 24rem 48rem;background-color:#f5f5f7;position:relative}#common-coupon-product .list-box .coupons{display:flex;flex-direction:column;gap:24rem;padding:0;margin:0;height:78rem;transition:height .5s ease-in-out;will-change:height;overflow:hidden}#common-coupon-product .list-box .coupons .coupons-item{display:flex;align-items:center;border-radius:4rem;overflow:clip;overflow-clip-margin:1.5rem;height:78rem}#common-coupon-product .list-box .coupons .left{position:relative;padding:16rem 32rem;background-color:#1e61b5;color:#fff}#common-coupon-product .list-box .coupons .left .left-price-off{font-family:var(--new-font-family);font-weight:600;font-size:24rem;line-height:1;margin-bottom:8rem}#common-coupon-product .list-box .coupons .left .left-orders{font-family:var(--new-font-family);font-weight:400;font-size:14rem;line-height:1}#common-coupon-product .list-box .coupons .left:after{position:absolute;content:"";width:22rem;height:22rem;bottom:-11rem;left:-11rem;border-radius:50%;background:#f5f5f7}#common-coupon-product .list-box .coupons .left:before{position:absolute;content:"";width:22rem;height:22rem;top:-11rem;left:-11rem;border-radius:50%;background:#f5f5f7}#common-coupon-product .list-box .coupons .right{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 32rem;height:100%;position:relative;background-color:#fff;color:#000}#common-coupon-product .list-box .coupons .right .line{position:absolute;left:-2rem;height:100%;width:2rem;background-size:2rem 10%!important;background-repeat:repeat-y!important;background:radial-gradient(circle,transparent 2rem,transparent,#f5f5f7 2rem,#f5f5f7)}#common-coupon-product .list-box .coupons .right .right-code{font-family:var(--new-font-family);font-weight:400;font-size:16rem;line-height:1}#common-coupon-product .list-box .coupons .right .right-btn{font-family:var(--new-font-family);font-weight:400;font-size:16rem;height:40rem;line-height:38rem;border-radius:20rem;padding:0 24rem;cursor:pointer;color:#1e61b5;border:1rem solid #1E61B5}#common-coupon-product .list-box .coupons .right .right-btn:hover{background-color:#1e61b5;color:#fff}#common-coupon-product .list-box .coupons .right:after{position:absolute;content:"";width:22rem;height:22rem;bottom:-11rem;left:-11rem;border-radius:50%;background:#f5f5f7}#common-coupon-product .list-box .coupons .right:before{position:absolute;content:"";width:22rem;height:22rem;top:-11rem;left:-11rem;border-radius:50%;background:#f5f5f7}#common-coupon-product .list-box .more-coupons{text-align:center;font-family:var(--new-font-family);font-weight:400;font-size:16rem;color:#18191b;line-height:1;position:absolute;bottom:16rem;left:50%;transform:translate(-50%);cursor:pointer;display:flex;align-items:center}#common-coupon-product .list-box .more-coupons svg{margin-left:6rem;transition:transform .5s ease-in-out;will-change:transform;width:16rem}#common-coupon-product .active .coupons{height:384rem}#common-coupon-product .active .more-coupons svg{transform:rotate(180deg)}#common-coupon-product .active .circle:after{transform:translate(-50%,-50%) rotate(90deg)}@media (max-width: 768px){#common-coupon-product .coupon-product-header{height:48rem;padding:16rem 18rem;background-size:cover;background-repeat:no-repeat}#common-coupon-product .coupon-product-header h2{font-size:14rem}#common-coupon-product .coupon-product-header .circle{width:15rem;height:15rem}#common-coupon-product .list-box{padding:16rem 16rem 44rem}#common-coupon-product .list-box .coupons{gap:16rem;height:62rem}#common-coupon-product .list-box .coupons .coupons-item{height:62rem}#common-coupon-product .list-box .coupons .left{position:relative;padding:12rem 24rem}#common-coupon-product .list-box .coupons .left .left-price-off{font-size:20rem;line-height:1;margin-bottom:6rem}#common-coupon-product .list-box .coupons .left .left-orders{font-size:12rem}#common-coupon-product .list-box .coupons .left:after{position:absolute;content:"";width:10rem;height:10rem;bottom:-5rem;left:-5rem;border-radius:50%}#common-coupon-product .list-box .coupons .left:before{position:absolute;content:"";width:10rem;height:10rem;top:-5rem;left:-5rem;border-radius:50%}#common-coupon-product .list-box .coupons .right{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10rem 0 24rem}#common-coupon-product .list-box .coupons .right .line{position:absolute;left:-1rem;height:100%;width:2rem;background-size:2rem 13%;background-repeat:repeat-y}#common-coupon-product .list-box .coupons .right .right-code{font-size:12rem}#common-coupon-product .list-box .coupons .right .right-btn{font-size:12rem;height:24rem;line-height:22rem;border-radius:12rem;padding:0 16rem;margin-top:8rem}#common-coupon-product .list-box .coupons .right:after{position:absolute;content:"";width:10rem;height:10rem;bottom:-5rem;left:-5rem;border-radius:50%}#common-coupon-product .list-box .coupons .right:before{position:absolute;content:"";width:10rem;height:10rem;top:-5rem;left:-5rem;border-radius:50%}#common-coupon-product .list-box .more-coupons{font-size:12rem}#common-coupon-product .list-box .more-coupons svg{width:10rem}#common-coupon-product .active .coupons{height:300rem}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/common-coupon-product.scss.css.map */