| 1 |
.jetpack-comments__who{align-items:center;display:inline-flex;gap:.25em}.jetpack-comments .jetpack-comments__chevron{background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;padding:0}.jetpack-comments .jetpack-comments__chevron svg{block-size:20px;inline-size:20px;transition:transform .25s ease-in-out}.jetpack-comments__who.is-open .jetpack-comments__chevron svg{transform:rotate(180deg)}.jetpack-comments__options{margin-inline:-4px;overflow:hidden;padding-inline:4px}.jetpack-comments__options>div{align-self:start;display:flex;flex-wrap:wrap;gap:.25em 1em;padding:.5em calc(var(--jetpack-comments-pad) + 2px) 4px;transform:translateY(-100%);transition:transform .25s ease-in-out}.jetpack-comments__options.is-open>div{transform:none}:host{all:initial}.jetpack-comments__dialog{background:#fff;border:0;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.08),0 15px 27px rgba(0,0,0,.07),0 30px 36px rgba(0,0,0,.04),0 50px 43px rgba(0,0,0,.02);box-sizing:border-box;color:#1e1e1e;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;inline-size:min(100% - 32px,480px);line-height:1.5;max-block-size:calc(100% - 32px);padding:24px}.jetpack-comments__dialog::backdrop{background:rgba(0,0,0,.35)}.jetpack-comments__dialog *{box-sizing:border-box}.jetpack-comments__dialog .jetpack-comments__dialog-header{align-items:center;display:flex;gap:12px}.jetpack-comments__dialog .jetpack-comments__site-icon{border-radius:50%;flex-shrink:0}.jetpack-comments__dialog .jetpack-comments__dialog-title{flex:1;font-size:20px;font-weight:600;line-height:1.3}.jetpack-comments__dialog .jetpack-comments__dialog-close{background:none;border:0;border-radius:2px;color:inherit;cursor:pointer;display:inline-flex;padding:4px}.jetpack-comments__dialog .jetpack-comments__dialog-close:hover{color:#3858e9}.jetpack-comments__dialog .jetpack-comments__dialog-close:focus-visible{outline:2px solid #3858e9;outline-offset:1px}.jetpack-comments__dialog .jetpack-comments__dialog-heading{font-size:20px;font-weight:600;line-height:1.3;margin:24px 0 8px;text-align:center}.jetpack-comments__dialog .jetpack-comments__dialog-heading+.jetpack-comments__dialog-intro{margin-block-start:0}.jetpack-comments__dialog .jetpack-comments__dialog-intro{color:#2f2f2f;margin:24px 0;text-align:center}.jetpack-comments__dialog .jetpack-comments__field{margin-block-start:16px}.jetpack-comments__dialog .jetpack-comments__help,.jetpack-comments__dialog .jetpack-comments__label,.jetpack-comments__dialog .jetpack-comments__notice{display:block}.jetpack-comments__dialog .jetpack-comments__label{font-weight:500;margin-block-end:8px}.jetpack-comments__dialog .jetpack-comments__input{block-size:44px;border:1px solid #ccc;border-radius:2px;display:block;font-family:inherit;font-size:16px;inline-size:100%;padding:6px 12px}.jetpack-comments__dialog .jetpack-comments__input:focus{border-color:#3858e9;box-shadow:0 0 0 1px #3858e9;outline:0}.jetpack-comments__dialog .jetpack-comments__input[aria-invalid=true]{border-color:#cc1818;box-shadow:0 0 0 1px #cc1818}.jetpack-comments__dialog .jetpack-comments__help{color:#757575;font-style:italic;margin-block-start:8px}.jetpack-comments__dialog .jetpack-comments__notice{background:#f0f0f0;border-inline-start:4px solid #cc1818;margin-block-start:8px;padding:8px 12px}.jetpack-comments__dialog .jetpack-comments__toggle{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:4px 0}.jetpack-comments__dialog .jetpack-comments__toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:18px;border:1px solid #1e1e1e;border-radius:9px;box-sizing:content-box;cursor:pointer;flex-shrink:0;inline-size:36px;margin:2px 0 0;position:relative}.jetpack-comments__dialog .jetpack-comments__toggle input:before{background:#1e1e1e;block-size:14px;border-radius:50%;content:"";inline-size:14px;inset-block-start:2px;inset-inline-start:2px;position:absolute;transition:inset-inline-start .3s,background .3s}.jetpack-comments__dialog .jetpack-comments__toggle input:checked{background:#1e1e1e}.jetpack-comments__dialog .jetpack-comments__toggle input:checked:before{background:#fff;inset-inline-start:20px}.jetpack-comments__dialog .jetpack-comments__toggle input:focus-visible{outline:1px solid #3858e9;outline-offset:2px}.jetpack-comments__dialog .jetpack-comments__field+.jetpack-comments__toggle{margin-block-start:24px}.jetpack-comments__dialog .jetpack-comments__dialog-actions{display:grid;gap:4px;justify-items:center;margin-block-start:24px}.jetpack-comments__dialog .jetpack-comments__button{align-items:center;block-size:40px;border:0;border-radius:2px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;gap:12px;justify-content:center;line-height:1;padding:0 24px}.jetpack-comments__dialog .jetpack-comments__button.is-primary{background:#3858e9;color:#fff}.jetpack-comments__dialog .jetpack-comments__button.is-primary:hover:not(:disabled){background:#2145e6}.jetpack-comments__dialog .jetpack-comments__button.is-primary:disabled{cursor:not-allowed;opacity:.5}.jetpack-comments__dialog .jetpack-comments__button.is-secondary{background:#fff;box-shadow:inset 0 0 0 1px #3858e9;color:#3858e9}.jetpack-comments__dialog .jetpack-comments__button.is-secondary:hover{box-shadow:inset 0 0 0 1px #2145e6;color:#2145e6}.jetpack-comments__dialog .jetpack-comments__button.is-link{background:none;color:#3858e9;padding:0;text-decoration:underline}.jetpack-comments__dialog .jetpack-comments__button.is-link:hover{color:#2145e6}.jetpack-comments__dialog .jetpack-comments__button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #3858e9;outline:2px solid transparent}.jetpack-comments__dialog .jetpack-comments__button svg{block-size:20px;inline-size:20px}.jetpack-comments__dialog .jetpack-comments__sign-in{display:grid;gap:16px;margin-block-start:24px}.jetpack-comments__dialog .jetpack-comments__sign-in .is-link{justify-self:center}.jetpack-comments__dialog .jetpack-comments__signing-in{align-items:center;display:flex;gap:8px;justify-content:center}.jetpack-comments__dialog .jetpack-comments__spinner{animation:jetpack-comments-spin 1s linear infinite;block-size:16px;border:2px solid #ddd;border-inline-start-color:#3858e9;border-radius:50%;inline-size:16px}@keyframes jetpack-comments-spin{to{transform:rotate(1turn)}}.jetpack-comments:not(.is-mounted):not(.is-plain){visibility:hidden}.jetpack-comments.is-mounted{--jetpack-comments-pad:max(var(--jetpack-comments-inset,1em),1em)}.jetpack-comments .jetpack-comments__box{border:2px solid;border-radius:var(--jetpack-comments-radius,0)}.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea{box-sizing:border-box;display:block;field-sizing:content;inline-size:100%;min-block-size:3lh;padding:var(--jetpack-comments-pad);resize:none}.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea,.jetpack-comments .jetpack-comments__box .jetpack-comments__textarea:focus{background:transparent!important;border:0!important;box-shadow:none!important;color:inherit;outline:none!important}.jetpack-comments__footer,.jetpack-comments__options{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-in-out,visibility 0s linear .25s;visibility:hidden}.jetpack-comments__footer.is-open,.jetpack-comments__options.is-open{grid-template-rows:1fr;transition:grid-template-rows .25s ease-in-out,visibility 0s;visibility:visible}.jetpack-comments__footer>div{overflow:hidden}.jetpack-comments__actions{align-items:center;display:flex;flex-flow:row-reverse wrap-reverse;gap:12px;margin:0 -4px -4px;padding:0 calc(var(--jetpack-comments-pad) + 4px) calc(var(--jetpack-comments-pad) + 4px)}.jetpack-comments__identity{align-items:center;display:flex;flex:1 1 10em;gap:.75em}.jetpack-comments__avatar{border-radius:var(--jetpack-comments-radius,0)}.jetpack-comments .jetpack-comments__submit{display:flex;margin:0!important;padding:0!important}.jetpack-comments .jetpack-comments__submit input{margin:0!important}.jetpack-comments .jetpack-comments__submit input:disabled{cursor:not-allowed}.jetpack-comments__visually-hidden{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap} |
