.c-bottom-sheet {
  visibility: hidden;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  transition: height 0s, opacity, visibility 0.25s;
}
.hidden-list {
	display: none!important;
}
.rotated {
	transform: rotateZ(-90deg);
}
.choosen,
.c-bottom-sheet__item-list.sub {
	background: #EEF4F5;
}
.c-bottom-sheet.active {
  visibility: visible;
  pointer-events: unset;
}
.c-bottom-sheet .controls{
	border: none;
}
.c-bottom-sheet__scrim {
  opacity: 0;
  display: block;
  position: absolute;
  height: 120vh;
  width: 100%;
  background-color: rgb(34 46 66 / 59%);
  transition: height 0s, opacity 0.3s;
  top: 0;
  backdrop-filter: blur(3px);
}
.active .c-bottom-sheet__scrim {
  opacity: 1;
}
.c-bottom-sheet__close-button {
	height: 25px;
	width: 25px;
	left: 10px;
    top: 8px;
	position: absolute;
}
.c-bottom-sheet__close-button img {
	width: 100%;
	height: 100%;
}
.c-bottom-sheet__empty-space {
	width: 25px;
}
.c-bottom-sheet__empty-space div {
	height: 4rem;
}
.c-bottom-sheet__item {
    width: 100%;
    list-style: none;
}
.c-bottom-sheet__item-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.c-bottom-sheet__item-content.top-level {
    padding: 10px 28px;
}
.c-bottom-sheet__item-content.nest-level {
    padding: 4px 28px 4px 38px;
}
.c-bottom-sheet__item-content.sub-level {
    padding: 4px 28px 4px 64px;
}
.c-bottom-sheet__item h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    margin: 0;
}
.c-bottom-sheet__list > li {
	margin: 0;
	padding: 0;
}
.c-bottom-sheet__item a:hover,
.c-bottom-sheet__item a:active {
	color: #32A6C1;
}
.c-bottom-sheet__item-list {
    padding: 0;
    margin: 0;
    width: 100%;
}
.c-bottom-sheet__item-list * {
    font-weight: 400;
    font-size: 18px;
}
.c-bottom-sheet__category-status {
	width: 16px;
	height: 9px;
}
.c-bottom-sheet__link {
  display: block;
  padding: 1rem 0;
}
.c-bottom-sheet__link:hover,
.c-bottom-sheet__link:visited {
  color: unset;
  text-decoration: none;
}
.c-bottom-sheet__list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.overflow-hidden {
	overflow: hidden;
}
.c-bottom-sheet__tick {
  display: none;
  font-size: 24px;
  object-fit: contain;
  vertical-align: middle;
}
.c-bottom-sheet__tick:before {
  color: #48af4a;
}
.c-bottom-sheet__item.active .c-bottom-sheet__tick {
  display: block;
}
@keyframes ball1Move-0 {
	0% {
		transform: translate(0, 0);
	}
	62% {
		transform: translate(-6px, -3px);
	}
	100% {
		transform: translate(0, 0);
	}
}

@keyframes ball2Move-0 {
	0% {
		transform: translate(0, 0);
	}
	62% {
		transform: translate(3px, 6px);
	}
	100% {
		transform: translate(0, 0);
	}
}

@keyframes ballHover-0 {
	0% {
		transform: scale(1)
	}
	16% {
		transform: scale(1.016)
	}
	100% {
		transform: scale(1)
	}
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes horizontal-move {
	0% {
		transform: scale(2) translateX(0);
		opacity: 1;
		display: flex;
	}
	100% {
		transform: scale(2) translateX(6vw);
		opacity: 0;
		display: none;
	}
}

@keyframes horizontal-move-2 {
	0% {
		transform: translateX(-15vw);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes rotate180-0 {
	from {
		transform: rotate(-180deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@keyframes rotate180-1 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-180deg);
	}
}

@keyframes rotate180-reverse-0 {
	from {
		transform: rotate(180deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@keyframes rotate180-reverse-1 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(180deg);
	}
}

@keyframes slideDown-1 {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes slideUp-0 {
	from {
		transform: translateY(0%);
	}
	to {
		transform: translateY(100%);
	}
}

@keyframes slideUp-1 {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0%);
	}
}

@keyframes markChange-0 {
	0% {
		background: unset;
	}
	62% {
		background: #333;
	}
	100% {
		background: unset;
	}
}

@keyframes markChange-1 {
}

@keyframes pop-countryselect-1 {
	from {
		transform: scale(1, .33) translate(0, 100%);
	}
	to {
		transform: scale(1, 1) translate(0, 0);
	}
}

@keyframes pop-countryselect-0 {
	from {
		transform: scale(1, 1) translate(0, 0);
	}
	to {
		transform: scale(1, .33) translate(0, 100%);
	}
}
  #sheet {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	visibility: visible;
	transition: opacity 0.5s, visibility 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #000000;
  }
  #sheet[aria-hidden="true"] {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
  }
  #sheet .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #888;
	opacity: 0.5;
  }
  #sheet .contents {
	margin-top: 80px;
	border-radius: 1rem 1rem 0 0;
	background: #fff;
	position: relative;
	overflow-y: auto;
	--default-transitions: transform 0.5s, border-radius 0.5s;
	transition: var(--default-transitions);
	transform: translateY(0);
	max-height: 100vh;
	height: 30vh;
	max-width: 70rem;
	box-sizing: border-box;
	padding: 1.5rem 0 1rem 0;
	overflow-x: hidden;
  }
  #sheet .controls {
      padding: 12px;
  }
  #sheet .contents:not(.not-selectable) {
	transition: var(--default-transitions), height 0.5s;
  }
  #sheet .contents.fullscreen {
	border-radius: 0;
  }
  #sheet[aria-hidden="true"] .contents {
	transform: translateY(100%);
  }
  #sheet .draggable-area {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 4.5rem;
	margin: auto;
	padding: 10px 1rem 1rem;
	cursor: grab;
  }
  #sheet .draggable-thumb {
	width: 100%;
	height: 5px;
	background: #dcdcdc;
	border-radius: 0.125rem;
  }
  #sheet .close-sheet {
	border: none;
  }
  #sheet .body {
	height: 100%;
  }
  #sheet a {
      color: inherit;
  }
  #sheet a:hover, #sheet a:active {
    color: #32A6C1;
  }