.banner{background:var(--color-surface);border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;width:100%;padding:16px;display:flex}.banner--with-end{align-items:center}.banner__icon{flex-shrink:0;width:24px;height:24px}.banner__icon--custom{width:auto;height:auto}.banner__icon-target{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.banner__icon-target-image{object-fit:contain;width:32px;height:32px}.banner__content{flex:1;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;min-height:24px;display:flex}@media (max-width:479px){.banner__content{flex-direction:column;align-items:flex-start;gap:4px}}.banner__text{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.banner__end{flex-shrink:0}.banner__title{color:var(--color-text-primary);font-size:14px;font-weight:var(--weight-medium);line-height:var(--line-height-14);margin:0}.banner__message{color:var(--color-gray-7);font-size:14px;line-height:var(--line-height-14);font-weight:var(--weight-regular);align-self:center;margin:0}.banner__message ol,.banner__message ul{margin:4px 0 0;padding-left:20px}.banner--type-success{border-color:var(--color-sentiment-positive)}.banner--type-success .banner__icon *{fill:var(--color-sentiment-positive)}.banner--type-success .banner__title{color:var(--color-sentiment-positive)}.banner--type-info{border-color:var(--color-gray-9)}.banner--type-info .banner__icon *{fill:var(--color-primary)}.banner--type-info .banner__title{color:var(--color-gray-8)}.banner--type-warning{border-color:var(--color-sentiment-warning)}.banner--type-warning .banner__icon *{fill:var(--color-sentiment-warning)}.banner--type-warning .banner__title,.banner--type-warning .banner__message{color:var(--color-sentiment-warning)}.banner--type-danger{border-color:var(--color-sentiment-negative)}.banner--type-danger .banner__icon *{fill:var(--color-sentiment-negative)}.banner--type-danger .banner__title,.banner--type-danger .banner__message{color:var(--color-sentiment-negative)}.banner--type-gold{border-color:rgb(var(--color-gold-rgb)/55%)}.banner--type-gold .banner__icon *{fill:var(--color-gold)}.banner__action{color:var(--color-primary);font-size:14px;font-weight:var(--weight-medium);line-height:var(--line-height-14);flex-shrink:0;margin-top:3px}.banner__close{flex-shrink:0}.banner--variant-filled,.banner--variant-filled .banner__content{align-items:center}@media (max-width:479px){.banner--variant-filled .banner__content{flex-direction:row}}.banner--variant-filled .banner__message{color:var(--color-gray-7);align-self:stretch}.banner--variant-filled .banner__end{align-items:center;display:flex}.banner--variant-filled .banner__end img{object-fit:cover;border-radius:8px;width:auto;height:120px}@media (max-width:767px){.banner--variant-filled .banner__end img{height:96px}}@media (max-width:575px){.banner--variant-filled{flex-wrap:wrap}.banner--variant-filled .banner__end{justify-content:flex-start;width:100%}.banner--variant-filled .banner__end img{height:140px}}.banner--variant-filled.banner--type-info{background:rgb(var(--color-primary-rgb)/8%)}.banner--variant-filled.banner--type-gold{background:rgb(var(--color-gold-rgb)/8%)}.banner--variant-filled.banner--size-large .banner__title{font-size:20px;font-weight:var(--weight-bold);line-height:var(--line-height-22)}@media (max-width:767px){.banner--variant-filled.banner--size-large .banner__title{font-size:18px;line-height:var(--line-height-18)}}.banner--variant-filled.banner--size-large .banner__message{font-size:14px;line-height:var(--line-height-16)}.banner--variant-filled.banner--size-large .banner__end img{height:140px}@media (max-width:767px){.banner--variant-filled.banner--size-large .banner__end img{height:112px}}@media (max-width:575px){.banner--variant-filled.banner--size-large .banner__end img{height:160px}}