.odbb-band {
 box-sizing: border-box;
 position: relative;
 isolation: isolate;
 display: flex;
 align-items: center;
 width: 100%;
 min-width: 0;
 min-height: 3.5rem;
 margin: 0 0 1.5rem;
 padding: 1rem 1.25rem;
 overflow: hidden;
 border: 0;
 border-left: 3px solid #31b0cf;
 border-radius: 3px;
 background: #f2fbfd;
 color: #00405d;
 font-family: inherit;
 font-size: .8125rem;
 font-weight: 700;
 line-height: 1.5;
 letter-spacing: .065em;
 text-align: left;
}
.odbb-band__text { position: relative; z-index: 1; overflow-wrap: anywhere; }
.odbb-band__contour {
 position: absolute;
 z-index: 0;
 pointer-events: none;
 inset: 0 0 0 auto;
 width: 36%;
 max-width: 18rem;
 background: url("contour.svg") right center / cover no-repeat;
 opacity: .25;
 -webkit-mask-image: linear-gradient(to right, transparent, #000 45%);
 mask-image: linear-gradient(to right, transparent, #000 45%);
}
@media (max-width: 480px) {
 .odbb-band { padding: .8rem .9rem; font-size: .75rem; letter-spacing: .04em; }
 .odbb-band__contour { width: 30%; opacity: .16; }
}
@media (forced-colors: active) {
 .odbb-band { border: 1px solid CanvasText; }
 .odbb-band__contour { display: none; }
}