div.pattern-library-style-root .embed-container {
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  max-width:100%;
}
div.pattern-library-style-root .embed-container iframe,
div.pattern-library-style-root .embed-container object,
div.pattern-library-style-root .embed-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
div.pattern-library-style-root .Videocolumn {
  width:75%;
  padding-left:25%;
}
div.pattern-library-style-root .Videorow:after {
  content:"";
  display:table;
  clear:both;
}
div.pattern-library-style-root details summary { list-style:none; }
div.pattern-library-style-root details summary::-webkit-details-marker { display:none; }
div.pattern-library-style-root details:focus,
div.pattern-library-style-root summary:focus { outline:0; }
div.pattern-library-style-root details summary::before {
  content:"+";
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  display:inline-block;
  width:17px;
  height:17px;
  line-height:17px;
  font-size:16px;
  background:#05799e;
  color:#fff;
  text-align:center;
  border-radius:2px;
  cursor:pointer;
  font-family:sans-serif;
}
div.pattern-library-style-root details[open] summary::before { content:"-"; }
div.pattern-library-style-root :root,
div.pattern-library-style-root html { scroll-behavior:smooth; }
div.pattern-library-style-root :target { scroll-margin-top:60px; }
div.pattern-library-style-root .mr-1 { margin-right:0.7rem; }
div.pattern-library-style-root .detail-dropdown { margin-left:40px; }
div.pattern-library-style-root .TOCcolumn {
  float:left;
  width:48%;
  padding:10px;
}
div.pattern-library-style-root .TOCrow:after {
  content:"";
  display:table;
  clear:both;
  text-align:center;
  width:100%;
}
div.pattern-library-style-root .button-news {
  background-color:#5b6ca0;
  border-radius:10px;
  border:none;
  color:white !important;
  padding:10px 20px !important;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  font-size:16px;
}
div.pattern-library-style-root .button-news:hover { background-color:#a9b9e8; }
div.pattern-library-style-root div.news-header {
  background-color:#243b81;
  color:#ffffff;
  margin-top:10px;
  margin-bottom:10px;
  padding:20px;
  justify-content:center;
}
div.pattern-library-style-root div.news-teaser {
  text-align:left !important;
  background-color:#F5F5F6;
  border:solid;
  border-width:1px;
  padding:10px;
}
div.pattern-library-style-root div.news-body {
  background-color:#ffffff;
  padding:25px;
}
div.pattern-library-style-root h1.news {
  margin-bottom:15px;
  font-size:22px;
}
div.pattern-library-style-root h2.news {
  margin-bottom:15px;
  font-size:22px;
}
div.pattern-library-style-root h3.news { margin-bottom:15px; }