.blog-feedback{--content-feedback-accent:var(--pink-color);--content-feedback-accent-soft:color-mix(in srgb,var(--content-feedback-accent)12%,transparent);--content-feedback-accent-border:color-mix(in srgb,var(--content-feedback-accent)34%,transparent);border:1px solid var(--content-card-border);background-color:var(--content-card-bg);box-sizing:border-box;border-radius:999px;flex-direction:column;gap:0;width:fit-content;max-width:calc(100% - 32px);margin:48px auto 32px;padding:12px 16px 12px 20px;transition:border-radius .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1);display:flex}.blog-feedback--expanded{border-radius:12px;gap:12px;width:fit-content;min-width:min(480px,100% - 32px);padding:16px 14px 12px}[data-theme=light] .blog-feedback{background-color:var(--container-color-alt);box-shadow:0 1px 4px #0000000a}.blog-feedback__top{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px 28px;width:100%;padding:0 10px;display:flex}.blog-feedback__title{color:var(--content-text-color,var(--text-color));letter-spacing:0;opacity:1;white-space:nowrap;padding:0;font-weight:600;line-height:1.35;margin:0!important;font-size:1.05rem!important}.blog-feedback__choices{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;padding:0;display:flex}.blog-feedback__choice{width:36px;height:36px;color:var(--content-text-color,var(--text-color));cursor:pointer;opacity:.65;background-color:#0000;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .15s;display:inline-flex}.blog-feedback__icon{font-size:18px;transition:transform .2s}.blog-feedback__choice:hover:not(:disabled){color:var(--content-feedback-accent);background-color:var(--content-feedback-accent-soft);border-color:var(--content-feedback-accent-border);opacity:1}.blog-feedback__choice[data-active=true]{color:var(--content-feedback-accent);background-color:var(--content-feedback-accent-soft);border-color:var(--content-feedback-accent);opacity:1;box-shadow:0 0 0 1px var(--content-feedback-accent)}.blog-feedback__choice[data-active=true] .blog-feedback__icon{transform:scale(1.1)}.blog-feedback__choice:active:not(:disabled){transform:scale(.92)}.blog-feedback__choice:disabled,.blog-feedback__send:disabled,.blog-feedback__textarea:disabled{opacity:.5;cursor:not-allowed}.blog-feedback__details-wrapper{grid-template-rows:0fr;width:100%;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);display:grid}.blog-feedback--expanded .blog-feedback__details-wrapper{grid-template-rows:1fr}.blog-feedback__details{opacity:0;gap:10px;min-height:0;padding:0 6px;transition:opacity .25s,transform .25s;display:grid;overflow:hidden;transform:translateY(-10px)}.blog-feedback--expanded .blog-feedback__details{opacity:1;transition-delay:.1s;transform:translateY(0)}.blog-feedback__textarea{box-sizing:border-box;resize:none;border:1px solid var(--border-light,#8080803d);width:100%;min-height:100px;color:var(--title-color);font:inherit;background-color:#ffffff06;border-radius:10px;outline:none;padding:14px 16px;font-size:.95rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.blog-feedback__textarea:focus:not(:disabled){border-color:var(--content-feedback-accent);box-shadow:0 0 0 3px var(--content-feedback-accent-soft)}.blog-feedback__send{color:#fff;background-color:var(--content-feedback-accent);min-height:30px;font:inherit;cursor:pointer;border:none;border-radius:6px;justify-self:end;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:600;transition:opacity .16s,transform .16s,background-color .16s;display:inline-flex}.blog-feedback__send:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.blog-feedback__send:active:not(:disabled){opacity:.78;transform:translateY(0)scale(.98)}.blog-feedback--submitted{text-align:center;border-radius:16px;align-items:center;gap:12px;width:min(460px,100%);padding:24px;animation:.4s cubic-bezier(.34,1.56,.64,1) fadeInScale}.blog-feedback--submitted p{color:var(--content-text-color,var(--text-color));opacity:.8;margin:6px 0 0!important;font-size:14px!important;line-height:1.5!important}.blog-feedback__success{color:#fff;background-color:var(--content-feedback-accent);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:inline-flex}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.blog-feedback__meta{flex-wrap:wrap;gap:6px;display:flex}.blog-feedback__authpill{color:var(--text-color);border:1px solid var(--border-light,#80808033);background-color:#80808014;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:500;line-height:1.4;display:inline-flex}.blog-feedback__authpill strong{font-weight:600}.blog-feedback__authpill--auth{background-color:color-mix(in srgb,var(--content-feedback-accent)9%,transparent);border-color:var(--content-feedback-accent-border);color:var(--content-feedback-accent)}.blog-feedback__authpill--prior{color:var(--text-color);opacity:.85;background-color:#8080800f}.blog-feedback__honeypot{visibility:hidden;width:1px!important;height:1px!important;position:absolute!important;top:auto!important;left:-10000px!important;overflow:hidden!important}.blog-feedback__error{color:var(--negative-color,#d33542);margin:0!important;font-size:12.5px!important;line-height:1.45!important}@media (max-width:720px){.blog-feedback{border-radius:999px;width:fit-content;min-width:min(360px,100% - 32px);max-width:calc(100% - 32px);margin:36px auto 24px;padding:10px 14px 10px 20px}.blog-feedback--expanded{border-radius:12px;align-items:stretch;gap:10px;width:fit-content;min-width:min(360px,100% - 32px);max-width:calc(100% - 32px);padding:14px 12px 12px}.blog-feedback__top{flex-flow:row;justify-content:flex-start;align-items:center;gap:18px;padding:0 4px}.blog-feedback__title{white-space:normal;text-align:left;padding:0;font-size:.95rem!important}.blog-feedback__choices{flex-wrap:nowrap;justify-content:flex-end;gap:4px}.blog-feedback__choice{width:32px;height:32px}.blog-feedback__icon{font-size:16px}.blog-feedback__textarea{min-height:90px;padding:12px 14px}}@media (max-width:420px){.blog-feedback__title{font-size:.88rem!important}.blog-feedback__choice{width:28px;height:28px}.blog-feedback__icon{font-size:14px}}