@charset "utf-8";

@font-face { font-family: Inter; src: url("/assets/693b77d4f32ee9b8bfc9.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/f5812feec683d7db6313.woff2") format("woff2"), url("/assets/dd49a5a291804e1d3d63.woff") format("woff"); font-weight: 400; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/fd25ab2ccf9211d5ac68.woff2") format("woff2"), url("/assets/20e5284506ae1fb3f051.woff") format("woff"); font-weight: 600; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/f62f19814fae700448a1.woff2") format("woff2"), url("/assets/dcdd74399890bf0808df.woff") format("woff"); font-weight: 700; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/a0357cb694b5284870c7.woff") format("woff"), url("/assets/eeee8057e8b35113884c.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/d3cd72b3406363d94d62.woff") format("woff"), url("/assets/6c4e465946864f576c02.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/1e2916c514af4531e75f.woff") format("woff"), url("/assets/bdf983a7d3f8b72e7819.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/a1cb81c9f07f1f399db6.woff") format("woff"), url("/assets/3fc333eb3107febd4065.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/641673bef88ac6746fb4.woff") format("woff"), url("/assets/7eb166fdf2e73d393aec.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/22e7a1b10c110072f5a0.woff") format("woff"), url("/assets/dee2d2b7658161d7efa0.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/26b216fadb2ffcd542ca.woff") format("woff"), url("/assets/9f8567ea7c2d954377d5.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: open_sans; src: url("/assets/bb7bba640412aaea13f9.woff") format("woff"), url("/assets/478acaaa7b6aa3c74814.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; }

.s-dialog-form .s-kit-modal-close { right: 22px; }

.s-dialog-form .form-title { color: rgb(75, 80, 86); text-transform: uppercase; font-size: 20px; font-weight: bold; margin-bottom: 20px; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.s-dialog-form .form-title:lang(ja) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }

.s-dialog-form .form-title:lang(zh-cn), .s-dialog-form .form-title:lang(zh), .s-dialog-form .form-title:lang(sxl) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑; }

.s-dialog-form .form-title:lang(zh-tw) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei; }

.s-dialog-form .form-description { color: rgb(99, 105, 114); margin-bottom: 20px; }

.page-settings-content.membership-tab .content { margin-bottom: 0px; }

.page-settings-content.membership-tab .content .upgrade-btn { margin-top: 15px; }

.page-settings-content.membership-tab .form-link { color: rgb(92, 102, 118); text-decoration: underline; }

.page-settings-content.membership-tab .hint { color: rgb(169, 174, 178); }

.page-settings-content.membership-tab button.s-kit-btn { margin-bottom: 0px; }

.page-settings-content.membership-tab .subscription-price .price-field input { padding-left: 55px; margin-right: 10px; width: 150px !important; }

.page-settings-content.membership-tab .subscription-price .price-field .price-error input { border: 1px solid rgb(230, 71, 81); }

.page-settings-content.membership-tab .form-field .tier-name { cursor: pointer; }

.page-settings-content.membership-tab .form-field .tier-name:hover { text-decoration: underline; }

.page-settings-content.membership-tab .upgrade-card { margin: 10px 0px 15px; }

.page-settings-content.membership-tab .url-input { min-width: 400px; margin-bottom: 5px; background: rgb(244, 246, 248); }

.page-settings-content.membership-tab .onboarding-view { max-width: 680px; }

.page-settings-content.membership-tab .onboarding-view .form-title { margin: 20px 0px; font-weight: bold; }

.page-settings-content.membership-tab .onboarding-view .s-box { padding: 20px; margin-bottom: 15px; border-color: rgb(223, 223, 223); }

.page-settings-content.membership-tab .onboarding-view .s-box label { display: flex; }

.page-settings-content.membership-tab .onboarding-view .s-box label input { margin-right: 10px; }

.page-settings-content.membership-tab .onboarding-view .s-box label .name { font-weight: bold; }

.page-settings-content.membership-tab .onboarding-view .s-box label .hint { margin-top: 8px; line-height: 1.4; }

.page-settings-content.membership-tab .onboarding-view .s-box label .payment-link { margin-left: 6px; color: rgb(169, 174, 178); font-weight: bold; text-decoration: underline; }

