.userProfileMaintainer__dialog {
  width: 50%;

  container-type: inline-size;
}

.userProfileMaintainer__dialog .ids-textinput,.userProfileMaintainer__dialog .ids-datepicker,.userProfileMaintainer__dialog .ids-dropdown {
    width: 100%;
  }

.userProfileMaintainer__dialog .ids-checkbox-container {
    margin-top: 10px;
  }

.userProfileMaintainer__dialog button {
    line-height: 1;
  }

.userProfileMaintainer__dialog .ids-dialog-description {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

.userProfileMaintainer__dialog .userProfileMaintainer-inputGroup {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  }

.userProfileMaintainer__dialog .userProfileMaintainer__required-field label::after {
    content: '*';
    color: red;
    font-size: 18px;
    position: relative;
    top: 6px;
    left: 3px;
  }

@container (width > 580px) {
    .userProfileMaintainer__dialog .userProfileMaintainer-inputGroup {
      flex-wrap: nowrap;
    }

    .userProfileMaintainer__dialog .ids-dropdown:has(select[name='country']) {
      width: 50%;
    }

    .userProfileMaintainer__dialog .ids-dropdown:has(select[name='countryCode']) {
      width: 150px;
    }

    .userProfileMaintainer__dialog .userProfileMaintainer-inputGroup:has(select[name='countryCode']) {
      width: calc(50% - 5px);
    }
  }

@container (width >= 580px) {
    .userProfileMaintainer__dialog--keycloak .userProfileMaintainer-inputGroup:has(select[name='countryCode']) {
      width: 100%;
    }
  }

:root {
  --frontpage-row-spacing: 2rem;
  --frontpage-grid-spacing: var(--frontpage-row-spacing);
  --frontpage-max-width: 1600px;
}

@media (min-width: 1280px) {
  :root {
    --frontpage-row-spacing: 3rem;
    --frontpage-grid-spacing: 2rem;
  }
}

@media (min-width: 770px) {
  .frontpage {
    margin-top: -136px;
  }
}

.frontpage main {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  row-gap: var(--frontpage-row-spacing);
}

.frontpage-mobile-image {
  padding: 0 35px;
}

.frontpage-mobile-image-container {
  position: relative;
}

.frontpage-mobile-image-blur {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  top: -136px;
  left: 50%;
  bottom: -30px;
}

.frontpage-mobile-image-blur img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 770px) {
  .frontpage main {
    margin-top: 2rem;
    margin-top: var(--frontpage-row-spacing);
  }

  .frontpage-mobile-image {
    display: none;
  }

  .frontpage-mobile-image-blur {
    display: none;
  }

  .frontpage-categoryTitleText {
    border-bottom: 0.5px solid var(--ids-color-sot);
  }

  .frontpage-categoryTitleAfter--mobile {
    display: none;
  }
}

.frontpage-categories {
  display: grid;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  list-style-type: none;
  padding-left: 0;

  grid-template-rows: repeat(5, 1fr);
  -ms-grid-row: 1fr 1fr 1fr 1fr 1fr;
}

.frontpage-categoriesContainer {
  display: grid;
  height: calc(100vh - 300px);
  min-height: 600px;

  grid-template-rows: repeat(14, 1fr);
  -ms-grid-row: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.frontpage-categoryTitle {
  color: var(--ids-color-stein);
  font-family: var(--font-heading);
  font-size: 40px;
  letter-spacing: 0.25;
  line-height: 48px;
  min-height: 100%;
  position: relative;
  white-space: nowrap;
}

.frontpage-categoryTitleText {
  color: inherit;
  display: inline-block;
  text-decoration: inherit;
}

.frontpage-categoryTitleTextHover {
  display: inline-block;
  text-decoration: inherit;
  color: inherit;
}

.frontpage-categoryTitleTextHover:hover {
  text-decoration: inherit;
  color: inherit;
}

.frontpage-categoryTitleHover {
  color: var(--ids-color-sot);
  position: relative;
}

.frontpage-categoryTitleBefore {
  font-size: 15px;
  display: block;
  position: absolute;
  left: -32px;
}
.frontpage-categoryTitleAfter {
  position: absolute;
  font-size: 14px;
  line-height: 16px;
  left: 0;
}
.frontpage-categoryTitleAfter--mobile {
  position: absolute;
  font-size: 14px;
  line-height: 16px;
  left: 0;
}

.frontpage-feedContainer {
  padding: 35px 100px 50px 100px;
  padding-top: 0;
  padding-bottom: 0;
}

.frontpage-feed {
  box-sizing: border-box;
  display: grid;
  grid-gap: 2rem;
  grid-gap: var(--frontpage-grid-spacing);
  gap: 2rem;
  gap: var(--frontpage-grid-spacing);
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
  max-width: 1600px;
  max-width: var(--frontpage-max-width);
  width: 100%;
}

.frontpage-feedHeading {
  padding: 70px 0px 35px 0px;
  margin: 0 auto;
  max-width: 1600px;
  max-width: var(--frontpage-max-width);
  width: 100%;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: calc(2rem / 2) !important;
  margin-bottom: calc(var(--frontpage-row-spacing) / 2) !important;
}

@media (max-width: 1280px) {
  .frontpage-categoryTitle {
    color: var(--ids-color-sot);
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.2;
  }

  .frontpage-categoryTitleBefore {
    display: none;
  }

  .frontpage-categoryTitleBefore,
  .frontpage-categoryTitleAfter {
    display: none;
  }

  .frontpage-feed {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) {
  .frontpage-categoryTitleTextHover {
    border-bottom: 0;
  }
}

@media (min-width: 770px) {
  .frontpage-categoriesContainer {
    -ms-grid-column: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
      1fr;
    grid-template-columns: repeat(16, 1fr);
  }
}

@media (max-width: 770px) {
  .frontpage-categoriesContainer {
    height: calc(100vh - 600px);
    -ms-grid-column: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(12, 1fr);
  }

  .frontpage-feedContainer {
    padding: 0px 15px 0 15px;
  }

  .frontpage-feedHeading {
    padding-top: 0px;
  }

  .frontpage-feed {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 0;
  }
}

/* Frontpage images
-----------------------------------------------------------------------------*/
.frontpage-imageFlex {
  display: grid;
  position: relative;
  z-index: 2;

  grid-column-start: 8;
  grid-column-end: 16;
  grid-row-start: 4;
  grid-row-end: 14;

  -ms-grid-column: 8;
  -ms-grid-column-span: 8;
  -ms-grid-row: 4;
  -ms-grid-row-span: 10;
}

.frontpage-image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease-in;
  width: 100%;

  position: absolute;
  left: 0;
  top: 0;
}

.frontpage-blurImageFlex {
  display: grid;
  position: relative;
  z-index: -10;

  grid-column-start: 12;
  grid-column-end: 17;
  grid-row-start: 1;
  grid-row-end: 15;
  -ms-grid-column: 12;
  -ms-grid-column-span: 5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 14;
}
.frontpage-blurImage {
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.7s ease-in;

  position: absolute;
  left: 0;
  top: 0;
}
.frontpage-shown {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.frontpage-shownBlur {
  opacity: 0.56;
  transition: opacity 0.3s ease-in;
}

@media (max-width: 770px) {
  .frontpage-categories {
    grid-column-start: 2;
    grid-column-end: 8;
    grid-row-start: 3;
    grid-row-end: 12;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    -ms-grid-row: 6;
    -ms-grid-row-span: 6;
  }

  .frontpage-imageFlex {
    display: none;
  }

  .frontpage-blurImage {
    display: none;
  }
}

@media (min-width: 770px) {
  .frontpage-categories {
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 5;
    grid-row-end: 13;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    -ms-grid-row: 5;
    -ms-grid-row-span: 8;
  }
}

.frontpage-primary-jumbotron {
  max-width: 1600px;
  max-width: var(--frontpage-max-width);
  margin: 0 auto;
}

.frontpage-primary-jumbotron__last {
  margin-bottom: 15px !important;
}

@media (min-width: 770px) {
  .frontpage-primary-jumbotron__last {
    margin-bottom: 2rem !important;
    margin-bottom: var(--frontpage-row-spacing) !important;
  }
}

.frontpage-feed-jumbotrons {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 2rem;
  grid-gap: var(--frontpage-grid-spacing);
  gap: 2rem;
  gap: var(--frontpage-grid-spacing);
}

.frontpage-feedContainer__jumbotron {
  max-width: 1600px;
  max-width: var(--frontpage-max-width);
  margin: 0 auto;
}

@media (min-width: 1280px) {
  .frontpage-feed-jumbotrons {
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    max-width: 1600px;
    max-width: var(--frontpage-max-width);
    margin: 0 auto;
  }

  .frontpage-primary-jumbotron {
    max-width: 1600px;
    max-width: var(--frontpage-max-width);
    margin: 0 auto;
  }
}

.frontpage-feed h2 {
  font-size: 20px !important;
}

.salesPageSummary {
  margin-top: 25px;
}

.salesPageSummary__expansionPanel {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px var(--ids-color-stein-20);
}

.salesPageSummary__seller {
  display: flex;
  flex-direction: column;
}

.salesPageSummary__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;

  margin-top: 25px;
  margin-bottom: 25px;
}

.salesPageSummary__cards .ids-card {
  max-width: 420px;
}

.salesPageSummary__cardInfo {
  margin-bottom: 10px;
}

.salesPageSummary__cardContent {
  display: flex;
}

.salesPageSummary__cardContactDetails {
  display: flex;
  flex-direction: column;
}

.salesPageSummary__cardContactDetails:first-child {
  margin-right: 50px;
}

.salesPageSummary__attachedFiles {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 25px;
}

.salesPageSummary__additions {
  display: flex;
  flex-direction: column;
}

.salesPageSummary__map {
  margin-top: 15px;
  max-width: 100%;
  height: auto;
}

.register-user-dialog {
  max-width: 500px;
}

.sendReceipt-dialog {
  padding: 10px;
}

.sendReceipt-dialog button {
  margin-left: 10px;
}

.sendReceipt-dialog__errorMessage {
  color: var(--ids-color-lyng);
  float: right;
  margin-right: 15px;
}

@media screen and (max-width: 770px) {
  .sendReceipt-dialog .ids-textinput {
    margin-bottom: 10px;
    width: 100%;
  }

  .sendReceipt-dialog button {
    margin: 0;
    width: 100%;
  }
}

.receiptPage {
  padding: 0 100px 50px 100px;
  margin: auto;
  max-width: 1000px;
}

.receiptPage__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  gap: 10px;
}

.receiptPage__headingMeta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.receiptPage__actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-bottom: 35px;
}

.receiptPage__summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}

.receiptPage__summary .ids-summary {
  margin-top: 20px;
  width: 60%;
}

.receiptPage__yourOrders {
  border-top: 1px solid var(--ids-color-stein-20);
  margin-top: 15px;
  padding-top: 30px;
  text-transform: uppercase;
}

@media screen and (max-width: 1280px) {
  .receiptPage {
    padding: 35px;
  }
}

