.modern-comments-section { --ca-c-bg: var(--ca-paper,var(--ca-reg-0001-ffffff)); --ca-c-ink: var(--ca-ink,var(--ca-reg-20998-252525)); --ca-c-text: var(--ca-text,var(--ca-reg-21012-4a4a4a)); --ca-c-muted: var(--ca-muted,var(--ca-reg-0105-8a8a8a)); --ca-c-line: var(--ca-line,var(--ca-reg-20228-e8e5df)); --ca-c-soft: var(--ca-accent-soft,var(--ca-reg-20431-f4f1eb)); --ca-c-accent: var(--ca-accent-dark,var(--ca-reg-20201-665c52)); width: 100%; margin: 28px 0 0; direction: rtl; color: var(--ca-c-text); } .modern-comments-section * { box-sizing: border-box; } .ca-comments-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 18px; padding: 0; } .ca-comments-title { display: flex; align-items: center; gap: 11px; min-width: 0; } .ca-comments-line { width: 3px; height: 35px; flex: 0 0 3px; border-radius: 99px; background: var(--ca-c-accent); } .ca-comments-title h3 { margin: 0; color: var(--ca-c-ink); font-size: 20px; line-height: 1.45; font-weight: 900; letter-spacing: -.2px; } .ca-comments-title h3 em { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; margin-right: 5px; padding: 0 6px; border-radius: 7px; background: var(--ca-c-soft); color: var(--ca-c-accent); font-size: 12px; font-style: normal; vertical-align: 2px; } .ca-comments-title p { margin: 1px 0 0; color: var(--ca-c-muted); font-size: 12px; line-height: 1.7; } .ca-write-comment-trigger { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border: 1px solid var(--ca-c-line); border-radius: 9px; cursor: pointer; font: inherit; font-weight: 800; transition: .18s ease; } .ca-write-comment-trigger i { font-size: 12px; transition: transform .18s ease; } .ca-write-comment-trigger:hover { border-color: var(--ca-reg-20777-d4d0c8); background: var(--ca-c-soft); } .ca-write-comment-trigger.is-active i { transform: rotate(90deg); } .ca-comment-list { list-style: none!important; margin: 0!important; padding: 0!important; } .ca-comment-item { list-style: none!important; margin: 0!important; padding: 0!important; } .ca-comment-card { display: flex; align-items: flex-start; border: 1px solid var(--ca-c-line); } .ca-comment-avatar { flex: 0 0 31px; display: grid; place-items: center; font-weight: 900; } .ca-comment-main { min-width: 0; flex: 1; } .ca-comment-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .ca-comment-author { display: flex; align-items: center; gap: 6px; min-width: 0; } .ca-comment-author strong { color: var(--ca-c-ink); font-weight: 900; } .ca-comment-author-badge { border-radius: 5px; background: var(--ca-c-soft); color: var(--ca-c-accent); font-weight: 800; } .ca-comment-date { flex: 0 0 auto; color: var(--ca-c-muted); white-space: nowrap; } .ca-comment-text { color: var(--ca-c-text); } .ca-comment-text p { margin: 0; } .ca-comment-text p+p { margin-top: 4px; } .ca-comment-pending { margin-bottom: 4px; color: var(--ca-c-accent); font-size: 12px; } .ca-comment-reply .comment-reply-link { display: inline-flex; align-items: center; text-decoration: none; font-weight: 800; transition: .15s ease; } .ca-comment-item .children { list-style: none; } .ca-comment-item .children .ca-comment-card { border-radius: 10px; } .ca-comments-empty { display: flex; align-items: baseline; gap: 7px; border: 1px dashed var(--ca-c-line); border-radius: 10px; } .ca-comments-empty strong { color: var(--ca-c-ink); } .ca-comments-empty span { color: var(--ca-c-muted); } .ca-comments-navigation { display: flex; justify-content: center; gap: 7px; margin-top: 12px; } .ca-comments-navigation a { border: 1px solid var(--ca-c-line); border-radius: 7px; color: var(--ca-c-muted); text-decoration: none; } .ca-comment-composer { border: 1px solid var(--ca-c-line); } .ca-form-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 11px; } .ca-form-title strong,.ca-form-title span { display: block; } .ca-form-title strong { color: var(--ca-c-ink); font-weight: 900; } .ca-form-title span { margin-top: 2px; color: var(--ca-c-muted); } .cancel-comment-reply a { color: var(--ca-c-muted); font-size: 12px; text-decoration: none; } .ca-form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .ca-input { position: relative; display: block; } .ca-input>span { display: block; margin: 0 0 4px; color: var(--ca-c-muted); font-weight: 700; } .ca-input input,.ca-input textarea { width: 100%!important; border: 1px solid var(--ca-c-line)!important; border-radius: 8px!important; outline: 0!important; background: var(--ca-p-surface-white)!important; color: var(--ca-c-ink)!important; font: inherit!important; box-shadow: none!important; transition: border-color .15s,box-shadow .15s!important; } .ca-input input { padding: 0 10px!important; } .ca-input textarea { margin: 0!important; padding: 9px 10px 23px!important; resize: vertical; line-height: 2; } .ca-input input:focus,.ca-input textarea:focus { border-color: var(--ca-reg-20685-c9c3ba)!important; box-shadow: 0 0 0 3px var(--ca-reg-20074-rgba-102-92-82-06)!important; } .ca-input-comment { margin-top: 9px; } .ca-comment-count { position: absolute; left: 9px; bottom: 7px; color: var(--ca-c-muted); direction: ltr; } .ca-form-bottom { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 9px; } .ca-comment-ajax-status { flex: 1; min-width: 0; color: var(--ca-c-muted); } .ca-comment-ajax-status[aria-hidden="true"] { display: none; } .ca-comment-ajax-status.is-success { color: var(--ca-reg-20802-5f745e); } .ca-comment-ajax-status.is-error { color: var(--ca-reg-20138-8a5f5f); } .ca-comment-submit { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 8px; color: var(--ca-reg-0001-ffffff); cursor: pointer; font: inherit; font-weight: 800; transition: .18s ease; } .ca-comment-submit:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(.96); } .ca-comment-submit:disabled { opacity: .65; cursor: not-allowed; } .ca-comment-spinner { width: 10px; height: 10px; border: 2px solid var(--ca-reg-20904-rgba-255-255-255-4); border-top-color: var(--ca-reg-0001-ffffff); border-radius: 50%; animation: ca-spin .7s linear infinite; } @keyframes ca-spin { to { transform: rotate(360deg); } } .ca-comment-trap { position: absolute; width: 1px; height: 1px; overflow: hidden!important; opacity: 0; pointer-events: none; } .ca-comments-note { margin-top: 12px; padding: 10px 12px; border: 1px solid var(--ca-c-line); border-radius: 9px; color: var(--ca-c-muted); font-size: 12px; background: var(--ca-c-soft); } @media(max-width:600px) { .ca-comments-header { align-items: flex-start; } .ca-comments-title h3 { font-size: 18px; } .ca-comments-title p { display: none; } .ca-write-comment-trigger { height: 34px; padding: 0 10px; } .ca-form-fields { grid-template-columns: 1fr; } .ca-form-bottom { align-items: stretch; flex-direction: column-reverse; } .ca-comment-submit { width: 100%; justify-content: center; } .ca-comment-ajax-status { width: 100%; } .ca-comment-top { align-items: flex-start; flex-direction: column; gap: 2px; } } .ca-comment-replying { display: flex; align-items: center; gap: 8px; margin: -3px 0 10px; padding: 7px 9px; border-radius: 7px; } .ca-comment-replying button { margin-right: auto; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; } .modern-comments-section { --ca-c-primary: var(--ca-reg-20385-6f6256); --ca-c-primary-hover: var(--ca-reg-20674-5b5047); --ca-c-secondary: var(--ca-reg-20876-8d7561); --ca-c-secondary-soft: var(--ca-reg-20539-f3ece5); --ca-c-reply: var(--ca-reg-20079-7b6b8f); --ca-c-reply-soft: var(--ca-reg-21048-f2eef7); } .ca-comment-list { display: flex!important; flex-direction: column; gap: 14px; } .ca-comment-item+.ca-comment-item { margin-top: 0!important; } .ca-comment-card { position: relative; gap: 13px; padding: 15px 16px; border-color: var(--ca-reg-20559-e5e0d9); border-radius: 14px; background: var(--ca-p-surface-white); box-shadow: 0 4px 14px var(--ca-reg-20139-rgba-70-58-48-035); transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .ca-comment-card:hover { border-color: var(--ca-reg-20854-ddd5cc); box-shadow: 0 7px 20px var(--ca-reg-20190-rgba-70-58-48-065); } .ca-comment-avatar { width: 36px; height: 36px; flex-basis: 36px; border-radius: 11px; background: var(--ca-c-secondary-soft); color: var(--ca-c-secondary); font-size: 13px; } .ca-comment-author strong { font-size: 13px; } .ca-comment-date { font-size: 12px; } .ca-comment-text { margin-top: 7px; font-size: 13px; line-height: 2.05; } .ca-comment-text p { font-size: 13px; } .ca-comment-author-badge { font-size: 12px; padding: 2px 6px; } .ca-comment-reply { margin-top: 9px; } .ca-comment-reply .comment-reply-link { padding: 5px 9px; border: 1px solid var(--ca-reg-20240-e5ded7); border-radius: 7px; background: var(--ca-reg-20351-faf8f5); color: var(--ca-c-primary); font-size: 12px; } .ca-comment-reply .comment-reply-link:hover { background: var(--ca-c-secondary-soft); border-color: var(--ca-reg-20882-ddd0c4); color: var(--ca-c-primary-hover); } .ca-comment-item .children { position: relative; margin: 11px 26px 0 0!important; padding: 2px 15px 2px 0!important; border-right: 2px solid var(--ca-reg-20099-dcd2e7); } .ca-comment-item .children:before { content: ""; position: absolute; right: -2px; top: 18px; width: 10px; height: 2px; background: var(--ca-reg-20099-dcd2e7); } .ca-comment-item .children .ca-comment-card { padding: 13px 14px; border-color: var(--ca-reg-20397-e4ddea); background: var(--ca-reg-20331-faf8fc); box-shadow: none; } .ca-comment-item .children .ca-comment-card:before { content: "پاسخ"; position: absolute; top: 10px; left: 12px; padding: 3px 7px; border-radius: 6px; background: var(--ca-c-reply-soft); color: var(--ca-c-reply); font-size: 12px; font-weight: 800; } .ca-comment-item .children .ca-comment-avatar { background: var(--ca-c-reply-soft); color: var(--ca-c-reply); } .ca-comment-item .children .ca-comment-reply .comment-reply-link { background: var(--ca-c-reply-soft); border-color: var(--ca-reg-20791-e0d7ea); color: var(--ca-c-reply); } .ca-comment-item .children .ca-comment-reply .comment-reply-link:hover { background: var(--ca-reg-20090-ebe4f2); } .ca-write-comment-trigger { border-color: var(--ca-reg-20695-d9cec2); background: var(--ca-c-secondary-soft); color: var(--ca-c-primary); font-size: 12px; } .ca-write-comment-trigger:hover,.ca-write-comment-trigger.is-active { border-color: var(--ca-reg-20671-cdbbaa); background: var(--ca-c-primary); color: var(--ca-reg-0001-ffffff); } .ca-write-comment-trigger i { color: var(--ca-c-secondary); } .ca-write-comment-trigger:hover i,.ca-write-comment-trigger.is-active i { color: var(--ca-reg-0001-ffffff); } .ca-comments-empty { padding: 15px 16px; background: var(--ca-reg-20738-fbf8f4); } .ca-comments-empty strong { font-size: 12px; } .ca-comments-empty span { font-size: 12px; } .ca-comment-composer { padding: 17px; border-radius: 14px; border-color: var(--ca-reg-20920-ded7cf); background: var(--ca-reg-20324-fffdfb); box-shadow: 0 7px 22px var(--ca-reg-20042-rgba-70-58-48-045); } .ca-form-title strong { font-size: 13px; } .ca-form-title span { font-size: 12px; } .ca-input>span { font-size: 12px; } .ca-input input,.ca-input textarea { font-size: 13px!important; } .ca-input input { height: 40px; } .ca-input textarea { min-height: 96px; } .ca-comment-count { font-size: 12px; } .ca-comment-submit { height: 38px; padding: 0 15px; background: var(--ca-c-primary); font-size: 12px; } .ca-comment-submit:hover:not(:disabled) { background: var(--ca-c-primary-hover); } .ca-comment-ajax-status { font-size: 12px; } .ca-comment-replying { font-size: 12px; background: var(--ca-c-reply-soft); color: var(--ca-c-reply); } .ca-comment-replying button { font-size: 12px; } .ca-comments-navigation a { padding: 6px 10px; font-size: 12px; transition: .16s ease; } .ca-comments-navigation a:hover { background: var(--ca-c-secondary-soft); color: var(--ca-c-primary); } @media(max-width:600px) {  .ca-comment-list { gap: 11px!important; } .ca-comment-card { padding: 13px; } .ca-comment-item .children { margin-right: 14px!important; padding-right: 10px!important; } .ca-comment-item .children .ca-comment-card { padding: 12px; } .ca-comment-item .children .ca-comment-card:before { left: 9px; } } .ca-comments-header { margin-bottom: 30px; padding-bottom: 4px; } .ca-write-comment-trigger { position: relative; z-index: 1; } .ca-comment-list { margin-top: 0!important; padding-top: 2px!important; } .ca-comment-composer { margin-top: 22px; } @media(max-width:600px) { .ca-comments-header { margin-bottom: 24px!important; } } .ca-comments-card .comment-cancel,.ca-comments-card .ca-comment-cancel,.ca-comments-card .cancel-comment-reply-link { background: transparent !important; background-image: none !important; color: var(--ca-c-accent,var(--ca-reg-20201-665c52)) !important; border: 1px solid var(--ca-c-line,var(--ca-reg-20228-e8e5df)) !important; box-shadow: none !important; text-shadow: none !important; } .ca-comments-card .comment-cancel:hover,.ca-comments-card .ca-comment-cancel:hover,.ca-comments-card .cancel-comment-reply-link:hover { background: var(--ca-c-soft,var(--ca-reg-20431-f4f1eb)) !important; color: var(--ca-c-ink,var(--ca-reg-20998-252525)) !important; border-color: var(--ca-reg-21035-d8d0c4) !important; } .ca-single-article .ca-comments-card.ca-article-comments,.ca-single-article section.ca-comments-card.ca-article-comments#comments-wrap { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; padding: 0 !important; } .ca-single-article .ca-comments-card.ca-article-comments>.modern-comments-section { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } .ca-single-article .ca-comments-card.ca-article-comments .cancel-comment-reply,.ca-single-article .ca-comments-card.ca-article-comments .cancel-comment-reply a,.ca-single-article .ca-comments-card.ca-article-comments .cancel-comment-reply-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 28px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid var(--ca-c-line,var(--ca-reg-20228-e8e5df)) !important; border-radius: 8px !important; background: transparent !important; background-image: none !important; box-shadow: none !important; color: var(--ca-c-accent,var(--ca-reg-20201-665c52)) !important; text-decoration: none !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; text-shadow: none !important; } .ca-single-article .ca-comments-card.ca-article-comments .cancel-comment-reply a:hover,.ca-single-article .ca-comments-card.ca-article-comments .cancel-comment-reply-link:hover { background: var(--ca-c-soft,var(--ca-reg-20431-f4f1eb)) !important; background-image: none !important; border-color: var(--ca-reg-21035-d8d0c4) !important; color: var(--ca-c-ink,var(--ca-reg-20998-252525)) !important; box-shadow: none !important; } .modern-comments-section { --ca-c-green: var(--ca-reg-20728-5f765f); --ca-c-green-dark: var(--ca-reg-0070-506650); --ca-c-green-soft: var(--ca-reg-20696-edf3ea); --ca-c-cream: var(--ca-reg-20312-fbf8f1); --ca-c-cream-2: var(--ca-reg-20921-f5f0e6); } .modern-comments-section .ca-comment-card { background: var(--ca-c-cream) !important; border-color: var(--ca-reg-20499-e4ddcf) !important; box-shadow: none !important; transition: background-color .18s ease,border-color .18s ease,transform .18s ease; } .modern-comments-section .ca-comment-card:hover,.modern-comments-section .ca-comment-card:focus-within { background: var(--ca-c-green-soft) !important; border-color: var(--ca-reg-21033-cbd9c8) !important; box-shadow: none !important; transform: translateY(-1px); } .modern-comments-section .ca-comment-avatar { background: var(--ca-c-cream-2) !important; color: var(--ca-c-green-dark) !important; } .modern-comments-section .ca-comment-card:hover .ca-comment-avatar,.modern-comments-section .ca-comment-card:focus-within .ca-comment-avatar { background: var(--ca-reg-20952-dfeadd) !important; color: var(--ca-c-green-dark) !important; } .modern-comments-section .ca-comment-item .children { border-right-color: var(--ca-reg-20981-cbd8c8) !important; } .modern-comments-section .ca-comment-item .children:before { background: var(--ca-reg-20981-cbd8c8) !important; } .modern-comments-section .ca-comment-item .children .ca-comment-card { background: var(--ca-reg-20980-f7f4eb) !important; border-color: var(--ca-reg-20658-ddd8ca) !important; box-shadow: none !important; } .modern-comments-section .ca-comment-item .children .ca-comment-card:hover,.modern-comments-section .ca-comment-item .children .ca-comment-card:focus-within { background: var(--ca-c-green-soft) !important; border-color: var(--ca-reg-21033-cbd9c8) !important; } .modern-comments-section .ca-comment-item .children .ca-comment-card:before { background: var(--ca-reg-20952-dfeadd) !important; color: var(--ca-c-green-dark) !important; } .modern-comments-section .ca-comment-item .children .ca-comment-avatar { background: var(--ca-reg-21071-e8eee3) !important; color: var(--ca-c-green-dark) !important; } .modern-comments-section .ca-comment-item .children .ca-comment-reply .comment-reply-link { background: transparent !important; border-color: var(--ca-reg-20981-cbd8c8) !important; color: var(--ca-c-green-dark) !important; } .modern-comments-section .ca-comment-item .children .ca-comment-reply .comment-reply-link:hover { background: var(--ca-reg-20881-e6eee3) !important; } .modern-comments-section .ca-comments-empty,.modern-comments-section .ca-comment-replying { background: transparent !important; box-shadow: none !important; } .modern-comments-section .cancel-comment-reply,.modern-comments-section .cancel-comment-reply a,.modern-comments-section .cancel-comment-reply-link { background: transparent !important; background-image: none !important; border-color: var(--ca-reg-20922-d8d2c5) !important; color: var(--ca-c-green-dark) !important; } .modern-comments-section .cancel-comment-reply a:hover,.modern-comments-section .cancel-comment-reply-link:hover { background: var(--ca-reg-21034-e9f0e5) !important; border-color: var(--ca-reg-20442-c6d5c3) !important; color: var(--ca-c-green-dark) !important; } .modern-comments-section .ca-comment-composer { background: var(--ca-c-cream) !important; box-shadow: none; border-color: var(--ca-reg-20440-e1dbcf) !important; } .modern-comments-section { padding: 22px; border: 1px solid var(--ca-reg-20719-e4ddd2); background: linear-gradient(135deg,var(--ca-reg-20622-f7f1e7) 0%,var(--ca-reg-20097-eef4ec) 100%); box-shadow: 0 8px 24px var(--ca-reg-20121-rgba-72-66-55-045); } .modern-comments-section .ca-comments-panel,.modern-comments-section .ca-comment-form-panel { border: 1px solid var(--ca-reg-20688-rgba-205-197-184-72); border-radius: 14px; background: var(--ca-reg-20352-rgba-255-255-255-72); } .modern-comments-section .ca-comments-panel { padding: 13px; }  .modern-comments-section .ca-comment-form-panel .ca-comment-composer { margin-top: 0!important; }   .modern-comments-section .ca-comments-empty { background: var(--ca-reg-20504-rgba-238-244-236-72); } @media(max-width:600px) { .modern-comments-section { padding: 14px; border-radius: 15px; } .modern-comments-section .ca-comments-panel { padding: 9px; }  } @media(max-width:600px) { .modern-comments-section .ca-comment-form-panel .ca-comment-composer { padding: 12px !important; } } .modern-comments-section .ca-comment-reply .ca-login-to-reply { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 11px; border: 1px solid var(--ca-reg-20409-c9d6c4); border-radius: 9px; background: var(--ca-reg-20734-edf3e9); color: var(--ca-reg-0070-506650); text-decoration: none; font-size: 10px; font-weight: 800; transition: background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; } .modern-comments-section .ca-comment-reply .ca-login-to-reply i { font-size: 9px; } .modern-comments-section .ca-comment-reply .ca-login-to-reply:hover,.modern-comments-section .ca-comment-reply .ca-login-to-reply:focus-visible { background: var(--ca-reg-20952-dfeadd); border-color: var(--ca-reg-20516-b9cbb4); color: var(--ca-reg-20405-405440); transform: translateY(-1px); } .modern-comments-section .ca-comment-form-panel,.modern-comments-section .ca-comment-form-panel .ca-comment-composer { background: var(--ca-reg-20979-fffaf2) !important; } .modern-comments-section .ca-comment-form-panel .ca-form-title,.modern-comments-section .ca-comment-form-panel .ca-form-fields,.modern-comments-section .ca-comment-form-panel .ca-input-comment,.modern-comments-section .ca-comment-form-panel .ca-form-bottom { background: transparent !important; } .modern-comments-section .ca-comment-form-panel .ca-comment-replying { border: 1px solid var(--ca-reg-20578-d8e2d3) !important; border-radius: 9px !important; background: var(--ca-reg-20137-eef4eb) !important; } .ca-login-modal[hidden] { display: none !important; } .ca-login-modal { position: fixed; inset: 0; z-index: 999999; display: flex; } .ca-login-backdrop { position: absolute; inset: 0; background: var(--ca-reg-21027-rgba-35-42-34-42); backdrop-filter: blur(4px); } .ca-login-dialog { position: relative; width: min(420px,100%); padding: 25px; border: 1px solid var(--ca-reg-20835-ddd5c7); border-radius: 20px; box-shadow: 0 22px 60px var(--ca-reg-20326-rgba-44-48-40-18); direction: rtl; animation: caLoginIn .18s ease-out; } @keyframes caLoginIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } } .ca-login-close { position: absolute; top: 12px; left: 12px; width: 32px; height: 32px; border: 1px solid var(--ca-reg-20694-ddd6c9); border-radius: 9px; background: transparent; color: var(--ca-reg-21016-777066); cursor: pointer; } .ca-login-close:hover { background: var(--ca-reg-20734-edf3e9); color: var(--ca-reg-0070-506650); border-color: var(--ca-reg-20409-c9d6c4); } .ca-login-icon { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; margin: 0 0 13px auto; border-radius: 13px; background: var(--ca-reg-20038-e8f0e5); color: var(--ca-reg-0070-506650); font-size: 17px; } .ca-login-heading strong { display: block; color: var(--ca-reg-20520-2f342f); font-size: 15px; line-height: 1.7; } .ca-login-heading span { display: block; margin-top: 3px; color: var(--ca-reg-20193-837b70); font-size: 11px; line-height: 1.8; } .ca-login-form { margin-top: 18px; } .ca-login-form .ca-input { display: block; margin-bottom: 11px; } .ca-login-form .ca-input>span { display: block; margin-bottom: 6px; color: var(--ca-reg-20333-5c5a53); font-size: 10px; font-weight: 800; } .ca-login-form .ca-input input { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--ca-reg-20694-ddd6c9); border-radius: 10px; background: var(--ca-reg-0004-fffdf9); color: var(--ca-reg-20574-30352f); outline: none; box-sizing: border-box; } .ca-login-form .ca-input input:focus { border-color: var(--ca-reg-20360-aebfaa); box-shadow: 0 0 0 3px var(--ca-reg-20842-rgba-95-118-95-09); } .ca-login-remember { display: flex; align-items: center; gap: 7px; margin: 4px 0 13px; color: var(--ca-reg-21043-777168); font-size: 10px; cursor: pointer; } .ca-login-remember input { accent-color: var(--ca-reg-20728-5f765f); } .ca-login-status { min-height: 22px; margin-bottom: 8px; color: var(--ca-reg-20110-6e685e); font-size: 10px; line-height: 1.8; } .ca-login-status.is-error { color: var(--ca-reg-20938-9a5f52); } .ca-login-status.is-success { color: var(--ca-reg-20728-5f765f); } .ca-login-submit { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--ca-reg-20078-536a53); border-radius: 11px; cursor: pointer; font-size: 11px; font-weight: 900; transition: background-color .18s ease,transform .18s ease,box-shadow .18s ease; } .ca-login-submit:hover { transform: translateY(-1px); box-shadow: 0 8px 18px var(--ca-reg-20673-rgba-80-102-80-14); } .ca-login-submit:disabled { opacity: .65; cursor: wait; transform: none; box-shadow: none; } body.ca-login-modal-open { overflow: hidden; } @media(max-width:600px) {   } .modern-comments-section .ca-comment-form-panel { margin-top: 12px; padding: 16px !important; border: 1px solid var(--ca-reg-20688-rgba-205-197-184-72) !important; border-radius: 14px !important; background: var(--ca-reg-20352-rgba-255-255-255-72) !important; box-shadow: none; } .modern-comments-section .ca-comment-form-panel .ca-comment-composer { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none; } .modern-comments-section .ca-comment-form-panel .ca-form-title,.modern-comments-section .ca-comment-form-panel .ca-form-fields,.modern-comments-section .ca-comment-form-panel .ca-input-comment,.modern-comments-section .ca-comment-form-panel .ca-form-bottom,.modern-comments-section .ca-comment-form-panel form { background: transparent !important; border: 0; box-shadow: none; } @media(max-width:600px) { .modern-comments-section .ca-comment-form-panel { margin-top: 10px !important; padding: 12px !important; } } .ca-comments-card.ca-article-comments { --ca-c-parent-cream: var(--ca-reg-20765-f7f1e6); --ca-c-parent-green: var(--ca-reg-21034-e9f0e5); --ca-c-panel-cream: var(--ca-reg-20979-fffaf2); --ca-c-panel-green: var(--ca-reg-20137-eef4eb); --ca-c-green: var(--ca-reg-20728-5f765f); --ca-c-green-dark: var(--ca-reg-20133-4f6650); --ca-c-border: var(--ca-reg-20787-d8dfd1); margin: 28px 0 0 !important; padding: 22px !important; border-radius: 20px !important; overflow: visible !important; } .ca-comments-card.ca-article-comments>.modern-comments-section { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ca-comments-card.ca-article-comments .ca-comments-header { margin: 0 0 16px !important; padding: 0 2px !important; background: transparent !important; border: 0 !important; box-shadow: none; } .ca-comments-card.ca-article-comments .ca-comments-panel { margin: 0 !important; padding: 13px !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel { margin: 12px 0 0 !important; padding: 13px !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-composer,.ca-comments-card.ca-article-comments .ca-comment-form-panel form,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-form-title,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-form-fields,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input-comment,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-form-bottom { margin-left: 0 !important; margin-right: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-composer { padding: 0 !important; border-radius: 0 !important; } .ca-comments-card.ca-article-comments .ca-comment-card { transition: background-color .18s ease,border-color .18s ease,transform .18s ease; } .ca-comments-card.ca-article-comments .ca-write-comment-trigger:hover,.ca-comments-card.ca-article-comments .ca-comment-submit:hover { border-color: var(--ca-reg-20133-4f6650) !important; background: var(--ca-reg-0070-506650) !important; } .ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link { color: var(--ca-reg-20728-5f765f) !important; } .ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link:hover { background: var(--ca-reg-20354-e5eee1) !important; color: var(--ca-reg-20133-4f6650) !important; } .ca-comments-card.ca-article-comments { --ca-site-green-line: var(--ca-reg-0139-cfdccf); --ca-site-cream-warm: var(--ca-reg-0039-f8f8f8); } .ca-comments-card.ca-article-comments .ca-comments-panel { border-color: var(--ca-site-green-line) !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel { border-color: var(--ca-site-green-line) !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel:has(#respond[hidden]) { display: none !important; } .ca-comments-card.ca-article-comments .ca-write-comment-trigger:hover,.ca-comments-card.ca-article-comments .ca-comment-submit:hover:not(:disabled) { background: var(--ca-site-green-dark) !important; border-color: var(--ca-site-green-dark) !important; } .ca-comments-card.ca-article-comments .ca-comment-avatar { background: var(--ca-site-green-soft) !important; color: var(--ca-site-green-dark) !important; } .ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link:hover,.ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply:hover { color: var(--ca-reg-0001-ffffff) !important; background: var(--ca-site-green) !important; border-color: var(--ca-site-green) !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-composer { background: transparent !important; border: 0 !important; box-shadow: none; } @media(max-width:600px) { .ca-comments-card.ca-article-comments { background: linear-gradient(145deg,var(--ca-reg-0011-fbfbfb) 0%,var(--ca-reg-0140-e8f0e8) 100%) !important; } } .ca-comments-card.ca-article-comments .modern-comments-section { background: transparent !important; } .ca-comments-card.ca-article-comments .ca-comments-panel { border-radius: 18px !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel { border-radius: 18px !important; } .ca-comments-card.ca-article-comments .ca-comment-composer { background: transparent !important; border: 0 !important; box-shadow: none; padding: 0 !important; } .ca-comments-card.ca-article-comments .ca-input-comment textarea { margin-bottom: 0 !important; } .ca-comments-card.ca-article-comments .ca-comment-count { position: absolute; left: 12px; right: auto; bottom: 7px; margin: 0 !important; display: block; line-height: 1.2; z-index: 2; } .ca-comments-card.ca-article-comments .ca-comment-text { overflow-wrap: anywhere; } @media (max-width:900px) { .ca-comments-card.ca-article-comments { border-radius: 16px !important; padding: 16px !important; } .ca-comments-card.ca-article-comments .ca-comments-panel,.ca-comments-card.ca-article-comments .ca-comment-form-panel { border-radius: 15px !important; } } @media (max-width:600px) { .ca-comments-card.ca-article-comments { padding: 12px !important; border-radius: 14px !important; } .ca-comments-card.ca-article-comments .ca-comments-panel,.ca-comments-card.ca-article-comments .ca-comment-form-panel { padding: 14px !important; border-radius: 13px !important; } .ca-comments-card.ca-article-comments .ca-input-comment { padding-bottom: 30px !important; } .ca-comments-card.ca-article-comments .ca-comment-count { left: 10px !important; bottom: 8px !important; font-size: 11px !important; } } :root { --ca-site-green: var(--ca-reg-20802-5f745e); --ca-site-green-dark: var(--ca-reg-0070-506650); --ca-site-green-soft: var(--ca-reg-20696-edf3ea); --ca-site-green-line: var(--ca-reg-21033-cbd9c8); } .ca-comments-card.ca-article-comments { border-color: var(--ca-reg-0070-506650) !important; } .ca-comments-card.ca-article-comments .ca-comment-submit,.ca-comments-card.ca-article-comments .ca-write-comment-trigger { background: var(--ca-reg-20802-5f745e) !important; border-color: var(--ca-reg-20802-5f745e) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-comments-card.ca-article-comments .ca-comment-submit:hover,.ca-comments-card.ca-article-comments .ca-write-comment-trigger:hover { background: var(--ca-reg-0070-506650) !important; border-color: var(--ca-reg-0070-506650) !important; } .ca-login-modal { align-items: center !important; justify-content: center !important; padding: 20px !important; } .ca-login-dialog { background: var(--ca-reg-20622-f7f1e7) !important; border-color: var(--ca-reg-21033-cbd9c8) !important; } .ca-login-submit { background: var(--ca-reg-20802-5f745e) !important; border-color: var(--ca-reg-20802-5f745e) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-login-submit:hover { background: var(--ca-reg-0070-506650) !important; border-color: var(--ca-reg-0070-506650) !important; } @media (max-width:900px) { .ca-login-modal { align-items: center !important; justify-content: center !important; padding: 24px !important; } .ca-login-dialog { width: min(430px,calc(100vw - 48px)) !important; margin: 0 auto !important; border-radius: 20px !important; } } @media (max-width:600px) { .ca-login-modal { align-items: center !important; justify-content: center !important; padding: 16px !important; } .ca-login-dialog { width: min(390px,calc(100vw - 32px)) !important; max-height: calc(100vh - 32px) !important; overflow: auto !important; margin: auto !important; border-radius: 18px !important; padding: 21px 17px !important; } } .ca-comments-card.ca-article-comments { --ca-site-green: var(--ca-primary,var(--ca-reg-0002-315a52)); --ca-site-green-dark: var(--ca-primary-hover,var(--ca-reg-0009-244840)); --ca-site-green-soft: var(--ca-primary-soft,var(--ca-reg-0008-e5efec)); --ca-site-cream: var(--ca-surface,var(--ca-reg-0004-fffdf9)); --ca-site-warm: var(--ca-surface-2,var(--ca-reg-0019-f4ebdd)); --ca-site-line: var(--ca-line,var(--ca-reg-0005-e2d6c5)); --ca-site-text: var(--ca-text,var(--ca-reg-0006-2b2a27)); --ca-site-muted: var(--ca-muted,var(--ca-reg-0015-716d65)); background: var(--ca-site-warm) !important; border: 1px solid var(--ca-site-line) !important; box-shadow: 0 10px 28px var(--ca-reg-20913-rgba-60-45-28-07); color: var(--ca-site-text); } .ca-comments-card.ca-article-comments .ca-comments-panel { background: var(--ca-site-cream) !important; border: 1px solid var(--ca-site-line) !important; box-shadow: none; } .ca-comments-card.ca-article-comments .ca-comment-form-panel { background: var(--ca-site-green-soft) !important; border: 1px solid var(--ca-reg-0062-c9dcd5) !important; box-shadow: none; } .ca-comments-card.ca-article-comments .ca-comment-card { background: var(--ca-site-cream) !important; border-color: var(--ca-site-line) !important; box-shadow: none !important; } .ca-comments-card.ca-article-comments .ca-comment-card:hover { background: var(--ca-reg-0173-faf7f1) !important; border-color: var(--ca-reg-20249-d7cdbd) !important; } .ca-comments-card.ca-article-comments .ca-comment-item .children .ca-comment-card { background: var(--ca-reg-20741-f0f5f2) !important; border-color: var(--ca-reg-0062-c9dcd5) !important; } .ca-comments-card.ca-article-comments .ca-comment-item .children .ca-comment-card:hover { background: var(--ca-reg-20736-e8f1ed) !important; border-color: var(--ca-reg-20951-b9cec5) !important; } .ca-comments-card.ca-article-comments .ca-write-comment-trigger,.ca-comments-card.ca-article-comments .ca-comment-submit { background: var(--ca-site-green) !important; border-color: var(--ca-site-green) !important; color: var(--ca-reg-0001-ffffff) !important; box-shadow: 0 6px 16px var(--ca-reg-20451-rgba-49-90-82-14) !important; } .ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link,.ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply { color: var(--ca-site-green-dark) !important; background: var(--ca-site-green-soft) !important; border-color: var(--ca-reg-0062-c9dcd5) !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input input,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input textarea { background: var(--ca-p-surface-white) !important; color: var(--ca-site-text) !important; border-color: var(--ca-site-line) !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input input:focus,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-input textarea:focus { border-color: var(--ca-site-green) !important; box-shadow: 0 0 0 3px var(--ca-reg-10016-rgba-49-90-82-10) !important; } .ca-comments-card.ca-article-comments .ca-comments-title h3 em { background: var(--ca-accent,var(--ca-reg-0028-c89a52)) !important; color: var(--ca-reg-0001-ffffff); } .ca-login-modal .ca-login-dialog { background: var(--ca-surface,var(--ca-reg-0004-fffdf9)) !important; color: var(--ca-text,var(--ca-reg-0006-2b2a27)) !important; border-color: var(--ca-line,var(--ca-reg-0005-e2d6c5)) !important; } .ca-login-modal .ca-login-close:hover { background: var(--ca-primary-soft,var(--ca-reg-0008-e5efec)) !important; color: var(--ca-primary,var(--ca-reg-0002-315a52)) !important; border-color: var(--ca-reg-0062-c9dcd5) !important; } .ca-login-modal .ca-login-submit { background: var(--ca-primary,var(--ca-reg-0002-315a52)) !important; border-color: var(--ca-primary,var(--ca-reg-0002-315a52)) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-login-modal .ca-login-submit:hover { background: var(--ca-primary-hover,var(--ca-reg-0009-244840)) !important; border-color: var(--ca-primary-hover,var(--ca-reg-0009-244840)) !important; } .ca-login-modal .ca-login-form .ca-input input { background: var(--ca-p-surface-white) !important; color: var(--ca-text,var(--ca-reg-0006-2b2a27)) !important; border-color: var(--ca-line,var(--ca-reg-0005-e2d6c5)) !important; } .ca-login-modal .ca-login-form .ca-input input:focus { border-color: var(--ca-primary,var(--ca-reg-0002-315a52)) !important; box-shadow: 0 0 0 3px var(--ca-reg-10016-rgba-49-90-82-10) !important; } @media(max-width:900px) { .ca-comments-card.ca-article-comments { background: var(--ca-site-warm) !important; } } .ca-comments-card.ca-article-comments .ca-input-comment { position: relative; padding-bottom: 0 !important; } .ca-comments-card.ca-article-comments .ca-input-comment textarea { position: relative; padding-bottom: 28px; } .ca-comments-card.ca-article-comments .ca-input-comment .ca-comment-count { position: absolute; left: 12px; right: auto; bottom: 10px; margin: 0 !important; padding: 0 !important; line-height: 16px; pointer-events: none; z-index: 5; } @media(max-width:600px) { .ca-comments-card.ca-article-comments .ca-input-comment textarea { padding-bottom: 26px !important; } .ca-comments-card.ca-article-comments .ca-input-comment .ca-comment-count { left: 10px !important; bottom: 9px !important; } } .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply,.ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply a,.ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply-link { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply a,.ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 30px !important; padding: 0 12px !important; border: 1px solid var(--ca-primary,var(--ca-reg-0002-315a52)) !important; border-radius: 8px !important; background: var(--ca-primary,var(--ca-reg-0002-315a52)) !important; color: var(--ca-reg-0001-ffffff) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; transition: background .16s ease,border-color .16s ease,transform .16s ease !important; } .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply a:hover,.ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply-link:hover { background: var(--ca-primary-hover,var(--ca-reg-0009-244840)) !important; border-color: var(--ca-primary-hover,var(--ca-reg-0009-244840)) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-replying,.modern-comments-section .ca-comment-form-panel .ca-comment-replying { display: flex !important; align-items: center !important; gap: 9px !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--ca-primary,var(--ca-reg-0002-315a52)) !important; font-size: 11px !important; font-weight: 700 !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-replying span,.modern-comments-section .ca-comment-form-panel .ca-comment-replying span { display: inline-flex !important; align-items: center !important; min-height: 28px !important; padding: 0 10px !important; border-radius: 7px !important; background: var(--ca-primary-soft,var(--ca-reg-0008-e5efec)) !important; color: var(--ca-primary-hover,var(--ca-reg-0009-244840)) !important; border: 1px solid var(--ca-reg-0062-c9dcd5) !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-replying button,.modern-comments-section .ca-comment-form-panel .ca-comment-replying button,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-cancel { margin-right: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; padding: 0 11px !important; border: 1px solid var(--ca-primary,var(--ca-reg-0002-315a52)) !important; border-radius: 7px !important; background: var(--ca-primary,var(--ca-reg-0002-315a52)) !important; color: var(--ca-reg-0001-ffffff) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-replying button:hover,.modern-comments-section .ca-comment-form-panel .ca-comment-replying button:hover,.ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-cancel:hover { background: var(--ca-primary-hover,var(--ca-reg-0009-244840)) !important; border-color: var(--ca-primary-hover,var(--ca-reg-0009-244840)) !important; color: var(--ca-reg-0001-ffffff) !important; } @media(max-width:600px) { .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply a,.ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply-link { min-height: 29px !important; padding: 0 10px !important; font-size: 10.5px !important; } .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-replying { gap: 7px !important; flex-wrap: wrap !important; } } .ca-comments-card.ca-article-comments .ca-comment-list>.ca-comment-item .ca-comment-reply .comment-reply-link,.ca-comments-card.ca-article-comments .ca-comment-item.depth-1>.ca-comment-card+.ca-comment-reply .comment-reply-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 30px !important; padding: 0 12px !important; border: 1px solid var(--ca-reg-0002-315a52) !important; border-radius: 8px !important; background: var(--ca-reg-0002-315a52) !important; color: var(--ca-reg-0001-ffffff) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; opacity: 1 !important; } .ca-comments-card.ca-article-comments .ca-comment-list>.ca-comment-item .ca-comment-reply .comment-reply-link:hover,.ca-comments-card.ca-article-comments .ca-comment-list>.ca-comment-item .ca-comment-reply .comment-reply-link:focus-visible { background: var(--ca-reg-0009-244840) !important; border-color: var(--ca-reg-0009-244840) !important; color: var(--ca-reg-0001-ffffff) !important; transform: translateY(-1px); } .ca-comments-card.ca-article-comments#comments-wrap { --ca-site-green: var(--ca-reg-0002-315a52); --ca-site-green-dark: var(--ca-reg-0009-244840); --ca-site-green-soft: var(--ca-reg-0008-e5efec); --ca-site-cream: var(--ca-reg-0004-fffdf9); --ca-site-warm: var(--ca-reg-0019-f4ebdd); --ca-site-line: var(--ca-reg-0005-e2d6c5); --ca-site-text: var(--ca-reg-0006-2b2a27); --ca-site-muted: var(--ca-reg-0015-716d65); --ca-site-gold: var(--ca-reg-0028-c89a52); margin: 28px 0 0 !important; padding: 20px !important; background: var(--ca-site-warm) !important; border: 1px solid var(--ca-site-line) !important; border-radius: 20px !important; box-shadow: 0 10px 28px var(--ca-reg-20913-rgba-60-45-28-07); } .ca-comments-card.ca-article-comments#comments-wrap>.modern-comments-section { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-header { margin: 0 0 16px !important; padding: 0 2px !important; background: transparent !important; border: 0 !important; box-shadow: none; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel { margin: 0 !important; padding: 14px !important; min-height: 0 !important; background: var(--ca-site-cream) !important; border: 1px solid var(--ca-site-line) !important; border-radius: 15px !important; box-shadow: none; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel { margin: 12px 0 0 !important; padding: 14px !important; background: var(--ca-site-green-soft) !important; border: 1px solid var(--ca-reg-0062-c9dcd5) !important; border-radius: 15px !important; box-shadow: none; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-comment-composer,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel form,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-form-title,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-form-fields,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-input-comment,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-form-bottom { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-input input,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-input textarea { background: var(--ca-p-surface-white) !important; border: 1px solid var(--ca-site-line) !important; color: var(--ca-site-text) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-input input:focus,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-input textarea:focus { border-color: var(--ca-site-green) !important; box-shadow: 0 0 0 3px var(--ca-reg-10016-rgba-49-90-82-10) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-title h3 em { background: var(--ca-site-gold) !important; color: var(--ca-reg-0001-ffffff); border: 0 !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-write-comment-trigger,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link { background: var(--ca-site-green) !important; border-color: var(--ca-site-green) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-write-comment-trigger:hover,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit:hover:not(:disabled),.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link:hover { background: var(--ca-site-green-dark) !important; border-color: var(--ca-site-green-dark) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .ca-login-to-reply { background: var(--ca-site-green-soft) !important; border-color: var(--ca-reg-0062-c9dcd5) !important; color: var(--ca-site-green-dark) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-avatar { background: var(--ca-site-green-soft) !important; color: var(--ca-site-green-dark) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card { background: var(--ca-reg-20741-f0f5f2) !important; border-color: var(--ca-reg-0062-c9dcd5) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-comment-replying { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-comment-replying span { background: var(--ca-site-green-soft) !important; border-color: var(--ca-reg-0062-c9dcd5) !important; color: var(--ca-site-green-dark) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-comment-replying button,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-comment-cancel,.ca-comments-card.ca-article-comments#comments-wrap .ca-form-title .cancel-comment-reply a,.ca-comments-card.ca-article-comments#comments-wrap .ca-form-title .cancel-comment-reply-link { background: var(--ca-site-green) !important; border-color: var(--ca-site-green) !important; color: var(--ca-reg-0001-ffffff) !important; box-shadow: none !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-comment-replying button:hover,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel .ca-comment-cancel:hover,.ca-comments-card.ca-article-comments#comments-wrap .ca-form-title .cancel-comment-reply a:hover,.ca-comments-card.ca-article-comments#comments-wrap .ca-form-title .cancel-comment-reply-link:hover { background: var(--ca-site-green-dark) !important; border-color: var(--ca-site-green-dark) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-input-comment { position: relative; } .ca-comments-card.ca-article-comments#comments-wrap .ca-input-comment textarea { padding-bottom: 28px; } .ca-comments-card.ca-article-comments#comments-wrap .ca-input-comment .ca-comment-count { position: absolute; left: 12px; bottom: 10px; margin: 0 !important; padding: 0 !important; color: var(--ca-site-muted); pointer-events: none; z-index: 2 !important; } @media(max-width:600px) { .ca-comments-card.ca-article-comments#comments-wrap { padding: 14px !important; border-radius: 17px !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel { padding: 11px !important; border-radius: 13px !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-input-comment textarea { padding-bottom: 26px !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-input-comment .ca-comment-count { left: 10px !important; bottom: 9px !important; } } .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel { background: transparent !important; box-shadow: none !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-title h3 em,.ca-comments-card.ca-article-comments .ca-comments-title h3 em { background: var(--ca-reg-0028-c89a52) !important; color: var(--ca-reg-0001-ffffff) !important; -webkit-text-fill-color: var(--ca-reg-0001-ffffff) !important; text-shadow: none !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit { display: inline-flex; align-items: center; justify-content: center; gap: 8px !important; min-height: 46px; height: 46px; padding: 0 22px !important; border: 1px solid var(--ca-reg-0012-5b5b5b) !important; border-radius: 12px !important; background: linear-gradient(135deg,var(--ca-reg-0073-7f7f7f) 0%,var(--ca-reg-0036-5f5f5f) 100%) !important; color: var(--ca-reg-0001-ffffff); -webkit-text-fill-color: var(--ca-reg-0001-ffffff); box-shadow: 0 7px 16px var(--ca-reg-20641-rgba-91-91-91-13); font-family: inherit; font-size: 13px; font-weight: 900; line-height: 1; white-space: nowrap !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit span,.ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit i { color: var(--ca-reg-0001-ffffff) !important; -webkit-text-fill-color: var(--ca-reg-0001-ffffff) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit i { position: static; margin: 0 !important; transform: none; flex: 0 0 auto !important; line-height: 1; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit:hover:not(:disabled) { background: linear-gradient(135deg,var(--ca-reg-0083-6a6a6a) 0%,var(--ca-reg-20125-3e3e3e) 100%) !important; border-color: var(--ca-reg-02001-4f4f4f) !important; color: var(--ca-reg-0001-ffffff) !important; box-shadow: 0 10px 20px var(--ca-reg-20220-rgba-65-65-65-18) !important; transform: translateY(-1px) !important; } .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit:disabled { opacity: .65 !important; cursor: not-allowed !important; } @media(max-width:600px) { .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-submit { width: 100% !important; min-height: 45px !important; height: 45px !important; gap: 8px !important; } } .ca-single-product .ca-comments-card.ca-article-comments .ca-comments-panel,.ca-single-product .ca-comments-card.ca-article-comments .ca-comments-panel:before,.ca-single-product .ca-comments-card.ca-article-comments .ca-comments-panel:after { background: transparent !important; } .ca-single-product .ca-comments-card.ca-article-comments .ca-comments-title h3 em,.ca-comments-card.ca-article-comments .ca-comments-title h3 em { background: var(--ca-reg-0028-c89a52) !important; color: var(--ca-reg-0001-ffffff) !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel::before,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel::after,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel::before,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-form-panel::after,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-empty,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-empty::before,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-empty::after { background: transparent !important; background-image: none !important; box-shadow: none !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item::before,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item::after { background: transparent!important; background-image: none!important; border: 0!important; box-shadow: none!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-card,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-card:hover,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card:hover { background: transparent!important; background-image: none!important; border: 0!important; box-shadow: none!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-card { padding: 4px 2px!important; transform: none!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item+.ca-comment-item { margin-top: 10px!important; padding-top: 10px!important; border-top: 1px solid var(--ca-reg-10016-rgba-49-90-82-10)!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children { margin-top: 8px!important; padding-top: 8px!important; background: transparent!important; border: 0!important; box-shadow: none!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card { padding: 4px 2px 4px 10px!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-list,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-list>li { background: transparent!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-list,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-list>li,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item::before,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item::after,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children::before,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children::after { background: transparent !important; background-image: none !important; box-shadow: none !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-card { background: var(--ca-reg-0019-f4ebdd) !important; background-image: none !important; border: 1px solid var(--ca-reg-20953-dfcfb7) !important; box-shadow: none !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-card:hover { background: var(--ca-reg-0173-faf7f1) !important; border-color: var(--ca-reg-20249-d7cdbd) !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card { background-image: none !important; border: 1px solid var(--ca-reg-0062-c9dcd5) !important; border-right: 2px solid var(--ca-reg-0062-c9dcd5) !important; box-shadow: none !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card:hover { background: var(--ca-reg-20310-dceae5) !important; border-color: var(--ca-reg-20951-b9cec5) !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item.depth-1>.ca-comment-card,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item:not(.depth-1)>.ca-comment-card { background: var(--ca-p-surface-white) !important; background-image: none !important; border-color: var(--ca-reg-20357-dfe7df) !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item.depth-1>.ca-comment-card:hover,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item:not(.depth-1)>.ca-comment-card:hover { background: var(--ca-reg-20068-fafaf7) !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .ca-login-to-reply { min-width: 0!important; width: auto!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link span,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .ca-login-to-reply span { display: none!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link i,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .ca-login-to-reply i { font-size: 10px!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item.depth-1>.ca-comment-card { background: var(--ca-p-surface-white)!important; border-color: var(--ca-reg-20357-dfe7df)!important; color: var(--ca-reg-0009-244840)!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card { background: var(--ca-reg-0008-e5efec)!important; border-color: var(--ca-reg-0062-c9dcd5)!important; color: var(--ca-reg-0009-244840)!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-author strong { color: var(--ca-reg-0009-244840)!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-date { color: var(--ca-reg-21038-7b756c)!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-text { color: var(--ca-reg-20634-425952)!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-author-badge { background: var(--ca-reg-0028-c89a52)!important; color: var(--ca-reg-0001-ffffff)!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-item .children .ca-comment-card::before { content: none !important; display: none !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 30px !important; padding: 0 12px !important; gap: 6px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link span { display: inline !important; font-size: inherit !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link i { font-size: 10px !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-empty { background: var(--ca-reg-0004-fffdf9) !important; background-image: none !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap { border-color: var(--ca-reg-20925-e2e8e3) !important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comments-panel { border-color: var(--ca-reg-20925-e2e8e3) !important; } .ca-comments-card.ca-article-comments .ca-comment-item .children .ca-comment-card::before { content: none !important; display: none !important; } .modern-comments-section .ca-write-comment-trigger,.modern-comments-section .ca-comment-submit,.modern-comments-section .ca-comment-reply .comment-reply-link,.modern-comments-section .ca-comment-reply .ca-login-to-reply,.modern-comments-section .ca-form-title .cancel-comment-reply a,.modern-comments-section .ca-form-title .cancel-comment-reply-link,.modern-comments-section .ca-comment-form-panel .ca-comment-replying button,.modern-comments-section .ca-comment-form-panel .ca-comment-cancel,.ca-single-product .ca-comments-card.ca-article-comments .ca-write-comment-trigger,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-submit,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply,.ca-single-product .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply a,.ca-single-product .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply-link,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-replying button,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-form-panel .ca-comment-cancel { display: inline-flex!important; align-items: center!important; justify-content: center!important; column-gap: 8px!important; row-gap: 6px!important; } .modern-comments-section .ca-write-comment-trigger>i,.modern-comments-section .ca-comment-submit>i,.modern-comments-section .ca-comment-reply .comment-reply-link>i,.modern-comments-section .ca-comment-reply .ca-login-to-reply>i,.modern-comments-section .ca-form-title .cancel-comment-reply a>i,.modern-comments-section .ca-form-title .cancel-comment-reply-link>i,.ca-single-product .ca-comments-card.ca-article-comments .ca-write-comment-trigger>i,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-submit>i,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-reply .comment-reply-link>i,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-reply .ca-login-to-reply>i,.ca-single-product .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply a>i,.ca-single-product .ca-comments-card.ca-article-comments .ca-form-title .cancel-comment-reply-link>i { position: static!important; display: inline-block!important; flex: 0 0 auto!important; margin: 0!important; padding: 0!important; line-height: 1!important; vertical-align: middle!important; } .modern-comments-section .ca-write-comment-trigger>span,.modern-comments-section .ca-comment-submit>span,.modern-comments-section .ca-comment-reply .comment-reply-link>span,.modern-comments-section .ca-comment-reply .ca-login-to-reply>span,.ca-single-product .ca-comments-card.ca-article-comments .ca-write-comment-trigger>span,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-submit>span,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link>span,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .ca-login-to-reply>span { display: inline-block!important; flex: 0 1 auto!important; min-width: 0!important; width: auto!important; margin: 0!important; padding: 0!important; font-size: inherit!important; line-height: 1.4!important; } .ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .comment-reply-link,.ca-single-product .ca-comments-card.ca-article-comments#comments-wrap .ca-comment-reply .ca-login-to-reply { gap: 8px!important; font-size: 11px!important; white-space: normal!important; } @media (max-width:600px) { .modern-comments-section .ca-comment-submit,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-submit { display: inline-flex!important; flex-direction: row!important; align-items: center!important; justify-content: center!important; gap: 6px!important; width: 100%!important; text-align: center!important; } .modern-comments-section .ca-comment-submit>span,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-submit>span { display: inline-block!important; flex: 0 0 auto!important; width: auto!important; max-width: calc(100% - 22px)!important; margin: 0!important; padding: 0!important; text-align: center!important; } .modern-comments-section .ca-comment-submit>i,.ca-single-product .ca-comments-card.ca-article-comments .ca-comment-submit>i { position: static!important; display: inline-block!important; flex: 0 0 auto!important; width: auto!important; margin: 0!important; padding: 0!important; line-height: 1!important; } } .modern-comments-section .ca-comment-ajax-notice { display: flex!important; align-items: flex-start!important; gap: 9px!important; position: relative!important; width: 100%!important; margin: 10px 0 0!important; padding: 11px 42px 11px 13px!important; border: 1px solid #c9dfcf!important; border-radius: 11px!important; background: #eff7f0!important; color: #245b40!important; font-size: 12px!important; font-weight: 700!important; line-height: 1.9!important; box-sizing: border-box!important; } .modern-comments-section .ca-comment-ajax-notice>i { flex: 0 0 auto!important; margin-top: 4px!important; font-size: 14px!important; color: inherit!important; } .modern-comments-section .ca-comment-ajax-notice>span { flex: 1 1 auto!important; min-width: 0!important; } .modern-comments-section .ca-comment-ajax-notice.is-error { border-color: #e7c8c4!important; background: #fff2f0!important; color: #8a3029!important; } .modern-comments-section .ca-comment-notice-dismiss { position: absolute!important; top: 7px!important; right: 8px!important; display: grid!important; place-items: center!important; width: 25px!important; height: 25px!important; padding: 0!important; border: 0!important; border-radius: 7px!important; background: transparent!important; color: inherit!important; font: inherit!important; font-size: 19px!important; line-height: 1!important; cursor: pointer!important; opacity: .75!important; } .modern-comments-section .ca-comment-notice-dismiss:hover { background: rgba(0,0,0,.06)!important; opacity: 1!important; } @media(max-width:600px) { .modern-comments-section .ca-comment-ajax-notice { font-size: 12px!important; padding: 10px 39px 10px 11px!important; } }