.menu-toggle-wrap {
  /* float: right;
  width: 32px;
  height: 32px; */
}

.menu-toggle-label {
  display: block;
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menu-toggle-wrap .menu-toggle-bread {
  position: absolute;
  width: 32px;
  height: 32px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menu-toggle-wrap .menu-toggle-bread.menu-toggle-bread-top {
  -webkit-transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
		  transform: none;
  z-index: 4;
}

.menu-toggle-wrap .menu-toggle-bread.menu-toggle-bread-bottom {
  -webkit-transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
		  transform: none;
}

.menu-toggle-wrap .menu-toggle-bread-crust {
  display: block;
  width: 24px;
  height: 3px;
  background: var(--baltic-sea);
  position: absolute;
  left: 6.5px;
  z-index: 1;
  border-radius: 2px / 2px;
  transition: .25s;
  -webkit-border-radius: 2px 2px;
  -moz-border-radius: 2px / 2px;
}

	@media (prefers-color-scheme: dark) {
		.menu-toggle-wrap .menu-toggle-bread-crust {
		  background: var(--white);
		}
	}
  


.menu-toggle-wrap .menu-toggle-bread-crust.menu-toggle-bread-crust-top {
  top: 12px;
  -webkit-transform: translateY(-2px);
		  transform: translateY(-2px);
  -webkit-transition: -webkit-transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
  transition: -webkit-transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
  transition: transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
  transition: transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s, -webkit-transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
}

.menu-toggle-wrap .menu-toggle-bread-crust.menu-toggle-bread-crust-bottom {
  bottom: 12px;
  -webkit-transform: translateY(2px);
		  transform: translateY(2px);
  -webkit-transition: -webkit-transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
  transition: -webkit-transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
  transition: transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
  transition: transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s, -webkit-transform 0.16s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1s;
}
.menu-toggle-wrap #menu-toggle-checkbox:checked ~ .menu-toggle-label .menu-toggle-bread-top,
.menu-toggle-wrap #menu-toggle-checkbox:target ~ .menu-toggle-label .menu-toggle-bread-top {
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  transition: -webkit-transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  transition: transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  transition: transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s, -webkit-transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  -webkit-transform: rotate(45deg);
		  transform: rotate(45deg);
}
.menu-toggle-wrap #menu-toggle-checkbox:checked ~ .menu-toggle-label .menu-toggle-bread-bottom,
.menu-toggle-wrap #menu-toggle-checkbox:target ~ .menu-toggle-label .menu-toggle-bread-bottom {
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  transition: -webkit-transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  transition: transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  transition: transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s, -webkit-transform 0.32s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1s;
  -webkit-transform: rotate(-45deg);
		  transform: rotate(-45deg);
}
.menu-toggle-wrap #menu-toggle-checkbox:checked ~ .menu-toggle-label .menu-toggle-bread-crust-top,
.menu-toggle-wrap #menu-toggle-checkbox:target ~ .menu-toggle-label .menu-toggle-bread-crust-top {
  -webkit-transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
		  transform: none;
}
.menu-toggle-wrap #menu-toggle-checkbox:checked ~ .menu-toggle-label .menu-toggle-bread-crust-bottom,
.menu-toggle-wrap #menu-toggle-checkbox:target ~ .menu-toggle-label .menu-toggle-bread-crust-bottom {
  -webkit-transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  transition: transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform 0.18s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  -webkit-transform: none;
		  transform: none;
}