@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; }

.membership-dialog { text-align: left; border-radius: 4px; }

.membership-dialog .s-kit-form-item .s-kit-form-item-control-wrapper .s-kit-form-item-control .error { margin-top: 0px; }

.membership-dialog .name-fields { display: flex; justify-content: space-between; margin: 0px -5px; }

.membership-dialog .name-fields .s-kit-row { flex: 1 1 0%; margin-left: 5px; margin-right: 5px; }

.membership-dialog .s-kit-modal-body { padding: 40px; }

.membership-dialog .s-kit-modal-body .s-kit-form { font-size: 14px; }

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

.membership-dialog .mobile-dialog-style { flex-direction: column; }

.membership-dialog .mobile-dialog-style, .membership-dialog .mobile-dialog-style > div { width: 100%; }

.membership-dialog .mobile-dialog-style .left { max-height: 240px; margin-bottom: 20px; }

.membership-dialog .s-dialog-form .content { display: flex; justify-content: space-between; flex-direction: row; width: 710px; }

.membership-dialog .s-dialog-form .content.free_register:not(.slimed), .membership-dialog .s-dialog-form .content.free_register:not(.slimed) > div { width: 100%; }

.membership-dialog .s-dialog-form .content.free_register:not(.slimed) .left { display: none; }

.membership-dialog .s-dialog-form .content .s-kit-radio-card { min-height: 50px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card { min-height: 20px; border: 0px; padding: 10px 0px 0px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .s-kit-radio-wrapper .s-kit-radio-input { width: 14px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .plan-price { font-weight: normal; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray { border-radius: 0px; border-bottom-width: 0px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text { line-height: 1.5; margin-top: 0px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group { margin-top: 8px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray .s-kit-radio .s-kit-radio-input { width: 15px; height: 15px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray .label-item .label { font-size: 16px; font-weight: normal; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group > div:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.membership-dialog .s-dialog-form .content .s-kit-radio-group > div:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-width: 1px; }

.membership-dialog .s-dialog-form .content > div { width: 340px; }

.membership-dialog .s-dialog-form .content .left { margin-top: 4px; max-height: 600px; overflow-y: auto; }

.membership-dialog .s-dialog-form .content .left .tier-info .plan-price { color: rgb(75, 80, 86); font-weight: normal; }

.membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content { width: 100%; overflow-wrap: break-word; }

.membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text { flex: 1 1 0%; width: 0px; }

.membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text .title { width: 100%; display: inline-block; }

.membership-dialog .s-dialog-form .content .left .s-kit-radio-wrapper .s-kit-radio { margin-top: 0.3em; }

.membership-dialog .s-dialog-form .content .left .tier-plan-radio-group .s-kit-radio-wrapper .s-kit-radio { margin-top: 0px; }

.membership-dialog .s-dialog-form .content .left .tier-info { line-height: 1.5; }

.membership-dialog .s-dialog-form .content .right .s-kit-form-item .s-kit-form-item-control-wrapper .s-kit-form-item-control .error { margin-top: 0px; }

.membership-dialog .s-dialog-form .content .right .name-fields { display: flex; justify-content: space-between; margin: 0px -5px; }

.membership-dialog .s-dialog-form .content .right .name-fields .s-kit-form-item { flex: 1 1 0%; margin-left: 5px; margin-right: 5px; }

.membership-dialog .s-dialog-form .content .right .gdpr-wrapper { color: rgb(169, 174, 178); }

.membership-dialog .s-dialog-form .content .right .gdpr-wrapper .s-common-link { display: inline-block; text-decoration: underline; }

.membership-dialog .s-dialog-form .content .right .gdpr-wrapper a { margin-top: 20px; }

.membership-dialog .s-dialog-form .content .right .gdpr-wrapper span { line-height: 1.5; }

.membership-dialog .s-dialog-form .content .right .bottom-actions > button:not(:first-of-type) { margin-top: 10px; }

.membership-dialog .s-dialog-form .content.slimed { flex-direction: column; }

.membership-dialog .s-dialog-form .content.slimed, .membership-dialog .s-dialog-form .content.slimed > div { width: 100%; }

.membership-dialog .s-dialog-form .content.slimed .left { max-height: 240px; margin-bottom: 20px; }

@media screen and (max-width: 770px) {
  .membership-dialog .s-dialog-form .content { flex-direction: column; }
  .membership-dialog .s-dialog-form .content, .membership-dialog .s-dialog-form .content > div { width: 100%; }
  .membership-dialog .s-dialog-form .content .left { max-height: 240px; margin-bottom: 20px; }
  .membership-dialog .s-dialog-form .content .plan-price { margin-top: 5px; display: block; }
}

.membership-dialog.s-kit-modal { min-height: 266px; max-width: 800px; }

.membership-dialog .error-message { margin-bottom: 15px; color: rgb(230, 71, 81); }

.membership-dialog .s-kit-input { width: 100%; height: 37px; box-sizing: border-box; }

.membership-dialog .s-form-field.paid-membership-radio { color: rgb(75, 80, 86); display: flex; align-items: center; }

.membership-dialog .s-form-field.paid-membership-radio input { width: auto; margin-right: 10px; }

.membership-dialog .subscriptions-view .form-title, .membership-dialog .update-account-view .form-title { cursor: pointer; display: flex; align-items: center; }

.membership-dialog .subscriptions-view .form-title .fa-angle-left, .membership-dialog .update-account-view .form-title .fa-angle-left { font-size: 25px; align-self: flex-start; margin-right: 10px; }

.membership-dialog .subscriptions-list { border: 1px solid rgb(221, 221, 221); }

.membership-dialog .subscriptions-list .subscription-item { border-bottom: 1px solid rgb(221, 221, 221); display: flex; align-items: flex-start; padding: 20px 20px 0px; flex-wrap: wrap; }

.membership-dialog .subscriptions-list .subscription-item .info { flex: 1 1 0%; min-width: 200px; margin-bottom: 20px; }

@media screen and (max-width: 770px) {
  .membership-dialog .subscriptions-list .subscription-item .info { min-width: unset; width: 0px; }
}

.membership-dialog .subscriptions-list .subscription-item .name { overflow-wrap: break-word; font-weight: 600; }

.membership-dialog .subscriptions-list .subscription-item .s-kit-btn { flex: 0 0 auto; min-width: 140px; margin: 0px 0px 20px; }

.membership-dialog .subscriptions-list .subscription-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper { display: flex; margin-bottom: 10px; }

.membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper .discount-tag { margin-left: 5px; }

.membership-dialog .subscriptions-list .subscription-item .subscribe-plans { margin-top: 5px; line-height: 1; }

.membership-dialog .subscriptions-list .subscription-item .subscribe-plans .sub-text { margin-top: 5px; color: rgb(198, 201, 205); }

@media screen and (min-width: 770px) {
  .membership-dialog .subscriptions-list .mid-gray .s-kit-btn { margin-bottom: 0px; }
}

.membership-dialog.payment .error-message { margin-bottom: 0px; }

.membership-dialog.payment .s-kit-modal-body { padding: 0px; }

.membership-dialog.payment .s-kit-modal-close-x { display: none; }

.membership-dialog.payment .stripe-form .form-body .s-form-field .entypo-mail { top: 0px; }

.membership-dialog.payment .stripe-form .form-body .s-form-field .s-btn { text-align: center; }

.membership-dialog.payment .stripe-form .header { margin-bottom: 0px; }

.membership-dialog.payment .stripe-form .form-body .title { font-weight: 600; text-transform: uppercase; }

.membership-dialog.payment .square-form .s-form-field input { padding: 12px 20px 12px 50px; }

.membership-dialog.payment .square-form .form-body .square-card-container .error-message.more-space { bottom: -10px; }

.membership-dialog.subscriptions .s-kit-modal-body { max-width: 560px; }

.membership-dialog.subscriptions .loading:not(.s-kit-btn) { line-height: 200px; font-size: 20px; text-align: center; }

.membership-dialog.payment_success .s-kit-modal-body { max-width: 500px; text-align: center; }

.membership-dialog.payment_success .form-title { font-weight: 600; }

.membership-dialog.payment_success p { margin-bottom: 20px; line-height: 1.4; }

.membership-dialog.payment_success .s-kit-btn { min-width: 120px; }

.membership-dialog.payment_failure .s-kit-modal-body { max-width: 400px; text-align: center; }

.membership-dialog.account_info .s-kit-modal-body, .membership-dialog.subscriptions .s-kit-modal-body { min-height: 350px; box-sizing: border-box; }

.membership-dialog .payment-failed .content { line-height: 1.4; margin: 10px 0px 30px; }

.membership-dialog .payment-failed .bottom-buttons .s-kit-btn { display: block; margin: 10px 0px 0px; width: 100%; }

.membership-section-wrapper { display: flex; justify-content: center; align-items: center; height: 100vh; }

.membership-section-wrapper .membership-dialog { min-width: 350px; }

.membership-section-wrapper .recaptcha-widget-container { margin-bottom: 20px; }

.membership-section-wrapper .bottom-actions > button:not(:first-of-type) { margin-top: 10px; }

.s4-dropdown-list { position: absolute !important; top: 100% !important; }

.bottom-actions { color: rgb(169, 174, 178); margin-top: 10px; }

.bottom-actions a { text-decoration: underline; cursor: pointer; margin-top: 10px; display: block; }

.bottom-actions .s-terms-link { display: inline-block; text-decoration: underline; cursor: pointer; }

.bottom-actions .register-link { color: rgb(27, 176, 230); }

.bottom-actions .s-kit-btn-block { margin-bottom: 0px; }

.bottom-actions .registration-disabled { height: 38px; line-height: 38px; text-align: center; font-weight: bold; border-radius: 4px; margin-bottom: 10px; text-transform: uppercase; background: rgb(228, 232, 239); font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

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

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

.bottom-actions .registration-disabled:lang(zh-tw) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei; }

.bottom-actions .s-kit-btn.s-kit-btn-background-ghost.basic-blue { color: rgb(27, 176, 230); background: inherit; border-color: rgb(27, 176, 230); }

.bottom-actions .s-kit-btn.s-kit-btn-background-ghost.basic-blue:hover { background: rgb(27, 176, 230); color: rgb(255, 255, 255); }

.s-kit-modal-body { font-size: 14px !important; }

.s-nav-top-center-item-container .s-membership-nav.s-nav-dropdown.s-navbar-dropdown .s-nav-link-container { display: inline-block; }

@media (max-width: 400px) {
  .s-kit-modal { min-width: 100% !important; }
}