.PressHomepageMenu {
  position: fixed;
  top: 0;
  left: 0;
  height: calc(var(--screenHeight)*0.833);
  padding: calc(10px + 1vw);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start
}

@media (min-width:811px) {
  .PressHomepageMenu {
    height: var(--screenHeight)
  }
}

.PressHomepageMenu__logo {
  left: calc(10px + 1vw);
  z-index: 3
}

.PressHomepageMenu__label {
  position: relative;
  opacity: 0;
  transform-origin: 0 50%;
  height: 100%;
  font-size: 15px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--color);
  display: none
}

.PressHomepageMenu__productList {
  margin-left: 4px
}

@media (max-width:899px) {
  .PressHomepageMenu__productList {
    display: none
  }
}

.PressHomepageMenu__return {
  position: relative;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity .3s;
  left: -1px;
  padding-bottom: 8px;
  pointer-events: none
}

.PressHomepageMenu__returnIcon {
  stroke: var(--color);
  margin-right: 8px
}

@media (min-width:1100px) {
  .PressHomepageMenu__returnIcon {
    margin-right: 16px
  }
}

.PressHomepageMenu__film {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-top: 2px;
  margin-top: -2px;
  min-height: 20px;
  color: var(--color);
  font-size: 15px;
  transition: opacity .3s;
  opacity: 0
}

.PressHomepageMenu__filmIcon {
  margin-right: 8px
}

@media (min-width:1100px) {
  .PressHomepageMenu__filmIcon {
    margin-right: 16px
  }
}

.PressHomepageMenu__podcast {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-top: 4px;
  margin-top: -2px;
  min-height: 20px;
  color: var(--color);
  font-size: 15px;
  transition: opacity .3s;
  opacity: 0
}

.PressHomepageMenu__podcastIcon {
  margin-right: 8px
}

@media (min-width:1100px) {
  .PressHomepageMenu__podcastIcon {
    margin-right: 16px
  }
}

.PressHomepageMenu__about {
  cursor: pointer;
  transition: opacity .2s;
  opacity: 0;
  will-change: opacity;
  margin-left: 6px
}

@media (min-width:900px) {
  .PressHomepageMenu__about {
    opacity: .8
  }
}

.PressHomepageMenu__about svg {
  fill: var(--color);
  will-change: fill
}

.PressHomepageMenu__about:hover {
  opacity: 1
}

.PressHomepageMenu__filmSvg {
  display: block;
  fill: var(--color);
  opacity: .3;
  will-change: fill;
  will-change: opacity
}

.PressHomepageMenu__productIndicator--isActive .PressHomepageMenu__filmSvg {
  opacity: 1
}

.PressHomepageMenu__label--film {
  top: -1px
}

.PressHomepageMenu__film:hover .PressHomepageMenu__label {
  display: block;
  animation: MenuLabelReveal .2s ease forwards
}

.PressHomepageMenu__film:hover .PressHomepageMenu__filmSvg {
  opacity: 1
}

.PressHomepageMenu__podcastSvg {
  display: block;
  fill: var(--color);
  opacity: .3;
  will-change: fill;
  will-change: opacity
}

.PressHomepageMenu__productIndicator--isActive .PressHomepageMenu__podcastSvg {
  opacity: 1
}

.PressHomepageMenu__label--podcast {
  top: -1px
}

.PressHomepageMenu__podcast:hover .PressHomepageMenu__label {
  display: block;
  animation: MenuLabelReveal .2s ease forwards
}

.PressHomepageMenu__podcast:hover .PressHomepageMenu__podcastSvg {
  opacity: 1
}

.PressHomepageMenu__productIndicator {
  position: relative;
  width: 16px;
  height: 13px;
  cursor: pointer;
  padding: 5px 0;
  transition: transform .3s;
  transform: scaleX(0);
  color: var(--color);
  opacity: 0
}

.PressHomepageMenu__productIndicatorFill {
  width: 100%;
  height: 100%;
  background: var(--color);
  opacity: .3;
  will-change: opacity;
  transition: transform .2s;
  transform-origin: 0 0
}

.PressHomepageMenu__label--productIndicator {
  position: absolute;
  padding-left: 90px;
  left: 0;
  top: -3px
}

.PressHomepageMenu__productIndicator--isActive .PressHomepageMenu__productIndicatorFill,
.PressHomepageMenu__productIndicator:hover .PressHomepageMenu__productIndicatorFill {
  opacity: 1
}

.PressHomepageMenu--isInitialized .PressHomepageMenu__productIndicator {
  opacity: 1;
  transform: scaleX(1)
}

.PressHomepageMenu--isInitialized .PressHomepageMenu__film,
.PressHomepageMenu--isInitialized .PressHomepageMenu__podcast {
  opacity: 1
}

.PressHomepage--isDragging .PressHomepageMenu {
  pointer-events: none
}

.PressHomepage--isActiveProduct .PressHomepageMenu--isInitialized .PressHomepageMenu__return {
  cursor: pointer;
  pointer-events: auto;
  animation: MenuLabelReveal .2s ease forwards
}

.PressHomepage--isActiveProduct .PressHomepageMenu__return:hover .PressHomepageMenu__label {
  animation: MenuLabelReveal .2s ease forwards
}

.PressHomepage--isActiveProduct .PressHomepageMenu__productList,
.PressHomepage--isIndicatorLabel .PressHomepageMenu__label {
  display: block
}

.PressHomepage--isIndicatorLabel .PressHomepageMenu__productIndicator:hover .PressHomepageMenu__label {
  animation: MenuLabelReveal .2s ease forwards
}

@keyframes MenuLabelReveal {
  0% {
    transform: translateX(-5px);
    opacity: 0
  }

  to {
    transform: translateX(0);
    opacity: 1
  }
}