/* True IB+T: wide-slot recomposition using unchanged client asset bytes. */
html { width: 100% !important; overflow-x: hidden; }
body > .true-article { width: 340px; max-width: 100%; margin: 0 auto; }
button { border: 0; padding: 0; background-color: transparent; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.adbro-true__block { background-image: none; background-color: #3e0300; }
.adbro-true__block-link { overflow: hidden; }
.adbro-true__block-link::before {
  content: ''; position: absolute; left: 0; top: 0; width: 62%; height: 100%;
  background: url(assets/true-block-bg.png_v3) no-repeat -1px -45px / 319px 236.6px;
  mask-image: linear-gradient(to right, #000 0 83%, transparent 100%);
}
.adbro-true__block-img--1, .adbro-true__block-img--1::after {
  width: 216px; height: 160.2px; left: auto; right: 0; top: 0;
  background-size: 216px 160.2px;
}
.adbro-true__block-logo {
  width: 25px; height: 21px; left: auto; right: 0; top: 0;
  background: url(assets/true-logo.png_v2) no-repeat center / contain;
}
.adbro-true__block-text--1 {
  top: auto; bottom: 1px; left: 7px; width: 158px; height: 9px;
  background-size: 569px 422px; background-position: -22.5px -396.5px;
}
.adbro-true__block-text--2 {
  top: 3px; left: 7px; width: 66px; height: 7px;
  background-size: 569px 422px; background-position: -22px -8px;
}
.adbro-true__block-text--3 { display: none; }
.adbro-true__block-btn {
  left: 48px; top: 136px; width: 75px; height: 21.43px;
  background: url(assets/true-btn.png_v3) no-repeat center / contain;
}
.adbro-takeover-replay .adbro-close { right: 0; top: 22px; }
.adbro-true__block .adbro-close { z-index: 4; }
.adbro-progress { position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #ffcf75; transform: scaleX(0); transform-origin: left; z-index: 5; }
.adbro-true__block.is-active { animation: trueOpen .5s both; }
.adbro-true__block.is-exiting { animation: slideOutDown24 .5s forwards; }
.adbro-true__block.is-hidden { display: none !important; }
.adbro-true__block.is-active .adbro-progress { animation: trueProgress 6s linear forwards; }
@keyframes trueOpen { from { opacity: 0; transform: translateY(12%); } to { opacity: 1; transform: translateY(0); } }
@keyframes trueProgress { to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .adbro-true__block.is-exiting, .adbro-true__block.is-hidden { display: none !important; }
}