@media (min-width:2560px){html{--base-size-countdown: 70 }}@media (max-width:2560px){html{--base-size-countdown: 70 }}@media (max-width:1920px){html{--base-size-countdown: 70 }}@media (max-width:1800px){html{--base-size-countdown: 60 }}@media (max-width:1600px){html{--base-size-countdown: 50 }}@media (max-width:1400px){html{--base-size-countdown: 50 }}@media (max-width:1300px){html{--base-size-countdown: 50 }}@media (max-width:1200px){html{--base-size-countdown: 50 }}@media (max-width:999px){html{--base-size-countdown: 100 }}@media (max-width:820px){html{--base-size-countdown: 80 }}@media (max-width:720px){html{--base-size-countdown: 70 }}@media (max-width:620px){html{--base-size-countdown: 60 }}@media (max-width:520px){html{--base-size-countdown: 50 }}@media (max-width:420px){html{--base-size-countdown: 50 }}@media (max-width:375px){html{--base-size-countdown: 120 }}.product-countdown{position:relative}.product-countdown .content{position:absolute;left:calc(var(--base-size-countdown) * .38px);top:50%;transform:translateY(-50%)}.product-countdown .content .title{font-weight:600;font-size:calc(var(--base-size-countdown) * .26px);line-height:normal;color:#fff}.product-countdown .content .subtitle{font-weight:600;font-size:calc(var(--base-size-countdown) * .2px);line-height:normal}.product-countdown .countdown{display:flex;align-items:center;gap:calc(var(--base-size-countdown) * .2px);margin-top:calc(var(--base-size-countdown) * .12px)}.product-countdown .countdown .ctn-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--base-size-countdown) * .07px)}.product-countdown .countdown .ctn-num{width:calc(var(--base-size-countdown) * .44px);height:calc(var(--base-size-countdown) * .42px);padding:calc(var(--base-size-countdown) * .05px) calc(var(--base-size-countdown) * .07px);background:#017fff;color:#fff;border-radius:calc(var(--base-size-countdown) * .06px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.product-countdown .countdown .ctn-num span{font-family:Rubik,Arial,sans-serif;font-weight:600;font-size:calc(var(--base-size-countdown) * .25px);line-height:1}.product-countdown .countdown .ctn-unit{font-family:Rubik,Arial,sans-serif;font-weight:400;font-size:calc(var(--base-size-countdown) * .22px);line-height:1;color:#017fff}.product-countdown .countdown .ctn-sep{width:calc(var(--base-size-countdown) * .06px);height:calc(var(--base-size-countdown) * .2px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(var(--base-size-countdown) * .3px);color:#017fff}@media (max-width:375px){.product-countdown .content{left:calc(var(--base-size-countdown) * .138px)}.product-countdown .content .title,.product-countdown .content .subtitle{font-weight:600;font-size:calc(var(--base-size-countdown) * .1px);line-height:normal}.product-countdown .countdown{display:flex;align-items:center;gap:calc(var(--base-size-countdown) * .06px);margin-top:calc(var(--base-size-countdown) * .04px)}.product-countdown .countdown .ctn-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--base-size-countdown) * .02px)}.product-countdown .countdown .ctn-num{width:calc(var(--base-size-countdown) * .18px);height:calc(var(--base-size-countdown) * .16px);padding:calc(var(--base-size-countdown) * .018px) calc(var(--base-size-countdown) * .024px);background:#017fff;color:#fff;border-radius:calc(var(--base-size-countdown) * .02px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.product-countdown .countdown .ctn-num span{font-family:Rubik,Arial,sans-serif;font-weight:600;font-size:calc(var(--base-size-countdown) * .1px);line-height:1}.product-countdown .countdown .ctn-unit{font-family:Rubik,Arial,sans-serif;font-weight:400;font-size:calc(var(--base-size-countdown) * .1px);line-height:1;color:#017fff}.product-countdown .countdown .ctn-sep{width:calc(var(--base-size-countdown) * .02px);height:calc(var(--base-size-countdown) * .02px);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(var(--base-size-countdown) * .1px)}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/product-countdown.css.map */