@charset "utf-8";

.membership-empty-ui-wrap { display: flex; justify-content: center; padding: 50px; margin-top: 30px; background-color: rgb(244, 246, 248); }

.membership-empty-ui-wrap .membership-empty-ui-content { max-width: 1200px; display: flex; justify-content: space-between; }

.membership-empty-ui-wrap .empty-title { font-size: 20px; color: rgb(141, 148, 156); line-height: 1.2; text-align: center; margin-bottom: 20px; }

.membership-empty-ui-wrap .empty-image { max-width: 100%; }

.membership-empty-ui-wrap .empty-left, .membership-empty-ui-wrap .empty-right { flex: 1 1 0%; max-width: 500px; margin: 0px 20px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.membership-empty-ui-wrap .empty-left-container { position: relative; }

.membership-empty-ui-wrap .empty-left-container .empty-image { visibility: hidden; }

.membership-empty-ui-wrap .empty-left-container .register-empty-box { position: absolute; top: 0px; left: 50%; transform-origin: 0px 0px; z-index: 2; }

.membership-empty-ui-wrap .empty-image-wrap { position: relative; }

.membership-empty-ui-wrap .icon-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; color: rgb(141, 148, 156); text-align: center; }

.membership-empty-ui-wrap .icon-wrap .empty-icon { font-size: 50px; }

.membership-empty-ui-wrap .icon-wrap .empty-icon-tips { font-size: 14px; font-weight: 700; line-height: 1.5; margin-top: 10px; color: inherit; }

.membership-empty-ui-wrap .register-empty-wrap { pointer-events: none; padding: 40px; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px; width: 790px; position: relative; }

.membership-empty-ui-wrap .register-empty-wrap .register-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; }

.membership-empty-ui-wrap .register-empty-wrap .register-empty-panel { display: flex; }

.membership-empty-ui-wrap .register-empty-wrap .register-empty-panel .register-empty-left, .membership-empty-ui-wrap .register-empty-wrap .register-empty-panel .register-empty-right { flex: 1 1 0%; }

.membership-empty-ui-wrap .register-empty-wrap .close-icon { position: absolute; top: 32px; right: 40px; z-index: 1; color: rgb(141, 148, 156); font-size: 30px; font-weight: 300; }

.membership-empty-ui-wrap .register-empty-wrap .close-icon::before { content: "×"; display: block; }

.membership-empty-ui-wrap .register-empty-left { margin-right: 20px; }

.membership-empty-ui-wrap .register-empty-left .s-kit-radio-group .s-kit-basic-card.gray { border-radius: 0px; border-bottom-width: 0px; }

.membership-empty-ui-wrap .register-empty-left .s-kit-radio-group .s-kit-basic-card.gray:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.membership-empty-ui-wrap .register-empty-left .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-empty-ui-wrap .register-empty-left .plan-price { color: rgb(75, 80, 86); font-weight: normal; }

.membership-empty-ui-wrap .register-empty-right .s-kit-form-item { font-size: 14px; margin-bottom: 20px; line-height: 1.5; }

.membership-empty-ui-wrap .register-empty-right .s-kit-form-item-label { font-size: 14px; color: rgb(75, 80, 86); font-weight: bold; margin-bottom: 5px; line-height: 1.5; }

.membership-empty-ui-wrap .register-empty-right .s-kit-form-item-label label { font-weight: bold; }

.membership-empty-ui-wrap .register-empty-right .enter-box, .membership-empty-ui-wrap .register-empty-right .btn { width: 100%; }

.membership-empty-ui-wrap .register-empty-right .log-in-btn { margin-top: 10px; }

body.editor-rtl-layout .membership-empty-ui-wrap .register-empty-wrap .close-icon { left: 40px; right: auto; }

body.editor-rtl-layout .membership-empty-ui-wrap .register-empty-left { margin-left: 20px; margin-right: 0px; }

body.editor-rtl-layout .membership-empty-ui-wrap .register-empty-right .log-in-btn { margin-top: 10px; }