.sm-promo{display:flex;gap:12px;align-items:center;border:1px solid var(--sm-line,rgb(255 255 255/.12));border-radius:var(--sm-radius-card,22px);background:linear-gradient(135deg,color-mix(in srgb,var(--sm-accent,#f6c445) 14%,var(--sm-glass,#171b23)),var(--sm-glass,#171b23));color:var(--sm-text,#f1f4f8);padding:14px;position:relative}
.sm-promo__logo{flex:none;display:grid;place-items:center;border-radius:12px;overflow:hidden}
.sm-promo__logo img{display:block;border-radius:12px}
.sm-promo__main{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.sm-promo__main b{font-size:15px;line-height:1.25}
.sm-promo__main small{color:var(--sm-muted,#aeb8c7);font-size:12.5px;line-height:1.35}
.sm-promo__main ul{margin:0;padding:0 0 0 18px;color:var(--sm-muted,#aeb8c7);font-size:12.5px;line-height:1.45}
.sm-promo__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;margin-top:4px}
.sm-promo__btn svg{width:18px;height:18px;fill:currentColor}
.sm-promo__btn--sm{margin:0;align-self:center;white-space:nowrap;padding-inline:12px;min-height:38px}
.sm-promo__x{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--sm-muted,#aeb8c7);display:grid;place-items:center;cursor:pointer}
.sm-promo__x svg{width:18px;height:18px;fill:currentColor}
.sm-promo--card{margin:16px 0 0;align-items:flex-start}
.sm-promo--banner{margin:0 0 14px;padding:10px 8px 10px 12px}
@media (max-width:380px){.sm-promo--banner .sm-promo__main small{display:none}}
@media (prefers-reduced-motion:no-preference){.sm-promo{animation:sm-promo-in .35s var(--sm-ease-out,ease-out) both}@keyframes sm-promo-in{from{opacity:0;transform:translateY(6px)}}}