* {
  box-sizing: border-box;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  font-family: var(--page-font-face), system-ui, sans-serif;
  font-size: clamp(1rem, 4.5vw, 1.15rem);
  line-height: 1.5;
}


.body {
  font-size: var(--typo-text-m-font-size);
  line-height: var(--typo-text-m-line-height);
  font-weight: var(--page-font-weight-text);
  min-height: 100vh;
  max-width: 100vw;
  overflow-x: hidden;
  background-color: var(--page-background-color);
  color: var(--text-middle-color);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  --_padding-inline: 10vw;
}

[data-color-scheme="dark"] {
  color: var(--text-middle-color);
  color-scheme: dark;
}

[data-color-scheme="light"] {
  color: var(--text-middle-color);
  color-scheme: light;
}

@media (max-width: 40rem) {
  .body {
    --_padding-inline: var(--page-padding-inline);
  }
}

.rounded-s {
  border-radius: var(--border-radius-s);
}

.rounded-s_1000 {
  border-radius: var(--border-radius-s) 0 0 0;
}

.rounded-s_0100 {
  border-radius: 0 var(--border-radius-s) 0 0;
}

.rounded-s_0010 {
  border-radius: 0 0 var(--border-radius-s) 0;
}

.rounded-s_0001 {
  border-radius: 0 0 0 var(--border-radius-s);
}

.rounded-s_1100 {
  border-radius: var(--border-radius-s) var(--border-radius-s) 0 0;
}

.rounded-s_0110 {
  border-radius: 0 var(--border-radius-s) var(--border-radius-s) 0;
}

.rounded-s_0011 {
  border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
}

.rounded-s_1001 {
  border-radius: var(--border-radius-s) 0 0 var(--border-radius-s);
}

.rounded-s_1010 {
  border-radius: var(--border-radius-s) 0 var(--border-radius-s) 0;
}
.rounded-s_0101 {
  border-radius: 0 var(--border-radius-s) 0 var(--border-radius-s);
}


.rounded-s_1110 {
  border-radius: var(--border-radius-s) var(--border-radius-s) var(--border-radius-s) 0;
}
.rounded-s_0111 {
  border-radius: 0 var(--border-radius-s) var(--border-radius-s) var(--border-radius-s) ;
}
.rounded-s_1011 {
  border-radius: var(--border-radius-s) 0 var(--border-radius-s) var(--border-radius-s) ;
}

.rounded-s_1101 {
  border-radius: var(--border-radius-s) var(--border-radius-s) 0 var(--border-radius-s);
}









.rounded-m {
  border-radius: var(--border-radius-m);
}

.rounded-m_1000 {
  border-radius: var(--border-radius-m) 0 0 0;
}

.rounded-m_0100 {
  border-radius: 0 var(--border-radius-m) 0 0;
}

.rounded-m_0010 {
  border-radius: 0 0 var(--border-radius-m) 0;
}

.rounded-m_0001 {
  border-radius: 0 0 0 var(--border-radius-m);
}

.rounded-m_1100 {
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
}

.rounded-m_0110 {
  border-radius: 0 var(--border-radius-m) var(--border-radius-m) 0;
}

.rounded-m_0011 {
  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
}

.rounded-m_1001 {
  border-radius: var(--border-radius-m) 0 0 var(--border-radius-m);
}

.rounded-m_1010 {
  border-radius: var(--border-radius-m) 0 var(--border-radius-m) 0;
}
.rounded-m_0101 {
  border-radius: 0 var(--border-radius-m) 0 var(--border-radius-m);
}


.rounded-m_1110 {
  border-radius: var(--border-radius-m) var(--border-radius-m) var(--border-radius-m) 0;
}
.rounded-m_0111 {
  border-radius: 0 var(--border-radius-m) var(--border-radius-m) var(--border-radius-m) ;
}
.rounded-m_1011 {
  border-radius: var(--border-radius-m) 0 var(--border-radius-m) var(--border-radius-m) ;
}

.rounded-m_1101 {
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 var(--border-radius-m);
}














.rounded-l {
  border-radius: var(--border-radius-l);
}

.rounded-l_1000 {
  border-radius: var(--border-radius-l) 0 0 0;
}

.rounded-l_0100 {
  border-radius: 0 var(--border-radius-l) 0 0;
}

.rounded-l_0010 {
  border-radius: 0 0 var(--border-radius-l) 0;
}

.rounded-l_0001 {
  border-radius: 0 0 0 var(--border-radius-l);
}

.rounded-l_1100 {
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
}

.rounded-l_0110 {
  border-radius: 0 var(--border-radius-l) var(--border-radius-l) 0;
}

.rounded-l_0011 {
  border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
}

.rounded-l_1001 {
  border-radius: var(--border-radius-l) 0 0 var(--border-radius-l);
}

.rounded-l_1010 {
  border-radius: var(--border-radius-l) 0 var(--border-radius-l) 0;
}
.rounded-l_0101 {
  border-radius: 0 var(--border-radius-l) 0 var(--border-radius-l);
}


.rounded-l_1110 {
  border-radius: var(--border-radius-l) var(--border-radius-l) var(--border-radius-l) 0;
}
.rounded-l_0111 {
  border-radius: 0 var(--border-radius-l) var(--border-radius-l) var(--border-radius-l) ;
}
.rounded-l_1011 {
  border-radius: var(--border-radius-l) 0 var(--border-radius-l) var(--border-radius-l) ;
}

.rounded-l_1101 {
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 var(--border-radius-l);
}