::-moz-selection {
  background: var(--brand-50) !important;
  color: var(--black) !important;
}

::selection {
  background: var(--brand-50) !important;
  color: var(--black) !important;
}

html {
  background: var(--white);
  max-height: 100vh;
  overflow: hidden;
  font: var(--font);

  background: #F7F7F7;
}
svg text {
  font-family: var(--font-family);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  /* color: var(--black); */
  /*font: inherit;
  font-family: inherit;
  font-size: inherit;*/
  -webkit-user-drag: none;
  user-drag: none;
}

th, td {
  text-align: left;
}

input, textarea, p, span, td, b, header, h1, h2, h3, h4 {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

button span { -webkit-user-select: none; -moz-user-select: none; user-select: none }

a { text-decoration: none; }
a:visited { color: var(--color) }
a, a:visited { color: var(--black) }

li { list-style: none }

button {
  background-color: transparent;
  font: var(--font);
}
::-moz-focus-inner { border: 0 }

.t-miniscroll {
  /*overflow: overlay;*/
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--black-50) var(--black-10);
}

.t-miniscroll::-webkit-scrollbar-track
  {
    background-color: transparent;
  }

.t-miniscroll::-webkit-scrollbar
  {
    width: 2px;
    height: 0px;
    background-color: transparent;
  }

.t-miniscroll::-webkit-scrollbar-thumb
  {
    -webkit-transition: .2s all;
    transition: .2s all;
    background-color: var(--black-10);
  }

.t-miniscroll:hover::-webkit-scrollbar-thumb {
    background-color: var(--black-50);
  };

.t-miniscroll.--x::-webkit-scrollbar {
    width: auto;
    width: initial;
    height: intial;
  }

/* DISPLAY  */
.d-cont { display: contents; }
.d-block { display: inline-block; }
.d-iblock { display: inline-block; }
@media (max-width: 739px) {
  .d-not-sm { display: none !important }
}
@media (min-width: 740px) {
  .d-sm { display: none !important }
}

/* FLEX */
.d-flex {
  --gap-v: 16px;
  --gap-h: 8px;
  --gap: var(--gap-v) var(--gap-h);
  display: flex;
  gap: var(--gap);
}
.d-flex.--middle { align-items: center }
.d-flex.--center { justify-content: center }
.d-flex.--spread { justify-content: space-between }
.d-flex.--wrap { flex-wrap: wrap }
.d-flex.--col { flex-direction: column }
.d-flex.--cmid {
    align-items: center;
    justify-content: center;
  }
.d-flex > *.d-flex--rigid {
      flex-grow: 0;
      flex-shrink: 0;
    }
.d-flex.--no-margins > * { margin: 0; margin: initial }
.d-flex__space { flex-grow: 999; }

.bg-blur {
  background-color: rgba(255,255,255,0.93333);
  background-color: var(--bg-blur-c, rgba(255,255,255,0.93333));
}
@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
  .bg-blur.bg-blur {
    background-color: rgba(255,255,255,0.86667);
    background-color: var(--bg-blur-c, rgba(255,255,255,0.86667));
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(var(--bg-blur, 4px));
            backdrop-filter: blur(var(--bg-blur, 4px));
  }
}

.l-section {
  min-height: 100vh;
  padding: 0 var(--page-pad);
}

.l-mw {
  width: 100%;
  max-width: var(--page-mw);
  /*margin: 0 auto;*/
}

.Root {
  max-height: 100vh;
  /*justify-content: center;*/

  overflow-y: auto;
  overflow-y: overlay;
  overscroll-behavior: none;
}

.Root main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 var(--page-pad);
  }

.Main__header {
  color: var(--brand);
  font-weight: 500;
  margin-bottom: 60px;
}

.l-content {
  width: 100%;
  max-width: var(--page-mw);
  min-height: 100vh;

  position: relative;

  display: flex;
  flex-direction: column;
}

/*align-items: center;
  justify-content: center;*/

/* overflow: hidden; */

.l-content.--pad {
    --pad-v: 60px;
    /* padding: 0 var(--page-pad); */
    padding-top: calc(var(--pad-v) + var(--topb-h));
    padding-bottom: calc(var(--page-pad) + var(--pad-v));
  }

.l-content__paper {
  max-width: 800px;
  align-self: flex-start;
}