@charset "UTF-8";
/** NEW COLOR SYSTEM **/
/* Colors */
:root {
  --blue-02: #020608;
  --blue-05: #091a25;
  --blue-10: #0d2635;
  --blue-15: #102f41;
  --blue-20: #153a51;
  --blue-30: #225677;
  --blue-40: #357197;
  --blue-50: #478db8;
  --blue-60: #58a8da;
  --blue-70: #2eafff;
  --blue-80: #99d8ff;
  --blue-85: #b2e2ff;
  --blue-90: #ccebff;
  --blue-95: #e5f5ff;
  --blue-98: #f5fbff;
  --grey-02: #050505;
  --grey-05: #0d0d0d;
  --grey-10: #1a1a1a;
  --grey-100: #ffffff;
  --grey-15: #262626;
  --grey-20: #333333;
  --grey-30: #4c4c4c;
  --grey-40: #666666;
  --grey-50: #808080;
  --grey-60: #999999;
  --grey-70: #b2b2b2;
  --grey-80: #cccccc;
  --grey-85: #d9d9d9;
  --grey-90: #e6e6e6;
  --grey-95: #f2f2f2;
  --grey-98: #fafafa;
  --grey-transparent-05: #0d0d0d99;
  --grey-transparent-10: #1a1a1a99;
  --grey-transparent-15: #26262699;
  --grey-transparent-20: #33333399;
  --grey-transparent-30: #4c4c4c99;
  --grey-transparent-85: #d9d9d999;
  --grey-transparent-90: #e6e6e699;
  --grey-transparent-95: #f2f2f299;
  --grey-transparent-98: #fafafa99;
  --orange-50: #ff6900;
  --purple-02: #030208;
  --purple-05: #0d0925;
  --purple-10: #130d35;
  --purple-15: #181041;
  --purple-20: #1e1551;
  --purple-30: #2f2277;
  --purple-40: #423597;
  --purple-50: #5647b8;
  --purple-60: #6a58da;
  --purple-70: #7d66ff;
  --purple-80: #a899ff;
  --purple-85: #beb3ff;
  --purple-90: #d4ccff;
  --purple-95: #e9e5ff;
  --purple-98: #f6f5ff;
  --purple-transparent-05: #0d092599;
  --purple-transparent-10: #130d3599;
  --purple-transparent-15: #18104199;
  --purple-transparent-20: #1e155199;
  --purple-transparent-85: #beb2ff99;
  --purple-transparent-90: #d4ccff99;
  --purple-transparent-95: #e9e5ff99;
  --purple-transparent-98: #f6f5ff99;
  --red-02: #0a0000;
  --red-05: #1a0000;
  --red-10: #330000;
  --red-15: #4d0000;
  --red-20: #660000;
  --red-30: #990000;
  --red-40: #cc0000;
  --red-50: #ff0000;
  --red-60: #ff3333;
  --red-70: #ff6666;
  --red-80: #ff9999;
  --red-85: #ffb2b2;
  --red-90: #ffcccc;
  --red-95: #ffe5e5;
  --red-98: #fff5f5;
  --red-transparent-05: #25090999;
  --red-transparent-10: #350d0d99;
  --red-transparent-15: #41101099;
  --red-transparent-20: #51151599;
  --red-transparent-85: #ffb2b299;
  --red-transparent-90: #ffcccc99;
  --red-transparent-95: #ffe5e599;
  --red-transparent-98: #fff5f599;
  --yellow-02: #0a0900;
  --yellow-05: #1a1700;
  --yellow-10: #332e00;
  --yellow-15: #4d4600;
  --yellow-20: #665d00;
  --yellow-30: #998b00;
  --yellow-40: #ccbd00;
  --yellow-45: #eddd0c;
  --yellow-48: #f3e71b;
  --yellow-50: #fff100;
  --yellow-55: #fff21a;
  --yellow-60: #fff433;
  --yellow-70: #fff866;
  --yellow-80: #fffa99;
  --yellow-85: #fffcb2;
  --yellow-90: #fffdcc;
  --yellow-95: #fffee5;
  --yellow-98: #fffff5;
  --yellow-transparent-05: #1a170099;
  --yellow-transparent-10: #332e0099;
  --yellow-transparent-15: #4d460099;
  --yellow-transparent-20: #665d0099;
  --yellow-transparent-30: #998b0099;
  --yellow-transparent-40: #ccbd0099;
  --yellow-transparent-50: #fff10099;
  --yellow-transparent-60: #fff43399;
  --yellow-transparent-70: #fff86699;
  --yellow-transparent-80: #fffa9999;
  --yellow-transparent-85: #fffcb299;
  --yellow-transparent-90: #fffdcc99;
  --yellow-transparent-95: #fffee599;
  --yellow-transparent-98: #fffff599;
  --ddbce-button-ce-background-color: var(--purple-80);
  --ddbce-button-ce-border-color: var(--purple-60);
  --ddbce-highlight-purple-background-color: var(--grey-10);
  --ddbce-highlight-purple-text-color: var(--purple-80);
  --ddbce-menu-ce-background-color: var(--purple-90);
  --doc-box-best-practice: var(--blue-70);
  --doc-box-deprecated: var(--purple-70);
  --doc-box-note: var(--grey-60);
  --doc-box-tip: #00c770;
  --doc-box-warning: var(--red-50);
  --doc-codebox-background-color: var(--grey-95);
  --doc-codebox-border-color: var(--grey-90);
  --doc-codebox-button-background-color-hover: var(--grey-transparent-85);
  --doc-menu-info-deprecated-border-color: var(--purple-70);
  --doc-scrollbar-bg: var(--grey-90);
  --doc-scrollbar-slider: var(--grey-80);
  --doc-search-background-color: var(--grey-transparent-90);
  --doc-sidebar-selected-background-color: var(--grey-95);
  --doc-sidebar-text-selected: var(--grey-05);
  --doc-sidebar-text-unselected: var(--grey-15);
  --doc-warning-background-color: var(--red-transparent-95);
  --doc-warning-border-color: var(--red-transparent-90);
  --interactive-button-black-background-color: var(--grey-10);
  --interactive-button-black-background-color-hover: var(--grey-30);
  --interactive-button-black-border-color: var(--grey-10);
  --interactive-button-black-text-color: var(--grey-90);
  --interactive-button-yellow-background-color: var(--yellow-50);
  --interactive-button-yellow-background-color-hover: var(--yellow-45);
  --interactive-button-yellow-border-color-hover: var(--yellow-45);
  --interactive-filter-selected-background-color: var(--grey-90);
  --interactive-filter-selected-background-color-hover: var(--grey-80);
  --interactive-filter-selected-text-color: var(--grey-10);
  --interactive-filter-unselected-text-color: var(--grey-40);
  --interactive-filter-unselected-text-color-hover: var(--grey-05);
  --interactive-filterbox-background-color: var(--grey-98);
  --interactive-filterbox-border-color: var(--grey-90);
  --interactive-folderbox-background-color: var(--grey-transparent-98);
  --interactive-folderbox-border-color: var(--grey-90);
  --interactive-folderbox-border-color-hover: var(--grey-80);
  --interactive-folderbox-text-color: var(--grey-10);
  --interactive-folderbox-text-color-hover: var(--grey-20);
  --main-blogpost-background-color: var(--grey-100);
  --main-blogpost-border-color: var(--grey-90);
  --main-body-background-color: var(--grey-98);
  --main-codebox-border-color: var(--grey-90);
  --main-codebox-dropshadow: #0000000d;
  --main-codebox-main-background-color: var(--grey-transparent-98);
  --main-codebox-sub-background-color: var(--grey-transparent-90);
  --main-highlight-purple-text-color: var(--purple-80);
  --main-highlight-yellow-background-color: var(--grey-10);
  --main-highlight-yellow-text-color: var(--yellow-50);
  --main-infobox-background-color: var(--purple-transparent-98);
  --main-infobox-border-color: var(--purple-transparent-90);
  --main-marker-background-color: var(--yellow-transparent-60);
  --main-marker-border-color: var(--yellow-45);
  --main-section-background-gradient-end-color: var(--grey-95);
  --main-section-background-gradient-start-color: var(--grey-98);
  --main-text-primary-color: var(--grey-05);
  --main-text-secondary-color: var(--grey-40);
  --main-text-tertiary-color: var(--grey-70);
  --menu-dropdown-background-color: var(--grey-95);
  --menu-dropdown-border-color: var(--grey-90);
  --menu-dropdown-item-background-hover: var(--grey-90);
  --menu-topmenu-background-color: var(--grey-transparent-98);
  --menu-topmenu-border-color: #e6e6e64d;
  --menu-topmenu-searchbar-border-color: var(--grey-transparent-85);
  --menu-topmenu-searchbar-shortcut-background-color: var(--grey-transparent-90);
  --menu-topmenu-searchbar-shortcut-text-color: var(--grey-60);
  --menu-topmenu-searchbar-text-color: var(--grey-transparent-30);
  --menu-topmenu-text-color: var(--grey-10);
  --menu-topmenu-text-color-hover: var(--purple-60);
  --social-shape-gradient-end-color: var(--yellow-48);
  --social-shape-gradient-start-color: var(--yellow-45);
  --social-thumbnail-background-color: var(--yellow-50);
  --social-thumbnail-button-background-color: var(--grey-10);
  --social-thumbnail-button-text-color: var(--yellow-50);
  --social-thumbnail-text-color: var(--grey-10);
}