.page-settings-content.membership-tab .onboarding-view .s-box .s-tag { margin-left: 10px; background: rgba(251, 125, 43, 0.1); color: rgb(251, 125, 43); }

.page-settings-content.membership-tab .onboarding-view .s-box .name-tag { margin-left: 10px; }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box .label-item .label { color: rgb(73, 77, 86); }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box:not(:last-child) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box:not(:last-child):not(:first-child) { border-radius: 0px; }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box:first-child { border-radius: 4px 4px 0px 0px; }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box:last-child { border-radius: 0px 0px 4px 4px; }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box .payment-link { margin-left: 6px; color: rgb(169, 174, 178); font-weight: bold; text-decoration: underline; }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box .label-item .label { font-size: 14px; }

.page-settings-content.membership-tab .onboarding-view .radio-box-group .radio-box .radio-text { color: rgb(141, 148, 156); line-height: 1.4; margin-top: 0px; }

.page-settings-content.membership-tab .onboarding-view .sub-options { margin-top: 15px; }

.page-settings-content.membership-tab .onboarding-view button.s-kit-btn { margin-bottom: 0px; margin-right: 15px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper { max-width: 700px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .ui-sortable { padding-top: 5px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .ui-sortable .s-kit-basic-card { border-radius: 0px; border-bottom-width: 0px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .ui-sortable > div:first-child .s-kit-basic-card { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .ui-sortable > div:last-child .s-kit-basic-card { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .subtitle { margin-top: 5px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .s-kit-basic-card { max-width: 660px; min-height: 70px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .sort-icon { cursor: move; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title { font-family: open_sans, "Open Sans", sans-serif; text-transform: none; margin-bottom: 0px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title:lang(ja) { font-family: open_sans, "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title:lang(zh-cn), .page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title:lang(zh), .page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title:lang(sxl) { font-family: open_sans, "Open Sans", "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, sans-serif; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title:lang(zh-tw) { font-family: open_sans, "Open Sans", "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei, sans-serif; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info { display: flex; align-items: center; font-size: 14px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info.disabled { color: rgb(169, 174, 178); }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .plan-price { font-weight: normal; color: rgb(147, 183, 25); }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .member-count-bar { font-family: brandon-grotesque, brandon, martel-sans, sans-serif; font-weight: normal; padding: 0px 4px; border-radius: 2px; font-size: 12px; background-color: rgba(226, 228, 231, 0.5); color: rgb(141, 148, 156); text-transform: uppercase; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .member-count-bar:lang(ja) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .member-count-bar:lang(zh-cn), .page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .member-count-bar:lang(zh), .page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .member-count-bar:lang(sxl) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .member-count-bar:lang(zh-tw) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .text-container > .title .tier-info .member-count-bar.disabled { border: 1px solid rgb(226, 228, 231); background-color: unset; color: rgb(198, 201, 205); }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card .sub-text { color: rgb(169, 174, 178); word-break: break-word; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card.disabled { cursor: unset; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .tier-card.disabled .text-container { margin-left: 30px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .bottom-wrapper { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .bottom-wrapper .left { display: flex; align-items: center; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .bottom-wrapper .left .hint span { color: rgb(198, 201, 205); }

.page-settings-content.membership-tab .membership-tier-list-wrapper .bottom-wrapper .left .hint span:not(:last-of-type) { margin-right: 5px; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .bottom-wrapper .left .toggle-btn { align-items: center; display: inline-block; text-decoration: underline; }

.page-settings-content.membership-tab .membership-tier-list-wrapper .bottom-wrapper .left .s-kit-btn { margin-right: 10px; }

.membership-tier-editor-dialog .content { width: 452px; color: rgb(92, 102, 118); }

.membership-tier-editor-dialog .content .s-kit-form-item { color: rgb(92, 102, 118); }

.membership-tier-editor-dialog .s-kit-form-item.warning-hint { color: rgb(92, 102, 118); font-weight: bold; font-size: 14px; }

.membership-tier-editor-dialog .s-kit-form-item.bottom { margin-bottom: 0px; }

.membership-tier-editor-dialog .s-kit-form-item.bottom { width: 100%; }

.membership-tier-editor-dialog .s-kit-form-item.bottom .s-kit-form-item-control-input-content { display: flex; align-items: center; justify-content: space-between; }

.membership-tier-editor-dialog .s-kit-form-item.bottom .s-kit-form-item-control-input-content button.s-kit-btn { margin-bottom: 0px; }

.membership-tier-editor-dialog .s-kit-form-item.bottom .s-kit-form-item-control-input-content .field-link { cursor: pointer; }

.membership-tier-editor-dialog .s-kit-form-item.stripe-warning .field-link a.red { text-decoration: underline; cursor: pointer; }

.membership-tier-editor-dialog .s-kit-form-item .warning-icon { margin: 0px 5px 0px 0px; }

.membership-tier-editor-dialog .s-kit-form-item .loading-icon { margin: 0px 0px 0px 8px; }

.membership-tier-editor-dialog .s-kit-form-item .registration-method-radio-wrapper { margin-top: 10px; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .s-kit-form-item { margin-bottom: 0px; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input { vertical-align: top; display: inline-block; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input:first-child { margin-right: 12px; margin-bottom: 10px; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input.input-field { width: auto; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-field { gap: 5px; display: flex; align-items: center; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-field .plan-price-checkbox { display: inline-flex; vertical-align: inherit; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-field .plan-price-checkbox .s-kit-checkbox { margin-top: 0px; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-amount { display: inline-block; width: 202px; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-amount input { width: 100%; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-amount input[type="number"] { }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-amount input::-webkit-outer-spin-button, .membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .plan-price-amount input::-webkit-inner-spin-button { appearance: none; }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .disabled .s-kit-input, .membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .disabled .s-kit-input-suffix { color: rgb(169, 174, 178); }

.membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .checked .s-kit-input, .membership-tier-editor-dialog .s-kit-form-item .subscription-price .plan-price-input .checked .s-kit-input-suffix { color: rgb(92, 102, 118); }

.membership-tier-editor-dialog .s-kit-form-item .input-field, .membership-tier-editor-dialog .s-kit-form-item .textarea-field { width: 100%; }

.membership-tier-editor-dialog .s-kit-form-item .text-input-box .counter { position: absolute; top: -22px; right: 0px; color: rgb(198, 201, 205); }

.membership-tier-editor-dialog .s-kit-form-item .text-input-box .textarea-field { resize: none; height: 80px; }

.membership-tier-editor-dialog .s-kit-form-item .select-item.product-option { margin-top: 5px; display: flex; align-items: center; justify-content: space-between; padding-left: 4px; padding-right: 12px; }

.membership-tier-editor-dialog .s-kit-form-item .select-item.product-option .selected-items { position: absolute; top: 7px; left: 10px; }

.membership-tier-editor-dialog .s-kit-form-item .select-item .s-kit-select { width: 258px; white-space: nowrap; padding-right: 20px; text-overflow: ellipsis; }

.membership-tier-editor-dialog .s-kit-form-item .select-item .s-kit-select:disabled { background-image: none; background-color: rgb(226, 228, 231); color: rgb(169, 174, 178); cursor: default; }

.membership-tier-editor-dialog .s-kit-form-item .field-link.red { font-size: 14px; color: rgb(230, 71, 81); }

.membership-tier-editor-dialog .s-kit-form-item .field-link.red i.fa { margin-right: 5px; }

.membership-tier-editor-dialog .s-kit-form-item .field-hint { color: rgb(169, 174, 178); }

.membership-tier-editor-dialog .s-kit-form-item .field-hint a { color: rgb(42, 171, 217); }

.registration-method-radio-wrapper .s-kit-radio-wrapper { font-size: 14px; font-weight: normal; }

.tier-list-popup-wrapper .tier-item { margin-bottom: 5px; }

.tier-list-popup-wrapper .tier-item:last-child { margin-bottom: 0px; }

.tier-list-popup-wrapper .s-kit-popover-content .s-kit-popover-inner { background-color: rgb(244, 246, 248) !important; }

.tier-list-popup-wrapper .s-kit-popover-arrow::after { border-bottom-color: rgb(244, 246, 248) !important; }

.tier-list-popup-wrapper .s-kit-popover-arrow { border-bottom-color: rgb(226, 228, 231) !important; }