.feedback{border-radius:8px;border:1px solid;padding:16px;max-width:400px;margin:1rem 0}.feedback__content{display:flex;flex-direction:column;gap:16px}.feedback__header{display:flex;align-items:flex-start;gap:12px}.feedback__icon{flex-shrink:0;width:24px;height:24px;padding:4px;display:flex;align-items:center;justify-content:center}.feedback__text{flex:1;min-width:0}.feedback__title{margin:0 0 4px 0;font-size:16px;font-weight:600;line-height:1.25;color:#fff}.feedback__description{margin:0;font-size:14px;line-height:1.4;color:#e6ebef}.feedback__close{background:0 0;border:none;cursor:pointer;padding:4px;color:#8ba4b5;transition:color .2s ease-in-out;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.feedback__close:hover{color:#fff}.feedback__close:focus{outline:2px solid #ffffff;outline-offset:2px;border-radius:2px}.feedback__actions{display:flex;gap:12px;align-items:center}.feedback--info{background-color:#052942e8;border-color:#3456e4}.feedback--info .feedback__icon{color:#2563eb}.feedback--success{background-color:rgba(51,228,128,.08);border-color:#33e480}.feedback--success .feedback__icon{color:#16a34a}.feedback--warning{background-color:rgba(228,158,53,.08);border-color:#e49e35}.feedback--warning .feedback__icon{color:#ea580c}.feedback--error{background-color:rgba(228,52,58,.08);border-color:#e4343a}.feedback--error .feedback__icon{color:#e4343a}.feedback--error .feedback__close:hover{color:#e4343a}.feedback--info .feedback__close svg path{fill:#2563eb}.feedback--info .feedback__close i{color:#2563eb}.feedback--success .feedback__close svg path{fill:#16a34a}.feedback--success .feedback__close i{color:#16a34a}.feedback--warning .feedback__close svg path{fill:#e49e35}.feedback--warning .feedback__close i{color:#e49e35}.feedback--error .feedback__close svg path{fill:#e4343a}.feedback--error .feedback__close i{color:#e4343a}@media screen and (max-width:480px){.feedback{max-width:100%}.feedback__actions{flex-direction:column;align-items:stretch}.feedback__actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.feedback__close{transition:none}}