.p-header-default__menu {
  --slanted-width: 100vw;

  width: var(--slanted-width);

  position: absolute;
  z-index: 500;
  top: 100%;
  right: 0;

  background-color: var(--v-color__dark--transparent--alt1);
  box-shadow: var(--v-shadow__default);

  transition: var(--v-transition__default);

  transform: skewY( var(--slanted-angle-negative) ) translateY( 2rem );
  pointer-events: none;
  opacity: 0;
}

body.is-menu-open .p-header-default__menu {
  transform: skewY( var(--slanted-angle-negative) ) translateY( 0 );
  pointer-events: auto;
  opacity: 1;
}

.p-header-default__menu > .w153-pbd-element__inner--0 {
  display: flex;
  justify-content: flex-end;
  padding-left: var(--v-spacing__default);
  padding-right: var(--v-spacing__default);
}

.p-header-default__menu-main {
  padding: 1rem 0;
}

.p-header-default__menu-main .is-menu__li--level-0 {
  text-align: right;
  padding: 0.4rem 0;
}

.p-header-default__menu-main .is-menu__a--level-0 {
  color: var(--v-color__light);
  font-weight: var(--v-font-weight__default--bold);
  text-decoration: none;
  font-size: 130%;
  line-height: 1.1;
  border-bottom: 3px solid transparent;
}

.p-header-default__menu-main .is-menu__a--level-0:hover {
  border-bottom-color: var(--v-color__light);
}

@media (min-width: 500px) {
  .p-header-default__menu {
    --slanted-width: 20rem;
  }

  .p-header-default__menu > .w153-pbd-element__inner--0 {
    justify-content: center;
  }

  .p-header-default__menu-main {
    padding: 2rem 0;
  }
}

@media (min-width: 1400px) {
  .p-header-default__menu {
    --slanted-width: 25rem;
  }

  .p-header-default__menu-main .is-menu__a--level-0 {
    font-size: 150%;
  }
}