@charset "UTF-8";[data-theme=x-design-subscribe-default]{--background-tab: rgba(243, 245, 247);--background-btn-primary: rgb(175, 242, 87);--background-card-hover: rgb(246, 247, 250);--background-system-frame-floatpanel: rgb(255, 255, 255);--background-system-main-background-default: rgb(246, 247, 250);--content-btn-primary: rgb(28, 29, 31);--content-system-primary: #86c92f;--content-system-quinary: rgb(171, 173, 178);--content-system-secondary: rgb(97, 99, 102);--content-system-tertiary: rgb(147, 149, 153);--content-tab-selected: rgb(28, 29, 31);--stroke-system-border-overlay: rgba(0, 0, 0, .08);--background-card-active: #fff;--badge-background: #eaffce;--link-btn-hover: rgba(28, 29, 31, 1);--card-text-color: #03020a;--content-text-primary: rgba(28, 29, 31, 1);--list-view-mask-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 73.44%)}[data-theme=x-design-subscribe-dark]{--background-card-hover: #282929;--background-card-active: #1c1e1e;--content-btn-primary: #000;--content-system-primary: #8eff43;--content-system-secondary: rgb(97, 99, 102);--content-system-tertiary: rgb(147, 149, 153);--content-system-quinary: rgb(171, 173, 178);--content-text-primary: #fff;--content-tab-selected: #fff;--background-tab: #1c1e1e;--background-btn-primary: linear-gradient(92deg, #25b5ff -5.07%, #94fff1 46.94%, #8eff43 98.95%);--background-system-frame-floatpanel: #0e0e07;--background-system-main-background-default: #1c1e1e;--stroke-system-border-overlay: rgba(0, 0, 0, .08);--badge-background: #abff73;--link-btn-hover: rgba(255, 255, 255, .8);--card-text-color: #fff;--list-view-mask-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #0e0e07 73.44%)}[data-theme=x-design-subscribe-dark] button svg path{fill:var(--content-btn-primary)}[data-theme=x-design-subscribe-purple]{--background-card-active: #fff;--background-card-hover: rgb(246, 247, 250);--content-btn-primary: #fff;--content-system-primary: #e537e5;--content-system-secondary: rgb(97, 99, 102);--content-system-tertiary: rgb(147, 149, 153);--content-system-quinary: rgb(171, 173, 178);--content-text-primary: rgba(28, 29, 31, 1);--content-tab-selected: rgb(28, 29, 31);--background-tab: rgba(243, 245, 247);--background-btn-primary: linear-gradient(92deg, #19e3f1 0%, #4d8eff 36.34%, #eb3af0 98.18%);--background-system-frame-floatpanel: rgb(255, 255, 255);--background-system-main-background-default: rgb(246, 247, 250);--stroke-system-border-overlay: rgba(0, 0, 0, .08);--badge-background: #fde5ff;--link-btn-hover: rgba(28, 29, 31, 1);--card-text-color: #03020a;--list-view-mask-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 73.44%)}.x-design-subscribe-button{width:100%;background:none;border:none;padding:12px;color:var(--content-btn-primary);font-size:14px;font-style:normal;font-weight:600;line-height:20px;transition:all .5s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-design-subscribe-button:hover{cursor:pointer;opacity:.8}.x-design-subscribe-button-ghost{border:2px solid var(--background-btn-primary);border-radius:25px}.x-design-subscribe-button-ghost:hover{color:var(--background-btn-primary)}.x-design-subscribe-button-primary{border-radius:16px;background:var(--background-btn-primary)}.x-design-subscribe-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;pointer-events:none;background:none}.x-design-subscribe-popup-position-center{align-items:center}.x-design-subscribe-popup-position-top{top:3%;bottom:auto;align-items:flex-start}.x-design-subscribe-popup-position-bottom{top:auto;bottom:0;align-items:flex-end}.x-design-subscribe-popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.x-design-subscribe-popup-container{background-color:var(--background-system-frame-floatpanel);box-shadow:0 0 15px rgba(0,0,0,.2);pointer-events:all;position:relative}@media screen and (max-width: 500px){.x-design-subscribe-popup-container{width:100%}}.x-design-subscribe-popup-close-button{position:absolute;top:1px;right:-40px;text-align:center;cursor:pointer}@media screen and (max-width: 500px){.x-design-subscribe-popup-close-button{top:18px;right:15px}}.x-design-subscribe-popup-close-button-icon{width:36px;height:36px;line-height:36px;border-radius:36px;background:rgba(0,0,0,.4);display:block;transition:transform .3s ease;transform-origin:center}.x-design-subscribe-popup-close-button-icon svg{fill:#fff}@media screen and (max-width: 500px){.x-design-subscribe-popup-close-button-icon{background:none}.x-design-subscribe-popup-close-button-icon svg{width:40px;height:40px;fill:var(--content-system-quinary)}}.x-design-subscribe-popup-close-button-icon:hover{transform:rotate(90deg);background:rgba(0,0,0,.2)}@media screen and (max-width: 500px){.x-design-subscribe-popup-close-button-icon:hover{background:none}}.x-design-subscribe-popup-fade-enter{opacity:0}.x-design-subscribe-popup-fade-enter-active{opacity:1;transition:opacity .3s}.x-design-subscribe-popup-fade-exit{opacity:1}.x-design-subscribe-popup-fade-exit-active{opacity:0;transition:opacity .3s}.x-design-subscribe-popup-scale-enter{opacity:0;transform:scale(.7)}.x-design-subscribe-popup-scale-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.x-design-subscribe-popup-scale-exit{opacity:1}.x-design-subscribe-popup-scale-exit-active{opacity:0;transform:scale(.7);transition:opacity .3s,transform .3s}.x-design-subscribe-popup-slide-up-enter{opacity:0;transform:translateY(100%)}.x-design-subscribe-popup-slide-up-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.x-design-subscribe-popup-slide-up-exit{opacity:1}.x-design-subscribe-popup-slide-up-exit-active{opacity:0;transform:translateY(100%);transition:opacity .3s,transform .3s}.x-design-subscribe-popup-slide-down-enter{opacity:0;transform:translateY(-100%)}.x-design-subscribe-popup-slide-down-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.x-design-subscribe-popup-slide-down-exit{opacity:1}.x-design-subscribe-popup-slide-down-exit-active{opacity:0;transform:translateY(100%);transition:opacity .3s,transform .3s}.x-design-subscribe-skeleton{border-radius:16px;height:50px;display:flex;background:linear-gradient(90deg,var(--background-system-main-background-default) 25%,var(--background-system-main-background-default) 100%,var(--background-system-main-background-default) 63%);animation:x-design-subscribe-skeleton-loading 1.5s ease infinite}@keyframes x-design-subscribe-skeleton-loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.x-design-subscribe-tabs{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-design-subscribe-tabs *{box-sizing:border-box}.x-design-subscribe-tab-bar{background-color:var(--background-tab);display:flex;padding:2px;border-radius:30px;height:30px;min-width:190px}.x-design-subscribe-tab-item{flex:1;text-align:center;padding:6px 12px;cursor:pointer;position:relative;border-radius:25px;transition:all .3s ease;font-size:12px;font-style:normal;font-weight:600;line-height:16px;color:var(--content-system-tertiary);transition:all .5s;white-space:nowrap}.x-design-subscribe-tab-item+.x-design-subscribe-tab-item{margin-left:2px}.x-design-subscribe-tab-item-badge{position:absolute;top:-18px;right:3px;color:#fff;padding:3px 8px;font-size:12px;border-radius:15px;background-color:var(--content-system-primary)}.x-design-subscribe-tab-item:hover{color:var(--content-system-secondary)}.x-design-subscribe-tab-item-active,.x-design-subscribe-tab-item-active:hover{color:var(--content-tab-selected);border-radius:16px;background:var(--background-system-frame-floatpanel)}.x-design-subscribe-tab-container{padding:10px}.x-design-subscribe-toast{padding:10px 20px;border-radius:24px}.x-design-subscribe-toast-mobile{width:auto;max-width:300px;display:inline-block}.x-design-subscribe-toast-normal,.x-design-subscribe-toast-error,.x-design-subscribe-toast-loading,.x-design-subscribe-toast-warning,.x-design-subscribe-toast-success{color:#fff;background-color:rgba(0,0,0,.6)}.x-design-subscribe-toast-loading{padding:15px 20px}.x-design-subscribe-toast-loading-image{width:50px;height:auto;display:block;margin:0 auto}.x-design-subscribe-product{display:flex;padding:12px 16px;align-items:center;gap:16px;flex-shrink:0;align-self:stretch;cursor:pointer;border-radius:16px;background:var(--background-system-main-background-default);color:#03020a;overflow:hidden}.x-design-subscribe-product+.x-design-subscribe-product{margin-top:8px}.x-design-subscribe-product *{margin:0}.x-design-subscribe-product-radio{display:block;background-color:#fff;width:20px;height:20px;aspect-ratio:1/1;border:2px solid rgba(0,0,0,.1);border-radius:50%}[data-theme=x-design-subscribe-dark] .x-design-subscribe-product-radio{background:none;border-color:rgba(255,255,255,.15)}.x-design-subscribe-product-radio-checked{border:none}.x-design-subscribe-product-radio-checked svg{fill:var(--content-system-primary)}.x-design-subscribe-product-info{flex:1;padding:4px 0;display:flex;align-items:center;position:relative;color:var(--card-text-color)}.x-design-subscribe-product-detail{flex:1;font-weight:600}.x-design-subscribe-product-name{font-size:16px;line-height:22px;margin-bottom:6px}.x-design-subscribe-product-price{margin-right:5px;font-size:14px}.x-design-subscribe-product-price-info{line-height:20px}.x-design-subscribe-product-desc{font-style:normal;font-weight:400;font-size:12px;color:var(--content-system-secondary);line-height:16px}.x-design-subscribe-product-badge{display:flex;height:24px;padding:4px 8px;justify-content:flex-end;align-items:center;position:absolute;right:-20px;top:2px;border-radius:12px 2px 2px 12px;background:var(--badge-background);color:var(--content-system-primary);text-align:center;font-size:12px;font-style:normal;font-weight:600;line-height:16px}[data-theme=x-design-subscribe-dark] .x-design-subscribe-product-badge{width:100px;border-radius:0;transform:rotate(40deg);right:-45px;top:-3px;justify-content:center;color:#292929}.x-design-subscribe-product-single-price{width:60px;color:var(--content-system-secondary)}.x-design-subscribe-product:hover{transition:all .3s;background-color:var(--background-card-hover)}.x-design-subscribe-product-separator{color:var(--stroke-system-border-overlay)}.x-design-subscribe-product-table{display:flex}.x-design-subscribe-product-table-row{font-size:14px;font-style:normal;line-height:20px;align-items:center;gap:8px;height:56px;border:2px solid transparent;color:var(--content-text-primary)}.x-design-subscribe-product-table-row:hover{color:var(--content-system-primary);background:var(--background-system-main-background-default)}.x-design-subscribe-product-table-row:hover *{color:var(--content-system-primary)}.x-design-subscribe-product-table-row-checked{color:var(--content-system-primary);border-color:var(--content-system-primary);background:var(--background-card-active)}.x-design-subscribe-product-table-row-checked *{color:var(--content-system-primary)}.x-design-subscribe-product-table-row-checked:hover{background:var(--background-card-active)}.x-design-subscribe-product-table-list-type{width:6px;height:6px;border-radius:6px;background-color:rgba(0,0,0,.12)}.x-design-subscribe-product-table-list-type-checked{background-color:var(--content-system-primary)}.x-design-subscribe-product-table-column{display:flex;align-items:center;font-weight:600}.x-design-subscribe-product-table-column:nth-child(2){flex:1;align-items:baseline}.x-design-subscribe-product-table-column:nth-child(3){align-items:end}.x-design-subscribe-product-table-column-price{font-size:18px;margin-right:4px}.x-design-subscribe-product-table-column-price-coin{font-weight:400}.x-design-subscribe-product-table-column small{font-size:12px;font-weight:400}.x-design-subscribe-product-table-column span+span{margin-left:8px}.x-design-subscribe-products{flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-design-subscribe-trade-result-modal{position:absolute}.x-design-subscribe-trade-result-modal-container{padding:50px;text-align:center;border-radius:20px}@media screen and (max-width: 500px){.x-design-subscribe-trade-result-modal-container{width:90%;max-width:320px}}.x-design-subscribe-trade-result-modal-icon{width:160px;height:auto;margin-bottom:15px}.x-design-subscribe-trade-result-modal-title{font-size:24px;color:var(--content-system-secondary)}.x-design-subscribe-trade-result-modal-desc{font-size:14px;color:var(--content-system-tertiary)}.x-design-subscribe-trade-result-modal-button{margin-top:25px}@font-face{font-family:Open Sans;src:url(https://x-design-static-release.stariicloud.com/fonts/open-sans-variable-wght.woff2) format("woff2-variations");font-weight:300 800}.x-design-subscribe-subscribe-view{padding:12px;display:flex;width:840px;height:560px;border-radius:24px;color:var(--content-text-primary);background:var(--background-system-frame-floatpanel);box-shadow:0 2px 8px rgba(0,0,0,.08);font-family:Open Sans,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif;position:relative}@media screen and (max-width: 500px){.x-design-subscribe-subscribe-view{width:100%;max-width:100%;height:90%;max-height:700px;padding:12px 0;border-bottom-left-radius:0;border-bottom-right-radius:0}}@media screen and (max-height: 750px){.x-design-subscribe-subscribe-view{max-height:650px}}@media screen and (max-height: 700px){.x-design-subscribe-subscribe-view{max-height:600px}}@media screen and (max-height: 600px){.x-design-subscribe-subscribe-view{max-height:550px}}.x-design-subscribe-subscribe-view *{box-sizing:border-box}.x-design-subscribe-subscribe-view-side{width:calc(100% - 400px);line-height:0;border-radius:17px;overflow:hidden;background:var(--background-system-main-background-default)}.x-design-subscribe-subscribe-view-side-loaded{background:none}@media screen and (max-width: 500px){.x-design-subscribe-subscribe-view-side{display:none}}.x-design-subscribe-subscribe-view-container{width:400px;padding:40px 40px 0;display:flex;flex-direction:column}@media screen and (max-width: 500px){.x-design-subscribe-subscribe-view-container{width:100%;padding:40px 28px 4px}}.x-design-subscribe-subscribe-view-container-header{margin-top:20px}.x-design-subscribe-subscribe-view-container-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.x-design-subscribe-subscribe-view-tabs{width:auto;margin-top:-30px}.x-design-subscribe-subscribe-view-scroll-box{width:320px;flex:1;position:relative;display:flex;overflow:hidden}.x-design-subscribe-subscribe-view-scroll-box-disabled{flex:none}@media screen and (max-width: 500px){.x-design-subscribe-subscribe-view-scroll-box{width:100%;min-height:250px}.x-design-subscribe-subscribe-view-scroll-box-disabled{min-height:auto}}.x-design-subscribe-subscribe-view-scroll-view{background:none;overflow:scroll;flex:1;scrollbar-width:none}.x-design-subscribe-subscribe-view-scroll-view::-webkit-scrollbar{display:none}.x-design-subscribe-subscribe-view-scroll-mask{background:var(--list-view-mask-background);position:absolute;bottom:0;width:100%;height:32px;transition:opacity .5s;pointer-events:none}.x-design-subscribe-subscribe-view-payment{margin-top:18px}.x-design-subscribe-subscribe-view-payment-button{height:50px}.x-design-subscribe-subscribe-view-payment-button-icon{padding-right:8px;line-height:1}.x-design-subscribe-subscribe-view-payment a,.x-design-subscribe-subscribe-view-payment-help{color:var(--content-system-tertiary)!important;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px;display:block;margin-top:12px;text-decoration:underline}.x-design-subscribe-subscribe-view-payment a:hover,.x-design-subscribe-subscribe-view-payment-help:hover{color:var(--link-btn-hover)!important}.x-design-subscribe-subscribe-view-footer{color:var(--content-system-tertiary);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px;height:48px;margin:18px 0 -12px;display:flex;align-items:center;justify-content:center}.x-design-subscribe-subscribe-view-footer span+span{padding-left:8px}.x-design-subscribe-subscribe-view-footer span:last-child{text-decoration:underline}.x-design-subscribe-subscribe-view-footer span:last-child:hover{cursor:pointer;color:var(--link-btn-hover)!important}