.no-pointer-events {
  pointer-events: none;
}

.auto-pointer-events {
  pointer-events: auto;
}

.cursor-none {
  cursor: none;
}

.hidden {
  display: none;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.top-10 {
  top: 10dvh;
}

.top-20 {
  top: 20dvh;
}

.top-30 {
  top: 30dvh;
}

.top-40 {
  top: 40dvh;
}

.top-50 {
  top: 50dvh;
}

.top-60 {
  top: 60dvh;
}

.top-70 {
  top: 70dvh;
}

.top-80 {
  top: 80dvh;
}

.top-90 {
  top: 90dvh;
}

.top-100 {
  top: 100dvh;
}

.left-0 {
  left: 0;
}

.left-10 {
  left: 10dvw;
}

.left-20 {
  left: 20dvw;
}

.left-30 {
  left: 30dvw;
}

.left-40 {
  left: 40dvw;
}

.left-50 {
  left: 50dvw;
}

.left-60 {
  left: 60dvw;
}

.left-70 {
  left: 70dvw;
}

.left-80 {
  left: 80dvw;
}

.left-90 {
  left: 90dvw;
}

.left-100 {
  left: 100dvw;
}

.no-width {
  width: 0;
}

.no-height {
  height: 0;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.full-view {
  width: 100dvw;
  height: 100dvh;
}

.full-screen {
  width: 100%;
  height: 100%;
}

.full-screen-minimum {
  min-width: 100%;
  min-height: 100%;
}

.full-screen-maximum {
  max-width: 100%;
  max-height: 100%;
}

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

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-stable {
  flex-grow: 0;
  flex-shrink: 0;
}

.flex-control {
  flex-grow: 1;
  flex-shrink: 1;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.smooth-scroll {
  scroll-behavior: smooth;
}

.horizontal-scroll {
  overflow-x: scroll;
  overflow-y: hidden;
}

.vertical-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
}

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