@import url("./global/styles/base/variables.css");
@import url("./global/styles/base/fonts.css");
@import url("./global/styles/base/colors.css");
@import url("./global/styles/base/animations.css");
@import url("./global/styles/base/error.css");

@import url("./global/styles/page-parts/header.css");
@import url("./global/styles/page-parts/main.css");
@import url("./global/styles/page-parts/footer.css");

@import url("./global/components/dialog/dialog.css");
@import url("./global/components/details/details.css");
@import url("./global/components/link.css");
@import url("./global/components/list.css");


* {
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-overflow-style: none;
  /* scrollbar-width: none; */
  box-sizing: border-box;
  /* hyphens: auto; */
  touch-action: manipulation;
  font-weight: normal;
  scroll-behavior: smooth;
}

/* Hide scrollbar for Chrome, Safari and Opera */
/* *::-webkit-scrollbar {
    display: none;
} */

[tabindex]:focus-visible::-webkit-slider-thumb,
[tabindex]:focus-visible {
  outline-offset: 4px;
  outline-width: 4px;
  outline-color: inherit;
  box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.5);
  opacity: 1 !important;
  outline-style: solid;
  border-radius: 1px;
}

html {
  font-family: var(--ci-font-regular);
  font-size: var(--font-size-s);
  line-height: var(--font-line-s);
  color: var(--color-gray-d0ce);
  background-color: black;
}

body {
  position: relative;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: var(--ci-font-light);
  font-weight: normal;
  line-height: 1.15;
  margin: 0 0 24px 0;
}

h2 {
  font-size: var(--font-size-xl);
  line-height: var(--font-line-xl);
}

h3 {
  font-family: var(--ci-font-bold);
  font-size: var(--font-size-m);
  line-height: var(--font-line-m);
}

p {
  margin: 0;
}

strong {
  font-family: var(--ci-font-bold);
  font-weight: normal;
}

a {
  text-decoration: none;
  color: inherit;
}

hr {
  margin: 16px 0;
  border: 1px solid black;
}

[id] {
  scroll-margin-top: calc(var(--header-height) + var(--edge-distance));
}

video {
  width: 100%;
}

[disabled],
:disabled {
  filter: saturate(0) opacity(0.3);
  pointer-events: none;
}

.hidden,
.is-hidden {
  display: none;
}

.visible-on-mobile {
  display: none;
}

/****************
  MEDIA QUERIES
*****************/
@media only screen and (max-width: 959px) {}

@media only screen and (max-width: 768px) {
  .visible-on-desktop {
    display: none;
  }

  .visible-on-mobile {
    display: block;
  }
}


/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) and (min-width: 500px) {}

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {}