/* V166 UI-01 / approved candidate V166-UI01-R2. */
.ui03-page>.shell,
body:has(.ui03-page) .site-header>.header-inner{
  width:min(calc(100% - 32px),1440px);
  max-width:1440px;
}
.ui03-media video{
  display:block;
  width:100%;
  height:100%;
  background:#0c1713;
  object-fit:contain;
}
.ui03-media.broken video{display:none}
.ui03-media.broken>i{display:block}
.ui03-video-badge{
  position:absolute;
  bottom:10px;
  left:10px;
  z-index:5;
  display:inline-flex;
  min-height:25px;
  align-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(8,31,24,.84);
  color:#fff;
  padding:3px 8px;
  font-size:11px;
  font-weight:800;
}
.ui03-modal-media{position:relative}
.ui03-modal-media>.ui03-media{
  min-width:0;
  min-height:0;
  aspect-ratio:auto!important;
}
.ui03-modal-media>.ui03-media video{object-fit:contain}
.ui03-modal-kind{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  border-radius:999px;
  background:#1d5948;
  color:#fff;
  padding:5px 9px;
  font-size:11px;
  font-weight:800;
}
.ui03-modal-scroll>.ui03-chips{margin-top:10px}
.ui03-modal-nav{cursor:pointer}
@media(max-width:900px){
  .ui03-modal-media>.ui03-media{min-height:42vh}
}
@media(max-width:620px){
  .ui03-modal-media{grid-template-columns:38px minmax(0,1fr) 38px;gap:3px;padding:16px 6px}
  .ui03-modal-media>button{width:36px;height:36px}
  .ui03-modal-media>.ui03-media{min-height:42vh}
}