@media screen and (max-width: 770px) {
  .receiptPage {
    padding: 35px;
  }

  .receiptPage__heading {
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    margin-bottom: 20px;
  }

  .receiptPage__headingMeta {
    align-items: flex-start;
  }

  .receiptPage__summary {
    flex-direction: column;
  }

  .receiptPage__summary .ids-summary {
    width: 100%;
  }

  .receiptPage__summary .ids-previewAccount {
    width: 100%;
  }
}

.searchPage-container {
  padding: 35px 100px;
}

.searchPage-container {
  min-height: calc(100vh - 655px);
}

.searchPage-pageHeader-container {
  background-color: var(--ids-color-himmel);

  position: -webkit-sticky;

  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
}

.searchPage-pageHeader {
  box-sizing: border-box;
  margin-top: 0;
  padding-bottom: 35px;
  padding-top: 35px;
}

.searchPage-searchFieldContainer,
.searchPage-results {
  margin: 0 auto;
  max-width: 1600px;
  width: 100%;
  box-sizing: border-box;
}

.searchPage-searchFieldContainer {
  margin-bottom: 45px;
}

.searchPage-results {
  display: grid;
  grid-column-gap: 25px;
  -moz-column-gap: 25px;
       column-gap: 25px;
  grid-row-gap: 25px;
  row-gap: 25px;
}

.searchPage-results__cardContainer {
  grid-template-columns: repeat(4, 1fr);

  width: 99%;
}

.searchPage-results__tileContainer {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;

  width: 99%;
}

.searchPage-searchField {
  width: 52%;
}

.searchPage-footer,
.searchPage-previousSearchResultsButton {
  text-align: center;
  margin: 35px auto;
}

.searchPage-container .ids-card,
.searchPage-container .ids-tile {
  scroll-margin-top: 162px;
}

.searchPage-limitedSellersWarning__reset-link {
  margin-left: 4px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}

.searchPage-limitedSellersWarning__reset-link:hover,
.searchPage-limitedSellersWarning__reset-link:focus {
  outline: 1px dotted;
}

