.drawing-version-history.timeline-article{
  width:min(100%,var(--wide));
  margin:0 auto;
}

.drawing-version-history.timeline-article>.timeline-showcase-versioning{
  width:100%;
  margin:34px auto 0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.drawing-version-history .timeline-version-file strong,
.drawing-version-history .timeline-version-file small{
  overflow:visible;
  overflow-wrap:anywhere;
  text-overflow:clip;
  white-space:normal;
}

.drawing-version-history .verified-version{
  box-sizing:border-box;
  height:22px;
  border:0;
  border-radius:4px;
  background:rgba(255,255,255,.06);
  box-shadow:none;
  filter:none;
  color:#e2e2e2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0 7px;
  font:inherit;
  font-size:11px;
  font-weight:600;
  line-height:14px;
  letter-spacing:normal;
  white-space:nowrap;
  flex-shrink:0;
  cursor:default;
  user-select:none;
  pointer-events:none;
  justify-self:start;
}

.drawing-version-history .timeline-version-verified-icon{
  display:inline-flex;
  width:11px;
  height:11px;
  align-items:center;
  justify-content:center;
  color:var(--red);
}

.drawing-version-history .timeline-version-verified-icon svg{
  display:block;
  width:11px;
  height:11px;
  fill:currentColor;
}

.drawing-version-history .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  border:0;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

@media(min-width:901px){
  .drawing-version-history .timeline-version-list{
    grid-template-columns:auto auto minmax(145px,1.25fr) max-content auto auto minmax(145px,1fr) auto;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-select{
    grid-column:1;
  }

  .drawing-version-history .timeline-version-row>.timeline-ui-filetype{
    grid-column:2;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-file{
    grid-column:3;
  }

  .drawing-version-history .timeline-version-row>.verified-version{
    grid-column:4;
  }

  .drawing-version-history .timeline-version-row>time{
    grid-column:5;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-number{
    grid-column:6;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-tags{
    grid-column:7;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-more{
    grid-column:8;
  }
}

@media(min-width:701px) and (max-width:900px){
  .drawing-version-history .timeline-version-list{
    grid-template-columns:auto auto minmax(0,1fr) max-content auto auto;
  }

  .drawing-version-history .timeline-version-row{
    gap:6px 7px;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-select{
    grid-column:1;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.timeline-ui-filetype{
    grid-column:2;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-file{
    grid-column:3;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.verified-version{
    grid-column:4;
    grid-row:2;
  }

  .drawing-version-history .timeline-version-row>time{
    grid-column:5;
    grid-row:2;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-number{
    grid-column:6;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-tags{
    grid-column:3/7;
    grid-row:3;
  }

  .drawing-version-history .timeline-version-more{
    display:none;
  }
}

@media(max-width:700px){
  .drawing-version-history .timeline-version-list{
    grid-template-columns:auto auto minmax(0,1fr) auto;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-select{
    grid-column:1;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.timeline-ui-filetype{
    grid-column:2;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-file{
    grid-column:3;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.verified-version{
    grid-column:3;
    grid-row:2;
    justify-self:end;
  }

  .drawing-version-history .timeline-version-row>time{
    grid-column:4;
    grid-row:2;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-number{
    grid-column:4;
    grid-row:1;
  }

  .drawing-version-history .timeline-version-row>.timeline-version-tags{
    grid-column:3/5;
    grid-row:3;
  }

  .drawing-version-history .timeline-version-more{
    display:none;
  }
}

@media(max-width:600px){
  .drawing-version-history .verified-version{
    height:19px;
    padding:0 6px;
    gap:3px;
    font-size:9px;
    line-height:12px;
  }

  .drawing-version-history .timeline-version-verified-icon,
  .drawing-version-history .timeline-version-verified-icon svg{
    width:9px;
    height:9px;
  }
}