@charset "UTF-8";
/** DUCKDB HOME CSS **/
/** 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);
}

/** DUCKDB HOME CSS **/
.duckdb_logo,
#duckdb_logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='129' height='38' fill='none' viewBox='0 0 129 38'%3E%3Cpath fill='%230D0D0D' d='M19 38C8.489 38 0 29.511 0 19S8.489 0 19 0s19 8.489 19 19-8.489 19-19 19Z'/%3E%3Cpath fill='%23FFF100' d='M29.159 16.182h-3.727v5.625h3.727c1.545 0 2.83-1.284 2.83-2.83 0-1.556-1.285-2.795-2.83-2.795ZM7.172 19c0 4.34 3.534 7.875 7.875 7.875 4.34 0 7.875-3.535 7.875-7.875 0-4.341-3.534-7.876-7.875-7.876S7.172 14.66 7.172 19Z'/%3E%3Cpath fill='%230D0D0D' d='M68.543 14.125v7.92c0 1.705-1.034 2.91-2.446 2.91h-.69c-1.446 0-2.446-1.205-2.446-2.91v-7.92h-2.725v8.41c0 3.033 2.135 5.215 5.127 5.215h.79c2.99 0 5.104-2.182 5.104-5.216v-8.409h-2.714ZM93.4 18.932l5.049-5.432h-3.804l-4.437 4.886v-8.102h-2.691v17.239h2.691v-5.057l1.301-1.398 4.437 6.466h3.337L93.4 18.932Zm-42.438 5.84h-3.259V13.069h3.259c2.524 0 4.537 2.625 4.537 5.807 0 3.284-2.013 5.898-4.537 5.898Zm0-14.51H45v17.284h5.96c3.993 0 7.263-3.853 7.263-8.671 0-4.704-3.259-8.614-7.262-8.614Zm56.117 14.51h-3.214V13.069h3.214c2.546 0 4.537 2.625 4.537 5.807 0 3.284-1.991 5.898-4.537 5.898Zm0-14.51h-5.928v17.284h5.928c4.048 0 7.262-3.853 7.262-8.671 0-4.704-3.214-8.614-7.262-8.614Zm16.259 14.51h-4.193V19.99h4.193c1.245 0 2.324 1.102 2.324 2.375 0 1.352-1.079 2.409-2.324 2.409Zm-4.193-7.567v-4.137h3.336c1.123 0 2.035.898 2.035 2.057 0 1.148-.912 2.08-2.035 2.08h-3.336Zm7.062.92c.611-.83 1.034-1.875 1.034-3.011 0-2.66-2.18-4.864-4.76-4.864h-6.027v17.284h6.884c2.791 0 5.026-2.33 5.026-5.182a5.178 5.178 0 0 0-2.157-4.227Zm-47.276-1.42h.667c1.613 0 2.948 1.204 2.948 2.704h2.746c0-2.977-2.569-5.432-5.682-5.432h-.668c-3.069 0-5.538 2.534-5.538 5.637v2.477c0 3.136 2.48 5.659 5.538 5.659h.668c3.214 0 5.838-2.454 5.838-5.41H82.7c0 1.433-1.401 2.603-3.091 2.603h-.668c-1.568 0-2.869-1.273-2.869-2.852v-2.477c0-1.614 1.29-2.91 2.858-2.91Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  width: 128.36px;
  height: 70px;
  pointer-events: none;
}