@media (max-width: 1450px) {
  .searchPage-results__tileContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1370px) {
  .searchPage-results__cardContainer {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1280px) {
  .searchPage-container {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (max-width: 930px) {
  .searchPage-results__cardContainer {
    grid-template-columns: repeat(2, 1fr);
  }

  .searchPage-results__tileContainer {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

@media (max-width: 880px) {
  .searchPage-searchField {
    width: 100%;
  }

  .searchPage-searchField .ids-search-field__clearSearch {
    margin-left: 0;
    transition: width 0.3s;
    width: 0;
  }

  .ids-search-field__clearSearch.ids-search-field__clearSearch--withValue {
    margin-left: 12px;
    transition: width 0.3s;
    width: 44px;
  }
}

@media (max-width: 630px) {
  .searchPage-results__cardContainer {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

@media (max-width: 430px) {
  .searchPage-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
button,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  background-color: var(--ids-color-himmel);
  font-size: 14px;
  line-height: 24px;
  font-family: var(--font-body);
}

a {
  color: var(--ids-color-gress);
}

a:hover {
  color: var(--ids-color-gress-80);
}

h4 {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}

em {
  font-style: italic;
}

ol {
  list-style-type: decimal;
  padding-left: 40px;
}

ul {
  list-style-type: inherit;
  padding-left: 40px;
}

strong {
  font-weight: bold;
}

.container {
  min-height: calc(100vh - 455px);
}

/* Make everything full screen so fractional units work properly. */
html:has(.full-screen-map-layout),
body:has(.full-screen-map-layout),
#webshop:has(.full-screen-map-layout),
.full-screen-map-layout {
  height: 100%;
}

.full-screen-map-layout {
  display: grid;
  grid-template-rows: 60px 1fr;
}

/* Accomodate the privacy banner if it's rendered. */
.full-screen-map-layout:has(.ids-info-banner) {
  grid-template-rows: auto 60px 1fr;
}

.full-screen-map-layout #main-header {
  height: 100%;
}

.full-screen-map-layout #main-header .slogan {
  display: none;
}

.full-screen-map-layout #main-header .logo {
  display: flex;
  align-items: center;
}

.full-screen-map-layout #main-header .logo a {
  display: flex;
}

.payment__billing--field {
  width: 100%;
  margin-bottom: 15px;
}

.payment__billing--inputGroup {
  display: flex;
  gap: 15px;
  width: 100%;
}

.payment__billing--countryCodeField {
  min-width: 100px;
}

.manualCheckout {
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 435px);
  margin-bottom: 50px;
}

.manualCheckout__cart {
  margin-right: 75px;
  width: 800px;
}

.manualCheckout__summary {
  width: 400px;
}

.manualCheckout__actions button {
  margin-bottom: 15px;
  width: 100%;
}

.manualCheckout__actions {
  margin-top: 25px;
}

.manualCheckout__formError {
  color: var(--ids-color-lyng);
  font-size: 12px;
  margin-left: 4px;
}

@media (max-width: 1280px) {
  .manualCheckout {
    padding-left: 35px;
    padding-right: 35px;
  }

  .manualCheckout__cart {
    width: 60%;
  }

  .manualCheckout__summary {
    width: 40%;
  }
}

@media (max-width: 770px) {
  .manualCheckout {
    flex-direction: column;
    padding: 15px;
  }

  .manualCheckout__cart {
    width: 100%;
    margin: 0;
  }

  .manualCheckout__summary {
    width: 100%;
    margin-right: 0;
    margin-top: 65px;
  }

  .manualCheckout__cart-actions button {
    margin: 0;
  }
}

@charset "UTF-8";
/*
build: v1.6.0
design-tokens: v1.6.0
*/

@layer ds.theme.size-mode {
:root /* small */ {
  --ds-size-mode-font-size--sm: 1;
}
}

@layer ds.theme.size-mode {
:root /* medium */ {
  --ds-size-mode-font-size--md: 1.125;
}
}

@layer ds.theme.size-mode {
:root /* large */ {
  --ds-size-mode-font-size--lg: 1.3125;
}
}

@layer ds.theme.size-mode {
:root, [data-size] {
  --ds-size: var(--ds-size--md);
  --ds-size--sm: var(--ds-size,);
  --ds-size--md: var(--ds-size,);
  --ds-size--lg: var(--ds-size,);
  --ds-size-mode-font-size:
    var(--ds-size--sm, var(--ds-size-mode-font-size--sm))
    var(--ds-size--md, var(--ds-size-mode-font-size--md))
    var(--ds-size--lg, var(--ds-size-mode-font-size--lg));
}

[data-size='sm'] { --ds-size: var(--ds-size--sm); }
[data-size='md'] { --ds-size: var(--ds-size--md); }
[data-size='lg'] { --ds-size: var(--ds-size--lg); }
}

@layer ds.theme.type-scale {
:root, [data-size] {
  --_ds-font-size-factor: calc(var(--ds-size-mode-font-size) / (var(--ds-size-base) / 16));
  --ds-font-size-1: calc(0.75rem * var(--_ds-font-size-factor));
  --ds-font-size-2: calc(0.875rem * var(--_ds-font-size-factor));
  --ds-font-size-3: calc(1rem * var(--_ds-font-size-factor));
  --ds-font-size-4: calc(1.125rem * var(--_ds-font-size-factor));
  --ds-font-size-5: calc(1.3125rem * var(--_ds-font-size-factor));
  --ds-font-size-6: calc(1.5rem * var(--_ds-font-size-factor));
  --ds-font-size-7: calc(1.875rem * var(--_ds-font-size-factor));
  --ds-font-size-8: calc(2.25rem * var(--_ds-font-size-factor));
  --ds-font-size-9: calc(3rem * var(--_ds-font-size-factor));
  --ds-font-size-10: calc(3.75rem * var(--_ds-font-size-factor));
  --ds-heading-2xl-font-size: var(--ds-font-size-10);
  --ds-heading-xl-font-size: var(--ds-font-size-9);
  --ds-heading-lg-font-size: var(--ds-font-size-8);
  --ds-heading-md-font-size: var(--ds-font-size-7);
  --ds-heading-sm-font-size: var(--ds-font-size-6);
  --ds-heading-xs-font-size: var(--ds-font-size-5);
  --ds-heading-2xs-font-size: var(--ds-font-size-4);
  --ds-body-xl-font-size: var(--ds-font-size-6);
  --ds-body-lg-font-size: var(--ds-font-size-5);
  --ds-body-md-font-size: var(--ds-font-size-4);
  --ds-body-sm-font-size: var(--ds-font-size-3);
  --ds-body-xs-font-size: var(--ds-font-size-2);
  --ds-body-short-xl-font-size: var(--ds-font-size-6);
  --ds-body-short-lg-font-size: var(--ds-font-size-5);
  --ds-body-short-md-font-size: var(--ds-font-size-4);
  --ds-body-short-sm-font-size: var(--ds-font-size-3);
  --ds-body-short-xs-font-size: var(--ds-font-size-2);
  --ds-body-long-xl-font-size: var(--ds-font-size-6);
  --ds-body-long-lg-font-size: var(--ds-font-size-5);
  --ds-body-long-md-font-size: var(--ds-font-size-4);
  --ds-body-long-sm-font-size: var(--ds-font-size-3);
  --ds-body-long-xs-font-size: var(--ds-font-size-2);

  @supports (width: round(down, .1em, 1px)) {
    --ds-font-size-1: round(calc(0.75rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-2: round(calc(0.875rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-3: round(calc(1rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-4: round(calc(1.125rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-5: round(calc(1.3125rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-6: round(calc(1.5rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-7: round(calc(1.875rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-8: round(calc(2.25rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-9: round(calc(3rem * var(--_ds-font-size-factor)), 1px);
    --ds-font-size-10: round(calc(3.75rem * var(--_ds-font-size-factor)), 1px);
  }
}
}
@layer ds.theme.color-scheme.light {
:root, [data-color-scheme="light"] {
  --ds-color-primary-background-default: #ffffff;
  --ds-color-primary-background-tinted: #f3f4f4;
  --ds-color-primary-surface-default: #ffffff;
  --ds-color-primary-surface-tinted: #e7e9e9;
  --ds-color-primary-surface-hover: #d7dbda;
  --ds-color-primary-surface-active: #c7cbca;
  --ds-color-primary-border-subtle: #b7bdbc;
  --ds-color-primary-border-default: #707b7a;
  --ds-color-primary-border-strong: #53605e;
  --ds-color-primary-text-subtle: #53605e;
  --ds-color-primary-text-default: #1f2e2c;
  --ds-color-primary-base-default: #223331;
  --ds-color-primary-base-hover: #364543;
  --ds-color-primary-base-active: #495755;
  --ds-color-primary-base-contrast-subtle: #c2c7c6;
  --ds-color-primary-base-contrast-default: #ffffff;
  --ds-color-accent-background-default: #ffffff;
  --ds-color-accent-background-tinted: #f3f5e8;
  --ds-color-accent-surface-default: #ffffff;
  --ds-color-accent-surface-tinted: #e8ebd1;
  --ds-color-accent-surface-hover: #d9ddb6;
  --ds-color-accent-surface-active: #c9cda8;
  --ds-color-accent-border-subtle: #bbbe9c;
  --ds-color-accent-border-default: #787b65;
  --ds-color-accent-border-strong: #5d5f4e;
  --ds-color-accent-text-subtle: #5d5f4e;
  --ds-color-accent-text-default: #2b2c24;
  --ds-color-accent-base-default: #dbdfb7;
  --ds-color-accent-base-hover: #c4c8a4;
  --ds-color-accent-base-active: #afb292;
  --ds-color-accent-base-contrast-subtle: #414236;
  --ds-color-accent-base-contrast-default: #000000;
  --ds-color-neutral-background-default: #ffffff;
  --ds-color-neutral-background-tinted: #f3f3f3;
  --ds-color-neutral-surface-default: #ffffff;
  --ds-color-neutral-surface-tinted: #e8e8e8;
  --ds-color-neutral-surface-hover: #dadad9;
  --ds-color-neutral-surface-active: #cacac9;
  --ds-color-neutral-border-subtle: #bbbcbb;
  --ds-color-neutral-border-default: #787977;
  --ds-color-neutral-border-strong: #5c5e5c;
  --ds-color-neutral-text-subtle: #5c5e5c;
  --ds-color-neutral-text-default: #2a2c29;
  --ds-color-neutral-base-default: #1f211e;
  --ds-color-neutral-base-hover: #30322f;
  --ds-color-neutral-base-active: #424441;
  --ds-color-neutral-base-contrast-subtle: #b2b2b1;
  --ds-color-neutral-base-contrast-default: #ffffff;
  --ds-color-accent1-background-default: #ffffff;
  --ds-color-accent1-background-tinted: #fcf4cd;
  --ds-color-accent1-surface-default: #ffffff;
  --ds-color-accent1-surface-tinted: #fae99a;
  --ds-color-accent1-surface-hover: #f3da60;
  --ds-color-accent1-surface-active: #e2ca59;
  --ds-color-accent1-border-subtle: #d2bb52;
  --ds-color-accent1-border-default: #877935;
  --ds-color-accent1-border-strong: #685d29;
  --ds-color-accent1-text-subtle: #685d29;
  --ds-color-accent1-text-default: #312b13;
  --ds-color-accent1-base-default: #f7dd61;
  --ds-color-accent1-base-hover: #dec757;
  --ds-color-accent1-base-active: #c6b14e;
  --ds-color-accent1-base-contrast-subtle: #4a421d;
  --ds-color-accent1-base-contrast-default: #000000;
  --ds-color-accent2-background-default: #ffffff;
  --ds-color-accent2-background-tinted: #fcf2e9;
  --ds-color-accent2-surface-default: #ffffff;
  --ds-color-accent2-surface-tinted: #fae5d4;
  --ds-color-accent2-surface-hover: #f6d4b7;
  --ds-color-accent2-surface-active: #f3c097;
  --ds-color-accent2-border-subtle: #efae79;
  --ds-color-accent2-border-default: #a56c3e;
  --ds-color-accent2-border-strong: #7f5330;
  --ds-color-accent2-text-subtle: #7f5330;
  --ds-color-accent2-text-default: #3b2716;
  --ds-color-accent2-base-default: #eb9a58;
  --ds-color-accent2-base-hover: #ce874d;
  --ds-color-accent2-base-active: #b17442;
  --ds-color-accent2-base-contrast-subtle: #27190e;
  --ds-color-accent2-base-contrast-default: #000000;
  --ds-color-accent3-background-default: #ffffff;
  --ds-color-accent3-background-tinted: #f4f4f1;
  --ds-color-accent3-surface-default: #ffffff;
  --ds-color-accent3-surface-tinted: #e9e9e4;
  --ds-color-accent3-surface-hover: #dadad6;
  --ds-color-accent3-surface-active: #cacac6;
  --ds-color-accent3-border-subtle: #bcbcb8;
  --ds-color-accent3-border-default: #797976;
  --ds-color-accent3-border-strong: #5d5d5b;
  --ds-color-accent3-text-subtle: #5d5d5b;
  --ds-color-accent3-text-default: #2b2b2a;
  --ds-color-accent3-base-default: #ebebe6;
  --ds-color-accent3-base-hover: #d4d4d0;
  --ds-color-accent3-base-active: #bebeba;
  --ds-color-accent3-base-contrast-subtle: #4d4d4b;
  --ds-color-accent3-base-contrast-default: #000000;
  --ds-color-accent4-background-default: #ffffff;
  --ds-color-accent4-background-tinted: #eff4f8;
  --ds-color-accent4-surface-default: #ffffff;
  --ds-color-accent4-surface-tinted: #e0eaf1;
  --ds-color-accent4-surface-hover: #cddce8;
  --ds-color-accent4-surface-active: #b7cddf;
  --ds-color-accent4-border-subtle: #a3bfd6;
  --ds-color-accent4-border-default: #447eab;
  --ds-color-accent4-border-strong: #1a6199;
  --ds-color-accent4-text-subtle: #1a6199;
  --ds-color-accent4-text-default: #072d4b;
  --ds-color-accent4-base-default: #0e5893;
  --ds-color-accent4-base-hover: #0b4574;
  --ds-color-accent4-base-active: #083355;
  --ds-color-accent4-base-contrast-subtle: #f0f5f8;
  --ds-color-accent4-base-contrast-default: #ffffff;
  --ds-color-success-background-default: #ffffff;
  --ds-color-success-background-tinted: #ecf6ee;
  --ds-color-success-surface-default: #ffffff;
  --ds-color-success-surface-tinted: #daeddd;
  --ds-color-success-surface-hover: #c3e2c7;
  --ds-color-success-surface-active: #a8d5ae;
  --ds-color-success-border-subtle: #8fc997;
  --ds-color-success-border-default: #108c22;
  --ds-color-success-border-strong: #056d13;
  --ds-color-success-text-subtle: #056d13;
  --ds-color-success-text-default: #023409;
  --ds-color-success-base-default: #068718;
  --ds-color-success-base-hover: #057014;
  --ds-color-success-base-active: #045a10;
  --ds-color-success-base-contrast-subtle: #fafdfb;
  --ds-color-success-base-contrast-default: #ffffff;
  --ds-color-danger-background-default: #ffffff;
  --ds-color-danger-background-tinted: #fbf1f1;
  --ds-color-danger-surface-default: #ffffff;
  --ds-color-danger-surface-tinted: #f8e4e4;
  --ds-color-danger-surface-hover: #f3d2d2;
  --ds-color-danger-surface-active: #edbfbf;
  --ds-color-danger-border-subtle: #e8adad;
  --ds-color-danger-border-default: #ce4d4d;
  --ds-color-danger-border-strong: #b81a1a;
  --ds-color-danger-text-subtle: #b81a1a;
  --ds-color-danger-text-default: #590d0d;
  --ds-color-danger-base-default: #C01B1B;
  --ds-color-danger-base-hover: #9b1616;
  --ds-color-danger-base-active: #791111;
  --ds-color-danger-base-contrast-subtle: #f7e1e1;
  --ds-color-danger-base-contrast-default: #ffffff;
  --ds-color-info-background-default: #ffffff;
  --ds-color-info-background-tinted: #edf5fa;
  --ds-color-info-surface-default: #ffffff;
  --ds-color-info-surface-tinted: #dcebf6;
  --ds-color-info-surface-hover: #c5ddf0;
  --ds-color-info-surface-active: #abcfe9;
  --ds-color-info-border-subtle: #94c1e3;
  --ds-color-info-border-default: #1f7dc5;
  --ds-color-info-border-strong: #0860a3;
  --ds-color-info-text-subtle: #0860a3;
  --ds-color-info-text-default: #042d4d;
  --ds-color-info-base-default: #0A71C0;
  --ds-color-info-base-hover: #085d9f;
  --ds-color-info-base-active: #074a7e;
  --ds-color-info-base-contrast-subtle: #eff6fb;
  --ds-color-info-base-contrast-default: #ffffff;
  --ds-color-warning-background-default: #ffffff;
  --ds-color-warning-background-tinted: #fcf2e2;
  --ds-color-warning-surface-default: #ffffff;
  --ds-color-warning-surface-tinted: #fae6c6;
  --ds-color-warning-surface-hover: #f6d5a0;
  --ds-color-warning-surface-active: #f2c275;
  --ds-color-warning-border-subtle: #eeb04c;
  --ds-color-warning-border-default: #a56d13;
  --ds-color-warning-border-strong: #80540f;
  --ds-color-warning-text-subtle: #80540f;
  --ds-color-warning-text-default: #3c2807;
  --ds-color-warning-base-default: #EA9B1B;
  --ds-color-warning-base-hover: #cd8818;
  --ds-color-warning-base-active: #b27614;
  --ds-color-warning-base-contrast-subtle: #271a04;
  --ds-color-warning-base-contrast-default: #000000;
  --ds-color-focus-inner: #ffffff;
  --ds-color-focus-outer: #2a2c29;
  --ds-link-color-visited: #663299;

  color-scheme: light;
}
 
@media (prefers-color-scheme: light) {
  [data-color-scheme="auto"] {
  --ds-color-primary-background-default: #ffffff;
  --ds-color-primary-background-tinted: #f3f4f4;
  --ds-color-primary-surface-default: #ffffff;
  --ds-color-primary-surface-tinted: #e7e9e9;
  --ds-color-primary-surface-hover: #d7dbda;
  --ds-color-primary-surface-active: #c7cbca;
  --ds-color-primary-border-subtle: #b7bdbc;
  --ds-color-primary-border-default: #707b7a;
  --ds-color-primary-border-strong: #53605e;
  --ds-color-primary-text-subtle: #53605e;
  --ds-color-primary-text-default: #1f2e2c;
  --ds-color-primary-base-default: #223331;
  --ds-color-primary-base-hover: #364543;
  --ds-color-primary-base-active: #495755;
  --ds-color-primary-base-contrast-subtle: #c2c7c6;
  --ds-color-primary-base-contrast-default: #ffffff;
  --ds-color-accent-background-default: #ffffff;
  --ds-color-accent-background-tinted: #f3f5e8;
  --ds-color-accent-surface-default: #ffffff;
  --ds-color-accent-surface-tinted: #e8ebd1;
  --ds-color-accent-surface-hover: #d9ddb6;
  --ds-color-accent-surface-active: #c9cda8;
  --ds-color-accent-border-subtle: #bbbe9c;
  --ds-color-accent-border-default: #787b65;
  --ds-color-accent-border-strong: #5d5f4e;
  --ds-color-accent-text-subtle: #5d5f4e;
  --ds-color-accent-text-default: #2b2c24;
  --ds-color-accent-base-default: #dbdfb7;
  --ds-color-accent-base-hover: #c4c8a4;
  --ds-color-accent-base-active: #afb292;
  --ds-color-accent-base-contrast-subtle: #414236;
  --ds-color-accent-base-contrast-default: #000000;
  --ds-color-neutral-background-default: #ffffff;
  --ds-color-neutral-background-tinted: #f3f3f3;
  --ds-color-neutral-surface-default: #ffffff;
  --ds-color-neutral-surface-tinted: #e8e8e8;
  --ds-color-neutral-surface-hover: #dadad9;
  --ds-color-neutral-surface-active: #cacac9;
  --ds-color-neutral-border-subtle: #bbbcbb;
  --ds-color-neutral-border-default: #787977;
  --ds-color-neutral-border-strong: #5c5e5c;
  --ds-color-neutral-text-subtle: #5c5e5c;
  --ds-color-neutral-text-default: #2a2c29;
  --ds-color-neutral-base-default: #1f211e;
  --ds-color-neutral-base-hover: #30322f;
  --ds-color-neutral-base-active: #424441;
  --ds-color-neutral-base-contrast-subtle: #b2b2b1;
  --ds-color-neutral-base-contrast-default: #ffffff;
  --ds-color-accent1-background-default: #ffffff;
  --ds-color-accent1-background-tinted: #fcf4cd;
  --ds-color-accent1-surface-default: #ffffff;
  --ds-color-accent1-surface-tinted: #fae99a;
  --ds-color-accent1-surface-hover: #f3da60;
  --ds-color-accent1-surface-active: #e2ca59;
  --ds-color-accent1-border-subtle: #d2bb52;
  --ds-color-accent1-border-default: #877935;
  --ds-color-accent1-border-strong: #685d29;
  --ds-color-accent1-text-subtle: #685d29;
  --ds-color-accent1-text-default: #312b13;
  --ds-color-accent1-base-default: #f7dd61;
  --ds-color-accent1-base-hover: #dec757;
  --ds-color-accent1-base-active: #c6b14e;
  --ds-color-accent1-base-contrast-subtle: #4a421d;
  --ds-color-accent1-base-contrast-default: #000000;
  --ds-color-accent2-background-default: #ffffff;
  --ds-color-accent2-background-tinted: #fcf2e9;
  --ds-color-accent2-surface-default: #ffffff;
  --ds-color-accent2-surface-tinted: #fae5d4;
  --ds-color-accent2-surface-hover: #f6d4b7;
  --ds-color-accent2-surface-active: #f3c097;
  --ds-color-accent2-border-subtle: #efae79;
  --ds-color-accent2-border-default: #a56c3e;
  --ds-color-accent2-border-strong: #7f5330;
  --ds-color-accent2-text-subtle: #7f5330;
  --ds-color-accent2-text-default: #3b2716;
  --ds-color-accent2-base-default: #eb9a58;
  --ds-color-accent2-base-hover: #ce874d;
  --ds-color-accent2-base-active: #b17442;
  --ds-color-accent2-base-contrast-subtle: #27190e;
  --ds-color-accent2-base-contrast-default: #000000;
  --ds-color-accent3-background-default: #ffffff;
  --ds-color-accent3-background-tinted: #f4f4f1;
  --ds-color-accent3-surface-default: #ffffff;
  --ds-color-accent3-surface-tinted: #e9e9e4;
  --ds-color-accent3-surface-hover: #dadad6;
  --ds-color-accent3-surface-active: #cacac6;
  --ds-color-accent3-border-subtle: #bcbcb8;
  --ds-color-accent3-border-default: #797976;
  --ds-color-accent3-border-strong: #5d5d5b;
  --ds-color-accent3-text-subtle: #5d5d5b;
  --ds-color-accent3-text-default: #2b2b2a;
  --ds-color-accent3-base-default: #ebebe6;
  --ds-color-accent3-base-hover: #d4d4d0;
  --ds-color-accent3-base-active: #bebeba;
  --ds-color-accent3-base-contrast-subtle: #4d4d4b;
  --ds-color-accent3-base-contrast-default: #000000;
  --ds-color-accent4-background-default: #ffffff;
  --ds-color-accent4-background-tinted: #eff4f8;
  --ds-color-accent4-surface-default: #ffffff;
  --ds-color-accent4-surface-tinted: #e0eaf1;
  --ds-color-accent4-surface-hover: #cddce8;
  --ds-color-accent4-surface-active: #b7cddf;
  --ds-color-accent4-border-subtle: #a3bfd6;
  --ds-color-accent4-border-default: #447eab;
  --ds-color-accent4-border-strong: #1a6199;
  --ds-color-accent4-text-subtle: #1a6199;
  --ds-color-accent4-text-default: #072d4b;
  --ds-color-accent4-base-default: #0e5893;
  --ds-color-accent4-base-hover: #0b4574;
  --ds-color-accent4-base-active: #083355;
  --ds-color-accent4-base-contrast-subtle: #f0f5f8;
  --ds-color-accent4-base-contrast-default: #ffffff;
  --ds-color-success-background-default: #ffffff;
  --ds-color-success-background-tinted: #ecf6ee;
  --ds-color-success-surface-default: #ffffff;
  --ds-color-success-surface-tinted: #daeddd;
  --ds-color-success-surface-hover: #c3e2c7;
  --ds-color-success-surface-active: #a8d5ae;
  --ds-color-success-border-subtle: #8fc997;
  --ds-color-success-border-default: #108c22;
  --ds-color-success-border-strong: #056d13;
  --ds-color-success-text-subtle: #056d13;
  --ds-color-success-text-default: #023409;
  --ds-color-success-base-default: #068718;
  --ds-color-success-base-hover: #057014;
  --ds-color-success-base-active: #045a10;
  --ds-color-success-base-contrast-subtle: #fafdfb;
  --ds-color-success-base-contrast-default: #ffffff;
  --ds-color-danger-background-default: #ffffff;
  --ds-color-danger-background-tinted: #fbf1f1;
  --ds-color-danger-surface-default: #ffffff;
  --ds-color-danger-surface-tinted: #f8e4e4;
  --ds-color-danger-surface-hover: #f3d2d2;
  --ds-color-danger-surface-active: #edbfbf;
  --ds-color-danger-border-subtle: #e8adad;
  --ds-color-danger-border-default: #ce4d4d;
  --ds-color-danger-border-strong: #b81a1a;
  --ds-color-danger-text-subtle: #b81a1a;
  --ds-color-danger-text-default: #590d0d;
  --ds-color-danger-base-default: #C01B1B;
  --ds-color-danger-base-hover: #9b1616;
  --ds-color-danger-base-active: #791111;
  --ds-color-danger-base-contrast-subtle: #f7e1e1;
  --ds-color-danger-base-contrast-default: #ffffff;
  --ds-color-info-background-default: #ffffff;
  --ds-color-info-background-tinted: #edf5fa;
  --ds-color-info-surface-default: #ffffff;
  --ds-color-info-surface-tinted: #dcebf6;
  --ds-color-info-surface-hover: #c5ddf0;
  --ds-color-info-surface-active: #abcfe9;
  --ds-color-info-border-subtle: #94c1e3;
  --ds-color-info-border-default: #1f7dc5;
  --ds-color-info-border-strong: #0860a3;
  --ds-color-info-text-subtle: #0860a3;
  --ds-color-info-text-default: #042d4d;
  --ds-color-info-base-default: #0A71C0;
  --ds-color-info-base-hover: #085d9f;
  --ds-color-info-base-active: #074a7e;
  --ds-color-info-base-contrast-subtle: #eff6fb;
  --ds-color-info-base-contrast-default: #ffffff;
  --ds-color-warning-background-default: #ffffff;
  --ds-color-warning-background-tinted: #fcf2e2;
  --ds-color-warning-surface-default: #ffffff;
  --ds-color-warning-surface-tinted: #fae6c6;
  --ds-color-warning-surface-hover: #f6d5a0;
  --ds-color-warning-surface-active: #f2c275;
  --ds-color-warning-border-subtle: #eeb04c;
  --ds-color-warning-border-default: #a56d13;
  --ds-color-warning-border-strong: #80540f;
  --ds-color-warning-text-subtle: #80540f;
  --ds-color-warning-text-default: #3c2807;
  --ds-color-warning-base-default: #EA9B1B;
  --ds-color-warning-base-hover: #cd8818;
  --ds-color-warning-base-active: #b27614;
  --ds-color-warning-base-contrast-subtle: #271a04;
  --ds-color-warning-base-contrast-default: #000000;
  --ds-color-focus-inner: #ffffff;
  --ds-color-focus-outer: #2a2c29;
  --ds-link-color-visited: #663299;

  color-scheme: light;
}

}

}

@layer ds.theme.typography.secondary {
[data-typography="secondary"] {
  --ds-line-height-sm: 1.3;
  --ds-line-height-md: 1.5;
  --ds-line-height-lg: 1.7;
  --ds-letter-spacing-1: -0.01em;
  --ds-letter-spacing-2: -0.005em;
  --ds-letter-spacing-3: -0.0025em;
  --ds-letter-spacing-4: -0.0015em;
  --ds-letter-spacing-5: 0em;
  --ds-letter-spacing-6: 0.0015em;
  --ds-letter-spacing-7: 0.0025em;
  --ds-letter-spacing-8: 0.005em;
  --ds-letter-spacing-9: 0.015em;
  --ds-font-family: Inter;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-regular: 400;
  --ds-heading-2xl-font-weight: 500;
  --ds-heading-2xl-line-height: 1.3;
  --ds-heading-2xl-letter-spacing: -0.01em;
  --ds-heading-xl-font-weight: 500;
  --ds-heading-xl-line-height: 1.3;
  --ds-heading-xl-letter-spacing: -0.01em;
  --ds-heading-lg-font-weight: 500;
  --ds-heading-lg-line-height: 1.3;
  --ds-heading-lg-letter-spacing: -0.005em;
  --ds-heading-md-font-weight: 500;
  --ds-heading-md-line-height: 1.3;
  --ds-heading-md-letter-spacing: -0.0025em;
  --ds-heading-sm-font-weight: 500;
  --ds-heading-sm-line-height: 1.3;
  --ds-heading-sm-letter-spacing: 0em;
  --ds-heading-xs-font-weight: 500;
  --ds-heading-xs-line-height: 1.3;
  --ds-heading-xs-letter-spacing: 0.0015em;
  --ds-heading-2xs-font-weight: 500;
  --ds-heading-2xs-line-height: 1.3;
  --ds-heading-2xs-letter-spacing: 0.0015em;
  --ds-body-xl-font-weight: 400;
  --ds-body-xl-line-height: 1.5;
  --ds-body-xl-letter-spacing: 0.005em;
  --ds-body-lg-font-weight: 400;
  --ds-body-lg-line-height: 1.5;
  --ds-body-lg-letter-spacing: 0.005em;
  --ds-body-md-font-weight: 400;
  --ds-body-md-line-height: 1.5;
  --ds-body-md-letter-spacing: 0.005em;
  --ds-body-sm-font-weight: 400;
  --ds-body-sm-line-height: 1.5;
  --ds-body-sm-letter-spacing: 0.0025em;
  --ds-body-xs-font-weight: 400;
  --ds-body-xs-line-height: 1.5;
  --ds-body-xs-letter-spacing: 0.0015em;
  --ds-body-short-xl-font-weight: 400;
  --ds-body-short-xl-line-height: 1.3;
  --ds-body-short-xl-letter-spacing: 0.005em;
  --ds-body-short-lg-font-weight: 400;
  --ds-body-short-lg-line-height: 1.3;
  --ds-body-short-lg-letter-spacing: 0.005em;
  --ds-body-short-md-font-weight: 400;
  --ds-body-short-md-line-height: 1.3;
  --ds-body-short-md-letter-spacing: 0.005em;
  --ds-body-short-sm-font-weight: 400;
  --ds-body-short-sm-line-height: 1.3;
  --ds-body-short-sm-letter-spacing: 0.0025em;
  --ds-body-short-xs-font-weight: 400;
  --ds-body-short-xs-line-height: 1.3;
  --ds-body-short-xs-letter-spacing: 0.0015em;
  --ds-body-long-xl-font-weight: 400;
  --ds-body-long-xl-line-height: 1.7;
  --ds-body-long-xl-letter-spacing: 0.005em;
  --ds-body-long-lg-font-weight: 400;
  --ds-body-long-lg-line-height: 1.7;
  --ds-body-long-lg-letter-spacing: 0.005em;
  --ds-body-long-md-font-weight: 400;
  --ds-body-long-md-line-height: 1.7;
  --ds-body-long-md-letter-spacing: 0.005em;
  --ds-body-long-sm-font-weight: 400;
  --ds-body-long-sm-line-height: 1.7;
  --ds-body-long-sm-letter-spacing: 0.0025em;
  --ds-body-long-xs-font-weight: 400;
  --ds-body-long-xs-line-height: 1.7;
  --ds-body-long-xs-letter-spacing: 0.0015em;
}
}
@layer ds.theme.size {
:root, [data-size] {
  --ds-size-base: 18;
  --ds-size-step: 4;

  --ds-size-0: calc(var(--ds-size-unit) * 0);
  --ds-size-1: calc(var(--ds-size-unit) * 1);
  --ds-size-2: calc(var(--ds-size-unit) * 2);
  --ds-size-3: calc(var(--ds-size-unit) * 3);
  --ds-size-4: calc(var(--ds-size-unit) * 4);
  --ds-size-5: calc(var(--ds-size-unit) * 5);
  --ds-size-6: calc(var(--ds-size-unit) * 6);
  --ds-size-7: calc(var(--ds-size-unit) * 7);
  --ds-size-8: calc(var(--ds-size-unit) * 8);
  --ds-size-9: calc(var(--ds-size-unit) * 9);
  --ds-size-10: calc(var(--ds-size-unit) * 10);
  --ds-size-11: calc(var(--ds-size-unit) * 11);
  --ds-size-12: calc(var(--ds-size-unit) * 12);
  --ds-size-13: calc(var(--ds-size-unit) * 13);
  --ds-size-14: calc(var(--ds-size-unit) * 14);
  --ds-size-15: calc(var(--ds-size-unit) * 15);
  --ds-size-18: calc(var(--ds-size-unit) * 18);
  --ds-size-22: calc(var(--ds-size-unit) * 22);
  --ds-size-26: calc(var(--ds-size-unit) * 26);
  --ds-size-30: calc(var(--ds-size-unit) * 30);
  --ds-size-unit: calc(1rem * var(--ds-size-step) / var(--ds-size-base) * var(--ds-size-mode-font-size));

  @supports (width: round(down, .1em, 1px)) {
    --ds-size-0: round(down, calc(var(--ds-size-unit) * 0), 1px);
    --ds-size-1: round(down, calc(var(--ds-size-unit) * 1), 1px);
    --ds-size-2: round(down, calc(var(--ds-size-unit) * 2), 1px);
    --ds-size-3: round(down, calc(var(--ds-size-unit) * 3), 1px);
    --ds-size-4: round(down, calc(var(--ds-size-unit) * 4), 1px);
    --ds-size-5: round(down, calc(var(--ds-size-unit) * 5), 1px);
    --ds-size-6: round(down, calc(var(--ds-size-unit) * 6), 1px);
    --ds-size-7: round(down, calc(var(--ds-size-unit) * 7), 1px);
    --ds-size-8: round(down, calc(var(--ds-size-unit) * 8), 1px);
    --ds-size-9: round(down, calc(var(--ds-size-unit) * 9), 1px);
    --ds-size-10: round(down, calc(var(--ds-size-unit) * 10), 1px);
    --ds-size-11: round(down, calc(var(--ds-size-unit) * 11), 1px);
    --ds-size-12: round(down, calc(var(--ds-size-unit) * 12), 1px);
    --ds-size-13: round(down, calc(var(--ds-size-unit) * 13), 1px);
    --ds-size-14: round(down, calc(var(--ds-size-unit) * 14), 1px);
    --ds-size-15: round(down, calc(var(--ds-size-unit) * 15), 1px);
    --ds-size-18: round(down, calc(var(--ds-size-unit) * 18), 1px);
    --ds-size-22: round(down, calc(var(--ds-size-unit) * 22), 1px);
    --ds-size-26: round(down, calc(var(--ds-size-unit) * 26), 1px);
    --ds-size-30: round(down, calc(var(--ds-size-unit) * 30), 1px);
  }
}

}

@layer ds.theme.semantic {
:root {
  --ds-border-radius-base: 0.5rem;
  --ds-border-radius-scale: 0.25rem;
  --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
  --ds-border-radius-md: min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);
  --ds-border-radius-lg: min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);
  --ds-border-radius-xl: min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);
  --ds-border-radius-default: var(--ds-border-radius-base);
  --ds-border-radius-full: 624.9375rem;
  --ds-border-width-default: 1px;
  --ds-border-width-focus: 3px;
  --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
  --ds-shadow-sm: 0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1);
  --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
  --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
  --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
  --ds-opacity-disabled: 30%;
}

}

@layer ds.theme.color-scheme.dark {
[data-color-scheme="dark"] {
  --ds-color-primary-background-default: #131918;
  --ds-color-primary-background-tinted: #192120;
  --ds-color-primary-surface-default: #202a28;
  --ds-color-primary-surface-tinted: #25302e;
  --ds-color-primary-surface-hover: #2c3836;
  --ds-color-primary-surface-active: #3a4543;
  --ds-color-primary-border-subtle: #485250;
  --ds-color-primary-border-default: #7b8382;
  --ds-color-primary-border-strong: #a4a9a8;
  --ds-color-primary-text-subtle: #a4a9a8;
  --ds-color-primary-text-default: #ebecec;
  --ds-color-primary-base-default: #a6acac;
  --ds-color-primary-base-hover: #8f9897;
  --ds-color-primary-base-active: #798382;
  --ds-color-primary-base-contrast-subtle: #1a1b1b;
  --ds-color-primary-base-contrast-default: #000000;
  --ds-color-accent-background-default: #181815;
  --ds-color-accent-background-tinted: #1f201c;
  --ds-color-accent-surface-default: #282823;
  --ds-color-accent-surface-tinted: #2e2e28;
  --ds-color-accent-surface-hover: #35362f;
  --ds-color-accent-surface-active: #43443b;
  --ds-color-accent-border-subtle: #505147;
  --ds-color-accent-border-default: #818372;
  --ds-color-accent-border-strong: #a7aa94;
  --ds-color-accent-text-subtle: #a7aa94;
  --ds-color-accent-text-default: #eceedf;
  --ds-color-accent-base-default: #20211b;
  --ds-color-accent-base-hover: #313229;
  --ds-color-accent-base-active: #434438;
  --ds-color-accent-base-contrast-subtle: #b2b2b0;
  --ds-color-accent-base-contrast-default: #ffffff;
  --ds-color-neutral-background-default: #171817;
  --ds-color-neutral-background-tinted: #1e201e;
  --ds-color-neutral-surface-default: #262826;
  --ds-color-neutral-surface-tinted: #2c2e2c;
  --ds-color-neutral-surface-hover: #343634;
  --ds-color-neutral-surface-active: #424342;
  --ds-color-neutral-border-subtle: #4f504f;
  --ds-color-neutral-border-default: #808180;
  --ds-color-neutral-border-strong: #a7a8a7;
  --ds-color-neutral-text-subtle: #a7a8a7;
  --ds-color-neutral-text-default: #ececec;
  --ds-color-neutral-base-default: #aaabaa;
  --ds-color-neutral-base-hover: #959695;
  --ds-color-neutral-base-active: #808180;
  --ds-color-neutral-base-contrast-subtle: #1b1b1b;
  --ds-color-neutral-base-contrast-default: #000000;
  --ds-color-accent1-background-default: #1a180f;
  --ds-color-accent1-background-tinted: #222014;
  --ds-color-accent1-surface-default: #2b281a;
  --ds-color-accent1-surface-tinted: #312e1d;
  --ds-color-accent1-surface-hover: #3a3622;
  --ds-color-accent1-surface-active: #48432b;
  --ds-color-accent1-border-subtle: #565033;
  --ds-color-accent1-border-default: #8b8253;
  --ds-color-accent1-border-strong: #b5a86c;
  --ds-color-accent1-text-subtle: #b5a86c;
  --ds-color-accent1-text-default: #f6edc1;
  --ds-color-accent1-base-default: #231f0e;
  --ds-color-accent1-base-hover: #363015;
  --ds-color-accent1-base-active: #4a421d;
  --ds-color-accent1-base-contrast-subtle: #b2b0aa;
  --ds-color-accent1-base-contrast-default: #ffffff;
  --ds-color-accent2-background-default: #1e1610;
  --ds-color-accent2-background-tinted: #281d15;
  --ds-color-accent2-surface-default: #32251b;
  --ds-color-accent2-surface-tinted: #3a2b1f;
  --ds-color-accent2-surface-hover: #433224;
  --ds-color-accent2-surface-active: #543f2e;
  --ds-color-accent2-border-subtle: #654b36;
  --ds-color-accent2-border-default: #a27958;
  --ds-color-accent2-border-strong: #d39d72;
  --ds-color-accent2-text-subtle: #d39d72;
  --ds-color-accent2-text-default: #f7eae0;
  --ds-color-accent2-base-default: #5e3e23;
  --ds-color-accent2-base-hover: #784f2d;
  --ds-color-accent2-base-active: #936137;
  --ds-color-accent2-base-contrast-subtle: #e4dfdb;
  --ds-color-accent2-base-contrast-default: #ffffff;
  --ds-color-accent3-background-default: #181817;
  --ds-color-accent3-background-tinted: #1f1f1f;
  --ds-color-accent3-surface-default: #282827;
  --ds-color-accent3-surface-tinted: #2e2e2d;
  --ds-color-accent3-surface-hover: #353534;
  --ds-color-accent3-surface-active: #434342;
  --ds-color-accent3-border-subtle: #50504f;
  --ds-color-accent3-border-default: #81817f;
  --ds-color-accent3-border-strong: #a8a8a5;
  --ds-color-accent3-text-subtle: #a8a8a5;
  --ds-color-accent3-text-default: #ecece9;
  --ds-color-accent3-base-default: #161616;
  --ds-color-accent3-base-hover: #262625;
  --ds-color-accent3-base-active: #373736;
  --ds-color-accent3-base-contrast-subtle: #a4a4a4;
  --ds-color-accent3-base-contrast-default: #ffffff;
  --ds-color-accent4-background-default: #0d1924;
  --ds-color-accent4-background-tinted: #112130;
  --ds-color-accent4-surface-default: #16293c;
  --ds-color-accent4-surface-tinted: #192f45;
  --ds-color-accent4-surface-hover: #1d3751;
  --ds-color-accent4-surface-active: #244565;
  --ds-color-accent4-border-subtle: #2b5279;
  --ds-color-accent4-border-default: #6584a2;
  --ds-color-accent4-border-strong: #95aabf;
  --ds-color-accent4-text-subtle: #95aabf;
  --ds-color-accent4-text-default: #e8edf1;
  --ds-color-accent4-base-default: #749fc1;
  --ds-color-accent4-base-hover: #93b4cf;
  --ds-color-accent4-base-active: #b0c8dc;
  --ds-color-accent4-base-contrast-subtle: #0a0d10;
  --ds-color-accent4-base-contrast-default: #000000;
  --ds-color-success-background-default: #0d1b0d;
  --ds-color-success-background-tinted: #112411;
  --ds-color-success-surface-default: #152d15;
  --ds-color-success-surface-tinted: #183418;
  --ds-color-success-surface-hover: #1c3c1c;
  --ds-color-success-surface-active: #244c24;
  --ds-color-success-border-subtle: #2b5a2b;
  --ds-color-success-border-default: #528f52;
  --ds-color-success-border-strong: #89b289;
  --ds-color-success-text-subtle: #89b289;
  --ds-color-success-text-default: #e6efe6;
  --ds-color-success-base-default: #138d24;
  --ds-color-success-base-hover: #3ca14b;
  --ds-color-success-base-active: #66b571;
  --ds-color-success-base-contrast-subtle: #010501;
  --ds-color-success-base-contrast-default: #000000;
  --ds-color-danger-background-default: #2a100e;
  --ds-color-danger-background-tinted: #371512;
  --ds-color-danger-surface-default: #451b17;
  --ds-color-danger-surface-tinted: #4f1f1b;
  --ds-color-danger-surface-hover: #5c241f;
  --ds-color-danger-surface-active: #722d27;
  --ds-color-danger-border-subtle: #88352e;
  --ds-color-danger-border-default: #bc6b64;
  --ds-color-danger-border-strong: #d19a96;
  --ds-color-danger-text-subtle: #d19a96;
  --ds-color-danger-text-default: #f5eae9;
  --ds-color-danger-base-default: #d76e6e;
  --ds-color-danger-base-hover: #df8b8b;
  --ds-color-danger-base-active: #e7a8a8;
  --ds-color-danger-base-contrast-subtle: #271414;
  --ds-color-danger-base-contrast-default: #000000;
  --ds-color-info-background-default: #0d1925;
  --ds-color-info-background-tinted: #112130;
  --ds-color-info-surface-default: #15293d;
  --ds-color-info-surface-tinted: #182f46;
  --ds-color-info-surface-hover: #1c3751;
  --ds-color-info-surface-active: #234566;
  --ds-color-info-border-subtle: #2a537a;
  --ds-color-info-border-default: #5585b4;
  --ds-color-info-border-strong: #8aabcb;
  --ds-color-info-text-subtle: #8aabcb;
  --ds-color-info-text-default: #e6edf4;
  --ds-color-info-base-default: #2d85c9;
  --ds-color-info-base-hover: #519ad2;
  --ds-color-info-base-active: #77b0dc;
  --ds-color-info-base-contrast-subtle: #050e15;
  --ds-color-info-base-contrast-default: #000000;
  --ds-color-warning-background-default: #1e160d;
  --ds-color-warning-background-tinted: #281e11;
  --ds-color-warning-surface-default: #322616;
  --ds-color-warning-surface-tinted: #3a2b19;
  --ds-color-warning-surface-hover: #43321d;
  --ds-color-warning-surface-active: #543f24;
  --ds-color-warning-border-subtle: #654b2b;
  --ds-color-warning-border-default: #a37a46;
  --ds-color-warning-border-strong: #d39e5b;
  --ds-color-warning-text-subtle: #d39e5b;
  --ds-color-warning-text-default: #f7ebdb;
  --ds-color-warning-base-default: #60400b;
  --ds-color-warning-base-hover: #7a510e;
  --ds-color-warning-base-active: #946211;
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
  --ds-color-warning-base-contrast-default: #ffffff;
  --ds-color-focus-inner: #171817;
  --ds-color-focus-outer: #ececec;
  --ds-link-color-visited: #b49acd;

  color-scheme: dark;
}
 
@media (prefers-color-scheme: dark) {
  [data-color-scheme="auto"] {
  --ds-color-primary-background-default: #131918;
  --ds-color-primary-background-tinted: #192120;
  --ds-color-primary-surface-default: #202a28;
  --ds-color-primary-surface-tinted: #25302e;
  --ds-color-primary-surface-hover: #2c3836;
  --ds-color-primary-surface-active: #3a4543;
  --ds-color-primary-border-subtle: #485250;
  --ds-color-primary-border-default: #7b8382;
  --ds-color-primary-border-strong: #a4a9a8;
  --ds-color-primary-text-subtle: #a4a9a8;
  --ds-color-primary-text-default: #ebecec;
  --ds-color-primary-base-default: #a6acac;
  --ds-color-primary-base-hover: #8f9897;
  --ds-color-primary-base-active: #798382;
  --ds-color-primary-base-contrast-subtle: #1a1b1b;
  --ds-color-primary-base-contrast-default: #000000;
  --ds-color-accent-background-default: #181815;
  --ds-color-accent-background-tinted: #1f201c;
  --ds-color-accent-surface-default: #282823;
  --ds-color-accent-surface-tinted: #2e2e28;
  --ds-color-accent-surface-hover: #35362f;
  --ds-color-accent-surface-active: #43443b;
  --ds-color-accent-border-subtle: #505147;
  --ds-color-accent-border-default: #818372;
  --ds-color-accent-border-strong: #a7aa94;
  --ds-color-accent-text-subtle: #a7aa94;
  --ds-color-accent-text-default: #eceedf;
  --ds-color-accent-base-default: #20211b;
  --ds-color-accent-base-hover: #313229;
  --ds-color-accent-base-active: #434438;
  --ds-color-accent-base-contrast-subtle: #b2b2b0;
  --ds-color-accent-base-contrast-default: #ffffff;
  --ds-color-neutral-background-default: #171817;
  --ds-color-neutral-background-tinted: #1e201e;
  --ds-color-neutral-surface-default: #262826;
  --ds-color-neutral-surface-tinted: #2c2e2c;
  --ds-color-neutral-surface-hover: #343634;
  --ds-color-neutral-surface-active: #424342;
  --ds-color-neutral-border-subtle: #4f504f;
  --ds-color-neutral-border-default: #808180;
  --ds-color-neutral-border-strong: #a7a8a7;
  --ds-color-neutral-text-subtle: #a7a8a7;
  --ds-color-neutral-text-default: #ececec;
  --ds-color-neutral-base-default: #aaabaa;
  --ds-color-neutral-base-hover: #959695;
  --ds-color-neutral-base-active: #808180;
  --ds-color-neutral-base-contrast-subtle: #1b1b1b;
  --ds-color-neutral-base-contrast-default: #000000;
  --ds-color-accent1-background-default: #1a180f;
  --ds-color-accent1-background-tinted: #222014;
  --ds-color-accent1-surface-default: #2b281a;
  --ds-color-accent1-surface-tinted: #312e1d;
  --ds-color-accent1-surface-hover: #3a3622;
  --ds-color-accent1-surface-active: #48432b;
  --ds-color-accent1-border-subtle: #565033;
  --ds-color-accent1-border-default: #8b8253;
  --ds-color-accent1-border-strong: #b5a86c;
  --ds-color-accent1-text-subtle: #b5a86c;
  --ds-color-accent1-text-default: #f6edc1;
  --ds-color-accent1-base-default: #231f0e;
  --ds-color-accent1-base-hover: #363015;
  --ds-color-accent1-base-active: #4a421d;
  --ds-color-accent1-base-contrast-subtle: #b2b0aa;
  --ds-color-accent1-base-contrast-default: #ffffff;
  --ds-color-accent2-background-default: #1e1610;
  --ds-color-accent2-background-tinted: #281d15;
  --ds-color-accent2-surface-default: #32251b;
  --ds-color-accent2-surface-tinted: #3a2b1f;
  --ds-color-accent2-surface-hover: #433224;
  --ds-color-accent2-surface-active: #543f2e;
  --ds-color-accent2-border-subtle: #654b36;
  --ds-color-accent2-border-default: #a27958;
  --ds-color-accent2-border-strong: #d39d72;
  --ds-color-accent2-text-subtle: #d39d72;
  --ds-color-accent2-text-default: #f7eae0;
  --ds-color-accent2-base-default: #5e3e23;
  --ds-color-accent2-base-hover: #784f2d;
  --ds-color-accent2-base-active: #936137;
  --ds-color-accent2-base-contrast-subtle: #e4dfdb;
  --ds-color-accent2-base-contrast-default: #ffffff;
  --ds-color-accent3-background-default: #181817;
  --ds-color-accent3-background-tinted: #1f1f1f;
  --ds-color-accent3-surface-default: #282827;
  --ds-color-accent3-surface-tinted: #2e2e2d;
  --ds-color-accent3-surface-hover: #353534;
  --ds-color-accent3-surface-active: #434342;
  --ds-color-accent3-border-subtle: #50504f;
  --ds-color-accent3-border-default: #81817f;
  --ds-color-accent3-border-strong: #a8a8a5;
  --ds-color-accent3-text-subtle: #a8a8a5;
  --ds-color-accent3-text-default: #ecece9;
  --ds-color-accent3-base-default: #161616;
  --ds-color-accent3-base-hover: #262625;
  --ds-color-accent3-base-active: #373736;
  --ds-color-accent3-base-contrast-subtle: #a4a4a4;
  --ds-color-accent3-base-contrast-default: #ffffff;
  --ds-color-accent4-background-default: #0d1924;
  --ds-color-accent4-background-tinted: #112130;
  --ds-color-accent4-surface-default: #16293c;
  --ds-color-accent4-surface-tinted: #192f45;
  --ds-color-accent4-surface-hover: #1d3751;
  --ds-color-accent4-surface-active: #244565;
  --ds-color-accent4-border-subtle: #2b5279;
  --ds-color-accent4-border-default: #6584a2;
  --ds-color-accent4-border-strong: #95aabf;
  --ds-color-accent4-text-subtle: #95aabf;
  --ds-color-accent4-text-default: #e8edf1;
  --ds-color-accent4-base-default: #749fc1;
  --ds-color-accent4-base-hover: #93b4cf;
  --ds-color-accent4-base-active: #b0c8dc;
  --ds-color-accent4-base-contrast-subtle: #0a0d10;
  --ds-color-accent4-base-contrast-default: #000000;
  --ds-color-success-background-default: #0d1b0d;
  --ds-color-success-background-tinted: #112411;
  --ds-color-success-surface-default: #152d15;
  --ds-color-success-surface-tinted: #183418;
  --ds-color-success-surface-hover: #1c3c1c;
  --ds-color-success-surface-active: #244c24;
  --ds-color-success-border-subtle: #2b5a2b;
  --ds-color-success-border-default: #528f52;
  --ds-color-success-border-strong: #89b289;
  --ds-color-success-text-subtle: #89b289;
  --ds-color-success-text-default: #e6efe6;
  --ds-color-success-base-default: #138d24;
  --ds-color-success-base-hover: #3ca14b;
  --ds-color-success-base-active: #66b571;
  --ds-color-success-base-contrast-subtle: #010501;
  --ds-color-success-base-contrast-default: #000000;
  --ds-color-danger-background-default: #2a100e;
  --ds-color-danger-background-tinted: #371512;
  --ds-color-danger-surface-default: #451b17;
  --ds-color-danger-surface-tinted: #4f1f1b;
  --ds-color-danger-surface-hover: #5c241f;
  --ds-color-danger-surface-active: #722d27;
  --ds-color-danger-border-subtle: #88352e;
  --ds-color-danger-border-default: #bc6b64;
  --ds-color-danger-border-strong: #d19a96;
  --ds-color-danger-text-subtle: #d19a96;
  --ds-color-danger-text-default: #f5eae9;
  --ds-color-danger-base-default: #d76e6e;
  --ds-color-danger-base-hover: #df8b8b;
  --ds-color-danger-base-active: #e7a8a8;
  --ds-color-danger-base-contrast-subtle: #271414;
  --ds-color-danger-base-contrast-default: #000000;
  --ds-color-info-background-default: #0d1925;
  --ds-color-info-background-tinted: #112130;
  --ds-color-info-surface-default: #15293d;
  --ds-color-info-surface-tinted: #182f46;
  --ds-color-info-surface-hover: #1c3751;
  --ds-color-info-surface-active: #234566;
  --ds-color-info-border-subtle: #2a537a;
  --ds-color-info-border-default: #5585b4;
  --ds-color-info-border-strong: #8aabcb;
  --ds-color-info-text-subtle: #8aabcb;
  --ds-color-info-text-default: #e6edf4;
  --ds-color-info-base-default: #2d85c9;
  --ds-color-info-base-hover: #519ad2;
  --ds-color-info-base-active: #77b0dc;
  --ds-color-info-base-contrast-subtle: #050e15;
  --ds-color-info-base-contrast-default: #000000;
  --ds-color-warning-background-default: #1e160d;
  --ds-color-warning-background-tinted: #281e11;
  --ds-color-warning-surface-default: #322616;
  --ds-color-warning-surface-tinted: #3a2b19;
  --ds-color-warning-surface-hover: #43321d;
  --ds-color-warning-surface-active: #543f24;
  --ds-color-warning-border-subtle: #654b2b;
  --ds-color-warning-border-default: #a37a46;
  --ds-color-warning-border-strong: #d39e5b;
  --ds-color-warning-text-subtle: #d39e5b;
  --ds-color-warning-text-default: #f7ebdb;
  --ds-color-warning-base-default: #60400b;
  --ds-color-warning-base-hover: #7a510e;
  --ds-color-warning-base-active: #946211;
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
  --ds-color-warning-base-contrast-default: #ffffff;
  --ds-color-focus-inner: #171817;
  --ds-color-focus-outer: #ececec;
  --ds-link-color-visited: #b49acd;

  color-scheme: dark;
}

}

}

@layer ds.theme.typography.primary {
:root, [data-typography="primary"] {
  --ds-line-height-sm: 1.3;
  --ds-line-height-md: 1.5;
  --ds-line-height-lg: 1.7;
  --ds-letter-spacing-1: -0.01em;
  --ds-letter-spacing-2: -0.005em;
  --ds-letter-spacing-3: -0.0025em;
  --ds-letter-spacing-4: -0.0015em;
  --ds-letter-spacing-5: 0em;
  --ds-letter-spacing-6: 0.0015em;
  --ds-letter-spacing-7: 0.0025em;
  --ds-letter-spacing-8: 0.005em;
  --ds-letter-spacing-9: 0.015em;
  --ds-font-family: Inter;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-regular: 400;
  --ds-heading-2xl-font-weight: 500;
  --ds-heading-2xl-line-height: 1.3;
  --ds-heading-2xl-letter-spacing: -0.01em;
  --ds-heading-xl-font-weight: 500;
  --ds-heading-xl-line-height: 1.3;
  --ds-heading-xl-letter-spacing: -0.01em;
  --ds-heading-lg-font-weight: 500;
  --ds-heading-lg-line-height: 1.3;
  --ds-heading-lg-letter-spacing: -0.005em;
  --ds-heading-md-font-weight: 500;
  --ds-heading-md-line-height: 1.3;
  --ds-heading-md-letter-spacing: -0.0025em;
  --ds-heading-sm-font-weight: 500;
  --ds-heading-sm-line-height: 1.3;
  --ds-heading-sm-letter-spacing: 0em;
  --ds-heading-xs-font-weight: 500;
  --ds-heading-xs-line-height: 1.3;
  --ds-heading-xs-letter-spacing: 0.0015em;
  --ds-heading-2xs-font-weight: 500;
  --ds-heading-2xs-line-height: 1.3;
  --ds-heading-2xs-letter-spacing: 0.0015em;
  --ds-body-xl-font-weight: 400;
  --ds-body-xl-line-height: 1.5;
  --ds-body-xl-letter-spacing: 0.005em;
  --ds-body-lg-font-weight: 400;
  --ds-body-lg-line-height: 1.5;
  --ds-body-lg-letter-spacing: 0.005em;
  --ds-body-md-font-weight: 400;
  --ds-body-md-line-height: 1.5;
  --ds-body-md-letter-spacing: 0.005em;
  --ds-body-sm-font-weight: 400;
  --ds-body-sm-line-height: 1.5;
  --ds-body-sm-letter-spacing: 0.0025em;
  --ds-body-xs-font-weight: 400;
  --ds-body-xs-line-height: 1.5;
  --ds-body-xs-letter-spacing: 0.0015em;
  --ds-body-short-xl-font-weight: 400;
  --ds-body-short-xl-line-height: 1.3;
  --ds-body-short-xl-letter-spacing: 0.005em;
  --ds-body-short-lg-font-weight: 400;
  --ds-body-short-lg-line-height: 1.3;
  --ds-body-short-lg-letter-spacing: 0.005em;
  --ds-body-short-md-font-weight: 400;
  --ds-body-short-md-line-height: 1.3;
  --ds-body-short-md-letter-spacing: 0.005em;
  --ds-body-short-sm-font-weight: 400;
  --ds-body-short-sm-line-height: 1.3;
  --ds-body-short-sm-letter-spacing: 0.0025em;
  --ds-body-short-xs-font-weight: 400;
  --ds-body-short-xs-line-height: 1.3;
  --ds-body-short-xs-letter-spacing: 0.0015em;
  --ds-body-long-xl-font-weight: 400;
  --ds-body-long-xl-line-height: 1.7;
  --ds-body-long-xl-letter-spacing: 0.005em;
  --ds-body-long-lg-font-weight: 400;
  --ds-body-long-lg-line-height: 1.7;
  --ds-body-long-lg-letter-spacing: 0.005em;
  --ds-body-long-md-font-weight: 400;
  --ds-body-long-md-line-height: 1.7;
  --ds-body-long-md-letter-spacing: 0.005em;
  --ds-body-long-sm-font-weight: 400;
  --ds-body-long-sm-line-height: 1.7;
  --ds-body-long-sm-letter-spacing: 0.0025em;
  --ds-body-long-xs-font-weight: 400;
  --ds-body-long-xs-line-height: 1.7;
  --ds-body-long-xs-letter-spacing: 0.0015em;
}
}
@layer ds.theme.color {
[data-color="accent"], [data-color-scheme][data-color="accent"] {
  --ds-color-background-default: var(--ds-color-accent-background-default);
  --ds-color-background-tinted: var(--ds-color-accent-background-tinted);
  --ds-color-surface-default: var(--ds-color-accent-surface-default);
  --ds-color-surface-tinted: var(--ds-color-accent-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-accent-surface-hover);
  --ds-color-surface-active: var(--ds-color-accent-surface-active);
  --ds-color-border-subtle: var(--ds-color-accent-border-subtle);
  --ds-color-border-default: var(--ds-color-accent-border-default);
  --ds-color-border-strong: var(--ds-color-accent-border-strong);
  --ds-color-text-subtle: var(--ds-color-accent-text-subtle);
  --ds-color-text-default: var(--ds-color-accent-text-default);
  --ds-color-base-default: var(--ds-color-accent-base-default);
  --ds-color-base-hover: var(--ds-color-accent-base-hover);
  --ds-color-base-active: var(--ds-color-accent-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-accent-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-accent-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="accent1"], [data-color-scheme][data-color="accent1"] {
  --ds-color-background-default: var(--ds-color-accent1-background-default);
  --ds-color-background-tinted: var(--ds-color-accent1-background-tinted);
  --ds-color-surface-default: var(--ds-color-accent1-surface-default);
  --ds-color-surface-tinted: var(--ds-color-accent1-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-accent1-surface-hover);
  --ds-color-surface-active: var(--ds-color-accent1-surface-active);
  --ds-color-border-subtle: var(--ds-color-accent1-border-subtle);
  --ds-color-border-default: var(--ds-color-accent1-border-default);
  --ds-color-border-strong: var(--ds-color-accent1-border-strong);
  --ds-color-text-subtle: var(--ds-color-accent1-text-subtle);
  --ds-color-text-default: var(--ds-color-accent1-text-default);
  --ds-color-base-default: var(--ds-color-accent1-base-default);
  --ds-color-base-hover: var(--ds-color-accent1-base-hover);
  --ds-color-base-active: var(--ds-color-accent1-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-accent1-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-accent1-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="accent2"], [data-color-scheme][data-color="accent2"] {
  --ds-color-background-default: var(--ds-color-accent2-background-default);
  --ds-color-background-tinted: var(--ds-color-accent2-background-tinted);
  --ds-color-surface-default: var(--ds-color-accent2-surface-default);
  --ds-color-surface-tinted: var(--ds-color-accent2-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-accent2-surface-hover);
  --ds-color-surface-active: var(--ds-color-accent2-surface-active);
  --ds-color-border-subtle: var(--ds-color-accent2-border-subtle);
  --ds-color-border-default: var(--ds-color-accent2-border-default);
  --ds-color-border-strong: var(--ds-color-accent2-border-strong);
  --ds-color-text-subtle: var(--ds-color-accent2-text-subtle);
  --ds-color-text-default: var(--ds-color-accent2-text-default);
  --ds-color-base-default: var(--ds-color-accent2-base-default);
  --ds-color-base-hover: var(--ds-color-accent2-base-hover);
  --ds-color-base-active: var(--ds-color-accent2-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-accent2-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-accent2-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="accent3"], [data-color-scheme][data-color="accent3"] {
  --ds-color-background-default: var(--ds-color-accent3-background-default);
  --ds-color-background-tinted: var(--ds-color-accent3-background-tinted);
  --ds-color-surface-default: var(--ds-color-accent3-surface-default);
  --ds-color-surface-tinted: var(--ds-color-accent3-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-accent3-surface-hover);
  --ds-color-surface-active: var(--ds-color-accent3-surface-active);
  --ds-color-border-subtle: var(--ds-color-accent3-border-subtle);
  --ds-color-border-default: var(--ds-color-accent3-border-default);
  --ds-color-border-strong: var(--ds-color-accent3-border-strong);
  --ds-color-text-subtle: var(--ds-color-accent3-text-subtle);
  --ds-color-text-default: var(--ds-color-accent3-text-default);
  --ds-color-base-default: var(--ds-color-accent3-base-default);
  --ds-color-base-hover: var(--ds-color-accent3-base-hover);
  --ds-color-base-active: var(--ds-color-accent3-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-accent3-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-accent3-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="accent4"], [data-color-scheme][data-color="accent4"] {
  --ds-color-background-default: var(--ds-color-accent4-background-default);
  --ds-color-background-tinted: var(--ds-color-accent4-background-tinted);
  --ds-color-surface-default: var(--ds-color-accent4-surface-default);
  --ds-color-surface-tinted: var(--ds-color-accent4-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-accent4-surface-hover);
  --ds-color-surface-active: var(--ds-color-accent4-surface-active);
  --ds-color-border-subtle: var(--ds-color-accent4-border-subtle);
  --ds-color-border-default: var(--ds-color-accent4-border-default);
  --ds-color-border-strong: var(--ds-color-accent4-border-strong);
  --ds-color-text-subtle: var(--ds-color-accent4-text-subtle);
  --ds-color-text-default: var(--ds-color-accent4-text-default);
  --ds-color-base-default: var(--ds-color-accent4-base-default);
  --ds-color-base-hover: var(--ds-color-accent4-base-hover);
  --ds-color-base-active: var(--ds-color-accent4-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-accent4-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-accent4-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="danger"], [data-color-scheme][data-color="danger"] {
  --ds-color-background-default: var(--ds-color-danger-background-default);
  --ds-color-background-tinted: var(--ds-color-danger-background-tinted);
  --ds-color-surface-default: var(--ds-color-danger-surface-default);
  --ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
  --ds-color-surface-active: var(--ds-color-danger-surface-active);
  --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
  --ds-color-border-default: var(--ds-color-danger-border-default);
  --ds-color-border-strong: var(--ds-color-danger-border-strong);
  --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
  --ds-color-text-default: var(--ds-color-danger-text-default);
  --ds-color-base-default: var(--ds-color-danger-base-default);
  --ds-color-base-hover: var(--ds-color-danger-base-hover);
  --ds-color-base-active: var(--ds-color-danger-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="info"], [data-color-scheme][data-color="info"] {
  --ds-color-background-default: var(--ds-color-info-background-default);
  --ds-color-background-tinted: var(--ds-color-info-background-tinted);
  --ds-color-surface-default: var(--ds-color-info-surface-default);
  --ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-info-surface-hover);
  --ds-color-surface-active: var(--ds-color-info-surface-active);
  --ds-color-border-subtle: var(--ds-color-info-border-subtle);
  --ds-color-border-default: var(--ds-color-info-border-default);
  --ds-color-border-strong: var(--ds-color-info-border-strong);
  --ds-color-text-subtle: var(--ds-color-info-text-subtle);
  --ds-color-text-default: var(--ds-color-info-text-default);
  --ds-color-base-default: var(--ds-color-info-base-default);
  --ds-color-base-hover: var(--ds-color-info-base-hover);
  --ds-color-base-active: var(--ds-color-info-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="neutral"], [data-color-scheme][data-color="neutral"] {
  --ds-color-background-default: var(--ds-color-neutral-background-default);
  --ds-color-background-tinted: var(--ds-color-neutral-background-tinted);
  --ds-color-surface-default: var(--ds-color-neutral-surface-default);
  --ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
  --ds-color-surface-active: var(--ds-color-neutral-surface-active);
  --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
  --ds-color-border-default: var(--ds-color-neutral-border-default);
  --ds-color-border-strong: var(--ds-color-neutral-border-strong);
  --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
  --ds-color-text-default: var(--ds-color-neutral-text-default);
  --ds-color-base-default: var(--ds-color-neutral-base-default);
  --ds-color-base-hover: var(--ds-color-neutral-base-hover);
  --ds-color-base-active: var(--ds-color-neutral-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default);
}

}

@layer ds.theme.color {
:root, [data-color-scheme], [data-color="primary"] {
  --ds-color-background-default: var(--ds-color-primary-background-default);
  --ds-color-background-tinted: var(--ds-color-primary-background-tinted);
  --ds-color-surface-default: var(--ds-color-primary-surface-default);
  --ds-color-surface-tinted: var(--ds-color-primary-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-primary-surface-hover);
  --ds-color-surface-active: var(--ds-color-primary-surface-active);
  --ds-color-border-subtle: var(--ds-color-primary-border-subtle);
  --ds-color-border-default: var(--ds-color-primary-border-default);
  --ds-color-border-strong: var(--ds-color-primary-border-strong);
  --ds-color-text-subtle: var(--ds-color-primary-text-subtle);
  --ds-color-text-default: var(--ds-color-primary-text-default);
  --ds-color-base-default: var(--ds-color-primary-base-default);
  --ds-color-base-hover: var(--ds-color-primary-base-hover);
  --ds-color-base-active: var(--ds-color-primary-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-primary-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-primary-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="success"], [data-color-scheme][data-color="success"] {
  --ds-color-background-default: var(--ds-color-success-background-default);
  --ds-color-background-tinted: var(--ds-color-success-background-tinted);
  --ds-color-surface-default: var(--ds-color-success-surface-default);
  --ds-color-surface-tinted: var(--ds-color-success-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-success-surface-hover);
  --ds-color-surface-active: var(--ds-color-success-surface-active);
  --ds-color-border-subtle: var(--ds-color-success-border-subtle);
  --ds-color-border-default: var(--ds-color-success-border-default);
  --ds-color-border-strong: var(--ds-color-success-border-strong);
  --ds-color-text-subtle: var(--ds-color-success-text-subtle);
  --ds-color-text-default: var(--ds-color-success-text-default);
  --ds-color-base-default: var(--ds-color-success-base-default);
  --ds-color-base-hover: var(--ds-color-success-base-hover);
  --ds-color-base-active: var(--ds-color-success-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default);
}

}

@layer ds.theme.color {
[data-color="warning"], [data-color-scheme][data-color="warning"] {
  --ds-color-background-default: var(--ds-color-warning-background-default);
  --ds-color-background-tinted: var(--ds-color-warning-background-tinted);
  --ds-color-surface-default: var(--ds-color-warning-surface-default);
  --ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);
  --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
  --ds-color-surface-active: var(--ds-color-warning-surface-active);
  --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
  --ds-color-border-default: var(--ds-color-warning-border-default);
  --ds-color-border-strong: var(--ds-color-warning-border-strong);
  --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
  --ds-color-text-default: var(--ds-color-warning-text-default);
  --ds-color-base-default: var(--ds-color-warning-base-default);
  --ds-color-base-hover: var(--ds-color-warning-base-hover);
  --ds-color-base-active: var(--ds-color-warning-base-active);
  --ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);
  --ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default);
}

}

div.helptext__wrapper button.helptext__button {
  width: auto;
  width: initial;
  margin-top: 0;
  margin-top: initial;
}

.payment {
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 435px);
  margin-bottom: 50px;
}

.payment__checkout {
  box-sizing: border-box;
  width: 520px;
  margin-right: 75px;
}

.payment__checkout button {
  width: 100%;
  margin-top: 10px;
}

.payment__external {
  margin-top: 35px;
  filter: opacity(50%);
  pointer-events: none;
}

.payment__external.active {
  filter: opacity(100%);
  pointer-events: all;
}

.payment__alertMessage {
  margin-bottom: 10px;
  margin-top: 10px;
}

.payment__summary {
  width: 400px;
}

.payment__terminal {
  margin-left: -7px;
  position: relative;
}

.payment__loading--icon {
  top: 25px;
  left: 50%;
  position: absolute;
}

.payment__terminal > .ids-iframe-with-callback {
  margin-top: 20px;
  width: 520px;
  height: 490px;
}

.payment__preview {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  margin-top: 20px;
}

.payment__preview button {
  margin-top: 10px;
}

.payment__preview--field {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}

.payment__billing--field {
  width: 100%;
  margin-bottom: 15px;
}

.payment__phoneNumberGroup {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.payment__billing--phoneField {
  width: 82%;
}

.payment__newsletter {
  margin-top: 25px;
  margin-bottom: 25px;
}

@media (max-width: 1280px) {
  .payment {
    padding-left: 35px;
    padding-right: 35px;
  }

  .payment__information {
    width: 60%;
    margin-bottom: 25px;
  }

  .payment__summary {
    width: 40%;
    margin-bottom: 30px;
  }
}

@media (max-width: 900px) {
  .payment {
    padding: 15px;
    flex-direction: column-reverse;
  }

  .payment__information {
    width: 100%;
    margin-bottom: 25px;
  }

  .payment__summary {
    width: 100%;
    margin-bottom: 50px;
  }

  .payment__checkout {
    width: 100%;
  }

  .payment__terminal {
    margin: 0;
  }

  .payment__terminal > .ids-iframe-with-callback {
    width: 100%;
    height: 550px;
  }
}

.checkout {
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 435px);
  margin-bottom: 50px;
}

.checkout__cart {
  margin-right: 75px;
  width: 800px;
}

.checkout__summary {
  width: 400px;
}

.checkout__termsAndConditions-checkbox {
  margin-top: 40px;
  margin-bottom: 25px;
}

.checkout__termsAndConditions-checkbox div:not(:last-child) {
  margin-bottom: 10px;
}

.checkout__inatur-tos {
  display: block;
}

.checkout__seller-tos {
  color: var(--ids-color-gress);
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 370px;
  margin-top: 12px;
  padding: 0;
  background: none;
  border: none;
  font-size: 14px;
}

.checkout__seller-tos:hover {
  color: var(--ids-color-gress-80);
}

.checkout__summary > button {
  width: 100%;
}

@media (max-width: 1280px) {
  .checkout {
    padding-left: 35px;
    padding-right: 35px;
  }

  .checkout__cart {
    width: 60%;
  }

  .checkout__summary {
    width: 40vw;
  }

  .checkout__seller-tos {
    max-width: calc(40vw - 35px);
  }
}

@media (max-width: 770px) {
  .checkout {
    flex-direction: column;
    padding: 15px;
  }

  .checkout__cart {
    width: 100%;
    margin: 0;
  }

  .checkout__summary {
    width: 100%;
    margin-right: 0;
    margin-top: 65px;
  }

  .checkout__cart-actions button {
    margin: 0;
  }

  .checkout__seller-tos {
    max-width: 85vw;
  }
}