html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #1d2327; letter-spacing: normal; text-transform: none; text-shadow: none; word-spacing: normal; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) *, html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) *::before, html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) *::after { box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(button, input, select, textarea, optgroup) { font-family: inherit; font-size: inherit; line-height: normal; letter-spacing: normal; text-transform: none; text-shadow: none; box-shadow: none; background-image: none; min-height: 0; min-width: 0; height: auto; margin: 0; border-radius: 0; font-weight: 400; text-decoration: none; transform: none; transition: none; filter: none; outline-offset: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(button, input[type=button], input[type=submit], input[type=reset]) { width: auto; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(button, input[type=button], input[type=submit], input[type=reset]):where(:hover, :focus, :active) { background-image: none; box-shadow: none; transform: none; text-shadow: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]), select, textarea) { background: #fff; color: #1d2327; border: 1px solid #8c8f94; border-radius: 4px; padding: 6px 10px; width: auto; max-width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea):where(:hover, :focus) { background-color: #fff; color: #1d2327; box-shadow: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(textarea) { line-height: 1.5; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(input[type=checkbox], input[type=radio]) { width: auto; height: auto; padding: 0; border: revert; background: revert; appearance: auto; -webkit-appearance: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(h1, h2, h3, h4, h5, h6) { font-family: inherit; color: #1d2327; font-weight: 600; font-style: normal; letter-spacing: normal; text-transform: none; line-height: 1.25; text-shadow: none; padding: 0; border: 0; background: none; margin: 0 0 .6em; word-spacing: normal; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(h1) { font-size: 32px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(h2) { font-size: 28px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(h3) { font-size: 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(h4) { font-size: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(h5) { font-size: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(h6) { font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(p) { font-size: inherit; line-height: inherit; margin: 0 0 1em; color: inherit; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(a) { color: #2271b1; text-decoration: none; box-shadow: none; border: 0; background: none; font-weight: inherit; text-transform: none; letter-spacing: normal; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(a):where(:hover, :focus, :active) { color: #135e96; text-decoration: underline; box-shadow: none; background: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(table) { border-collapse: collapse; border-spacing: 0; border: 0; margin: 0; background: none; font-size: inherit; table-layout: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(th, td) { border: 0; background: none; padding: 0; font-size: inherit; line-height: inherit; text-align: left; vertical-align: middle; font-weight: 400; color: inherit; text-transform: none; letter-spacing: normal; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(th) { font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(tr, thead, tbody, tfoot, tr:nth-child(odd), tr:nth-child(even), tr:hover) { background: none; border: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(ul, ol) { margin: 0 0 1em; padding: 0 0 0 1.5em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(li) { margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(li)::before { content: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(label) { font-size: inherit; font-weight: inherit; color: inherit; letter-spacing: normal; text-transform: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(strong, b) { font-weight: 700; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(em, i) { font-style: italic; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(small) { font-size: 80%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(img) { box-shadow: none; border: 0; border-radius: 0; max-width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(hr) { border: 0; border-top: 1px solid #dcdcde; margin: 1em 0; background: none; height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(code) { font-family: Consolas, Monaco, monospace; font-size: .9em; background: #f0f0f1; color: inherit; padding: 2px 5px; border-radius: 3px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed :where(.cm-front, .cm-portal, .cmpe-page, .cmpe-placeholder, .cf-form-wrap, .cm-modal-overlay, .cm-gal, #cm-gal-lightbox, .cm-status-overlay) :where(details, summary) { background: none; border: 0; padding: 0; margin: 0; color: inherit; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front{ font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-box{
max-width: 380px;
margin: 0 auto;
background: #fff;
border: 1px solid #e2e4e7;
border-radius: 10px;
padding: 26px 26px 20px;
box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-box h3{ margin: 0 0 16px; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-box label{ display: block; font-size: 13px; font-weight: 600; margin-bottom: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-box input{
display: block;
width: 100%;
margin-top: 4px;
padding: 9px 11px;
border: 1px solid #c3c4c7;
border-radius: 6px;
font-size: 15px;
box-sizing: border-box;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-box .cm-btn{ width: 100%; text-align: center; margin-top: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-error{
background: #fcf0f1;
border: 1px solid #f0b8bb;
color: #b32d2e;
border-radius: 6px;
padding: 8px 12px;
font-size: 13.5px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-forgot{ text-align: center; margin: 14px 0 0; font-size: 13px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notice{ background: #f6f7f7; border: 1px solid #e2e4e7; border-radius: 8px; padding: 12px 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-btn{
display: inline-block;
border: 1px solid #2271b1;
background: #2271b1;
color: #fff;
border-radius: 6px;
padding: 9px 18px;
font-size: 14px;
cursor: pointer;
text-decoration: none;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn:hover{ background: #135e96; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal{ position: relative; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appwrap{ position: sticky; top: 0; z-index: 500; margin-bottom: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed.admin-bar .cm-appwrap{ top: 32px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar{
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: 16px;
background: var(--cmp-bar-bg, #1d2327);
color: var(--cmp-bar-text, #fff);
border-radius: 0;
padding: 12px 16px;
position: relative;
z-index: 2;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar-brand{ display: flex; align-items: center; gap: 12px; min-width: 0; justify-self: start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar-logo{ height: var(--cmp-logo-h, 40px); width: auto; max-width: 220px; object-fit: contain; display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar-title{ font-size: 17px; font-weight: 700; color: var(--cmp-bar-text, #fff); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar-actions{ display: flex; align-items: center; gap: 10px; justify-self: end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar button,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-cal-nav{
border: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
min-height: 0;
letter-spacing: normal;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal-menu{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 6px var(--cmp-gap, 26px);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav{
display: inline-block;
background: none !important;
padding: 6px 0;
margin: 0;
font-family: inherit;
font-size: var(--cmp-size, 15px);
font-weight: var(--cmp-weight, 600);
text-transform: var(--cmp-transform, none);
line-height: 1.3;
color: var(--cmp-item, #fff);
cursor: pointer;
text-decoration: none;
white-space: nowrap;
border-radius: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav:focus-visible{ color: var(--cmp-hover, #fff); text-decoration: var(--cmp-underline, underline); text-underline-offset: 5px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav.is-active{ color: var(--cmp-active, #72aee6); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav:focus-visible{ outline: 2px solid currentColor; outline-offset: 3px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar-title{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle{ display: none !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle{
background: none !important;
cursor: pointer;
padding: 6px 2px;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 34px;
height: 34px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle span{
display: block;
height: 3px;
width: 26px;
background: var(--cmp-m-btn, #fff);
border-radius: 2px;
transition: transform .22s ease, opacity .18s ease;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle.is-open span:nth-child(1){ transform: translateY(8px) rotate(45deg); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle.is-open span:nth-child(2){ opacity: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle.is-open span:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }
@media (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar{ display: flex; justify-content: space-between; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar-title{ display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle{ display: flex !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal-menu{
position: absolute;
left: 0;
right: 0;
top: 100%;
display: block;
background: var(--cmp-m-dd-bg, #fff);
border: 1px solid rgba(0,0,0,.08);
border-radius: 0;
box-shadow: 0 14px 34px rgba(0,0,0,.18);
z-index: 499;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal-menu.is-open{
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: opacity .2s ease, transform .2s ease, visibility 0s;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav{
display: block;
width: 100%;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,.06);
padding: 15px 18px;
font-size: var(--cmp-m-size, 16px);
font-weight: var(--cmp-m-weight, 400);
text-transform: var(--cmp-m-transform, none);
color: var(--cmp-m-dd-text, #1d2327);
box-sizing: border-box;
white-space: normal;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar .cm-pnav{ border-bottom: 1px solid rgba(0,0,0,.06) !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar .cm-pnav:last-child{ border-bottom: 0 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav:active{ background: var(--cmp-m-dd-hover, #f0f0f1) !important; color: var(--cmp-m-dd-text, #1d2327); text-decoration: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav.is-active{ color: var(--cmp-m-dd-active, #2271b1); font-weight: 700; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav:focus-visible{ outline-offset: -3px; }
}
@media (prefers-reduced-motion: reduce){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal-menu,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal-menu.is-open,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-menu-toggle span{ transition: none; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-ppanel{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-ppanel.is-active{ display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-ppanel-head{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-ppanel-head h2{ margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-head{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin-bottom: 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-photo{
width: 84px;
height: 84px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #e2e4e7;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-photo-empty{
display: flex;
align-items: center;
justify-content: center;
background: #2271b1;
color: #fff;
font-size: 26px;
font-weight: 700;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-grid{ display: grid; grid-template-columns: 1fr 1.3fr; gap: 28px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-col h3{ margin: 0 0 10px; border-bottom: 1px solid #e2e4e7; padding-bottom: 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-ul{ list-style: none; margin: 0 0 22px; padding: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-item{ margin: 0 0 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-link{
display: flex;
justify-content: space-between;
gap: 12px;
background: #f6f7f7;
border: 1px solid #e2e4e7;
border-radius: 6px;
padding: 9px 12px;
text-decoration: none;
color: #2271b1;
font-weight: 600;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-link:hover{ background: #eef4fa; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-date{ color: #8c8f94; font-weight: 400; white-space: nowrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-empty{ color: #8c8f94; font-style: italic; }
html body.cm-member-embed.cm-member-embed.cm-member-embed #cm-calendar{ border: 1px solid #e2e4e7; border-radius: 12px; overflow: hidden; background: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-head{
display: flex;
justify-content: space-between;
align-items: center;
background: var(--cmp-bar-bg, #1d2327);
color: var(--cmp-bar-text, #fff);
padding: 10px 12px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-title{ font-weight: 700; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-nav{
background: rgba(255,255,255,.12);
border: 0;
color: var(--cmp-bar-text, #fff);
font-size: 22px;
cursor: pointer;
line-height: 1;
padding: 4px 14px;
border-radius: 8px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-nav:hover{ background: rgba(255,255,255,.22); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-list{ padding: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-empty{ color: #8c8f94; font-style: italic; text-align: center; padding: 22px 10px; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item{
display: flex;
align-items: center;
gap: 14px;
width: 100%;
text-align: left;
background: #f6f7f7;
border: 1px solid #e2e4e7;
border-radius: 10px;
padding: 10px 12px;
margin-bottom: 8px;
cursor: pointer;
box-sizing: border-box;
transition: background .15s ease;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item:last-child{ margin-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item:active{ background: #eef4fa; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item-today{ border-color: #2271b1; background: #eef4fa; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-datebadge{
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 52px;
height: 56px;
background: #2271b1;
color: #fff;
border-radius: 10px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-badge-mon{ font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; opacity: .9; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-badge-day{ font-size: 22px; font-weight: 800; line-height: 1.05; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item-body{ flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item-name{ font-weight: 700; color: #1d2327; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item-meta{ font-size: 12.5px; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item-venue{ font-size: 12px; color: #8c8f94; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item-chev{ flex: 0 0 auto; color: #8c8f94; font-size: 22px; line-height: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table{ width: 100%; border-collapse: collapse; margin-bottom: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table th{ text-align: left; background: #f6f7f7; border-bottom: 2px solid #e2e4e7; padding: 9px 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table td{ border-bottom: 1px solid #eef0f1; padding: 8px 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-past-year{ border: 1px solid #e2e4e7; border-radius: 8px; margin-bottom: 10px; padding: 0 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-past-year summary{ cursor: pointer; font-weight: 700; padding: 12px 0; font-size: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-overlay{
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,.55);
z-index: 100000;
align-items: flex-start;
justify-content: center;
padding: 40px 16px;
overflow-y: auto;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-overlay.is-open{ display: flex; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal{
background: #fff;
border-radius: 10px;
width: 560px;
max-width: 100%;
box-shadow: 0 12px 40px rgba(0,0,0,.25);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-head{ display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border-bottom: 1px solid #e2e4e7; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-head h3{ margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-close{ background: none; border: 0; font-size: 24px; cursor: pointer; color: #8c8f94; line-height: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-body{ padding: 18px; max-height: 72vh; overflow-y: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-when{ font-weight: 600; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-venue{ font-weight: 600; margin: 12px 0 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 820px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-grid{ grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 700px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front{ font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar{ padding: 11px 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-appbar-title{ font-size: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-box{ max-width: 100%; padding: 20px 18px 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-login-box input{ font-size: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-head{ flex-direction: column; text-align: center; gap: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-id{ flex-direction: column; gap: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard{ width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-mid{ justify-content: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-photo img,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-photo-empty{ width: 96px; height: 96px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-photo{ width: 96px; height: 96px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-link{ flex-direction: column; gap: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-date{ white-space: normal; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-ppanel-head{ flex-direction: column; align-items: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-datebadge{ width: 46px; height: 50px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-badge-day{ font-size: 19px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item{ gap: 10px; padding: 9px 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-item-name{ font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-cal-head{ padding: 8px 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table thead{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table tbody,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table tr,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table td{ display: block; width: 100%; box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table tr{ border: 1px solid #e2e4e7; border-radius: 8px; margin-bottom: 10px; padding: 6px 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table td{ border-bottom: 0; padding: 4px 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front-table td[data-label]::before{
content: attr(data-label);
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #8c8f94;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-overlay{ padding: 12px 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal{ width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-body{ padding: 14px; max-height: 78vh; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-modal-body iframe{ height: 200px !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-btn{ padding: 11px 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-past-year summary{ padding: 14px 0; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-toggle{
background: rgba(255,255,255,.12);
border: 0;
color: #7fd18b;
font-size: 20px;
line-height: 1;
cursor: pointer;
width: 34px;
height: 34px;
border-radius: 8px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-toggle:hover{ background: rgba(255,255,255,.22); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-id{ display: flex; align-items: center; gap: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard{
background: #fff;
border: 1px solid #dcdfe3;
border-radius: 14px;
box-shadow: 0 4px 16px rgba(0,0,0,.08);
padding: 16px 18px;
width: 320px;
max-width: 100%;
box-sizing: border-box;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-name{ font-weight: 800; font-size: 17px; text-align: center; margin-bottom: 12px; color: #1d2327; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-mid{ display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-qr{ flex: 0 0 auto; line-height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-qr-svg{ border: 1px solid #eef0f1; border-radius: 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-photo{ flex: 0 0 auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-photo img,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-photo-empty{
width: 110px;
height: 110px;
border-radius: 10px;
object-fit: cover;
border: 1px solid #e2e4e7;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-photo-empty{
display: flex;
align-items: center;
justify-content: center;
background: #2271b1;
color: #fff;
font-size: 30px;
font-weight: 700;
box-sizing: border-box;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-row{ display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 12.5px; color: #50575e; padding: 5px 0; border-top: 1px solid #eef0f1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-row strong{ color: #1d2327; font-size: 13px; text-align: right; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-status-yes{ color: #1e7a34 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-status-no,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-status-suspended,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-status-deceased{ color: #b32d2e !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed #cm-qr-reader{ max-width: 420px; margin: 0 auto; border: 1px solid #e2e4e7; border-radius: 12px; overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-hint{ text-align: center; color: #8c8f94; font-size: 13px; margin-top: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-error{ padding: 20px; text-align: center; color: #b32d2e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result{ max-width: 420px; margin: 0 auto; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result-card{
border-radius: 14px;
padding: 26px 20px;
margin-bottom: 16px;
border: 2px solid transparent;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result-card.cm-scan-ok{ background: #e5f6e8; border-color: #9fd8ab; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result-card.cm-scan-bad{ background: #fbeaea; border-color: #efb2b4; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result-name{ font-size: 22px; font-weight: 800; margin-bottom: 14px; color: #1d2327; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result-row{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 4px; border-top: 1px solid rgba(0,0,0,.08); font-size: 14px; color: #3c434a; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result-row strong{ color: #1d2327; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-scan-result .cm-btn{ width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-banner{
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
background: #fff8e1;
border: 1px solid #f0d47a;
border-radius: 10px;
padding: 12px 16px;
margin-bottom: 14px;
color: #6b5200;
font-weight: 600;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-pay{
background: #fff;
border: 1px solid #e2e4e7;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0,0,0,.06);
padding: 18px;
margin-bottom: 16px;
max-width: 440px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-pay h3{ margin: 0 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-row{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 2px; border-bottom: 1px solid #eef0f1; font-size: 14.5px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-total{ font-size: 16px; border-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-total strong{ color: #1e7a34; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-pay .cm-btn{ width: 100%; margin-top: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed #cm-paypal-buttons{ margin-top: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-msg{ margin: 10px 0 0; font-size: 13.5px; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-msg.cm-renew-ok{ color: #1e7a34; font-weight: 700; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-idcard-download{ display: block; text-align: center; margin-top: 12px; width: 100%; box-sizing: border-box; }
@media (max-width: 700px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-banner{ flex-direction: column; align-items: stretch; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-renew-pay{ max-width: 100%; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-name-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-name-wrap h2{ margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed #cm-edit-profile-btn{ padding: 7px 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-form{ max-width: 460px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-photo-row{ display: flex; align-items: center; gap: 18px; margin-bottom: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-preview img,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-initials{
width: 110px;
height: 110px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #e2e4e7;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-initials{
display: flex;
align-items: center;
justify-content: center;
background: #2271b1;
color: #fff;
font-size: 32px;
font-weight: 700;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-photo-field{ flex: 1; min-width: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-label{ display: block; font-size: 13px; font-weight: 600; margin-bottom: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-label input,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-label textarea{
display: block;
width: 100%;
margin-top: 5px;
padding: 9px 11px;
border: 1px solid #c8ccd0;
border-radius: 6px;
font-size: 14px;
font-family: inherit;
box-sizing: border-box;
background: #fff;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-label input[type="file"]{ padding: 7px; background: #f6f7f7; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-hint{ font-size: 12px; color: #666; margin: 4px 0 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-subhead{ margin: 22px 0 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-msg{ margin-left: 10px; font-size: 13px; color: #b32d2e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-msg.cm-pf-ok{ color: #1a7f37; }
@media (max-width: 640px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-photo-row{ flex-direction: column; align-items: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-profile-name-wrap{ align-items: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-label input,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-pf-label textarea{ font-size: 16px; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-waiting-notice{ max-width: 520px; margin: 24px auto; text-align: center; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-waiting-notice p{ margin: 0 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-waiting-notice p:last-child{ margin-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-status-overlay{
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
background: rgba(0, 0, 0, .55);
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
padding: 20px;
box-sizing: border-box;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-status-modal{
background: #fff;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
padding: 30px 28px;
max-width: 420px;
width: 100%;
text-align: center;
font-size: 15px;
line-height: 1.5;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-status-modal p{ margin: 0 0 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-status-modal .cm-btn{ min-width: 130px; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-pay{ margin-top: 18px; border-top: 1px solid #e2e4e7; padding-top: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-pay-title{ margin: 0 0 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-pay .cm-btn{ margin-top: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-check{ margin-top: 14px; background: #f6f7f7; border: 1px solid #e2e4e7; border-radius: 8px; padding: 12px 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-check h5{ margin: 0 0 8px; font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-check p{ margin: 0 0 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-check-addr{ font-weight: 600; white-space: pre-line; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-admin-profile{
max-width: 560px;
background: #fff;
border: 1px solid #e2e4e7;
border-radius: 10px;
padding: 20px 24px;
margin-top: 12px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-visually-hidden{
position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-left > h3,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-right > h3,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-my-bio h3{ margin-top: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-left .cm-profile-head{ margin-bottom: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-left .cm-idcard{ margin-bottom: 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-my-bio{ margin-bottom: 24px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-bio-text{ line-height: 1.6; white-space: normal; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-change{ position: relative; display: inline-block; cursor: pointer; border-radius: 50%; line-height: 0; flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-change .cm-profile-photo{ display: flex; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-change-label{
position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%);
background: #1d2327; color: #fff; font-size: 11px; font-weight: 600; line-height: 1;
padding: 5px 8px; border-radius: 20px; white-space: nowrap;
box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-change:hover .cm-profile-photo,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-change:focus-within .cm-profile-photo{ filter: brightness(.9); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-change:focus-within{ outline: 2px solid #2271b1; outline-offset: 3px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-change.is-busy{ opacity: .6; pointer-events: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-msg{ font-size: 13px; color: #b32d2e; min-height: 1em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-photo-msg.cm-pf-ok{ color: #1a7f37; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-search{ display: block; max-width: 520px; margin: 0 0 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-search input{
width: 100%; box-sizing: border-box; padding: 11px 14px; font-size: 16px;
border: 1.5px solid #dcdcde; border-radius: 8px; background: #fff;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-search input:focus{ border-color: #2271b1; outline: none; box-shadow: 0 0 0 3px rgba(34,113,177,.15); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-status{ color: #646970; font-size: 14px; margin: 0 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-results{ list-style: none; margin: 0; padding: 0; max-width: 720px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-item{
display: flex; align-items: center; gap: 14px; padding: 12px 14px; margin: 0 0 8px;
border: 1px solid #e2e4e7; border-radius: 10px; background: #fff;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-name{ flex: 1; font-weight: 600; font-size: 16px; min-width: 0; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-actions{ display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-avatar{ width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-avatar-empty,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-left .cm-avatar-empty{
display: inline-flex; align-items: center; justify-content: center;
background: #2271b1; color: #fff; font-weight: 700; font-size: 17px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-back-link{
background: none !important; border: 0 !important; box-shadow: none !important; padding: 0; margin: 0 0 16px;
color: #2271b1; font-size: 14px; cursor: pointer; font-family: inherit;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-back-link:hover{ text-decoration: underline; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-left{ display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-left .cm-profile-photo{ width: 120px; height: 120px; font-size: 36px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-name{ margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-actions:empty{ display: none; }
@media (max-width: 820px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-left{ align-items: center; text-align: center; }
}
@media (max-width: 560px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-item{ flex-wrap: wrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-actions{ width: 100%; justify-content: stretch; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-dir-actions .cm-btn{ flex: 1; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar .cm-bell{
position: relative; display: inline-flex; align-items: center; justify-content: center;
width: 38px; height: 38px; padding: 0; margin: 0; border-radius: 50%;
background: transparent !important; color: var(--cmp-item, #fff); cursor: pointer;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar .cm-bell:hover{ background: rgba(255,255,255,.12) !important; color: var(--cmp-hover, #fff); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar .cm-bell:focus-visible{ outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar .cm-bell{ color: var(--cmp-m-btn, #fff); }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-bell-count{
position: absolute; top: -2px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px;
box-sizing: border-box; border-radius: 10px; background: #d63638; color: #fff;
font-size: 11px; font-weight: 700; line-height: 20px; text-align: center;
box-shadow: 0 0 0 2px var(--cmp-bar-bg, #1d2327); pointer-events: none;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-bell-count[hidden]{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-list{ list-style: none; margin: 0; padding: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif{ margin: 0 0 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-open{
display: flex; align-items: center; gap: 14px; width: 100%; text-align: left;
padding: 12px 14px; border: 1px solid #e2e4e7 !important; border-radius: 10px;
background: #fff !important; color: inherit; font: inherit; cursor: pointer; box-shadow: none !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-open:hover{ background: #f6f9fc !important; border-color: #c5d9ed !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-open:focus-visible{ outline: 2px solid #2271b1; outline-offset: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-icon{ display: inline-flex; align-items: center; justify-content: center; background: #eef4fa; font-size: 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-title{ font-weight: 600; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-preview{ color: #50575e; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-time{ color: #8c8f94; font-size: 12.5px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dot{ width: 10px; height: 10px; border-radius: 50%; background: #d63638; flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-modal{ width: 540px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-from{ display: flex; align-items: center; gap: 12px; margin: 0 0 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-from > span{ display: flex; flex-direction: column; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-body{ line-height: 1.6; overflow-wrap: anywhere; padding: 12px 14px; background: #f6f7f7; border-radius: 8px; margin: 0 0 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-write textarea{
width: 100%; box-sizing: border-box; padding: 10px 12px; font: inherit; font-size: 16px;
border: 1.5px solid #dcdcde; border-radius: 8px; resize: vertical; margin: 0 0 12px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-write textarea:focus{ border-color: #2271b1; outline: none; box-shadow: 0 0 0 3px rgba(34,113,177,.15); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-read + .cm-msg-write{ margin-top: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-buttons{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-note{ font-size: 14px; color: #b32d2e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-note.cm-pf-ok{ color: #1a7f37; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn-danger{ background: #fff; color: #b32d2e; border: 1px solid #b32d2e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn-danger:hover{ background: #b32d2e; color: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn:disabled{ opacity: .55; cursor: not-allowed; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-link-btn{
background: none !important; border: 0 !important; box-shadow: none !important; padding: 0; margin: 0;
color: #2271b1; font: inherit; font-size: 14px; cursor: pointer; text-decoration: none;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-link-btn:hover{ text-decoration: underline; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-link-btn:focus-visible{ outline: 2px solid #2271b1; outline-offset: 2px; border-radius: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn-light{ background: #fff; color: #2271b1; border: 1px solid #c3c4c7; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-btn-light:hover{ background: #f6f7f7; color: #135e96; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-avatar-sm{ width: 34px; height: 34px; font-size: 13px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-compose{ margin: 0 0 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-form textarea,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-respond-form textarea{
width: 100%; box-sizing: border-box; padding: 10px 12px; font: inherit; font-size: 16px;
border: 1.5px solid #dcdcde; border-radius: 8px; resize: vertical; margin: 0 0 10px; background: #fff;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-form textarea:focus,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-respond-form textarea:focus{ border-color: #2271b1; outline: none; box-shadow: 0 0 0 3px rgba(34,113,177,.15); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-form-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-count{ font-size: 13px; color: #8c8f94; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-focus{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; background: #eef4fa; border-radius: 8px; padding: 8px 12px; margin: 0 0 12px; font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-focus[hidden]{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed{ list-style: none; margin: 0; padding: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post{
border: 1px solid #e2e4e7; border-radius: 12px; background: #fff; padding: 14px 16px; margin: 0 0 14px;
transition: box-shadow .3s ease, border-color .3s ease; scroll-margin-top: 110px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post.is-highlight{ border-color: #2271b1; box-shadow: 0 0 0 3px rgba(34,113,177,.2); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-head{ display: flex; align-items: center; gap: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-meta{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; min-width: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-meta-main{ flex: 1; flex-direction: column; gap: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-author{ font-weight: 700; color: #1d2327; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-link-btn.cm-post-author{ color: #1d2327; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-link-btn.cm-post-author:hover{ color: #2271b1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-time{ color: #8c8f94; font-size: 12.5px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-head .cm-feed-del,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp .cm-feed-del{ color: #b32d2e; font-size: 13px; margin-left: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-body{ margin: 10px 0 0; line-height: 1.6; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp-list{ list-style: none; margin: 12px 0 0; padding: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp-list:empty{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp{ display: flex; gap: 10px; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #f0f0f1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp-main{ flex: 1; min-width: 0; background: #f6f7f7; border-radius: 10px; padding: 8px 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp-main .cm-post-author{ font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp-main .cm-post-meta{ width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp-body{ margin-top: 3px; line-height: 1.5; overflow-wrap: anywhere; font-size: 14.5px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-actions{ display: flex; align-items: center; gap: 14px; margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #f0f0f1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-resp-count{ color: #8c8f94; font-size: 13px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-respond-form{ margin: 12px 0 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-more{ display: block; margin: 4px auto 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front [hidden],html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal [hidden]{ display: none !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal > .cm-ppanel{ padding-left: var(--cmp-pad, 24px); padding-right: var(--cmp-pad, 24px); box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal > .cm-renew-banner,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal > .cm-renew-pay{ margin-left: var(--cmp-pad, 24px); margin-right: var(--cmp-pad, 24px); }
@media (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal > .cm-ppanel{ padding-left: var(--cmp-pad-m, 16px); padding-right: var(--cmp-pad-m, 16px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal > .cm-renew-banner,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal > .cm-renew-pay{ margin-left: var(--cmp-pad-m, 16px); margin-right: var(--cmp-pad-m, 16px); }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-cal-nav{
background: rgba(255,255,255,.14) !important;
color: var(--cmp-bar-text, #fff) !important;
font-size: 22px !important;
line-height: 1 !important;
padding: 4px 14px !important;
border-radius: 8px !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-cal-nav:hover{ background: rgba(255,255,255,.26) !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-appbar .cm-bell.is-open{ background: rgba(255,255,255,.18) !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd{
position: absolute;
top: 100%;
right: 12px;
width: 400px;
max-width: calc(100vw - 24px);
background: #fff;
color: #1d2327;
border: 1px solid #dcdcde;
border-radius: 0 0 10px 10px;
box-shadow: 0 16px 40px rgba(0,0,0,.2);
z-index: 510;
text-align: left;
animation: cm-dd-in .18s ease;
}
@keyframes cm-dd-in{ from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd{ animation: none; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd-head{
display: flex; justify-content: space-between; align-items: center; gap: 10px;
padding: 12px 16px; border-bottom: 1px solid #eef0f1; font-size: 15px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-notif-list{ max-height: min(70vh, 520px); overflow-y: auto; overscroll-behavior: contain; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-notif{ margin: 0; border-bottom: 1px solid #f0f0f1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-notif:last-child{ border-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-notif-dd .cm-notif-open{
border: 0 !important; border-radius: 0; padding: 12px 16px; gap: 12px;
color: #1d2327 !important; font-size: 14.5px; text-transform: none; letter-spacing: normal;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-notif-dd .cm-notif-open:hover{ background: #f3f7fb !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-avatar{ width: 40px; height: 40px; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-notif-icon{ font-size: 19px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-notif-title{ font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-notif-preview{ font-size: 13px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-empty{ padding: 22px 16px; margin: 0; text-align: center; }
@media (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd{ left: 0; right: 0; width: auto; max-width: none; border-radius: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-dd .cm-notif-list{ max-height: 70vh; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-row{
display: flex; align-items: center; justify-content: space-between; gap: 14px;
background: #f6f7f7; border: 1px solid #e2e4e7; border-radius: 8px; padding: 10px 12px 10px 14px; margin: 0 0 8px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-info{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-width: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-name{ font-weight: 600; color: #1d2327; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-doc-view,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-doc-view{ flex-shrink: 0; padding: 7px 18px; font-size: 14px; font-weight: 600; text-decoration: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-view:focus-visible{ outline: 2px solid #2271b1; outline-offset: 2px; }
@media (max-width: 560px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-doc-info{ flex-direction: column; gap: 2px; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-notif-view{
flex-shrink: 0; display: inline-block; padding: 5px 12px; border-radius: 6px;
background: #2271b1; color: #fff; font-size: 12.5px; font-weight: 600; line-height: 1.2;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-card-box{ margin: 12px 0 10px; min-height: 90px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-card-box *{ box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-card-pay{ display: block; width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-card-note{ font-size: 12.5px; color: #646970; margin: 8px 0 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-group{ margin: 0 0 28px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-group h3{ margin: 0 0 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-search{ margin: 0 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-list .cm-board-nomatch[hidden]{ display: none !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-left{
background: #f6f7f8;
border: 1px solid #eceef0;
border-radius: 12px;
padding: 20px 22px;
box-sizing: border-box;
align-self: start;
}
@media (max-width: 700px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-home-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-member-left{ padding: 16px; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-cards{
list-style: none; margin: 0 0 24px; padding: 0;
display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card{
display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px;
margin: 0; padding: 22px 18px 18px; background: #fff;
border: 1px solid #e2e4e7; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card-photo .cm-avatar{ width: 96px; height: 96px; font-size: 32px; border-radius: 50%; object-fit: cover; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card-body{ display: flex; flex-direction: column; gap: 4px; min-width: 0; width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card .cm-officer-card-name{ margin: 0; padding: 0; border: 0; font-size: 19px; line-height: 1.3; color: #1d2327; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card-office{ margin: 0; font-weight: 600; color: #2271b1; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card-date{ margin: 0; font-size: 13.5px; color: #646970; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card-actions{ margin-top: auto; width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-actions{ display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-front .cm-officer-actions .cm-btn,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-officer-actions .cm-btn{ flex: 1 1 120px; padding: 8px 12px; font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-past-year .cm-officer-cards{ margin-top: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-attach{ margin: 10px 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-attach-btn{ display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-attach input[type="file"]:focus + .cm-msg-attach-limits{ outline: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-attach-limits{ margin-left: 10px; font-size: 13px; color: #646970; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-attach-note{ margin: 8px 0 0; font-size: 13px; color: #8a4b0f; background: #fcf6ec; border-left: 3px solid #dba617; padding: 7px 10px; border-radius: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-file-ul{ list-style: none; margin: 8px 0 0; padding: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-file-ul li{
display: flex; align-items: center; gap: 10px; padding: 7px 10px; margin: 0 0 6px;
background: #f6f7f7; border: 1px solid #e2e4e7; border-radius: 6px; font-size: 14px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-file-name,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-file-link{ flex: 1; min-width: 0; overflow-wrap: anywhere; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-file-link{ color: #2271b1; font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-file-size{ flex-shrink: 0; font-size: 12.5px; color: #646970; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-files-in{ margin: 0 0 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-files-in h4{ margin: 0 0 4px; font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-msg-files-in[hidden]{ display: none !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; align-items: start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-grid .cm-board-group{ min-width: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-grid .cm-board-search{ max-width: none; }
@media (max-width: 820px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-board-grid{ grid-template-columns: 1fr; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-feed-attach{ margin: 10px 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images{ display: grid; gap: 6px; margin: 12px 0 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images-1{ grid-template-columns: 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images-2{ grid-template-columns: 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images-3{ grid-template-columns: 1fr 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-image{ display: block; border-radius: 8px; overflow: hidden; background: #f0f0f1; line-height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-image img{ display: block; width: 100%; height: 100%; object-fit: cover; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images-1 .cm-post-image img{ height: auto; max-height: 520px; object-fit: contain; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images-2 .cm-post-image,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images-3 .cm-post-image{ aspect-ratio: 1 / 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-files{ margin-top: 12px; }
@media (max-width: 560px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-post-images-3{ grid-template-columns: 1fr 1fr; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card-manage{ display: flex; gap: 18px; justify-content: center; width: 100%; padding-top: 10px; border-top: 1px solid #eef0f1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-officer-card-manage .cm-po-delete{ color: #b32d2e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-po-modal{ width: 440px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-po-who{ margin: 0 0 12px; font-weight: 600; font-size: 17px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-po-field{ display: block; margin: 0 0 4px; font-weight: 600; font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed #cm-po-office,html body.cm-member-embed.cm-member-embed.cm-member-embed #cm-po-date{ width: 100%; margin: 0 0 14px; padding: 8px 10px; border: 1px solid #c3c4c7; border-radius: 6px; font-size: 15px; background: #fff; color: #1d2327; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav.cm-pnav-icon{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; line-height: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav-icon svg{ display: block; flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav-icon .cm-pnav-label{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav-support{ margin-left: 4px; }
@media (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav.cm-pnav-icon{ display: flex; justify-content: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav-icon .cm-pnav-label{ position: static; width: auto; height: auto; overflow: visible; clip: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-pnav-support{ margin-left: 0; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-support-intro{ margin: 0 0 18px; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-modal{ width: 480px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-hero{ display: flex; align-items: center; gap: 14px; margin: 0 0 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-hero p{ margin: 0; color: #50575e; line-height: 1.5; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-hero-icon{ width: 60px; height: 60px; border-radius: 14px; box-shadow: 0 3px 10px rgba(0,0,0,.15); flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-step{ border: 1px solid #e2e4e7; border-radius: 10px; padding: 14px 16px; margin: 0 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-step:empty{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-step h4{ margin: 0 0 8px; font-size: 16px; display: flex; align-items: center; gap: 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-step p{ margin: 0 0 10px; line-height: 1.5; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-step p:last-child{ margin-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-steps{ margin: 0 0 8px; padding-left: 22px; line-height: 1.6; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-steps li{ margin: 0 0 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-ico{ display: inline-block; vertical-align: -5px; color: #2271b1; margin: 0 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-note{ font-size: 13px; color: #50575e; background: #f6f7f7; border-radius: 8px; padding: 8px 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-ok{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #00a32a; color: #fff; font-size: 12px; font-weight: 700; margin-right: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-on{ font-weight: 600; color: #00732a; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-btn{ width: 100%; justify-content: center; padding: 11px 16px !important; font-size: 15px !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-btn-plain{ background: #fff !important; color: #b32d2e !important; border: 1px solid #e0b4b4 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-msg{ font-size: 13px; color: #50575e; margin: 8px 0 0 !important; min-height: 1em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-push-notice{ width: 440px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-push-notice-body{ white-space: pre-wrap; line-height: 1.55; margin: 0 0 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-push-notice-date{ font-size: 12px; color: #8c8f94; margin: 0 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-app-step .cm-app-btn + .cm-app-btn{ margin-top: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-home-tabs{ display: none; }
@media (max-width: 820px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-home-tabs{ display: flex; gap: 4px; margin: 0 0 16px; border-bottom: 1px solid #dcdcde; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-home-tab{ flex: 1; appearance: none; background: none !important; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px; padding: 12px 10px !important; font: inherit; font-size: 16px; font-weight: 600; color: #50575e; cursor: pointer; border-radius: 0; box-shadow: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-home-tab.is-active{ color: #2271b1; border-bottom-color: #2271b1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-home-tab:focus-visible{ outline: 2px solid #2271b1; outline-offset: -2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-home-grid[data-home-tab="feed"] > .cm-home-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-portal .cm-home-grid[data-home-tab="profile"] > .cm-home-right{ display: none; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-card-field.cm-card-stripe{ padding: 12px 14px; border: 1px solid #c3c4c7; border-radius: 6px; background: #fff; min-height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-fe-event-img{ display: block; width: 100%; max-width: 360px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px; margin: 0 auto 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-toolbar{ margin-bottom: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-search{
display: block;
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #c8ccd0;
border-radius: 6px;
font-size: 14px;
margin-bottom: 16px;
background: #fff;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-row{
display: flex;
align-items: center;
gap: 14px;
padding: 12px 14px;
border: 1px solid #e2e4e7;
border-radius: 8px;
background: #fff;
margin-bottom: 10px;
flex-wrap: wrap;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-row-date{ font-weight: 600; white-space: nowrap; min-width: 105px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-row-name{ flex: 1; min-width: 160px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-row-count{ color: #777; font-size: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-row-actions{ display: flex; gap: 6px; flex-wrap: wrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-empty{ color: #777; padding: 8px 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-label{ display: block; font-size: 13px; font-weight: 600; margin-bottom: 14px; max-width: 460px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-label input{
display: block;
width: 100%;
box-sizing: border-box;
margin-top: 5px;
padding: 9px 11px;
border: 1px solid #c8ccd0;
border-radius: 6px;
font-size: 14px;
font-family: inherit;
background: #fff;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-label input[type="file"]{ padding: 7px; background: #f6f7f7; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-label input:disabled{ background: #f0f0f1; color: #666; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-hint{ font-weight: 400; font-size: 12px; color: #666; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-form-actions{ margin-top: 16px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-msg{ font-size: 13px; color: #b32d2e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-msg.cm-gal-ok{ color: #1a7f37; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-progress{ margin: 14px 0; max-width: 460px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-progress-bar{
height: 14px;
background: #e2e4e7;
border-radius: 7px;
overflow: hidden;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-progress-fill{
height: 100%;
width: 0%;
background: #2271b1;
border-radius: 7px;
transition: width .2s ease;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-progress-text{ display: block; margin-top: 6px; font-size: 12px; color: #555; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-grid{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 10px;
margin: 10px 0 18px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb{
position: relative;
border-radius: 8px;
overflow: hidden;
background: #f0f0f1;
aspect-ratio: 4 / 3;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb-click{ cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb-click:hover{ transform: scale(1.02); box-shadow: 0 4px 14px rgba(0, 0, 0, .18); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb-del{
position: absolute;
top: 6px;
right: 6px;
width: 26px;
height: 26px;
border: 0;
border-radius: 50%;
background: rgba(179, 45, 46, .92);
color: #fff;
font-size: 16px;
line-height: 1;
cursor: pointer;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb-del:hover{ background: #b32d2e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-view-head{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-view-head h3{ margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-view-date{ color: #666; font-size: 13px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox{
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
background: rgba(0, 0, 0, .92);
z-index: 9999999;
display: flex;
align-items: center;
justify-content: center;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed.cm-gal-lb-open{ overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox img{
max-width: 92vw;
max-height: 92vh;
object-fit: contain;
border-radius: 4px;
box-shadow: 0 10px 50px rgba(0, 0, 0, .6);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-close,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-prev,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-next{
position: fixed;
background: rgba(255, 255, 255, .12);
border: 0;
color: #fff;
cursor: pointer;
border-radius: 50%;
width: 46px;
height: 46px;
font-size: 22px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: background .12s;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-close:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-prev:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-next:hover{ background: rgba(255, 255, 255, .28); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-close{ top: 18px; right: 18px; font-size: 28px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-prev{ left: 14px; top: 50%; transform: translateY(-50%); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-next{ right: 14px; top: 50%; transform: translateY(-50%); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lb-count{
position: fixed;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 13px;
background: rgba(0, 0, 0, .5);
padding: 4px 12px;
border-radius: 12px;
}
@media (max-width: 640px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-row{ flex-direction: column; align-items: flex-start; gap: 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-grid{ grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox .cm-gal-lb-close,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox .cm-gal-lb-prev,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox .cm-gal-lb-next{
background: rgba(255, 255, 255, .16) !important;
border: 0 !important;
outline: none !important;
color: #ffffff !important;
border-radius: 50% !important;
width: 46px !important;
height: 46px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1 !important;
box-shadow: none !important;
text-shadow: none !important;
text-transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox .cm-gal-lb-close{ font-size: 28px !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox .cm-gal-lb-close:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox .cm-gal-lb-prev:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-lightbox .cm-gal-lb-next:hover{
background: rgba(255, 255, 255, .34) !important;
color: #ffffff !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb .cm-gal-thumb-del{
position: absolute !important;
top: 6px !important;
right: 6px !important;
width: 30px !important;
height: 30px !important;
padding: 0 !important;
margin: 0 !important;
border: 2px solid #ffffff !important;
border-radius: 50% !important;
background: #b32d2e !important;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, .5) !important;
text-shadow: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
opacity: 1 !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-gal-thumb .cm-gal-thumb-del:hover{ background: #8f1f20 !important; transform: scale(1.08); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page{ width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page img{ max-width: 100%; height: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part .cmpe-row,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content .cmpe-row{
display: grid;
gap: 24px;
align-items: center;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-cols-1{ grid-template-columns: 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-cols-2{ grid-template-columns: 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-cols-3{ grid-template-columns: 1fr 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-cols-4{ grid-template-columns: 1fr 1fr 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-cols-5{ grid-template-columns: repeat(5, 1fr); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-cols-6{ grid-template-columns: repeat(6, 1fr); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-customcols{ grid-template-columns: var(--cmpe-cols); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-valign-top{ align-items: start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-valign-bottom{ align-items: end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-valign-stretch{ align-items: stretch; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col{
display: flex;
flex-direction: column;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col > :only-child{ flex: 1 1 auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-col-valign{
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col > .cmpe-el-valign-top,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col > .cmpe-el-valign-middle,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col > .cmpe-el-valign-bottom{
display: flex;
flex-direction: column;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col > .cmpe-el-valign-top{ justify-content: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col > .cmpe-el-valign-middle{ justify-content: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-col > .cmpe-el-valign-bottom{ justify-content: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front{
display: inline-block;
padding: 11px 26px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: opacity .15s, background .15s;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front-solid{ background: #2271b1; color: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front-solid:hover{ background: #135e96; color: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front-outline{ background: transparent; color: #2271b1; border: 2px solid #2271b1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front-outline:hover{ background: #2271b1; color: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu ul{
display: inline-flex;
flex-wrap: wrap;
gap: 22px;
list-style: none;
margin: 0;
padding: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu a{ text-decoration: none; color: inherit; font-weight: 500; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu a:hover{ text-decoration: underline; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-logo{ display: inline-block; line-height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-divider{ border: 0; border-top: 1px solid #dcdcde; margin: 10px 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-youtube{
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 10px;
overflow: hidden;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-youtube iframe{
width: 100%;
height: 100%;
border: 0;
display: block;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-gmap{
width: 100%;
border-radius: 10px;
overflow: hidden;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-gmap iframe{
width: 100%;
height: 100%;
border: 0;
display: block;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-el-gmap{ height: 100%; display: flex; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-valign-stretch .cmpe-el-gmap iframe{ flex: 1 1 auto; }
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part .cmpe-row,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content .cmpe-row{
grid-template-columns: 1fr;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header .cmpe-row-cols-2{ grid-template-columns: auto 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header .cmpe-row-cols-3{ grid-template-columns: auto 1fr auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header .cmpe-row-cols-4{ grid-template-columns: auto 1fr auto auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu ul{ gap: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mkeep.cmpe-row-cols-2{ grid-template-columns: 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mkeep.cmpe-row-cols-3{ grid-template-columns: 1fr 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mkeep.cmpe-row-cols-4{ grid-template-columns: 1fr 1fr 1fr 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mkeep.cmpe-row-cols-5{ grid-template-columns: repeat(5, 1fr); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mkeep.cmpe-row-cols-6{ grid-template-columns: repeat(6, 1fr); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mkeep.cmpe-row-customcols{ grid-template-columns: var(--cmpe-cols); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mstack{ grid-template-columns: 1fr !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mstack > .cmpe-col{ order: 0 !important; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-center{ justify-items: center; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-center .cmpe-col{ display: flex; flex-direction: column; align-items: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-mobile{ display: none; position: relative; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-toggle{
background: none;
border: 0;
padding: 4px;
cursor: pointer;
line-height: 0;
display: inline-block;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown{
position: absolute;
top: calc(100% + 6px);
min-width: 210px;
list-style: none;
margin: 0;
padding: 6px 0;
border-radius: 10px;
box-shadow: 0 8px 26px rgba(0,0,0,.16);
z-index: 9999;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity .25s ease, transform .25s ease, visibility .25s;
text-align: left;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu ul.cmpe-menu-dropdown{
display: block;
gap: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu ul.cmpe-menu-dropdown li{
display: block;
width: 100%;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu ul.cmpe-menu-dropdown a{
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown.open{
opacity: 1;
visibility: visible;
transform: translateY(0);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-right{ right: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-left{ left: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-center{ left: 50%; transform: translate(-50%, -10px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-center.open{ transform: translate(-50%, 0); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown li{ margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown a{
display: block;
padding: 11px 18px;
text-decoration: none;
font-weight: 500;
transition: background .15s;
}
@media (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu .cmpe-menu-desktop{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-mobile{ display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col-mfirst{ order: -1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-col-mfirst .cmpe-el-menu{ text-align: left !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-center > .cmpe-col-hasmenu{ justify-self: stretch; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-center .cmpe-col-hasmenu > .cmpe-el-menu,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-center .cmpe-col-hasmenu > .cmpe-el-wrap-menu{ align-self: stretch; width: 100%; box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header .cmpe-row.cmpe-row-mfirst.cmpe-row-cols-2{ grid-template-columns: auto 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header .cmpe-row.cmpe-row-mfirst.cmpe-row-cols-3{ grid-template-columns: auto 1fr auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header .cmpe-row.cmpe-row-mfirst.cmpe-row-cols-4{ grid-template-columns: auto 1fr auto auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-right,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-center{
position: fixed;
left: 0;
right: 0;
width: 100%;
min-width: 0;
border-radius: 0;
box-sizing: border-box;
transform: translateY(-10px);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown.open,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-dd-center.open{
transform: translateY(0);
}
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-login .cmpe-btn-front{ cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-login-area{ padding: 40px 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-login-area .cm-login-box{ margin: 0 auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-placeholder{
padding: 40px 20px;
text-align: center;
border: 1px dashed #c3c4c7;
border-radius: 8px;
color: #50575e;
font-size: 16px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsors{
display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px;
align-items: stretch; color: var(--sp-text, #1d2327);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card{
display: flex; flex-direction: column; overflow: hidden; min-width: 0;
background: var(--sp-bg, #fff); border: var(--sp-border, 1px solid #e2e4e7);
border-radius: var(--sp-radius, 12px); box-shadow: var(--sp-shadow, 0 6px 18px rgba(0,0,0,.12));
color: var(--sp-text, #1d2327);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-img{ line-height: 0; background: rgba(0,0,0,.04); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-img img{ display: block; width: 100%; height: 200px; object-fit: cover; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-body{ display: flex; flex-direction: column; gap: 10px; padding: 20px; flex: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cmpe-sponsor-name{ margin: 0; font-size: 22px; line-height: 1.25; color: inherit; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-amount{ font-size: 26px; font-weight: 700; line-height: 1.2; color: inherit; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-desc{ font-size: 15px; line-height: 1.6; color: inherit; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-desc > :first-child{ margin-top: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-desc > :last-child{ margin-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-desc ul,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-desc ol{ padding-left: 1.3em; margin: 0 0 .8em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-desc a{ color: inherit; text-decoration: underline; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-pay{ margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(0,0,0,.08); display: flex; flex-direction: column; gap: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-label,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-payer label{ font-size: 13px; font-weight: 600; color: inherit; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card select.cmpe-sp-method,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cmpe-sp-payer input{
width: 100%; min-height: 40px; padding: 8px 10px; font-size: 15px; color: #1d2327;
background: #fff; border: 1px solid #c3c4c7; border-radius: 6px; box-sizing: border-box;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-payer{ display: flex; flex-direction: column; gap: 6px; margin-bottom: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-online,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-check{ display: flex; flex-direction: column; gap: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-online[hidden],html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-check[hidden],html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card [hidden]{ display: none !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-check-text{ margin: 0; font-size: 14.5px; color: inherit; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cmpe-sp-btn,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cm-card-pay{
display: block; width: 100%; box-sizing: border-box; text-align: center; cursor: pointer;
padding: 12px 16px; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none;
background: var(--sp-btn, #2271b1); color: var(--sp-btn-text, #fff); border: 0; border-radius: 8px;
transition: background-color .15s ease;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cmpe-sp-btn:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cmpe-sp-btn:focus-visible,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cm-card-pay:hover:not(:disabled),html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cm-card-pay:focus-visible{
background: var(--sp-btn-hover, #135e96); color: var(--sp-btn-text, #fff); text-decoration: none;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cmpe-sp-btn:disabled,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cm-card-pay:disabled{ opacity: .6; cursor: not-allowed; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cmpe-sp-btn:focus-visible,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cm-card-pay:focus-visible{ outline: 3px solid rgba(34,113,177,.35); outline-offset: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cm-card-box{ margin: 4px 0 10px; min-height: 90px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-card .cm-card-note{ font-size: 12.5px; opacity: .75; margin: 8px 0 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-msg{ margin: 0; font-size: 14px; color: #b32d2e; min-height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-msg:empty{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-msg.is-ok,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-msg.cm-renew-ok{ color: #1a7f37; font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sp-msg a{ color: inherit; text-decoration: underline; margin-left: 4px; }
@media (max-width: 600px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsors{ gap: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sponsor-img img{ height: 180px; }
}
@media (min-width: 783px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-hide-desktop{ display: none !important; }
}
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-hide-mobile{ display: none !important; }
}
@media (min-width: 783px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-dhide.cmpe-row-dhide.cmpe-row-dhide{ grid-template-columns: var(--cmpe-cols-d); }
}
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mhide.cmpe-row-mhide.cmpe-row-mhide.cmpe-row-mhide{ grid-template-columns: var(--cmpe-cols-m); }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header.cmpe-part-sticky{
position: sticky;
top: var(--wp-admin--admin-bar--height, 0px);
z-index: 1000;
}
@media (max-width: 600px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header.cmpe-part-sticky{ top: 0; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header.cmpe-part-sticky.cmpe-sticky-js{ position: relative; top: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part-header.cmpe-part-sticky.cmpe-sticky-js.is-fixed{ position: fixed; z-index: 1000; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-sticky.is-fixed{ position: fixed; z-index: 1000; margin: 0; box-shadow: 0 2px 12px rgba(0, 0, 0, .08); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-sticky-spacer{ display: block; height: 0; }
@media (min-width: 783px) and (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content .cmpe-row.cmpe-row-cols-5:not(.cmpe-row-customcols),html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content .cmpe-row.cmpe-row-cols-6:not(.cmpe-row-customcols){ grid-template-columns: repeat(3, 1fr); }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-sr{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-menu li.cmpe-mi > a{ display: inline-flex; align-items: center; gap: 7px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-mi-icon{ position: relative; display: inline-flex; align-items: center; line-height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-mi-svg{ width: 1.35em; height: 1.35em; display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-desktop li.cmpe-mi > a:hover{ text-decoration: none; opacity: .85; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-desktop .cmpe-mi-icon .cmsc-menu-count{
position: absolute; top: -8px; right: -11px; margin: 0;
min-width: 17px; height: 17px; line-height: 17px; padding: 0 4px; font-size: 10px;
box-shadow: 0 0 0 2px rgba(255,255,255,.9);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown li.cmpe-mi > a{ display: flex; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-menu-dropdown .cmpe-mi-svg{ width: 1.25em; height: 1.25em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-posts-wrap{ max-width: 1180px; margin: 0 auto; padding: 24px 20px 48px; box-sizing: border-box; container-type: inline-size; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-posts-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card{ background: #fff; border: 1px solid #e2e4e7; border-radius: 12px; overflow: hidden; transition: box-shadow .18s ease, transform .18s ease; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card:hover{ box-shadow: 0 10px 26px rgba(0,0,0,.09); transform: translateY(-2px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-link{ display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-link:hover{ color: inherit; text-decoration: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-img{ display: block; aspect-ratio: 1200 / 630; background: #f0f0f1; overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-body{ display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 18px; flex: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-date{ font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #646970; font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-title{ font-size: 1.15em; font-weight: 700; line-height: 1.3; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-excerpt{ color: #50575e; line-height: 1.55; font-size: .95em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-post-card-more{ margin-top: auto; padding-top: 6px; font-weight: 600; color: #2271b1; color: var(--cm-brand, #2271b1); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-posts-none{ text-align: center; color: #646970; padding: 30px 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-posts-pager{ display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 26px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-posts-pager a{ font-weight: 600; }
@container (max-width: 860px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-posts-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 540px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-posts-grid{ grid-template-columns: 1fr; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-unpublished-bar{ position: sticky; top: 0; z-index: 50; background: #fcf9e8; color: #6b4b00; border-bottom: 2px solid #dba617; padding: 10px 16px; font: 600 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-unpublished-trash{ background: #fcf0f1; color: #8a2424; border-bottom-color: #d63638; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist{ display: grid; gap: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-item{ display: flex; background: #fff; color: inherit; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-thumb{ display: block; flex-shrink: 0; overflow: hidden; background: #f0f0f1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-thumb img{ display: block; width: 100%; height: 100%; object-fit: cover; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-body{ flex: 1; min-width: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-title{ margin: 0 0 6px; font-size: 1.2em; line-height: 1.3; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-title a{ color: inherit; text-decoration: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-title a:hover{ text-decoration: underline; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-desc{ margin: 0; opacity: .8; line-height: 1.55; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-btn{ display: inline-block; padding: 10px 18px; border-radius: 6px; background: var(--cm-brand, #2271b1); color: #fff !important; text-decoration: none !important; font-weight: 600; white-space: nowrap; line-height: 1.2; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-btn:hover{ filter: brightness(.9); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-btn:focus-visible{ outline: 3px solid rgba(34,113,177,.45); outline-offset: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list .cmpe-plist-item{ flex-direction: row; align-items: center; gap: 20px; padding: 16px 0; border-bottom: 1px solid rgba(0,0,0,.1); background: transparent; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list .cmpe-plist-item:last-child{ border-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list .cmpe-plist-thumb{ width: 180px; aspect-ratio: 16 / 10; border-radius: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list .cmpe-plist-action{ flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list{ gap: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-cards{ grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-cards .cmpe-plist-item{ flex-direction: column; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06); border: 1px solid rgba(0,0,0,.05); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-cards .cmpe-plist-thumb{ width: 100%; aspect-ratio: 16 / 9; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-cards .cmpe-plist-body{ padding: 16px 18px 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-cards .cmpe-plist-action{ padding: 8px 18px 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-empty p{ margin: 0; opacity: .7; }
@media (max-width: 640px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list .cmpe-plist-item{ flex-wrap: wrap; gap: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list .cmpe-plist-thumb{ width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-plist-list .cmpe-plist-action{ width: 100%; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-btn{ display: inline-flex; align-items: center; gap: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-icon{ flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-pop{ position: fixed; inset: 0; z-index: 100050; background: rgba(15, 23, 42, .55); display: flex; align-items: center; justify-content: center; padding: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-box{ position: relative; width: 100%; max-width: 440px; background: #fff; color: #1d2327; border-radius: 14px; padding: 26px 24px 20px; box-shadow: 0 20px 50px rgba(0,0,0,.25); font-family: inherit; box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-x{ position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; background: none; font-size: 26px; line-height: 1; color: #50575e; cursor: pointer; border-radius: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-x:hover{ background: #f0f0f1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-title{ margin: 0 36px 6px 0; font-size: 1.3em; line-height: 1.3; color: #1d2327; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-lead,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-or{ margin: 0 0 12px; font-size: .95em; color: #50575e; line-height: 1.5; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-opts{ display: grid; gap: 8px; margin-bottom: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-opt{ display: block; padding: 11px 14px; border: 1px solid #dcdcde; border-radius: 8px; color: #1d2327 !important; text-decoration: none !important; font-weight: 600; background: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-opt::after{ content: " \2192"; color: #f26522; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-opt:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-opt:focus-visible{ border-color: #f26522; background: #fff7f2; outline: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-copyrow{ display: flex; gap: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-copyrow input{ flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid #c3c4c7; border-radius: 8px; font-size: 13px; color: #1d2327; background: #f6f7f7; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-copy{ padding: 9px 16px; border: 0; border-radius: 8px; background: #f26522; color: #fff; font-weight: 600; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-copy:hover{ background: #d9541a; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-status{ margin: 8px 0 0; min-height: 1.2em; font-size: .85em; color: #00732a; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part .cmpe-row,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content .cmpe-row{ --cmpe-gap: 24px; }
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part .cmpe-row.cmpe-row-mflex,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content .cmpe-row.cmpe-row-mflex{ display: flex !important; flex-wrap: wrap; gap: var(--cmpe-gap); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex > .cmpe-col{ flex: 0 0 var(--cmpe-mw, 100%); max-width: 100%; min-width: 0; box-sizing: border-box; order: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex > .cmpe-col.cmpe-col-mgrow{ flex: 1 1 0; min-width: 30%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-valign-top{ align-items: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-valign-bottom{ align-items: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-row-center{ justify-content: center; }
}
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-al-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-al-left [style*="text-align"]{ text-align: left !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-al-center,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-al-center [style*="text-align"]{ text-align: center !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-al-right,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-al-right [style*="text-align"]{ text-align: right !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-al-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-al-left [style*="text-align"]{ text-align: left !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-al-center,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-al-center [style*="text-align"]{ text-align: center !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-al-right,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-al-right [style*="text-align"]{ text-align: right !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-left [style*="text-align"]{ text-align: left !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-center,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-center [style*="text-align"]{ text-align: center !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-right,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-right [style*="text-align"]{ text-align: right !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-m-al-left{ justify-content: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-m-al-center{ justify-content: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-m-al-right{ justify-content: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center.cmpe-m-al-left{ justify-items: start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center.cmpe-m-al-right{ justify-items: end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center.cmpe-m-al-left > .cmpe-col{ align-items: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center.cmpe-m-al-right > .cmpe-col{ align-items: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center > .cmpe-col.cmpe-m-al-left{ align-items: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center > .cmpe-col.cmpe-m-al-center{ align-items: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center > .cmpe-col.cmpe-m-al-right{ align-items: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-left{ align-self: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-center{ align-self: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-center > .cmpe-col > .cmpe-el-wrap.cmpe-m-al-right{ align-self: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-va-top{ align-items: start !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-va-middle{ align-items: center !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-va-bottom{ align-items: end !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-m-va-top{ align-items: flex-start !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-row-mflex.cmpe-m-va-bottom{ align-items: flex-end !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-va-top{ align-self: flex-start !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-va-middle{ align-self: center !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-va-bottom{ align-self: flex-end !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-col-mvalign{ display: flex; flex-direction: column; align-self: stretch; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-va-top{ margin-top: 0 !important; margin-bottom: auto !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-va-middle{ margin-top: auto !important; margin-bottom: auto !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-va-bottom{ margin-top: auto !important; margin-bottom: 0 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-w,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-w{
max-width: var(--cmpe-m-w) !important;
width: 100%;
box-sizing: border-box;
margin-left: auto !important;
margin-right: auto !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-w.cmpe-m-al-left,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-w.cmpe-m-al-left{ margin-left: 0 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-w.cmpe-m-al-right,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-w.cmpe-m-al-right{ margin-right: 0 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-pad,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-pad,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-pad{ padding: var(--cmpe-m-pad) !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row.cmpe-m-mar.cmpe-m-mar,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-m-mar.cmpe-m-mar,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col > .cmpe-el-wrap.cmpe-m-mar.cmpe-m-mar{ margin: var(--cmpe-m-mar) !important; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup{ position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup[hidden]{ display: none !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-overlay{ position: absolute; inset: 0; opacity: 0; transition: opacity .2s ease; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-dialog{
position: relative; width: 100%; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow: auto;
box-sizing: border-box; box-shadow: 0 24px 70px rgba(0,0,0,.35); outline: none;
opacity: 0; transform: translateY(14px) scale(.98); transition: opacity .2s ease, transform .2s ease;
-webkit-overflow-scrolling: touch; overscroll-behavior: contain;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup.is-open .cm-popup-overlay{ opacity: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup.is-open .cm-popup-dialog{ opacity: 1; transform: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-full .cm-popup-dialog{ max-width: none !important; min-height: calc(100vh - 40px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-close{
position: absolute; top: 8px; right: 8px; z-index: 2; width: 36px; height: 36px; border-radius: 50%;
border: 0; background: rgba(0,0,0,.06); color: inherit; font-size: 26px; line-height: 36px; text-align: center;
cursor: pointer; padding: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-close:hover{ background: rgba(0,0,0,.14); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-close:focus-visible{ outline: 2px solid currentColor; outline-offset: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-content > .cmpe-row + .cmpe-row{ margin-top: 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-lock,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-lock body{ overflow: hidden; }
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup{ padding: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-dialog{ max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
}
@media (prefers-reduced-motion: reduce){html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-overlay,html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-popup-dialog{ transition: none; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-card-field.cm-card-stripe{ padding: 12px 14px; border: 1px solid #c3c4c7; border-radius: 6px; background: #fff; min-height: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-right{ justify-items: end; text-align: right; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-right .cmpe-col{ display: flex; flex-direction: column; align-items: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-col-al-left{ text-align: left; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-col-al-center{ text-align: center; display: flex; flex-direction: column; align-items: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-col-al-right{ text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-col-al-center > .cmpe-el-boxed,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-col-al-right > .cmpe-el-boxed{ align-self: stretch; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row-contained{ box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-front-solid.cmpe-btn-custom{ background: var(--cmpe-b-bg, #2271b1); color: var(--cmpe-b-fg, #fff); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-front-solid.cmpe-btn-custom:hover{ background: var(--cmpe-b-bg, #2271b1); color: var(--cmpe-b-fg, #fff); filter: brightness(.9); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-front-outline.cmpe-btn-custom{ background: transparent; color: var(--cmpe-b-bg, #2271b1); border-color: var(--cmpe-b-bg, #2271b1); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-front-outline.cmpe-btn-custom:hover{ background: var(--cmpe-b-bg, #2271b1); color: var(--cmpe-b-fg, #fff); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-custom.cmpe-btn-hov:hover{ background: var(--cmpe-b-hbg, var(--cmpe-b-bg, #135e96)); color: var(--cmpe-b-hfg, var(--cmpe-b-fg, #fff)); border-color: var(--cmpe-b-hbg, var(--cmpe-b-bg, #135e96)); filter: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-sm{ padding: 7px 16px; font-size: .88em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-lg{ padding: 15px 36px; font-size: 1.15em; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-full{ display: flex; justify-content: center; width: 100%; box-sizing: border-box; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-feed-btn.cmpe-btn-full{ display: flex; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-text.cmpe-has-link a{ color: var(--cmpe-link); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-caption{ margin-top: 8px; font-size: .9em; opacity: .75; line-height: 1.4; }
html body.cm-member-embed.cm-member-embed.cm-member-embed a.cmpe-lightbox{ cursor: zoom-in; display: inline-block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb{ position: fixed; inset: 0; z-index: 100060; background: rgba(10, 12, 16, .9); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box; opacity: 0; transition: opacity .2s ease; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb.is-open{ opacity: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb img{ max-width: 100%; max-height: calc(100vh - 110px); max-height: calc(100dvh - 110px); object-fit: contain; border-radius: 6px; box-shadow: 0 20px 60px rgba(0,0,0,.5); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb-cap{ color: #f0f0f1; margin: 12px 0 0; font-size: 15px; text-align: center; max-width: 760px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb-x{ position: absolute; top: 14px; right: 16px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 30px; line-height: 44px; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb-x:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb-x:focus-visible{ background: rgba(255,255,255,.28); outline: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb-lock,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb-lock body{ overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim{ opacity: 0; transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); will-change: opacity, transform; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim-up{ transform: translateY(32px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim-down{ transform: translateY(-32px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim-left{ transform: translateX(-40px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim-right{ transform: translateX(40px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim-zoom{ transform: scale(.92); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim.cmpe-in{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-js .cmpe-anim{ opacity: 1; transform: none; transition: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-lb{ transition: none; }
}
@media (max-width: 782px), (hover: none){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row[style*="background-attachment:fixed"],html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-col[style*="background-attachment:fixed"]{ background-attachment: scroll !important; }
}
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-m-fs{ font-size: var(--cmpe-m-fs) !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-spacer.cmpe-m-h{ height: var(--cmpe-m-h) !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-el-hero.cmpe-m-mh{ min-height: var(--cmpe-m-h) !important; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-row > .cmpe-col.cmpe-col-boxed{ justify-self: stretch; box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-ring{ position: relative; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-ring::before{
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
padding: var(--cmpe-ring-w); border-radius: inherit; background: var(--cmpe-ring-bg);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-grad:hover{ filter: brightness(.92); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-btn-front.cmpe-btn-grad.cmpe-btn-hov:hover{ background-image: none !important; filter: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-tfx{ position: relative; display: inline-block; max-width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-tfx-s{ position: absolute; inset: 0; z-index: 0; pointer-events: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-tfx-f{ position: relative; z-index: 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-tfx-f[style*="background-clip"]{ -webkit-box-decoration-break: clone; box-decoration-break: clone; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-glass{ background-image: linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.35)); }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-bg-blur{ isolation: isolate; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-bg-blur:not(.cmpe-part-sticky){ position: relative; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-bg-blur::after{
content: ""; position: absolute; inset: calc(var(--cmpe-bgb) * -2); z-index: -1; pointer-events: none;
background-image: var(--cmpe-bgi); background-size: var(--cmpe-bgs, cover); background-position: var(--cmpe-bgp, center);
background-repeat: var(--cmpe-bgrep, no-repeat); background-attachment: var(--cmpe-bga, scroll);
filter: blur(var(--cmpe-bgb));
clip-path: inset(calc(var(--cmpe-bgb) * 2) round var(--cmpe-bg-rad, 0px));
}
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-bg-blur::after{ background-attachment: scroll; }
}
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content.cmpe-m-pad,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part.cmpe-m-pad{ padding: var(--cmpe-m-pad) !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content.cmpe-m-mar,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part.cmpe-m-mar{ margin: var(--cmpe-m-mar) !important; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-tf{ transform: var(--cmpe-tf); transform-origin: var(--cmpe-tfo, center center); }
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-tf.cmpe-tf-m{ transform: var(--cmpe-tf-m); transform-origin: var(--cmpe-tfo-m, center center); }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc{ display: flex; flex-direction: column; gap: var(--acc-gap, 10px); text-align: left; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-item{ border: 1px solid var(--acc-bc, #e2e4e7); border-radius: var(--acc-r, 10px); background: var(--acc-cb, #fff); overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-lines{ gap: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-lines .cmpe-acc-item{ border: 0; border-bottom: 1px solid var(--acc-bc, #e2e4e7); border-radius: 0; background: transparent; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-lines .cmpe-acc-item:first-child{ border-top: 1px solid var(--acc-bc, #e2e4e7); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-h{ margin: 0 !important; padding: 0 !important; font-size: inherit; line-height: 1.3; border: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-btn{
display: flex; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 16px 18px; border: 0; border-radius: 0;
background: var(--acc-tb, transparent); color: var(--acc-tc, inherit); font: inherit; font-size: var(--acc-ts, 17px); font-weight: var(--acc-tw, 600);
text-align: left; cursor: pointer; transition: background-color .15s, color .15s; box-shadow: none; text-transform: none; letter-spacing: normal;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-lines .cmpe-acc-btn{ padding-left: 4px; padding-right: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-btn:hover{ background: var(--acc-th, var(--acc-tb, rgba(0,0,0,.03))); color: var(--acc-tc, inherit); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-btn:focus-visible{ outline: 2px solid currentColor; outline-offset: -4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-item.is-open > .cmpe-acc-h .cmpe-acc-btn{ background: var(--acc-ob, var(--acc-tb, transparent)); color: var(--acc-oc, var(--acc-tc, inherit)); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-title{ flex: 1; min-width: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico-left .cmpe-acc-ico{ order: -1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico{ position: relative; flex: 0 0 14px; width: 14px; height: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico-chevron .cmpe-acc-ico::before{ content: ""; position: absolute; left: 3px; top: 1px; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico-chevron .is-open > .cmpe-acc-h .cmpe-acc-ico::before{ transform: translateY(4px) rotate(-135deg); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico-plus .cmpe-acc-ico::before,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico-plus .cmpe-acc-ico::after{ content: ""; position: absolute; left: 0; top: 6px; width: 14px; height: 2px; background: currentColor; border-radius: 1px; transition: transform .2s; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico-plus .cmpe-acc-ico::after{ transform: rotate(90deg); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico-plus .is-open > .cmpe-acc-h .cmpe-acc-ico::after{ transform: rotate(0deg); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-panel{ overflow: hidden; color: var(--acc-cc, inherit); transition: height .3s ease; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-inner{ padding: 0 var(--acc-cp, 18px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-inner::after{ content: ""; display: block; height: var(--acc-cp, 16px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-lines .cmpe-acc-inner{ padding-left: 4px; padding-right: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-js .cmpe-acc-item:not(.is-open):not(.is-moving) > .cmpe-acc-panel{ height: 0; visibility: hidden; }
@media (prefers-reduced-motion: reduce){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-panel,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico::before,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-acc-ico::after{ transition: none; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sa{ position: relative; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sa-inner{ will-change: transform, opacity, filter; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sa-pin > .cmpe-sa-inner{ position: sticky; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-page-content:has(.cmpe-sa),html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-part:has(.cmpe-sa){ overflow-x: clip; }
@media (prefers-reduced-motion: reduce){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmpe-sa-inner{ transform: none !important; filter: none !important; opacity: 1 !important; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-grid{
display: grid;
grid-template-columns: repeat(var(--cmsc-cols, 3), minmax(0, 1fr));
gap: 22px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card{
display: flex; flex-direction: column;
background: #fff; border: 1px solid #e2e4e7; border-radius: 12px; overflow: hidden;
color: inherit; text-decoration: none;
box-shadow: 0 1px 3px rgba(0,0,0,.05);
transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card:focus-visible{ box-shadow: 0 10px 26px rgba(0,0,0,.10); transform: translateY(-2px); border-color: #d0d4d9; color: inherit; text-decoration: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card:focus-visible{ outline: 2px solid #2271b1; outline-offset: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card-img{ display: block; aspect-ratio: 1 / 1; background: #f4f5f6; overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card-img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card:hover .cmsc-card-img img{ transform: scale(1.03); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card-body{ display: flex; flex-direction: column; gap: 4px; padding: 14px 16px 16px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card-name{ font-weight: 600; font-size: 1em; line-height: 1.35; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card-price{ font-weight: 700; color: #1a7f37; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-noimg{ display: block; width: 100%; height: 100%; min-height: 80px; background: linear-gradient(135deg, #f0f0f1, #e2e4e7); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-el-featured .cmsc-grid[style*="--cmsc-cols:1"]{ max-width: 340px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-search{ display: flex; max-width: 480px; width: 100%; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-align-center .cmsc-search{ margin: 0 auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-align-right .cmsc-search{ margin-left: auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-search input[type="search"]{
flex: 1 1 auto; min-width: 0; margin: 0;
padding: 10px 14px; font-size: 15px; line-height: 1.4;
border: 1px solid #c3c4c7; border-right: 0; border-radius: 8px 0 0 8px; background: #fff; color: #1d2327;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-search input[type="search"]:focus{ outline: none; border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1 inset; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-search-btn{
flex: 0 0 auto; margin: 0; padding: 10px 18px; font-size: 15px; font-weight: 600; cursor: pointer;
background: #2271b1; color: #fff; border: 1px solid #2271b1; border-radius: 0 8px 8px 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-search-btn:hover,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-search-btn:focus{ background: #135e96; border-color: #135e96; color: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-icon{ position: relative; display: inline-block; color: #1d2327; line-height: 0; text-decoration: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-icon:hover{ opacity: .8; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-icon svg{ display: block; width: 100%; height: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-count{
position: absolute; top: -8px; right: -10px;
min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px;
background: #d63638; color: #fff; font-size: 11px; font-weight: 700; line-height: 20px; text-align: center;
box-shadow: 0 0 0 2px #fff;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-count[hidden]{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-page-body{ max-width: 1180px; margin: 0 auto; padding: 36px 20px 56px; box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-page-body *,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-page-body *::before,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-page-body *::after{ box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-back{ display: inline-block; margin-top: 18px; color: #2271b1; text-decoration: none; font-weight: 500; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-back:hover{ text-decoration: underline; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-empty-box,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-thanks{ text-align: center; padding: 50px 20px; background: #fff; border: 1px solid #e2e4e7; border-radius: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-empty-box p{ font-size: 17px; margin: 0 0 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-thanks h2{ margin: 12px 0 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-thanks p{ margin: 0 auto 16px; max-width: 560px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; align-items: start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-media{ background: #f4f5f6; border-radius: 16px; overflow: hidden; aspect-ratio: 1 / 1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-media img{ width: 100%; height: 100%; object-fit: cover; display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-cat{ text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 600; color: #646970; margin-bottom: 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-name{ margin: 0 0 10px; font-size: clamp(26px, 3.2vw, 38px); line-height: 1.15; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-price{ font-size: 26px; font-weight: 700; color: #1a7f37; margin-bottom: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-desc{ line-height: 1.65; margin-bottom: 22px; color: #3c434a; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-desc p{ margin: 0 0 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-buy{ display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-qty-label{ display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-qty-input{ width: 84px; padding: 10px; font-size: 16px; border: 1px solid #c3c4c7; border-radius: 8px; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product-buy .cmsc-add-to-cart{ font-size: 16px; padding: 12px 30px; border: 0; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-results-title,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-title{ margin: 0 0 18px; font-size: clamp(24px, 3vw, 32px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-results .cmsc-search{ margin-bottom: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-results-count{ color: #646970; margin: 0 0 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-results-none{ padding: 30px 0; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog-overlay{
position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.5);
display: flex; align-items: center; justify-content: center; padding: 16px;
animation: cmscFade .15s ease;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog{ position: relative; background: #fff; color: #1d2327; border-radius: 16px; padding: 30px 26px 24px; width: 420px; max-width: 100%; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog-close{ position: absolute; top: 8px; right: 12px; background: none; border: 0; font-size: 26px; line-height: 1; cursor: pointer; color: #8c8f94; padding: 4px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog-close:hover{ color: #1d2327; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog-check{ width: 54px; height: 54px; margin: 0 auto 10px; border-radius: 50%; background: #e7f5ea; color: #1a7f37; font-size: 28px; line-height: 54px; font-weight: 700; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog-title{ font-weight: 600; font-size: 17px; margin: 0 0 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog-sub{ color: #646970; margin: 0 0 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-dialog-actions{ display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
@keyframes cmscFade{ from { opacity: 0; } to { opacity: 1; } }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-loading{ padding: 30px 0; color: #646970; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 30px; align-items: start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-table-wrap{ overflow-x: auto; background: #fff; border: 1px solid #e2e4e7; border-radius: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table{ width: 100%; border-collapse: collapse; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table th{ text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #646970; padding: 12px 14px; border-bottom: 1px solid #e2e4e7; background: #f8f9fa; font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table td{ padding: 14px; border-bottom: 1px solid #f0f0f1; vertical-align: middle; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table tr:last-child td{ border-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-img{ width: 76px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-img img,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-img .cmsc-noimg{ width: 60px; height: 60px; min-height: 0; border-radius: 8px; object-fit: cover; display: block; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-name{ font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-each{ font-weight: 400; font-size: 13px; color: #646970; margin-top: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-total{ font-weight: 700; white-space: nowrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-qty{ display: inline-flex; align-items: center; border: 1px solid #c3c4c7; border-radius: 8px; overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-qty-btn{ width: 32px; height: 32px; border: 0; background: #f6f7f7; color: #1d2327; cursor: pointer; font-size: 16px; line-height: 1; padding: 0; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-qty-btn:hover:not(:disabled){ background: #e2e4e7; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-qty-n{ min-width: 34px; text-align: center; font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-remove{ background: none; border: 0; font-size: 22px; line-height: 1; cursor: pointer; color: #8c8f94; padding: 4px 8px; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-remove:hover:not(:disabled){ color: #d63638; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table button:disabled{ opacity: .45; cursor: not-allowed; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-coupon{ margin-top: 20px; max-width: 520px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-coupon-label{ display: block; font-weight: 600; margin-bottom: 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-coupon-row{ display: flex; gap: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-coupon-row input{ flex: 1 1 auto; min-width: 0; padding: 10px 12px; border: 1px solid #c3c4c7; border-radius: 8px; font-size: 15px; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-coupon-row .cmpe-btn-front{ padding: 10px 18px; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-coupon-note{ font-size: 12.5px; color: #646970; margin: 6px 0 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-coupon-msg{ background: #fcf0f1; color: #8a2424; border-left: 3px solid #d63638; padding: 8px 12px; border-radius: 6px; font-size: 14px; margin-bottom: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-chip{ display: inline-flex; align-items: center; gap: 6px; background: #e7f5ea; color: #185c2c; border-radius: 20px; padding: 5px 6px 5px 12px; font-size: 13.5px; margin: 8px 8px 0 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-chip-x{ background: none; border: 0; font-size: 18px; line-height: 1; cursor: pointer; color: #185c2c; padding: 0 4px; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-side{ display: flex; flex-direction: column; gap: 18px; position: sticky; top: 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-box{ background: #fff; border: 1px solid #e2e4e7; border-radius: 12px; padding: 18px 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-box-title{ margin: 0 0 12px; font-size: 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-trow{ display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-trow-coupon{ color: #1a7f37; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-trow-due{ border-top: 1px solid #e2e4e7; margin-top: 6px; padding-top: 12px; font-size: 19px; font-weight: 700; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-form{ display: flex; flex-wrap: wrap; gap: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f{ flex: 1 1 100%; display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: #3c434a; margin: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f.cmsc-half{ flex-basis: calc(50% - 5px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f.cmsc-quarter{ flex-basis: calc(25% - 7.5px); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f input,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f select{ width: 100%; padding: 9px 11px; font-size: 15px; font-weight: 400; border: 1px solid #c3c4c7; border-radius: 8px; background: #fff; color: #1d2327; margin: 0; min-height: 40px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f input:focus,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f select:focus{ outline: none; border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f [aria-invalid="true"]{ border-color: #d63638; box-shadow: 0 0 0 1px #d63638; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f input:disabled,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f select:disabled{ background: #f6f7f7; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-msg{ margin: 12px 0 0; color: #b32d2e; font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-msg:empty{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-msg.is-ok,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-msg.cm-renew-ok{ color: #1a7f37; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-start{ width: 100%; margin-top: 14px; padding: 13px 18px; font-size: 16px; border: 0; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-start:disabled{ opacity: .55; cursor: not-allowed; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-box{ margin-top: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-box .cm-card-box{ border: 1px solid #c3c4c7; border-radius: 8px; padding: 10px; background: #fff; margin-bottom: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-box .cm-card-pay{ width: 100%; padding: 12px; font-size: 16px; font-weight: 600; border-radius: 8px; border: 0; background: #2271b1; color: #fff; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-box .cm-card-pay:disabled{ opacity: .55; cursor: not-allowed; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-box .cm-card-note,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-pay-note{ font-size: 12.5px; color: #646970; margin: 8px 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-linkbtn{ background: none; border: 0; padding: 0; margin-top: 12px; color: #2271b1; cursor: pointer; font-size: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-linkbtn:hover{ text-decoration: underline; }
@media (max-width: 1024px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-grid:not([style*="--cmsc-cols:1;"]):not([style*="--cmsc-cols:2;"]){ grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-grid{ grid-template-columns: 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-side{ position: static; }
}
@media (max-width: 782px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-el-featured .cmsc-grid[style*="--cmsc-cols:1"]{ grid-template-columns: 1fr; margin: 0 auto; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-card-body{ padding: 10px 12px 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product{ grid-template-columns: 1fr; gap: 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-page-body{ padding: 22px 16px 40px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table th:first-child,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-img{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table td{ padding: 12px 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f.cmsc-half,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f.cmsc-quarter{ flex-basis: calc(50% - 5px); }
}
@media (max-width: 420px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-grid{ grid-template-columns: 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-f.cmsc-half{ flex-basis: 100%; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-page-body{ container-type: inline-size; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-el-featured,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-el-grid{ container-type: inline-size; }
@container (max-width: 900px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-grid{ grid-template-columns: 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-side{ position: static; }
}
@container (max-width: 700px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-product{ grid-template-columns: 1fr; gap: 22px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-results .cmsc-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 560px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-el-featured .cmsc-grid[style*="--cmsc-cols:1;"]{ grid-template-columns: 1fr; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table th:first-child,html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-c-img{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-cart-table td{ padding: 12px 10px; }
}
@container (max-width: 340px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-grid{ grid-template-columns: 1fr; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-menu-count{ position: static; display: inline-block; margin-left: 5px; vertical-align: 1px; box-shadow: none; min-width: 18px; height: 18px; line-height: 18px; font-size: 10.5px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cmsc-menu-count[hidden]{ display: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cm-card-field.cm-card-stripe{ padding: 12px 14px; border: 1px solid #c3c4c7; border-radius: 6px; background: #fff; min-height: 0; }
:root{
--cf-primary: #2563EB;
--cf-primary-dark: #1D4ED8;
--cf-primary-light:#EFF6FF;
--cf-success: #16A34A;
--cf-danger: #DC2626;
--cf-text: #1E293B;
--cf-text-muted: #64748B;
--cf-bg: #F8FAFC;
--cf-surface: #FFFFFF;
--cf-border: #E2E8F0;
--cf-radius: 8px;
--cf-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);
--cf-shadow-md: 0 4px 6px -1px rgba(0,0,0,.08);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-form-wrap *{ box-sizing: border-box; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-form-wrap{ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--cf-text); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-form-header{ margin-bottom: 24px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-form-title{ font-size: 24px; font-weight: 700; margin: 0 0 6px; color: var(--cf-text); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-form-desc{ color: var(--cf-text-muted); margin: 0; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-messages{ padding: 14px 18px; border-radius: var(--cf-radius); margin-bottom: 20px; font-size: 14px; font-weight: 500; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-messages.cf-error{ background: #FEF2F2; color: var(--cf-danger); border: 1px solid #FECACA; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-messages.cf-success{ background: #F0FDF4; color: var(--cf-success); border: 1px solid #BBF7D0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-field-row{ margin-bottom: 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-label{ display: block; font-size: 14px; font-weight: 600; color: var(--cf-text); margin-bottom: 7px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-required{ color: var(--cf-danger); margin-left: 2px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-field-desc{ font-size: 13px; color: var(--cf-text-muted); margin: 0 0 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-input{
display: block;
width: 100%;
padding: 10px 14px;
border: 1.5px solid var(--cf-border);
border-radius: var(--cf-radius);
font-size: 15px;
color: var(--cf-text);
background: var(--cf-surface);
transition: border-color .15s, box-shadow .15s;
-webkit-appearance: none;
appearance: none;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-input:focus{
border-color: var(--cf-primary);
outline: none;
box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-input::placeholder{ color: #CBD5E1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-textarea{ min-height: 110px; resize: vertical; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-select{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748B' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; cursor: pointer; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-choices{ display: flex; flex-direction: column; gap: 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-choice-label{ display: flex; align-items: center; gap: 10px; font-size: 15px; cursor: pointer; padding: 8px 12px; border: 1.5px solid var(--cf-border); border-radius: var(--cf-radius); transition: border-color .15s, background .15s; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-choice-label:hover{ border-color: var(--cf-primary); background: var(--cf-primary-light); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-checkbox,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-radio{ width: 18px; height: 18px; accent-color: var(--cf-primary); cursor: pointer; flex-shrink: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-drop{ position: relative; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-input{ position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-label{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 28px 20px;
border: 2px dashed var(--cf-border);
border-radius: var(--cf-radius);
cursor: pointer;
background: var(--cf-bg);
transition: border-color .15s, background .15s;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-label:hover{ border-color: var(--cf-primary); background: var(--cf-primary-light); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-icon{ font-size: 28px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-text{ font-size: 14px; color: var(--cf-text-muted); text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-name{ display: block; margin-top: 8px; font-size: 13px; color: var(--cf-primary); font-weight: 500; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-divider{ display: flex; align-items: center; gap: 12px; padding: 8px 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-divider-line{ flex: 1; height: 1px; background: var(--cf-border); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-divider-label{ font-size: 13px; font-weight: 700; color: var(--cf-text-muted); text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-product-row-inner{ display: flex; align-items: center; gap: 16px; padding: 14px; background: var(--cf-bg); border: 1.5px solid var(--cf-border); border-radius: var(--cf-radius); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-product-price{ font-size: 18px; font-weight: 700; color: var(--cf-primary); min-width: 80px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-qty-wrap{ display: flex; align-items: center; gap: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-qty-label{ font-size: 14px; font-weight: 600; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-qty-input{ width: 80px; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-total-row .cf-total-display{ display: inline-flex; align-items: baseline; gap: 6px; background: var(--cf-bg); border: 1.5px solid var(--cf-border); border-radius: var(--cf-radius); padding: 12px 18px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-total-currency{ font-size: 14px; font-weight: 600; color: var(--cf-text-muted); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-total-amount{ font-size: 28px; font-weight: 800; color: var(--cf-primary); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-currency-selector .cf-input{ max-width: 300px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-submit-row{ margin-top: 28px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-submit-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 13px 32px;
background: var(--cf-primary);
color: #fff;
border: none;
border-radius: var(--cf-radius);
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background .15s, transform .1s, box-shadow .15s;
box-shadow: 0 2px 8px rgba(37,99,235,.3);
min-width: 160px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-submit-btn:hover{ background: var(--cf-primary-dark); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(37,99,235,.35); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-submit-btn:active{ transform: translateY(0); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-submit-btn:disabled{ opacity: .65; cursor: not-allowed; transform: none; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-paypal-buttons-wrap{ margin-top: 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed #cf-paypal-buttons-wrap p{ font-size: 13px; color: var(--cf-text-muted); margin-bottom: 10px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-success-message{ background: var(--cf-success); color: #fff; border-radius: var(--cf-radius); padding: 20px 24px; font-size: 16px; font-weight: 600; text-align: center; box-shadow: var(--cf-shadow-md); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-input.cf-field-error{ border-color: var(--cf-danger); }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-inline-error{ display: block; font-size: 12px; color: var(--cf-danger); margin-top: 5px; font-weight: 500; }
@keyframes cf-spin{ to { transform: rotate(360deg); } }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-btn-spinner::before{ content: ''; display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%; animation: cf-spin .7s linear infinite; margin-right: 6px; }
@media (max-width: 640px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-form-title{ font-size: 20px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-product-row-inner{ flex-direction: column; align-items: flex-start; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-submit-btn{ width: 100%; }
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-block{ margin-bottom: 20px !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-heading{
font-size: 14px !important;
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin: 0 0 8px !important;
padding: 0 !important;
display: block !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text{
padding: 14px 18px !important;
border-radius: 0 6px 6px 0 !important;
font-size: 14px !important;
line-height: 1.7 !important;
margin: 0 !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-style-default{
background-color: #F1F5F9 !important;
border-left: 4px solid #94A3B8 !important;
color: #475569 !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-style-info{
background-color: #EFF6FF !important;
border-left: 4px solid #2563EB !important;
color: #1E40AF !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-style-success{
background-color: #F0FDF4 !important;
border-left: 4px solid #16A34A !important;
color: #166534 !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-style-warning{
background-color: #FFFBEB !important;
border-left: 4px solid #D97706 !important;
color: #92400E !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text p{ margin: 0 0 8px !important; padding: 0 !important; background: none !important; border: none !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text p:last-child{ margin-bottom: 0 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text a{ color: #2563EB !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text strong{ font-weight: 700 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text ul,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text ol{ margin: 8px 0 8px 20px !important; padding: 0 !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-content-text li{ margin-bottom: 4px !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-check-instructions-box{
background: #FFFBEB;
border: 1px solid #FDE68A;
border-left: 4px solid #F59E0B;
border-radius: var(--cf-radius);
padding: 16px 20px;
font-size: 14px;
line-height: 1.6;
color: var(--cf-text);
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-check-instructions-box p{ margin: 0 0 8px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-check-instructions-box p:last-child{ margin-bottom: 0; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-payment-method-selector{
background: var(--cf-primary-light);
border: 1px solid #BFDBFE;
border-radius: var(--cf-radius);
padding: 16px 20px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-payment-method-selector .cf-label{
font-weight: 700;
margin-bottom: 10px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-payment-method-selector .cf-choices{
display: flex;
gap: 20px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-payment-method-selector .cf-choice-label{
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-row{
padding: 4px 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-btn{
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 22px;
font-size: 14px;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
transition: all .2s ease;
line-height: 1.4;
font-family: inherit;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-btn .cf-print-icon{
font-size: 16px;
line-height: 1;
width: 16px;
height: 16px;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-btn-outline{
background: #fff;
color: #334155;
border: 1.5px solid #CBD5E1;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-btn-outline:hover{
background: #F1F5F9;
border-color: #94A3B8;
color: #1E293B;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-btn-primary{
background: #2563EB;
color: #fff;
border: 1.5px solid #2563EB;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-btn-primary:hover{
background: #1D4ED8;
border-color: #1D4ED8;
}
@media print{html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-print-row,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-submit-row,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-paypal-buttons-wrap,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-payment-method-selector,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-currency-selector,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-messages,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-confirmation,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-label,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-icon{
display: none !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-form-wrap{
border: none !important;
box-shadow: none !important;
padding: 0 !important;
max-width: 100% !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-input,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-textarea,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-select{
border: 1px solid #999 !important;
background: #fff !important;
box-shadow: none !important;
-webkit-appearance: none;
color: #000 !important;
padding: 6px 8px !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-file-name{
display: block !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-label{
color: #000 !important;
font-weight: 700 !important;
}
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-title-row{
padding: 4px 0 8px !important;
border: none !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-title-heading{
font-size: 22px;
font-weight: 700;
color: #1E293B;
margin: 0;
line-height: 1.3;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-row{
padding: 0 !important;
border: none !important;
background: transparent !important;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-columns{
display: flex;
gap: 20px;
width: 100%;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-columns.cf-col-halves > .cf-container-column{
flex: 1 1 50%;
min-width: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-columns.cf-col-thirds > .cf-container-column{
flex: 1 1 33.333%;
min-width: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-column > .cf-field-row:last-child{
margin-bottom: 0;
}
@media (max-width: 600px){html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-columns{
flex-direction: column;
gap: 0;
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-columns.cf-col-halves > .cf-container-column,html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-container-columns.cf-col-thirds > .cf-container-column{
flex: 1 1 100%;
}
}
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-wrap{ margin-top: 16px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-amount{ margin: 0 0 12px; font-weight: 600; font-size: 15px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-card{ min-height: 90px; margin-bottom: 12px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-pay-btn{ width: 100%; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-pay-btn:disabled{ opacity: .6; cursor: not-allowed; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-secure{ margin: 10px 0 0; font-size: 12px; color: #64748b; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-user-amount{ max-width: 220px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-hp{ position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-captcha-row{ margin-top: 6px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-captcha-help{ margin: 0 0 8px; font-size: 13px; opacity: .75; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-captcha-builtin{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-captcha-q{ font-weight: 600; padding: 8px 12px; background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 6px; min-width: 180px; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-captcha-builtin .cf-captcha-answer{ width: 90px !important; max-width: 90px; text-align: center; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-captcha-new{ width: 38px; height: 38px; border: 1px solid #c3c4c7; border-radius: 6px; background: #fff; font-size: 18px; line-height: 1; cursor: pointer; color: #50575e; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-captcha-new:hover{ border-color: #2271b1; color: #2271b1; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-card .StripeElement{ padding: 12px 14px; border: 1px solid #c3c4c7; border-radius: 6px; background: #fff; }
html body.cm-member-embed.cm-member-embed.cm-member-embed .cf-square-card:has(.StripeElement){ min-height: 0; }