.onetime-popup-btn{width:100%;justify-content:center;align-items:center;border:2px solid #000;box-shadow:4px 4px #000;padding:0 3rem;cursor:pointer;font-size:24px;color:rgb(var(--color-button-text));transition:box-shadow var(--duration-short) ease;-webkit-appearance:none;appearance:none;background-color:#f91507}.onetime-popup-modal .onetime-popup-modal__content{max-width:30%}.subsription-wraaper p.main-title{font-family:var(--font-extra-bold);font-size:25px;font-weight:600;margin:0}.subsription-wraaper .discount-text{color:#ff1f26;font-family:var(--font-extra-bold);font-size:30px;font-weight:600;text-transform:uppercase}.subsription-wraaper .subscription-info{line-height:1.3;margin:0 0 20px}.subsription-wraaper p.title-description{font-family:var(--font-extra-bold);font-weight:600;margin:0;text-transform:uppercase;font-size:14px}.subsription-wraaper .process-description p{margin:0;color:#b1abab;font-size:12px}.subsription-wraaper .process-main{position:relative;padding-left:20px}.subsription-wraaper .process-main:before{content:"";position:absolute;border-left:1px solid #b1abab;height:180px;width:2px;left:2px;top:16px}.subsription-wraaper .dot-data{position:relative;margin:0 0 20px}.subsription-wraaper .process-title:before{content:"";position:absolute;height:10px;width:10px;background-color:#000;border-radius:100%;left:-22px;top:10px}.subsription-wraaper .process-title.active:before{background-color:red}.subsription-wraaper .process-title span{font-size:13px;color:#000;font-weight:600}.subsription-wraaper p.bottom-main-description{font-size:13px;max-width:390px;line-height:1.3;color:#b1abab}.subsription-wraaper .cst-button{display:flex;flex-direction:column;gap:20px}.subsription-wraaper .change-subscription{padding:10px 0;border-radius:7px;background-color:#ff1f26;color:#fff;font-weight:600;border:1px;cursor:pointer}.subsription-wraaper .continue-ontime{padding:10px 0;border-radius:7px;background-color:#fff;color:#b1abab;font-weight:600;border:1px solid #000;cursor:pointer}.subsription-wraaper .onetime-popup-modal .onetime-popup-modal__toggle{top:4px;right:5px}@media screen and (max-width: 1024px){.onetime-popup-modal .onetime-popup-modal__content{max-width:40%}}@media screen and (max-width: 999px){.onetime-popup-modal .onetime-popup-modal__content{max-width:50%}}@media screen and (max-width: 768px){.onetime-popup-modal__content{max-width:52%}.subsription-wraaper .discount-text{font-size:25px}.subsription-wraaper p.main-title{font-size:18px}.subsription-wraaper p.title-description{font-size:12px}.subsription-wraaper .cst-button{gap:6px}}@media screen and (max-width: 575px){.onetime-popup-modal .onetime-popup-modal__content{max-width:70%}}@media screen and (max-width: 475px){.onetime-popup-modal .onetime-popup-modal__content{max-width:85%}.subsription-wraaper .dot-data,.subsription-wraaper .subscription-info{margin:0 0 10px}.subsription-wraaper p.main-title{font-size:15px}.subsription-wraaper p.title-description{font-size:11px;text-wrap:nowrap}.subsription-wraaper p.bottom-main-description{font-size:12px}}.onetime-popup-modal[open]{opacity:1;visibility:visible;z-index:100}.onetime-popup-modal[open] .onetime-popup-modal__content{transform:translate(-50%,-50%) scale(1)}.onetime-popup-modal:not(open) .onetime-popup-modal__content{transform:translate(-50%,-50%) scale(.5)}.onetime-popup-modal,.onetime-popup-modal__content{transition:all .3s ease 0s}.onetime-popup-btn{width:100%}.onetime-popup-modal__opener{width:100%;margin:0}.onetime-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.onetime-popup-modal .onetime-popup-modal__toggle{background-color:#fff0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;padding:0;z-index:2;top:12px;right:12px;width:32px;height:32px;min-width:32px}.onetime-popup-modal .onetime-popup-modal__content{height:auto!important;max-height:80%;padding:25px 20px;border-radius:20px;background-color:#fff;position:absolute;left:50%;top:50%;width:100%;overflow:auto}
/*# sourceMappingURL=/cdn/shop/t/15/assets/custom-modal-popup.css.map */