22

✏️ Editing: feedback.css

:root{--cs-color-accent:#2271b1;--cs-color-accent-hover:#0a4b78;--cs-color-accent-subtle:#c9e1f5;--cs-color-primary:#03c7d2;--cs-color-primary-hover:#0ca0a9;--cs-color-secondary:#d46f4d;--cs-color-text:#2c3337;--cs-color-text-secondary:#50575e;--cs-color-text-muted:#646970;--cs-color-text-subtle:#787c82;--cs-color-text-disabled:#a7aaad;--cs-color-surface:#fff;--cs-color-surface-subtle:#f6f7f7;--cs-color-surface-muted:#f0f0f1;--cs-color-surface-info:#f0f6fc;--cs-color-border:#c3c4c7;--cs-color-border-subtle:#dcdcde;--cs-color-info:#72aee6;--cs-color-success:#00a32a;--cs-color-warning:#dba617;--cs-color-error:#d63638;--cs-cloud-status-public-color:#64baba;--cs-cloud-status-private-color:#cc96fb;--cs-cloud-status-unverified-color:#ea835e;--cs-cloud-status-ai-verified-color:#1cabcf;--cs-cloud-status-pro-verified-color:#41a269;--cs-tooltip-background-color:hsla(0,3%,7%,.9);--cs-toolbar-block-size:136px;--cs-wpcontent-inline-start-indent:20px;--cs-sidebar-width:320px;--cs-sidebar-gap:30px;--cs-card-radius:8px;--cs-control-height:38px;--cs-control-radius:5px;--cs-feedback-modal-inline-size:460px;--cs-preview-modal-inline-size:min(900px,90vw);--cs-preview-modal-inset:40px;--cs-font-size-body:14px;--cs-line-height-body:1.5;--cs-direction-multiplier:1}body.rtl,html[dir=rtl]{--cs-direction-multiplier:-1}.code-snippets-feedback-launcher{align-items:center;background:var(--cs-color-accent);border:none;border-radius:24px;box-shadow:0 4px 14px rgba(0,0,0,.18);color:var(--cs-color-surface);cursor:pointer;display:inline-flex;font-size:var(--cs-font-size-body);font-weight:700;gap:8px;inset-block-end:24px;inset-inline-end:24px;line-height:2.5715;min-block-size:var(--cs-control-height);padding-block:2px;padding-inline:16px;position:fixed;transition:transform .15s ease,background .15s ease;z-index:100000}.code-snippets-feedback-launcher:hover{background:var(--cs-color-accent-hover);transform:translateY(-1px)}.code-snippets-feedback-launcher:focus-visible{outline:2px solid var(--cs-color-accent);outline-offset:2px}.code-snippets-feedback-launcher__dot{background:var(--cs-color-primary);block-size:7px;border-radius:50%;box-shadow:0 0 0 3px rgba(3,199,210,.25);inline-size:7px}.code-snippets-feedback-badge{align-items:center;background:#fcf0f1;border:1px solid #f0c0c1;border-radius:999px;color:#8a2424;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.02em;line-height:1.6;margin-inline-start:12px;padding-block:3px;padding-inline:10px;vertical-align:middle;white-space:nowrap}.code-snippets-feedback-badge__dot{background:var(--cs-color-error);block-size:6px;border-radius:50%;inline-size:6px}@keyframes code-snippets-feedback-slide-in{0%{transform:translateX(calc(100%*var(--cs-direction-multiplier)))}to{transform:translateX(0)}}@keyframes code-snippets-feedback-slide-out{0%{transform:translateX(0)}to{transform:translateX(calc(100%*var(--cs-direction-multiplier)))}}.components-modal__frame.code-snippets-feedback-modal{animation-name:code-snippets-feedback-slide-in;block-size:100%;border-inline-start:1px solid var(--cs-color-border-subtle);border-radius:0;box-shadow:-8px 0 32px rgba(0,0,0,.12);inline-size:var(--cs-feedback-modal-inline-size);inset-block:0;inset-inline-end:0;margin:0;max-block-size:100%;max-inline-size:100vw;position:fixed}.components-modal__frame.code-snippets-feedback-modal .components-modal__header{border-block-end:1px solid var(--cs-color-border-subtle);padding-inline:24px}.components-modal__frame.code-snippets-feedback-modal .components-modal__content{display:flex;flex-flow:column;min-block-size:0;overflow:hidden;padding:0}.components-modal__frame.code-snippets-feedback-modal .components-modal__header+div{display:flex;flex:1;flex-flow:column;min-block-size:0;overflow:hidden}.components-modal__screen-overlay.is-animating-out .components-modal__frame.code-snippets-feedback-modal{animation-name:code-snippets-feedback-slide-out}.code-snippets-feedback-panel__subtitle{color:var(--cs-color-text-muted);flex-shrink:0;font-size:12px;margin:0;padding-block:12px 0;padding-inline:24px}.code-snippets-feedback-panel__body{flex:1;min-block-size:0;overflow-y:auto;padding-block:16px 20px;padding-inline:24px}.code-snippets-feedback-panel__footer{background:var(--cs-color-surface-subtle);border-block-start:1px solid var(--cs-color-border-subtle);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding-block:16px;padding-inline:24px}.code-snippets-feedback-field{margin-block-end:18px}.code-snippets-feedback-field .components-base-control__help{color:var(--cs-color-text-muted)}.code-snippets-feedback-fieldset{border:0;margin-block:0 18px;margin-inline:0;padding:0}.code-snippets-feedback-fieldset legend{font-size:13px;font-weight:600;margin-block-end:8px;padding:0}.code-snippets-feedback-fieldset .components-base-control{margin-block-end:10px}.code-snippets-feedback-fieldset .components-base-control:last-child{margin-block-end:0}.code-snippets-feedback-duplicates{background:#fcf9e8;border:1px solid #f0c33c;border-radius:var(--cs-control-radius);margin-block:-6px 18px;padding:12px}.code-snippets-feedback-duplicates p{font-size:12px;font-weight:600;margin-block:0 8px}.code-snippets-feedback-duplicates ul{list-style:none;margin:0;padding:0}.code-snippets-feedback-duplicates li{font-size:12px;line-height:1.4;margin-block-end:6px}.code-snippets-feedback-duplicates li:last-child{margin-block-end:0}.code-snippets-feedback-disclosure{border-block-start:1px solid var(--cs-color-border-subtle);padding-block-start:14px}.code-snippets-feedback-disclosure summary{color:var(--cs-color-accent);cursor:pointer;font-weight:600}.code-snippets-feedback-disclosure summary:focus-visible{outline:2px solid var(--cs-color-accent);outline-offset:2px}.code-snippets-feedback-disclosure__list{display:grid;font-size:12px;gap:4px 12px;grid-template-columns:108px 1fr;margin-block:12px 0}.code-snippets-feedback-disclosure__list dt{color:var(--cs-color-text-muted)}.code-snippets-feedback-disclosure__list dd{margin:0;word-break:break-word}.code-snippets-feedback-disclosure__note{color:var(--cs-color-text-muted);font-size:12px;margin-block:12px 0}.code-snippets-feedback-message{background:#fcf0f1;border-inline-start:4px solid var(--cs-color-error);border-radius:var(--cs-control-radius);margin-block:0 18px;padding-block:10px;padding-inline:12px;scroll-margin-block-start:8px}.code-snippets-feedback-message:focus{outline:2px solid var(--cs-color-error);outline-offset:2px}.code-snippets-feedback-success{padding-block:48px;padding-inline:12px;text-align:center}.code-snippets-feedback-success h3{font-size:15px;margin-block:0 8px}.code-snippets-feedback-success p{color:var(--cs-color-text-muted);margin:0}.code-snippets-feedback-success:before{background:var(--cs-color-success);block-size:8px;border-radius:50%;content:"";display:block;inline-size:8px;margin-block-end:12px;margin-inline:auto}@media(width <= 480px){.components-modal__frame.code-snippets-feedback-modal{inline-size:100vw}.code-snippets-feedback-launcher{inset-block-end:16px;inset-inline-end:16px}}@media(prefers-reduced-motion:reduce){.code-snippets-feedback-launcher{transition:none}.code-snippets-feedback-launcher:hover{transform:none}}

MR SKB