html.darkmode {
  --ddbce-button-ce-background-color: var(--purple-80);
  --ddbce-button-ce-border-color: var(--purple-60);
  --ddbce-highlight-purple-background-color: var(--purple-80);
  --ddbce-highlight-purple-text-color: var(--grey-10);
  --ddbce-menu-ce-background-color: var(--purple-10);
  --doc-box-best-practice: var(--blue-20);
  --doc-box-deprecated: var(--purple-30);
  --doc-box-note: var(--grey-20);
  --doc-box-tip: #004d2b;
  --doc-box-warning: var(--red-20);
  --doc-codebox-background-color: var(--grey-10);
  --doc-codebox-border-color: var(--grey-20);
  --doc-codebox-button-background-color-hover: var(--grey-transparent-20);
  --doc-menu-info-deprecated-border-color: var(--purple-80);
  --doc-scrollbar-bg: var(--grey-15);
  --doc-scrollbar-slider: var(--grey-20);
  --doc-search-background-color: var(--grey-transparent-20);
  --doc-sidebar-selected-background-color: var(--grey-10);
  --doc-sidebar-text-selected: var(--grey-98);
  --doc-sidebar-text-unselected: var(--grey-85);
  --doc-warning-background-color: var(--red-transparent-15);
  --doc-warning-border-color: var(--red-transparent-20);
  --interactive-button-black-background-color: var(--grey-90);
  --interactive-button-black-background-color-hover: var(--grey-70);
  --interactive-button-black-border-color: var(--grey-60);
  --interactive-button-black-text-color: var(--grey-10);
  --interactive-button-yellow-background-color: var(--yellow-50);
  --interactive-button-yellow-background-color-hover: var(--yellow-45);
  --interactive-button-yellow-border-color-hover: var(--yellow-45);
  --interactive-filter-selected-background-color: var(--grey-15);
  --interactive-filter-selected-background-color-hover: var(--grey-20);
  --interactive-filter-selected-text-color: var(--grey-90);
  --interactive-filter-unselected-text-color: var(--grey-70);
  --interactive-filter-unselected-text-color-hover: var(--grey-95);
  --interactive-filterbox-background-color: var(--grey-05);
  --interactive-filterbox-border-color: var(--grey-20);
  --interactive-folderbox-background-color: var(--grey-transparent-10);
  --interactive-folderbox-border-color: var(--grey-20);
  --interactive-folderbox-border-color-hover: var(--grey-30);
  --interactive-folderbox-text-color: var(--grey-90);
  --interactive-folderbox-text-color-hover: var(--grey-80);
  --main-blogpost-background-color: var(--grey-02);
  --main-blogpost-border-color: var(--grey-20);
  --main-body-background-color: var(--grey-05);
  --main-codebox-border-color: var(--grey-20);
  --main-codebox-dropshadow: #fff10012;
  --main-codebox-main-background-color: var(--grey-transparent-05);
  --main-codebox-sub-background-color: var(--grey-transparent-20);
  --main-highlight-purple-text-color: var(--purple-80);
  --main-highlight-yellow-background-color: var(--yellow-50);
  --main-highlight-yellow-text-color: var(--grey-10);
  --main-infobox-background-color: var(--grey-transparent-15);
  --main-infobox-border-color: var(--grey-transparent-20);
  --main-marker-background-color: var(--yellow-transparent-30);
  --main-marker-border-color: var(--yellow-transparent-40);
  --main-section-background-gradient-end-color: var(--grey-10);
  --main-section-background-gradient-start-color: var(--grey-05);
  --main-text-primary-color: var(--grey-95);
  --main-text-secondary-color: var(--grey-70);
  --main-text-tertiary-color: var(--grey-50);
  --menu-dropdown-background-color: var(--grey-05);
  --menu-dropdown-border-color: var(--grey-20);
  --menu-dropdown-item-background-hover: var(--grey-15);
  --menu-topmenu-background-color: var(--grey-transparent-10);
  --menu-topmenu-border-color: #2626264d;
  --menu-topmenu-searchbar-border-color: var(--grey-transparent-15);
  --menu-topmenu-searchbar-shortcut-background-color: var(--grey-transparent-30);
  --menu-topmenu-searchbar-shortcut-text-color: var(--grey-60);
  --menu-topmenu-searchbar-text-color: var(--grey-transparent-85);
  --menu-topmenu-text-color: var(--grey-98);
  --menu-topmenu-text-color-hover: var(--yellow-50);
  --social-shape-gradient-end-color: var(--yellow-48);
  --social-shape-gradient-start-color: var(--yellow-45);
  --social-thumbnail-background-color: var(--grey-10);
  --social-thumbnail-button-background-color: var(--yellow-50);
  --social-thumbnail-button-text-color: var(--grey-02);
  --social-thumbnail-text-color: var(--grey-95);
}