.button {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  transition: background-color 0.3s;
  padding: 12px 20px;
  border-radius: 100px;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  margin-right: 10px;
}
.button.yellow {
  background: var(--interactive-button-yellow-background-color, #FFF100);
  border: 1px solid var(--interactive-button-yellow-border-color-hover, #EDDD0C);
  color: #000;
}
.button.yellow:hover {
  background: var(--interactive-button-yellow-background-color-hover, #EDDD0C);
  border: 1px solid var(--interactive-button-yellow-border-color-hover, #EDDD0C);
}
.button.transparent {
  border: 1px solid var(--interactive-button-black-border-color, #1A1A1A);
}
.button.transparent:hover {
  border: 1px solid var(--interactive-button-black-border-color, #1A1A1A);
}
.button.white {
  background: white;
  color: black;
}
.button.white:hover {
  background: #7D66FF;
  color: white;
}
.button.arrow-down::after {
  content: "↓";
  margin-left: 5px;
}
.button.arrow-right:after {
  /*background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.472 4.64599L8.146 8.99999L7.25 8.07599L10.008 5.33199H0V3.97399H10.036L7.25 1.21599L8.146 0.291992L12.472 4.64599Z' fill='black'/%3E%3C/svg%3E%0A");
  content: "";
  width: 13px;
  height: 9px;
  background-size: contain;
  display: inline-block;
  */
  margin-left: 5px;
  transition: all 0.25s;
  content: "→";
}
.button.arrow-right:hover:after {
  margin-left: 12px;
}
.button:hover {
  text-decoration: none;
}

.textbutton {
  font-size: 14px;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  display: inline;
}
.textbutton.arrow-right:after {
  /*
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.472 4.64599L8.146 8.99999L7.25 8.07599L10.008 5.33199H0V3.97399H10.036L7.25 1.21599L8.146 0.291992L12.472 4.64599Z' fill='black'/%3E%3C/svg%3E%0A");
  content: "";
  width: 13px;
  height: 9px;
  background-size: contain;
  display: inline-block;
  */
  content: "→";
  margin-left: 5px;
  transition: all 0.25s;
}
.textbutton.arrow-right:hover:after {
  margin-left: 12px;
  /*background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.472 4.64599L8.146 8.99999L7.25 8.07599L10.008 5.33199H0V3.97399H10.036L7.25 1.21599L8.146 0.291992L12.472 4.64599Z' fill='%237D66FF'/%3E%3C/svg%3E%0A");*/
}
.textbutton:hover {
  color: #7D66FF;
}

body.landing {
  font-size: 18px;
  /** GENERAL STYLES **/
  /** STYLE SELECT BOX ANYWAYS – SO IT IS COLORED DIRECTLY **/
  /** NEW CUSTOM SELECT BOX WITH JS**/
  /** WELCOME SECTION **/
  /** FEATURES SECTION **/
  /** QUICK INSTALLATION SECTION **/
}
body.landing main {
  margin-top: 70px;
}
body.landing h1 {
  font-size: 47px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}
body.landing h3 {
  font-size: 23px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0;
}
body.landing section {
  position: relative;
  z-index: 10;
  padding: 105px 15px;
}
body.landing section div p:last-of-type {
  margin-bottom: 25px;
}
body.landing .wrap {
  max-width: 1150px;
  margin: 0 auto;
}
body.landing .flexwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.landing .hidden {
  display: none;
}
body.landing .type {
  display: inline-block;
  border: 1px solid var(--main-marker-border-color, #EDDD0C);
  background: var(--main-marker-background-color, rgba(255, 244, 51, 0.6));
  border-radius: 10px;
  padding: 6px 15px 8px 15px;
  margin-left: -15px;
  margin-top: 0.15em;
  margin-bottom: 0.15em;
  white-space: nowrap;
}
body.landing .type .typecursor {
  font-weight: 450;
  margin-left: 0.1em;
  -webkit-transform: translateY(-0.025em);
  -ms-transform: translateY(-0.025em);
  transform: translateY(-0.025em);
  -webkit-animation: Typewriter-cursor 1s infinite;
  animation: Typewriter-cursor 1s infinite;
  margin-left: 1px;
}
@-webkit-keyframes Typewriter-cursor {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes Typewriter-cursor {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body.landing .window {
  border-radius: 15px;
  border: 1px solid var(--main-codebox-border-color, #E6E6E6);
  background: var(--main-codebox-main-background-color, rgba(250, 250, 250, 0.6));
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 2px 2px 24px 0px var(--main-codebox-dropshadow, rgba(0, 0, 0, 0.05));
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 2px 2px 24px 0px var(--main-codebox-dropshadow, rgba(0, 0, 0, 0.05));
}
body.landing .window .topbar {
  border-radius: 15px 15px 0px 0px;
}
body.landing .window .topbar ul {
  position: relative;
  padding: 0;
  margin: 20px 20px 5px 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; /* Ändere von flex zu inline-flex */
  border: 1px solid var(--main-codebox-border-color, #E6E6E6);
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; /* Beibehaltung der vertikalen Ausrichtung */
  border-radius: 100px;
  padding: 5px;
}
body.landing .window .topbar ul li {
  border-radius: 50px;
  padding: 12px 14px;
  color: var(--interactive-filter-unselected-text-color, #666);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 0.2s, color 0.2s;
  -o-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
  font-weight: 500;
}
body.landing .window .topbar ul li:hover, body.landing .window .topbar ul li.active {
  color: var(--interactive-filter-selected-text-color, #1A1A1A);
}
body.landing .window .topbar .select-highlight {
  position: absolute;
  background: var(--interactive-filter-selected-background-color, #E6E6E6);
  height: calc(100% - 10px);
  top: 5px;
  left: 0;
  width: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
  border-radius: 50px;
}
body.landing .window .content {
  padding: 20px 40px;
  font-family: "JetBrainsMono-Regular";
  font-size: 14px;
  position: relative;
}
body.landing .window .content .lines {
  position: absolute;
  top: 20px;
  left: 25px;
  color: var(--main-text-tertiary-color, #B2B2B2);
  font-size: 14px;
  line-height: 17px;
  font-family: "JetBrainsMono-Regular";
  pointer-events: none;
}
body.landing .window .content code {
  font-size: 14px;
  line-height: 17px;
  font-family: "JetBrainsMono-Regular";
}
body.landing .window .content a {
  color: inherit;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
body.landing .window .content a:hover {
  color: #7D66FF;
  background: none !important;
}
body.landing .window .content pre {
  margin: 0;
}
body.landing .window .content.haslines {
  padding-left: 60px;
}
body.landing .window .bottombar {
  padding: 15px 20px;
  border-top: 1px solid var(--main-codebox-border-color, #E6E6E6);
}
body.landing .window .bottombar span {
  color: #919191;
  font-size: 14px;
}
body.landing .window .bottombar p {
  margin: 0;
}
body.landing .accordion {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.landing .accordion > div {
  width: calc(50% - 10px);
}
body.landing .accordion .head {
  padding: 20px;
  position: relative;
  width: 100%;
  cursor: pointer;
}
body.landing .accordion .head::after {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23EFEFEF'/%3E%3Cpath d='M23.8045 12.6287L15.1758 21.2574L6.54706 12.6287' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  content: "";
  width: 30px;
  height: 30px;
  background-size: contain;
  position: absolute;
  display: block;
  right: 20px;
  top: 13px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
body.landing .accordion .head h4 {
  max-width: calc(100% - 50px);
}
body.landing .accordion .content {
  padding: 20px;
  padding-top: 0;
  display: none;
}
body.landing .accordion .content p {
  font-size: 16px;
}
body.landing .accordion .content p:first-child {
  margin-top: 0;
}
body.landing .accordion .content p:last-of-type {
  margin-bottom: 0;
}
body.landing .accordion .foldout {
  background: #F9F9F9;
  border-radius: 15px;
  position: relative;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
  margin-bottom: 10px;
}
body.landing .accordion .foldout:hover {
  background: #F3F1FF;
}
body.landing .accordion .foldout:hover .head::after {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23DDD8FF'/%3E%3Cpath d='M23.8045 12.6287L15.1758 21.2574L6.54706 12.6287' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
body.landing .accordion .foldout.active .head::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.landing .upcoming-events:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='426' fill='none' viewBox='0 0 1440 426'%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1439.5 424.029H696.735c-27.614 0-50-22.386-50-50V51.875c0-27.614-22.386-50-50-50H-.5'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='166.001' x2='1397.35' y1='680.043' y2='345.949' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FAFAFA'/%3E%3Cstop offset='.58' stop-color='%23CCC'/%3E%3Cstop offset='1' stop-color='%23FAFAFA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1400/422;
  height: auto;
  z-index: 1;
}
body.landing .upcoming-events .wrap {
  position: relative;
  z-index: 2;
}
body.landing select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 2em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  font-weight: 500;
  outline: none;
  display: -ms-grid;
  display: grid;
  grid-template-areas: "select";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid #fff100;
  border-radius: 100px;
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.1;
  color: black;
  background-color: #fff100;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
body.landing select::-ms-expand {
  display: none;
}
body.landing select select, body.landing select::after {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: select;
}
body.landing select:hover {
  background-color: rgb(242.25, 228.95, 0);
}
body.landing select:not(.select--multiple)::after {
  content: "";
  -ms-grid-column-align: end;
  justify-self: end;
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.25' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M4.60938 8.18164L10.0637 13.636L15.5181 8.18164' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
body.landing .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
body.landing .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: black;
  min-width: 240px;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}
body.landing .select-styled {
  position: relative;
  display: inline-block;
  color: var(--interactive-button-black-border-color, #999);
  background: var(--menu-dropdown-background-color, #F2F2F2);
  border: 1px solid var(--doc-codebox-border-color, #E6E6E6);
  padding: 12px 45px 12px 20px;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-radius: 20px;
  z-index: 710;
  word-break: keep-all;
}
body.landing .select-styled > span {
  color: inherit;
}
body.landing .select-styled:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.25' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M4.60938 8.18164L10.0637 13.636L15.5181 8.18164' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  right: 10px;
  top: 9px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
body.landing .select-styled:active:after, body.landing .select-styled.active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.landing .select-options {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  z-index: 700;
  margin: 0;
  list-style: none;
  background: var(--menu-dropdown-background-color, #F2F2F2);
  border: 1px solid var(--menu-dropdown-border-color);
  border-radius: 20px;
  padding: 8px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}
body.landing .select-options li {
  word-break: keep-all;
  margin: 2px 0;
  padding: 8px 12px;
  font-weight: 450;
  -webkit-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  color: var(--main-text-primary-color, #F2F2F2);
}
body.landing .select-options li:hover, body.landing .select-options li.is-selected {
  background: var(--menu-dropdown-item-background-hover, #E6E6E6);
  border-radius: 50px;
}
body.landing .select-options li.is-selected {
  font-weight: 500;
}
body.landing .select-options li[rel=hide] {
  display: none;
}
body.landing section.welcome {
  z-index: 11;
}
body.landing section.welcome .flexwrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
body.landing section.welcome .flexwrap .duckdb {
  width: 40%;
  text-align: left;
}
body.landing section.welcome .flexwrap .duckdb p {
  margin: 25px 0;
}
body.landing section.welcome .flexwrap .window {
  width: 550px;
}
body.landing section.welcome .flexwrap .window button.copy {
  display: none;
}
body.landing section.welcome .flexwrap .button.livedemo {
  border: 1px solid var(--doc-codebox-border-color, #E6E6E6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--interactive-button-black-border-color, #999);
  font-weight: 600;
}
body.landing section.whyduckdb h1 {
  max-width: 600px;
}
body.landing section.whyduckdb .flexwrap {
  margin-top: 70px;
  row-gap: 20px;
}
body.landing section.whyduckdb .flexwrap .featurebox {
  width: calc(33% - 10px);
  padding: 30px 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 15px;
  border: 1px solid var(--main-infobox-border-color, rgba(212, 204, 255, 0.6));
  background: var(--main-infobox-background-color, rgba(246, 245, 255, 0.6));
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
body.landing section.whyduckdb .flexwrap .featurebox .icon {
  margin-bottom: 25px;
  width: 45px;
  height: 45px;
  background-size: contain;
}
body.landing section.whyduckdb .flexwrap .featurebox .icon.simple {
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9998 43.8851C34.5343 43.8851 43.8849 34.5345 43.8849 23C43.8849 11.4655 34.5343 2.11499 22.9998 2.11499C11.4653 2.11499 2.11475 11.4655 2.11475 23C2.11475 34.5345 11.4653 43.8851 22.9998 43.8851Z' stroke='%237D66FF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8042 24.9262L20.0386 30.138L32.2525 17.9771' stroke='%237D66FF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
body.landing section.whyduckdb .flexwrap .featurebox .icon.featurerich {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m25.38 26.437 7.137 7.138M31.989 12.69l-6.08 6.08M17.448 22.603h-4.23'/%3E%3Ccircle cx='22.207' cy='22.207' r='4.759' stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Ccircle cx='35.954' cy='37.011' r='4.759' stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Ccircle cx='35.954' cy='8.988' r='4.759' stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3Ccircle cx='8.46' cy='22.207' r='4.759' stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3C/svg%3E");
}
body.landing section.whyduckdb .flexwrap .featurebox .icon.speed {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M43.885 23c0 11.535-9.35 20.885-20.885 20.885-11.535 0-20.885-9.35-20.885-20.885 0-11.534 9.35-20.885 20.885-20.885 11.534 0 20.885 9.35 20.885 20.885Z' clip-rule='evenodd'/%3E%3Cpath stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M25.866 23a2.867 2.867 0 1 1-5.733 0 2.867 2.867 0 0 1 5.733 0Z' clip-rule='evenodd'/%3E%3Cpath stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m25.047 25.457 8.19 8.19'/%3E%3C/svg%3E");
}
body.landing section.whyduckdb .flexwrap .featurebox .icon.free {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M25.435 30.358c2.912-1.067 4.433-3.12 4.433-6.655s-3.021-6.65-6.796-6.656c-3.983-.006-6.988 3.108-6.94 6.656.048 3.547 1.764 5.908 4.51 6.761l-4.865 11.802C9.266 40.604 2.644 33.029 2.644 23.703 2.644 12.656 11.645 3.7 22.928 3.7c11.282 0 20.428 8.955 20.428 20.002 0 9.471-6.56 16.94-13.21 18.596l-4.71-11.941Z'/%3E%3C/svg%3E");
}
body.landing section.whyduckdb .flexwrap .featurebox .icon.portable {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M27.929 8.46c1.145 0 2.077 1.173 2.077 2.616v2.577h-14.54v-2.577c0-1.442.93-2.616 2.076-2.616H27.93Z'/%3E%3Crect width='37.389' height='23.887' x='4.041' y='13.653' stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' rx='5'/%3E%3Cpath stroke='%237D66FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M34.371 14.903V36.29M11.1 36.29V14.903'/%3E%3C/svg%3E");
}
body.landing section.whyduckdb .flexwrap .featurebox .icon.extensible {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath stroke='%237D66FF' stroke-width='2.5' d='M29.085 35.656a5.109 5.109 0 0 1-1.71-1.58 4.99 4.99 0 0 1-.579-4.462 5.052 5.052 0 0 1 1.252-1.952 5.153 5.153 0 0 1 2.003-1.202 5.213 5.213 0 0 1 4.519.644 5.09 5.09 0 0 1 1.575 1.712c.096.17.233.315.397.423a1.261 1.261 0 0 0 1.616-.195l3.912-3.854c.925-.912.925-1.733.416-2.28l-6.133-6.043a.317.317 0 0 1 .139-.524 5.121 5.121 0 0 0 2.92-2.37 4.996 4.996 0 0 0 .482-3.696 4.975 4.975 0 0 0-1.336-2.332A5.089 5.089 0 0 0 36.19 6.63a5.207 5.207 0 0 0-3.752.475 5.08 5.08 0 0 0-2.405 2.877.318.318 0 0 1-.227.214.329.329 0 0 1-.305-.077l-6.133-6.043a1.33 1.33 0 0 0-1.852 0l-4.305 4.264a1.253 1.253 0 0 0-.394 1.043 1.241 1.241 0 0 0 .602.94 5.063 5.063 0 0 1 1.918 2.164c.412.889.554 1.877.407 2.843a5.007 5.007 0 0 1-1.236 2.601 5.126 5.126 0 0 1-2.477 1.514 5.164 5.164 0 0 1-3.21-.214 5.072 5.072 0 0 1-2.438-2.066 1.238 1.238 0 0 0-.398-.424 1.262 1.262 0 0 0-1.615.196l-3.912 3.876c-.926.912-.926 1.71-.416 2.28l6.133 6.043a.318.318 0 0 1-.017.446.326.326 0 0 1-.145.078 5.144 5.144 0 0 0-2.912 2.374 5.019 5.019 0 0 0-.49 3.692 4.998 4.998 0 0 0 1.348 2.334 5.112 5.112 0 0 0 2.378 1.314 5.207 5.207 0 0 0 3.746-.466 5.08 5.08 0 0 0 2.41-2.863.318.318 0 0 1 .22-.229.328.328 0 0 1 .313.07l6.133 6.042a1.306 1.306 0 0 0 1.829 0l4.328-4.264a1.21 1.21 0 0 0 .433-1.065 1.197 1.197 0 0 0-.212-.553 1.221 1.221 0 0 0-.453-.389Z'/%3E%3C/svg%3E");
}
body.landing section.whyduckdb .flexwrap .featurebox p {
  font-size: 16px;
  font-weight: 450;
  margin: 15px 0;
}
body.landing section#quickinstall {
  position: relative;
  overflow: visible;
}
body.landing section#quickinstall .wrap {
  position: relative;
  z-index: 10;
}
body.landing section#quickinstall .wrap .intro {
  max-width: 380px;
}
body.landing section#quickinstall .wrap .install {
  width: calc(100% - 450px);
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
body.landing section#quickinstall:after {
  content: " ";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='482' fill='none' viewBox='0 0 1440 482'%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0 359h514c27.614 0 50-22.386 50-50v-64.5c0-27.614 22.386-50 50-50h370.5'/%3E%3Cpath stroke='url(%23b)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1438 2h-402c-27.61 0-50 22.386-50 50v249c0 27.614 22.39 50 50 50h157.47c27.61 0 50 22.386 50 50v29c0 27.614 22.38 50 50 50H1438'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-192.5' x2='-19.068' y1='241.413' y2='-114.664' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FAFAFA'/%3E%3Cstop offset='1' stop-color='%23CCC'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1496.5' x2='1032.42' y1='171.5' y2='231.527' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FAFAFA'/%3E%3Cstop offset='1' stop-color='%23CCC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  width: 100%;
  top: 10px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1600/536;
  position: absolute;
  z-index: 1;
}
body.landing section#quickinstall .window button.copy {
  right: 40px;
  top: 15px;
}
body.landing section.faq h1 {
  max-width: 600px;
}
body.landing section.faq .flexwrap {
  margin-top: 70px;
}
body.landing .landing_bg_1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='671' height='780' fill='none' viewBox='0 0 671 780'%3E%3Cpath fill='url(%23a)' d='M-90 20c0-11.046 8.954-20 20-20h721c11.046 0 20 8.954 20 20v566c0 11.046-8.954 20-20 20H310.5c-11.046 0-20 8.954-20 20v134c0 11.046-8.954 20-20 20H-70c-11.046 0-20-8.954-20-20V20Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='290.5' x2='290.5' y1='0' y2='780' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FAFAFA'/%3E%3Cstop offset='1' stop-color='%23F2F2F2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50%;
  height: auto;
  position: absolute;
  z-index: 1;
  aspect-ratio: 761/888;
  top: 0px;
  left: 0px;
}
body.landing .landing_bg_2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='458' height='904' fill='none' viewBox='0 0 458 904'%3E%3Cpath fill='url(%23a)' d='M761 20c0-11.046-8.954-20-20-20H20C8.954 0 0 8.954 0 20v566c0 11.046 8.954 20 20 20h155c11.046 0 20 8.954 20 20v257.5c0 11.046 8.954 20 20 20h526c11.046 0 20-8.954 20-20V20Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='380.502' x2='380.502' y1='.004' y2='903.502' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FAFAFA'/%3E%3Cstop offset='1' stop-color='%23F2F2F2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 35%;
  height: auto;
  position: absolute;
  z-index: 1;
  aspect-ratio: 413/819;
  top: 250px;
  right: 0px;
}

@media only screen and (max-width: 1200px) {
  body.landing section.welcome .flexwrap .duckdb {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 1100px) {
  body.landing h1 {
    font-size: 40px;
  }
  body.landing section#quickinstall .wrap .install {
    width: calc(100% - 390px);
  }
}
@media only screen and (max-width: 940px) {
  body.landing {
    font-size: 17px;
  }
  body.landing h1 {
    max-width: 500px;
  }
  body.landing section.welcome .flexwrap .duckdb {
    width: 100%;
  }
  body.landing section.welcome .flexwrap .window,
  body.landing section#quickinstall .window {
    width: 100%;
    margin-top: 60px;
  }
  body.landing section#quickinstall .wrap .install,
  body.landing section#quickinstall .wrap .intro {
    width: 100%;
  }
  body.landing section.whyduckdb .flexwrap .featurebox {
    width: calc(50% - 10px);
  }
  body.landing section.blog .postpreview {
    width: calc(50% - 10px);
  }
  body.landing .accordion > div {
    width: 100%;
  }
  body.landing .accordion {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.landing section#quickinstall .wrap .intro {
    width: 100%;
  }
  body.landing section.whyduckdb {
    background-size: cover;
  }
  body.landing section.blog .newstileswrap {
    row-gap: 40px;
  }
  body.landing section.blog .postpreview:nth-child(4) {
    display: block;
  }
  body.landing .select {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 660px) {
  body.landing {
    font-size: 16px;
  }
  body.landing h1 {
    font-size: 35px;
  }
  body.landing section.whyduckdb .flexwrap .featurebox {
    width: 100%;
  }
  body.landing section.blog .postpreview {
    width: 100%;
  }
  body.landing section.blog .newstileswrap {
    row-gap: 40px;
  }
  body.landing section.blog .postpreview:nth-child(4) {
    display: none;
  }
  body.landing section.blog .newstileswrap {
    row-gap: 0;
  }
  body.landing section.blog + section.upcoming-events {
    margin-top: 40px;
  }
  header .headerline .headercontent .button {
    display: none;
  }
}
@media only screen and (max-width: 660px) {
  body.landing .install .environment {
    display: block !important;
  }
  body.landing label.onlymobile {
    display: none !important;
  }
  body.landing .window .topbar {
    width: calc(100% - 0px);
    position: relative;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    overflow-x: auto;
  }
  body.landing .window .topbar::-webkit-scrollbar {
    width: 1px;
    background: var(--doc-scrollbar-bg, #E6E6E6);
    height: 2px;
  }
  body.landing .window .topbar::-webkit-scrollbar-track {
    background: var(--doc-scrollbar-bg, #E6E6E6);
  }
  body.landing .window .topbar::-webkit-scrollbar-thumb {
    background: var(--doc-scrollbar-slider, #CCC);
    border-radius: 2px;
  }
  body.landing .window .topbar ul {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  body.landing .window .topbar ul li {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 450px) {
  body.landing .select {
    width: 100%;
    max-width: unset;
  }
}

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