html {
  font-size: 13px; /* зміна rem */
}
* {
  user-select: none;
  -webkit-user-select: none; /* Safari, Chrome, and other WebKit-based browsers */
  -moz-user-select: none; /* Older versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial;
  font-size: 1.1rem;
}
meta[name="apple-mobile-web-app-status-bar-style"] {
  content: default;
}
body {
  background-color: black;
}
.main_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  display: flex;
  scroll-behavior: smooth;
  flex-direction: column;
  scroll-snap-type: y mandatory; /* Vertical mandatory snapping */
  overflow-y: auto; /* Ensure the container can scroll */
}
.top_bar_spacefiller {
  min-height: 8vh;
}
.main_wrapper-segment {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  gap: 1rem;
  padding-inline: 4rem;
  scroll-snap-align: center; /* Snap to center of the viewport */
  flex-shrink: 0; /* Prevent shrinking */
  position: relative;
}
@media screen and (max-width: 576px) {
  .main_wrapper-segment {
    padding-inline: 2rem;
  }
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input:focus,
select:focus {
  outline: none;
  box-shadow: none;
}
:root {
  /* breakpoints */
  --mobile-breakpoint: 576px;
  --tablet-breakpoint: 768px;
  --gamburger-breakpoint: 965px;
  /* colors */
  --rich-green: rgb(49, 83, 67);
  --rich-red: rgb(144, 12, 12);
  --light-green: rgb(200, 255, 200);
  --light-red: rgb(255 114 114);
  --glass-light: rgba(0, 0, 0, 0.35);
  --glass-strong: rgba(0, 0, 0, 0.65);
}

.global_svg {
  stroke-width: 3;
}
option {
  color: black;
}