.context-feedback{--feedback-surface:var(--storefront-surface,#fff);--feedback-ink:var(--storefront-ink,#20252c);--feedback-line:var(--storefront-line,#dfe5ed);--feedback-accent:var(--storefront-blue,#1854cd);position:fixed;inset:auto;z-index:10000;box-sizing:border-box;display:flex;align-items:flex-start;gap:12px;width:max-content;max-width:min(360px,calc(100vw - 24px));margin:0;padding:16px 18px;border:1px solid var(--feedback-line);border-radius:4px;background:var(--feedback-surface);color:var(--feedback-ink);box-shadow:0 8px 28px #0b1d321a;font:400 14px/1.5 var(--storefront-font,var(--font,Onest,Arial,sans-serif));opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1);isolation:isolate;overflow:visible;overflow-wrap:anywhere}.context-feedback::backdrop{background:transparent;pointer-events:none}.context-feedback.is-visible{opacity:1;transform:none}.context-feedback:before{content:"";position:absolute;left:var(--feedback-arrow,24px);top:-5px;width:8px;height:8px;border-left:1px solid var(--feedback-line);border-top:1px solid var(--feedback-line);background:var(--feedback-surface);transform:rotate(45deg);z-index:-1}.context-feedback[data-placement=top]:before{top:auto;bottom:-5px;transform:rotate(225deg)}.context-feedback>svg{flex:none;display:block;width:20px;height:20px;margin-top:1px;fill:none;stroke:var(--feedback-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.context-feedback[data-type=error]>svg{stroke:var(--storefront-danger,#bf2538)}.context-feedback-copy{min-width:0;flex:1}.context-feedback-title{margin:0 0 12px;font-weight:700;line-height:1.4}.context-feedback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:10px}.context-feedback-actions>a,.context-feedback-actions>button,.context-feedback-dismiss{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 0;border:0;border-radius:0;background:transparent;color:var(--feedback-accent);font:inherit;text-decoration:none;cursor:pointer;transition:color .15s,box-shadow .15s}.context-feedback-actions>a:hover,.context-feedback-actions>button:hover,.context-feedback-dismiss:hover{box-shadow:inset 0 -1px currentColor}.context-feedback :focus-visible{outline:2px solid var(--feedback-accent);outline-offset:3px}.context-feedback-manual{display:block;box-sizing:border-box;min-width:0;width:100%;max-width:300px;margin:10px 0;padding:10px 12px;border:0;border-bottom:1px solid var(--feedback-accent);background:var(--storefront-field,#f1f4f8);color:inherit;font:inherit;resize:vertical}html[data-theme=dark] .context-feedback{box-shadow:0 8px 28px #0004}@media(max-width:600px){.context-feedback{padding:13px 15px;gap:10px;font-size:13px;transition:opacity .12s;transform:none}.context-feedback-actions>a,.context-feedback-actions>button,.context-feedback-dismiss{min-height:40px}}@media(prefers-reduced-motion:reduce){.context-feedback,.context-feedback.is-visible{transition:none!important;transform:none!important}}
