.recommendation-feedback{position:relative;margin:0 .75rem .45rem auto;max-width:max-content;z-index:4}
.recommendation-feedback>summary{cursor:pointer;list-style:none;color:var(--muted-text,#6f7785);font-size:.72rem;letter-spacing:.08em;padding:.2rem .35rem}
.recommendation-feedback>summary::-webkit-details-marker{display:none}
.recommendation-feedback-popover{position:absolute;right:0;bottom:calc(100% + .35rem);display:grid;gap:.25rem;min-width:11rem;padding:.45rem;background:var(--surface,#fff);border:1px solid color-mix(in srgb,currentColor 18%,transparent);box-shadow:0 10px 28px rgb(8 18 38 / 16%)}
.recommendation-feedback-popover button{border:0;background:transparent;color:inherit;text-align:left;padding:.42rem .5rem;cursor:pointer;font:inherit;font-size:.78rem;white-space:nowrap}
.recommendation-feedback-popover button:hover,.recommendation-feedback-popover button:focus-visible{background:color-mix(in srgb,currentColor 9%,transparent)}
.recommendation-feedback-popover span{font-size:.72rem;color:var(--muted-text,#6f7785);padding:.1rem .5rem}
@media (prefers-reduced-motion:no-preference){.recommendation-feedback-popover{animation:recommendation-feedback-in .16s ease-out}}@keyframes recommendation-feedback-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}