| 1 |
.jetpack-comments__notice{all:unset;background-color:var(--jetpack-comments-content-background-color);border-inline-start:4px solid #f0b849;color:var(--jetpack-comments-font-color);display:block;font-size:14px;margin-block:0 16px;padding:8px 12px}.jetpack-comments__logins{align-items:center;display:flex}.jetpack-comments__logins.is-signing-in .jetpack-comments__login-buttons.has-guest-form{margin-block-end:25px}.jetpack-comments__logins.is-signing-in .jetpack-comments__login-button:not(.is-active){background-color:#5c5c5c;opacity:.6}.jetpack-comments__logins.is-signing-in .jetpack-comments__login-button:not(.is-active) svg{opacity:.8}.jetpack-comments__login-button{all:unset;align-items:center;background:none;block-size:36px;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:13px;inline-size:36px;justify-content:center;line-height:normal;margin-inline-end:20px;padding:8px}.jetpack-comments__login-button.is-wordpress{background-color:#0675c4}.jetpack-comments__login-button.is-google{background-color:#4285f4}.jetpack-comments__login-button.is-facebook{background-color:#0f6fea}.jetpack-comments__login-button.is-mail{background-color:#3c97ce}.jetpack-comments__login-button:focus-visible{box-shadow:inset 0 0 0 1px #fff,0 0 0 1.5px var(--jetpack-comments-accent-color)}.jetpack-comments__signing-in{align-items:center;display:flex;margin-block-end:25px}.jetpack-comments__logins:not(:has(.has-guest-form)) .jetpack-comments__signing-in{margin-block-end:0}.jetpack-comments__spinner{animation:jetpack-comments-spin 1s linear infinite;block-size:15px;border:2px solid var(--jetpack-comments-border-color);border-inline-start-color:var(--jetpack-comments-accent-color);border-radius:50%;box-sizing:border-box;inline-size:15px;margin-inline:10px}@keyframes jetpack-comments-spin{to{transform:rotate(1turn)}}.jetpack-comments__cancel{all:unset;color:var(--jetpack-comments-accent-color);cursor:pointer;font-size:14px}.jetpack-comments__cancel:hover{text-decoration:underline}.jetpack-comments__cancel:focus-visible{outline:2px solid var(--jetpack-comments-accent-color);outline-offset:1px}.jetpack-comments__guest-form{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out}.jetpack-comments__guest-form.is-open{grid-template-rows:1fr}.jetpack-comments__guest-form>div{overflow:hidden}.jetpack-comments__signed-in{background-color:var(--jetpack-comments-content-background-color);border:1px solid var(--jetpack-comments-border-color);border-radius:4px}.jetpack-comments__signed-in-heading{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:16px 21px 13px}.jetpack-comments__signed-in-name{font-weight:600}.jetpack-comments__identity--signed-in .jetpack-comments__logout{all:unset;color:var(--jetpack-comments-font-color);cursor:pointer;font-size:14px}.jetpack-comments__identity--signed-in .jetpack-comments__logout:focus-visible{box-shadow:0 0 0 1.5px var(--jetpack-comments-accent-color)}.jetpack-comments__tray-close{all:unset;block-size:24px;box-sizing:border-box;cursor:pointer;inline-size:24px;padding:0}.jetpack-comments__tray-close svg{fill:var(--jetpack-comments-font-color)}.jetpack-comments__tray-close:focus-visible{outline:2px solid var(--jetpack-comments-accent-color)}.jetpack-comments__user-settings{all:unset;align-items:center;display:flex;justify-content:center;margin-block:-2px;margin-inline-end:auto;margin-inline-start:-2px;overflow:hidden}.jetpack-comments__user-settings .jetpack-comments__profile,.jetpack-comments__user-settings .jetpack-comments__tray-toggle{all:unset;align-items:center;background-color:var(--jetpack-comments-content-background-color);block-size:37px;border:1px solid var(--jetpack-comments-border-color);box-sizing:content-box;display:flex;inline-size:37px;justify-content:center;margin:2px;overflow:hidden;padding:0}.jetpack-comments__user-settings .jetpack-comments__profile{border-end-start-radius:4px;border-inline-end-width:0;border-start-start-radius:4px;margin-inline-end:-2px}.jetpack-comments__user-settings .jetpack-comments__profile img{block-size:37px;inline-size:37px}.jetpack-comments__user-settings .jetpack-comments__tray-toggle{border-end-end-radius:4px;border-inline-start-width:0;border-start-end-radius:4px;color:var(--jetpack-comments-font-color);cursor:pointer}.jetpack-comments__user-settings .jetpack-comments__tray-toggle svg{block-size:16px;inline-size:37px}.jetpack-comments__user-settings .jetpack-comments__tray-toggle svg path{transition:transform .5s ease-in-out .2s}.jetpack-comments__user-settings .jetpack-comments__tray-toggle:focus-visible{outline:2px solid var(--jetpack-comments-accent-color);z-index:1}.jetpack-comments__toggle{all:unset;align-items:flex-start;cursor:pointer;display:inline-flex;gap:10px}.jetpack-comments__toggle input[type=checkbox]{all:unset;opacity:0;position:absolute;transform:scale(0)}.jetpack-comments__toggle input[type=checkbox]:checked+.jetpack-comments__toggle-switch{background:var(--jetpack-comments-accent-color);border-color:transparent}.jetpack-comments__toggle input[type=checkbox]:checked+.jetpack-comments__toggle-switch:after{background:#fff;inset-inline-start:20px}.jetpack-comments__toggle input[type=checkbox]:focus-visible+.jetpack-comments__toggle-switch{outline:1px solid var(--jetpack-comments-accent-color);outline-offset:1px}.jetpack-comments__toggle-switch{background:transparent;block-size:20px;border:1px solid;border-radius:10px;box-sizing:border-box;cursor:pointer;display:block;flex-shrink:0;inline-size:38px;margin-block-start:1px;padding:0;position:relative}.jetpack-comments__toggle-switch:after{background:currentColor;block-size:14px;border-radius:50%;box-sizing:border-box;content:"";inline-size:14px;inset-block:0;inset-inline-start:2px;margin-block:auto;position:absolute;transition:inset-inline-start .2s ease-in-out,background .2s ease-in-out}.jetpack-comments__toggle-text{display:block;flex:1;font-size:14px;font-weight:500;line-height:22px}.jetpack-comments__visually-hidden{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.jetpack-comments__tray{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out,visibility 0s linear .3s;visibility:hidden}.jetpack-comments__tray.is-open{grid-template-rows:1fr;transition:grid-template-rows .3s ease-in-out,visibility 0s;visibility:visible}.jetpack-comments__tray>div{overflow:hidden}.jetpack-comments__identity{background:var(--jetpack-comments-wrapper-background-color);border-block-start:1px solid var(--jetpack-comments-border-color);padding:16px}.jetpack-comments__prompt{all:unset;color:var(--jetpack-comments-font-color);display:block;font-size:18px;font-weight:400;padding-block-end:16px}.jetpack-comments__login{border:1px solid var(--jetpack-comments-border-color);border-radius:4px;color:inherit;display:inline-block;font-size:14px;padding:7px 20px;text-decoration:none}.jetpack-comments__login:focus-visible,.jetpack-comments__login:hover{border-color:var(--jetpack-comments-accent-color)}.jetpack-comments__guest{border:1px solid var(--jetpack-comments-border-color);border-radius:4px;display:flex;flex-direction:column}.jetpack-comments__guest-field{all:unset;align-items:center;block-size:45px;border-block-end:1px solid var(--jetpack-comments-border-color);color:var(--jetpack-comments-font-color);display:flex;position:relative}.jetpack-comments__guest-field svg{inset-block:0;inset-inline-start:16px;margin-block:auto;position:absolute}.jetpack-comments__guest-field input{all:initial;background:transparent;block-size:100%;border:none;box-sizing:border-box;color:var(--jetpack-comments-font-color);font-family:inherit;font-size:14px;inline-size:100%;padding-inline:44px 16px}.jetpack-comments__guest-field input::-moz-placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__guest-field input::placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__guest-field input:focus-visible{outline:1px solid var(--jetpack-comments-accent-color);outline-offset:-1px}.jetpack-comments__options{border-block-start:1px solid var(--jetpack-comments-border-color);padding:16px 21px}.jetpack-comments__guest-field:last-child{border-block-end:none}.jetpack-comments__guest-field:has(+.jetpack-comments__options){border-block-end:none}.jetpack-comments__user{align-items:center;display:flex;font-size:14px;gap:10px;margin-inline-end:auto}.jetpack-comments__avatar{background-color:var(--jetpack-comments-content-background-color);block-size:39px;border:1px solid var(--jetpack-comments-border-color);border-radius:4px;flex-shrink:0;inline-size:39px}.jetpack-comments__logout{color:inherit;font-size:14px}.jetpack-comments{--jetpack-comments-font-color:rgba(0,0,0,.8);--jetpack-comments-border-color:#dcdcde;--jetpack-comments-background-color:hsla(0,0%,100%,.6);--jetpack-comments-wrapper-background-color:hsla(0,0%,100%,.6);--jetpack-comments-content-background-color:hsla(0,0%,100%,.6);--jetpack-comments-accent-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#0675c4));--jetpack-comments-accent-hover-color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#055d9c));--jetpack-comments-accent-text-color:var(--wp-components-color-accent-inverted,#fff);--jetpack-comments-disabled-color:#a7aaad}.jetpack-comments.light{--jetpack-comments-font-color:#3c434a;--jetpack-comments-background-color:#fff;--jetpack-comments-wrapper-background-color:#f9f9f9;--jetpack-comments-content-background-color:#fff}.jetpack-comments.dark{--jetpack-comments-font-color:hsla(0,0%,100%,.8);--jetpack-comments-border-color:hsla(0,0%,100%,.2);--jetpack-comments-background-color:rgba(0,0,0,.7);--jetpack-comments-wrapper-background-color:hsla(0,0%,100%,.1);--jetpack-comments-content-background-color:hsla(0,0%,100%,.1)}.jetpack-comments{background-color:var(--jetpack-comments-background-color);border:1px solid var(--jetpack-comments-border-color);color:var(--jetpack-comments-font-color);font-family:var(--wp--preset--font-family--system-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif);font-size:16px}.jetpack-comments *,.jetpack-comments :after,.jetpack-comments :before{box-sizing:border-box}.jetpack-comments__textarea{all:initial;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;color:var(--jetpack-comments-font-color);display:block;font-family:inherit;font-size:16px;font-weight:400;inline-size:100%;line-height:1.4;margin:0;max-inline-size:100%;min-block-size:96px;outline:none;overflow:hidden;overflow-wrap:break-word;padding:16px;resize:none;white-space:pre-wrap}.jetpack-comments__textarea::-moz-placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__textarea::placeholder{color:var(--jetpack-comments-font-color);opacity:.8}.jetpack-comments__textarea:focus-visible{outline:1px solid var(--jetpack-comments-accent-color);outline-offset:-1px}.jetpack-comments__footer{align-items:center;border-block-start:1px solid var(--jetpack-comments-border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px}.jetpack-comments__submit{all:unset;background:var(--jetpack-comments-accent-color);border:1px solid transparent;border-radius:4px;color:var(--jetpack-comments-accent-text-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;padding:7px 20px;text-align:center;text-decoration:none;text-shadow:none;white-space:nowrap}.jetpack-comments__submit:disabled{background:transparent;border-color:var(--jetpack-comments-border-color);color:var(--jetpack-comments-disabled-color);cursor:not-allowed}.jetpack-comments__submit:not(:disabled):hover{background:var(--jetpack-comments-accent-hover-color)}.jetpack-comments__submit:focus-visible{outline:2px solid var(--jetpack-comments-accent-color);outline-offset:1px}.jetpack-comments__submit.is-busy{cursor:progress}.jetpack-comments__fields{display:contents} |
