@layer components-entities{.announcement{display:flex;-moz-column-gap:10px;column-gap:10px;margin-bottom:20px;padding:12px 16px;border-radius:4px;background-color:var(--tertiary-blue)}.announcement__icon{flex:0 0 auto;width:24px;height:24px;color:var(--primary-white)}.announcement__icon rect{fill:var(--primary-blue)}.announcement__text{letter-spacing:-0.02em;font-size:var(--fs12);line-height:1.2}.announcement_danger{background-color:var(--tertiary-red)}.announcement_danger .announcement__icon rect{fill:var(--primary-red)}@media screen and (max-width: 767px){.announcement{margin-bottom:16px}}}