Template:Infobox/styles.css

.mw-parser-output table.infobox{
  float:right;
  clear:right;
  width:340px;
  max-width:100%;
  margin:0 0 1.5rem 1.5rem;
  border:1px solid #d7e1ec;
  border-collapse:separate;
  border-spacing:0;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#f7fbfd);
  box-shadow:0 18px 42px rgba(17,35,62,.12);
  font-size:92%;
  line-height:1.55;
}
.mw-parser-output table.infobox .infobox-title{
  padding:.8rem 1rem;
  text-align:center;
  font-weight:700;
  font-size:1.08rem;
  color:#ffffff;
  background:linear-gradient(135deg,#124e63,#1d7c8a);
  border:0;
}
.mw-parser-output table.infobox .infobox-image{
  padding:1rem;
  text-align:center;
  background:linear-gradient(180deg,#eef6fb,rgba(255,255,255,.92));
}
.mw-parser-output table.infobox .infobox-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  box-shadow:0 14px 30px rgba(17,35,62,.16);
}
.mw-parser-output table.infobox .infobox-caption{
  padding:0 1rem 1rem;
  text-align:center;
  color:#5b6f84;
  font-size:.88rem;
  background:linear-gradient(180deg,#eef6fb,rgba(255,255,255,.92));
}
.mw-parser-output table.infobox th,
.mw-parser-output table.infobox td{
  padding:.72rem .95rem;
  border-top:1px solid #e6edf4;
  vertical-align:top;
}
.mw-parser-output table.infobox th{
  width:34%;
  text-align:left;
  color:#35516b;
  background:#f8fbfe;
  font-weight:700;
}
.mw-parser-output table.infobox td{
  color:#18324b;
}
.mw-parser-output table.infobox td a.external{
  overflow-wrap:anywhere;
}
@media (max-width:980px){
  .mw-parser-output table.infobox{
    float:none;
    width:100%;
    margin:0 0 1.25rem;
  }
}