.sno-announcement { box-sizing:border-box; display:flex; align-items:flex-start; gap:14px; width:100%; max-width:100%; margin:0 0 18px; padding:15px 18px; border:1px solid #e5d7ef; border-radius:18px; background:#f5effb; color:#30243d; overflow-wrap:anywhere; }
.sno-announcement__icon { flex:0 0 35px; display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:#e7d8f2; color:#67438d; }
.sno-announcement__icon svg { width:20px; height:20px; }
.sno-announcement__body { flex:1 1 auto; min-width:0; }
.sno-announcement__stage { position:relative; min-width:0; overflow:hidden; }
.sno-announcement__slide { box-sizing:border-box; width:100%; }
.sno-announcement__slide[hidden] { display:none !important; }
.sno-announcement__slide p { margin:3px 0 0; color:inherit; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
.sno-announcement__controls { flex:0 0 auto; display:flex; align-items:center; gap:3px; }
.sno-announcement__controls[hidden] { display:none !important; }
.sno-announcement__controls button { min-width:32px; min-height:32px; padding:3px 6px; border:1px solid #d8c7e8; border-radius:8px; background:#fff; color:#51306f; font:inherit; font-size:.8rem; cursor:pointer; }
.sno-announcement__controls button:focus-visible { outline:2px solid #67438d; outline-offset:2px; }
@media (max-width:640px) { .sno-announcement { flex-wrap:wrap; gap:9px 11px; padding:13px 14px; } .sno-announcement__body { flex-basis:calc(100% - 46px); } .sno-announcement__controls { flex-basis:100%; justify-content:flex-end; } }