subscribe-countdown-section{display:block}.subscribe-countdown{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-block-end:30px}.subscribe-countdown .subscribe-box{border-radius:10px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;gap:10px;padding-block:20px 15px;padding-inline:30px;text-align:center;margin-block-start:-50px}.subscribe-countdown .subscribe-box__title{font-size:30px;font-weight:700;line-height:1.2}.subscribe-countdown .subscribe-box__desc{font-size:12px;opacity:.6}.subscribe-countdown form{width:100%}.subscribe-countdown .info-box__input-wrapper{display:flex;align-items:stretch;position:relative;border-radius:50px;border:solid 1px rgb(var(--color-foreground));padding-inline-start:16px;margin-block-start:16px;color:inherit;text-decoration:none;height:40px;width:100%;overflow:hidden}.subscribe-countdown .info-box__input-full{flex:1;display:block}.subscribe-countdown .info-box__input-full input{background-color:transparent;border:none;outline:none;height:100%;width:100%;color:rgb(var(--color-foreground))}.subscribe-countdown .info-box__input-wrapper .info-box__input-placeholder{position:absolute;top:50%;left:20px;transform:translateY(-50%);font-size:12px;opacity:.6;pointer-events:none}.subscribe-countdown .info-box__input-wrapper:has(input:focus) .info-box__input-placeholder,.subscribe-countdown .info-box__input-wrapper:has(input:not(:placeholder-shown)) .info-box__input-placeholder{display:none}.subscribe-countdown .info-box__input-wrapper button{margin:0;padding:0;background-color:transparent;outline:none;border:none;padding-inline:20px;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground));border-radius:50px;cursor:pointer}.subscribe-countdown .info-box__input-wrapper svg{width:16px;height:16px;cursor:pointer}/*! 倒计时 */.subscribe-countdown .countdown-container{margin-block-start:20px}.subscribe-countdown .countdown__item{background-color:rgb(var(--color-timer-background));border-radius:10px;padding-block:10px 5px;padding-inline:5px}.subscribe-countdown .countdown__item span{font-size:10px!important;font-weight:400!important}.subscribe-countdown .countdown__split{display:none}.subscribe-countdown .countdown__timer-list{justify-content:center;gap:20px}.subscribe-countdown .subscribe-countdown__completed-message{display:flex;flex-direction:column;align-items:center;gap:10px}.subscribe-countdown .subscribe-countdown__completed-message .button{min-width:fit-content;--color-button: var(--color-foreground-rgb);--color-button-text: var(--color-background-rgb)}/*! 阶段进度 */.subscribe-countdown .progress-container{margin-block-start:20px}.subscribe-countdown .progress-container__header{display:flex;justify-content:space-between;font-size:12px;opacity:.7}.subscribe-countdown .progress-bar{--border-radius: 20px;width:100%;height:6px;background-color:rgb(var(--color-timer-background));border-radius:var(--border-radius)}.subscribe-countdown .progress-bar__current{display:block;width:var(--progress-percent);height:100%;border-radius:var(--border-radius);background-color:rgb(var(--color-foreground))}.subscribe-countdown.subscribe-countdown--no-progress{padding-block-end:0}.subscribe-countdown.subscribe-countdown--no-progress .countdown-box{display:flex;flex-direction:column;justify-content:center;padding-block:14px}.subscribe-countdown.subscribe-countdown--no-progress .countdown-container{margin-block-start:0}.subscribe-countdown .progress-steps{display:grid;grid-template-columns:repeat(var(--progress-step-count),minmax(0,1fr));gap:5px;margin-block-start:8px}.subscribe-countdown .progress-step__item{line-height:1;display:flex;align-items:center;gap:4px;position:relative;cursor:pointer}.subscribe-countdown .progress-step__item span{font-size:9px;transform:translateY(2px);opacity:.6}.subscribe-countdown .progress-step__item img,.subscribe-countdown .progress-step__item svg{width:14px;height:14px;opacity:.6}/*! tooltip */.subscribe-countdown .progress-step__item{--tooltip-shift: 0px}.subscribe-countdown .progress-step__item-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(4px);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:8px 10px;border-radius:6px;font-size:11px;line-height:1.4;width:max-content;max-width:220px;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:10;box-shadow:0 4px 12px #0003}.subscribe-countdown .progress-step__item-tooltip:after{content:"";position:absolute;top:100%;left:calc(50% - var(--tooltip-shift));transform:translate(-50%);border:5px solid transparent;border-top-color:rgb(var(--color-foreground))}@media(hover:hover){.subscribe-countdown .progress-step__item:hover .progress-step__item-tooltip{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(0)}}.subscribe-countdown .progress-step__item.tooltip-active .progress-step__item-tooltip{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--tooltip-shift))) translateY(0)}@media(min-width:810px){.subscribe-countdown__wrapper{display:flex;gap:30px;justify-content:space-between}.subscribe-countdown .subscribe-box__title{font-size:28px;text-shadow:0 4px rgb(0 0 0 / .3)}.subscribe-countdown .countdown__item{padding-block:15px 10px;padding-inline:10px}}@media(min-width:1024px){.subscribe-countdown__wrapper{gap:60px}.subscribe-countdown .subscribe-box{max-width:450px}.subscribe-countdown .countdown-box{width:460px}.subscribe-countdown.subscribe-countdown--no-progress .countdown-box{min-height:178px}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/jxs-subscribe-countdown.css.map */