img {
  margin: 0 auto;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

table {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 6px 0;
  font-variant-numeric: tabular-nums;
}

table td, table th {
  padding: 5px 10px;
}

table tbody td {
  font-size: 12px;
  font-weight: bold;
  color: var(--main-text-primary-color, #0D0D0D);
}

code, pre {
  font-family: "JetBrainsMono-Regular", "Lucida Console", monospace;
  font-size: 16px;
}

div.small_code_block + .language-text code {
  font-size: 12px;
}

h4 {
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  -webkit-margin-after: 0em;
  margin-block-end: 0em;
  font-size: 110%;
  font-weight: bold;
}

h1 a {
  text-decoration: none;
  color: var(--main-text-primary-color, #0D0D0D);
}

h2 a {
  text-decoration: none;
  color: var(--main-text-primary-color, #0D0D0D);
}

h3 a {
  text-decoration: none;
  color: var(--main-text-primary-color, #0D0D0D);
}

h4 a {
  text-decoration: none;
  color: var(--main-text-primary-color, #0D0D0D);
}

h5 a {
  text-decoration: none;
  color: var(--main-text-primary-color, #0D0D0D);
}

h5 {
  font-size: 100%;
  font-weight: bold;
}

h1 code, h1 pre, h2 code, h2 pre, h3 code, h3 pre, h4 code, h4 pre, h5 code, h5 pre {
  font-size: inherit;
}

.newswrap {
  min-height: calc(100vh - 111px);
  margin-top: 70px;
  width: 100%;
}
.newswrap .wrap {
  max-width: 1150px;
}
.newswrap .postwrap {
  position: relative;
}
.newswrap .postwrap .postcontent {
  margin: 0 auto;
}
.newswrap .postwrap .postcontent h1 {
  margin-top: 60px;
  font-weight: 500;
}
.newswrap .postwrap .postcontent p, .newswrap .postwrap .postcontent ul li, .newswrap .postwrap .postcontent ol li {
  font-size: 19px;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "SuisseIntl", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.newswrap .postwrap .postcontent p i, .newswrap .postwrap .postcontent p em, .newswrap .postwrap .postcontent ul li i, .newswrap .postwrap .postcontent ul li em, .newswrap .postwrap .postcontent ol li i, .newswrap .postwrap .postcontent ol li em {
  font-family: "SuisseIntl", Helvetica, Arial, sans-serif;
  font-style: italic;
}
@media only screen and (max-width: 660px) {
  .newswrap .postwrap .postcontent p, .newswrap .postwrap .postcontent ul li, .newswrap .postwrap .postcontent ol li {
    font-size: 15px;
  }
}
.newswrap .postwrap .postcontent ul li, .newswrap .postwrap .postcontent ol li {
  margin-top: 0;
  margin-bottom: 0;
}
.newswrap .postwrap .postcontent iframe {
  outline: 0;
  border: 1px solid var(--doc-codebox-border-color, #E6E6E6);
}
.newswrap .postwrap .postcontent h2 {
  font-size: 31px;
  line-height: 35px;
  margin-top: 60px;
  font-weight: 500;
}
.newswrap .postwrap .postcontent h3 {
  font-size: 28px;
  line-height: 33px;
  font-weight: normal;
  margin-top: 60px;
  font-weight: 500;
}
.newswrap .postwrap .postcontent h4 {
  font-size: 24px;
  line-height: 31px;
  font-weight: normal;
  margin-top: 60px;
  font-weight: 500;
}
.newswrap .postwrap .postcontent h2 + h3,
.newswrap .postwrap .postcontent h3 + h4 {
  margin-top: 30px;
}
.newswrap .postwrap .postcontent blockquote h4 {
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1;
  margin-top: 0;
}
.newswrap .postwrap .postcontent blockquote p {
  font-size: 16.5px;
  margin-top: 0.8em;
}
.newswrap .postwrap .postcontent table {
  text-align: left;
}
.newswrap .postwrap .postcontent table code {
  font-size: 15.5px;
}
.newswrap .postwrap .postcontent table thead th {
  font-weight: 700;
  font-size: 16px;
}
.newswrap .postwrap .postcontent table tbody td {
  font-weight: normal;
  font-size: 16px;
  padding: 10px;
}
.newswrap .postwrap .postcontent table tbody tr:hover {
  background: var(--doc-codebox-border-color, #E6E6E6);
}
.newswrap .postwrap .postcontent div.highlight {
  max-width: 750px;
}
.newswrap .postwrap .postcontent div.highlighter-rouge + table,
.newswrap .postwrap .postcontent table + div.highlighter-rouge {
  margin-top: 30px;
}
.newswrap .postwrap .postcontent .highlighter-rouge,
.newswrap .postwrap .postcontent table {
  margin-bottom: 20px;
}
.newswrap .postwrap .postcontent hr {
  margin: 50px 0 50px 0;
  border: 0.5px solid rgb(229, 229, 229);
}
.newswrap .postwrap .postcontent .video-container {
  margin: 30px 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.newswrap .postwrap .postcontent .video-container iframe, .newswrap .postwrap .postcontent .video-container object, .newswrap .postwrap .postcontent .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.newswrap .postwrap .postcontent .toc_sidebar {
  position: fixed;
  top: 0px;
  right: 0;
  width: 22vw;
  padding: 100px 20px 20px 20px;
  z-index: 90;
}
@media only screen and (max-width: 1280px) {
  .newswrap .postwrap .postcontent .toc_sidebar {
    display: none;
  }
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu {
  height: calc(100vh - 100px);
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu::-webkit-scrollbar {
  display: none;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu h5 {
  color: var(--main-text-tertiary-color, #B2B2B2);
  font-size: 12px;
  font-style: normal;
  font-weight: 450;
  text-transform: uppercase;
  margin-left: 12px;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul li {
  font-size: 14px;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 15px;
  position: relative;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc ul {
  padding-left: 0px;
  margin-left: 15px;
  border-left: 1px solid #D9D9D9;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc ul li {
  list-style: none;
  font-size: 14px;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc ul ul {
  display: none;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc li {
  line-height: 1;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc li.current > a {
  color: #7D66FF;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc a {
  color: #B8B8B8;
  text-decoration: none;
  padding: 7px 12px;
  border-radius: 100px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  line-height: 1;
}
.newswrap .postwrap .postcontent .toc_sidebar .toc_menu ul#toc a:hover {
  color: var(--main-text-primary-color, #0D0D0D);
}
.newswrap .postwrap .postcontent .supporterboard {
  margin-top: 25px;
  background-color: var(--doc-codebox-background-color, #F2F2F2);
  border-radius: 15px;
  border-top: 15px solid #979797;
}
.newswrap .postwrap .postcontent .supporterboard > ul {
  padding: 20px;
  -ms-grid-columns: 1fr [4];
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  display: -ms-grid;
  display: grid;
  row-gap: 70px;
  margin: 0;
}
.newswrap .postwrap .postcontent .supporterboard > ul li {
  line-height: 1;
  height: 70px;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  .newswrap .postwrap .postcontent .supporterboard > ul {
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 700px) {
  .newswrap .postwrap .postcontent .supporterboard > ul {
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 550px) {
  .newswrap .postwrap .postcontent .supporterboard > ul {
    padding: 25px;
    row-gap: 40px;
  }
  .newswrap .postwrap .postcontent .supporterboard > ul li {
    height: 60px;
  }
}
.newswrap .postwrap .postcontent .supporterboard ul li img {
  height: 100%;
}
.newswrap .postwrap .postcontent .supporterboard.silver ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 20px;
}
.newswrap .postwrap .postcontent .supporterboard.gold {
  border-top: 15px solid #C09600;
}
.newswrap .postwrap .postcontent .supporterboard.gold ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
@media only screen and (max-width: 840px) {
  .newswrap .postwrap .postcontent .supporterboard.gold ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.newswrap .postwrap .postcontent .supporterboard.gold ul li {
  height: 100px;
}
@media only screen and (max-width: 840px) {
  .newswrap .postwrap .postcontent .supporterboard.gold ul li {
    height: 80px;
  }
}
@media only screen and (max-width: 650px) {
  .newswrap .postwrap .postcontent .supporterboard.gold ul li {
    width: 100%;
    height: 80px;
  }
}
.newswrap .postwrap .postcontent .supporterboard.technical {
  border-top: 15px solid #4396D7;
}
.newswrap .postwrap .recentposts {
  background: linear-gradient(180deg, var(--grey-95) -13.01%, var(--main-body-background-color) 65.33%);
  padding: 105px 15px;
  position: relative;
  z-index: 100;
}
.newswrap .postwrap .recentposts h1 {
  font-size: 47px;
  margin-top: 0;
  margin-bottom: 0;
}
.newswrap .postwrap .recentposts h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 23px;
  line-height: 1em;
  font-weight: 600;
}
.newswrap .postwrap .recentposts .postpreview {
  margin-bottom: 0;
}
.newswrap .postwrap .infoline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newswrap .postwrap .infoline .icon {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='none' viewBox='0 0 35 35'%3E%3Ccircle cx='17.75' cy='17.25' r='17.25' fill='%231A1A1A'/%3E%3Cpath fill='%23FFF100' d='M8.166 17.409a5.917 5.917 0 0 0 5.909 5.908 5.917 5.917 0 0 0 5.908-5.908 5.917 5.917 0 0 0-5.908-5.909 5.917 5.917 0 0 0-5.909 5.909Zm16.498-2.115h-2.797v4.22h2.797a2.14 2.14 0 0 0 2.123-2.122c0-1.168-.964-2.098-2.123-2.098Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 15px;
  border-radius: 200px;
  overflow: hidden;
}
.newswrap .postwrap .infoline .icon > img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.newswrap .postwrap .infoline > div:not(.icon):not(.scheduled) {
  display: flex;
  align-items: center;
  column-gap: 25px;
}
.newswrap .postwrap .infoline span {
  font-size: 14px;
  color: var(--main-text-secondary-color, #666);
  font-weight: 400;
}
.newswrap .postwrap .infoline .scheduled + .venue {
  margin-left: 25px;
}
.newswrap .postwrap .postpreview {
  margin-bottom: 75px;
}
.newswrap .postwrap a.backtoarchive,
.newswrap .postwrap a.continue {
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 100%;
  color: #ebebeb;
  text-decoration: underline;
  font-size: 14px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.newswrap .postwrap a.backtoarchive span::after,
.newswrap .postwrap a.continue span::after {
  content: "→";
  font-family: "DuckDB-Symbol";
  margin-left: 6px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
  text-decoration: none;
  line-height: 1.5;
}
.newswrap .postwrap a.backtoarchive:hover span::after,
.newswrap .postwrap a.continue:hover span::after {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}
.newswrap .postwrap a.backtoarchive span::after,
.newswrap .postwrap a.continue span::after {
  line-height: 1.2;
}
.newswrap .postwrap a.backtoarchive:hover,
.newswrap .postwrap a.continue:hover {
  color: black;
}
.newswrap .postwrap a.backtoarchive {
  margin-top: 15px;
  display: inline-block;
}
.newswrap .postwrap .singleentry {
  max-width: 720px;
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 75px;
}
.newswrap .postwrap .singleentry h1 {
  font-size: 47px;
  line-height: 1;
  margin-bottom: 30px;
  margin-top: 0;
}
.newswrap .postwrap .singleentry .highlight {
  border-radius: 10px;
}
.newswrap .postwrap .singleentry .excerpt em {
  font-weight: 600;
  font-family: "SuisseIntl", Helvetica, Arial, sans-serif;
  font-style: normal;
}
.newswrap .postwrap .singleentry p > img {
  max-width: 100%;
}
.newswrap .postwrap .singleentry.contains_toc {
  display: flex;
  max-width: unset;
}
.newswrap .postwrap .singleentry.contains_toc .toc_sidebar {
  padding-top: 3px;
  position: relative;
}
.newswrap .postwrap .singleentry.contains_toc .toc_sidebar .toc_menu {
  position: sticky;
  top: 100px;
}
.newswrap .postwrap .singleentry.contains_toc > .content {
  width: 78vw;
}
@media only screen and (max-width: 1280px) {
  .newswrap .postwrap .singleentry.contains_toc > .content {
    width: 100%;
  }
}
.newswrap .postwrap .singleentry.contains_toc .contentwidth {
  max-width: 720px;
  margin: 0 auto;
}
.newswrap .postwrap .post-list h1 {
  font-size: 37px;
  font-style: normal;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 50px;
}
.newswrap .postwrap .post-list h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 23px;
  line-height: 1.1;
  font-weight: 600;
}
.newswrap .postwrap .post-list > section {
  padding: 105px 15px;
}
.newswrap .postwrap .post-list > section:nth-child(even) {
  background-color: #F9F9F9;
}
.newswrap .headlinebar {
  background-color: #f5f5f5;
  height: 52px;
  line-height: 52px;
  font-size: 32px;
  top: 70px;
  position: absolute;
  padding-left: 20px;
  left: 0;
  width: 100%;
}
.newswrap .sidebar {
  width: 252px;
  background-color: #fff100;
  padding: 30px;
  position: fixed;
  right: 0;
  height: 100vh;
  z-index: 800;
}
.newswrap .sidebar .latestnews,
.newswrap .sidebar .newsarchive {
  margin-top: 60px;
}
.newswrap .sidebar .latestnews h1,
.newswrap .sidebar .newsarchive h1 {
  margin-bottom: 15px;
  font-size: 100%;
}
.newswrap .sidebar .latestnews h1 a,
.newswrap .sidebar .newsarchive h1 a {
  color: black;
  text-decoration: none;
}
.newswrap .sidebar .latestnews h1 a:hover,
.newswrap .sidebar .newsarchive h1 a:hover {
  text-decoration: underline;
}
.newswrap .sidebar .latestnews ul,
.newswrap .sidebar .newsarchive ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 20px;
}
.newswrap .sidebar .latestnews ul li,
.newswrap .sidebar .newsarchive ul li {
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 14px;
}
.newswrap .sidebar .latestnews ul li a,
.newswrap .sidebar .newsarchive ul li a {
  color: black;
  text-decoration: none;
}
.newswrap .sidebar .latestnews ul li a:hover,
.newswrap .sidebar .newsarchive ul li a:hover {
  text-decoration: underline;
}
.newswrap .sidebar .newsarchive h1 {
  margin-bottom: 15px;
  font-size: 100%;
}
.newswrap .sidebar .newsarchive ul li {
  margin: 4px 0px;
  -webkit-font-feature-settings: "tnum" on;
  font-feature-settings: "tnum" on;
}

footer {
  position: relative;
}

@media only screen and (max-width: 1280px) {
  .postwrap {
    margin: 0 15px;
  }
  .recentposts {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
@media only screen and (max-width: 940px) {
  .filterbar {
    gap: 20px;
  }
  .filterbar .filtertags {
    width: calc(50% - 10px);
    overflow: auto;
  }
  .filterbar #search-input {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 660px) {
  .newswrap .newstiles {
    row-gap: 0;
  }
  .newswrap .postwrap .infoline,
  .newswrap .postwrap .infoline > div:not(.icon):not(.scheduled) {
    flex-wrap: wrap;
  }
  .newswrap .postwrap .infoline .scheduled + .venue,
  .newswrap .postwrap .infoline > div:not(.icon):not(.scheduled) .scheduled + .venue {
    margin-left: 0;
  }
  .infoline .scheduled,
  .publishedinfo {
    width: 100%;
  }
  .newswrap .postwrap .postcontent .singleentry {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .newswrap .postwrap .postcontent .singleentry .infoline span {
    font-size: 14px;
  }
  .newswrap .postwrap .postcontent .singleentry .infoline span .author {
    font-weight: 600;
  }
  .newswrap .postwrap .postcontent .singleentry p {
    font-size: 15px;
    line-height: 23px;
    margin: 20px 0;
  }
  .newswrap .postwrap .postcontent .singleentry h2 {
    font-size: 25px;
    line-height: 28px;
    margin: 35px 0 20px;
  }
  .newswrap .postwrap .postcontent .singleentry h3 {
    font-size: 20px;
    line-height: 1.2;
    margin: 35px 0 20px;
  }
  .newswrap .postwrap .postcontent .singleentry h3:first-child {
    margin-top: 0;
  }
  .newswrap .postwrap .postcontent .singleentry h4 {
    font-size: 18px;
    line-height: 1.2;
    margin: 35px 0 20px;
  }
  .newswrap .postwrap .postcontent .singleentry h4:first-child {
    margin-top: 0;
  }
  .newswrap .postwrap .postcontent .singleentry ul li {
    font-size: 15px;
    line-height: 23px;
  }
  .newswrap .postwrap .postcontent .singleentry ul li ul {
    margin-top: 0;
  }
  .newswrap .postwrap .postcontent iframe {
    width: 100%;
    height: auto;
  }
  .filterbar {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .filterbar #search-input {
    width: 100%;
    max-width: 100%;
  }
  .filterbar .filtertags {
    display: none;
  }
  code,
  pre {
    font-size: 14px;
    line-height: 1.5em;
  }
}
@media print {
  section.recentposts,
  div.toc_sidebar {
    display: none !important;
  }
}

/*# sourceMappingURL=blog.css.map */