.smm-membership{--smm-accent:var(--wd-primary-color,var(--wd-primary-color-default,#202020));padding:24px;border:1px solid var(--wd-border-color,#e5e5e5);border-radius:12px;background:var(--wd-main-bg-color,#fff);color:var(--wd-text-color,#333);font-family:inherit;direction:rtl;box-sizing:border-box;text-align:right}
.smm-membership *{box-sizing:border-box}
.smm-modal{width:min(480px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 70px #0003}
.smm-modal:not([open]){display:none}
.smm-modal::backdrop{background:rgba(0,0,0,.55)}
.smm-modal-open{overflow:hidden}
.smm-membership h2{font:inherit;font-size:20px;font-weight:700;margin:0 0 12px;padding-inline-end:32px;color:inherit}
.smm-membership .smm-close{position:absolute;inset-inline-end:12px;top:10px;width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:27px;line-height:1;cursor:pointer}
.smm-close:hover{background:#8881}
.smm-tabs{display:flex;gap:16px;justify-content:center;border-bottom:1px solid var(--wd-border-color,#eee);margin-bottom:20px}
.smm-tabs a{display:inline-block;padding:10px 20px;text-decoration:none;color:inherit;opacity:.65;font-weight:600}
.smm-tabs a[aria-selected="true"]{opacity:1;border-bottom:2px solid var(--smm-accent)}
.smm-membership [hidden]{display:none!important}
.smm-form{display:flex;flex-direction:column;gap:15px;margin:0}
.smm-form label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:14px;font-weight:500;line-height:1.6}
.smm-form .smm-field-title{display:inline-flex;flex-direction:row;align-items:baseline;gap:5px;color:inherit}
.smm-form .smm-required{display:inline;color:#b33434;line-height:1}
.smm-form input:not([type="checkbox"]):not([type="file"]){height:44px;min-width:0;max-width:100%;width:100%;padding:8px 12px;border:1px solid var(--wd-border-color,#ddd);border-radius:5px;background:transparent;color:inherit;font:inherit}
.smm-membership :is(input,a,button):focus-visible{outline:2px solid var(--smm-accent);outline-offset:2px}
.smm-form .smm-file{border:1px dashed var(--wd-border-color,#bbb);padding:12px;border-radius:5px}
.smm-form .smm-file input{max-width:100%;font:inherit;direction:rtl}
.smm-form small{font-size:12px;font-weight:400;color:inherit;opacity:.75}
.smm-form .smm-check{display:flex;flex-direction:row;align-items:center;gap:9px}
.smm-form .smm-check input{margin:0;flex:0 0 auto}
.smm-form button.button{width:100%;min-height:45px;background:var(--smm-accent);color:#fff;border-radius:5px;font-family:inherit;cursor:pointer}
.smm-hint{font-size:13px;opacity:.8;text-align:center;margin:0}
.smm-hint a{text-decoration:underline;color:var(--smm-accent)}
.smm-notice{margin:0 0 18px;padding:12px 16px;background:var(--wd-alternative-color,#f4f4f4);border-inline-start:3px solid var(--smm-accent);border-radius:4px}
.smm-trap{position:absolute!important;inset-inline-start:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.smm-launcher{text-align:center;padding:32px 16px}
.smm-launcher .button{margin:4px}
.smm-fallback{max-width:480px;margin:24px auto}
.smm-js .smm-fallback{display:none}
@media(max-width:650px){.smm-membership{padding:20px}.smm-form{gap:13px}.smm-modal{max-height:calc(100dvh - 24px);width:calc(100% - 24px)}}