.info-bar{display:flex;gap:var(--spacing-24);align-items:center;padding:var(--spacing-24) var(--spacing-100)}.info-bar__header{display:contents}.info-bar__ico{flex-shrink:0;order:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.info-bar__ico .icon-svg{width:32px;height:32px}.info-bar__text{flex:1 0 0;min-width:0;order:2;color:var(--color-foreground-primary);font-size:18px;line-height:var(--line-height-sm)}.info-bar__actions{flex-shrink:0;order:3}.info-bar__close{flex-shrink:0;order:4;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;color:inherit}.info-bar__close .icon-svg{width:32px;height:32px}.info-bar--blue{background-color:var(--color-system-info-surface)}.info-bar--red{background-color:var(--color-system-error-surface)}@media(max-width:749px){.info-bar{flex-direction:column;align-items:flex-end;padding:var(--spacing-24) var(--spacing-20)}.info-bar__header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.info-bar__ico,.info-bar__ico .icon-svg{width:24px;height:24px}.info-bar__text{width:100%;font-size:16px}.info-bar__close,.info-bar__close .icon-svg{width:24px;height:24px}}@media(hover:hover){.info-bar__close:hover{opacity:.7}}