@media screen and (max-width: 760px) {
  .s-product-page .s-page-body {
    display: grid;
    grid-template-rows: auto 1fr 1fr;
    grid-template-areas: "mainSidebar mainSidebar";
    grid-template-columns: auto;
  }
}
@media screen and (max-width: 760px) {
  .s-product-page .s-page-menu {
    grid-area: mainSidebar;
    height: auto !important;
  }
}
.s-page-menu > .app-sidebar {
  position: sticky;
  top: 4rem;
}
.app-sidebar,
.s-products-page-menu {
  transition: all 300ms ease-in;
  border-right: 1px solid var(--border-color);
}
@media screen and (max-width: 760px) {
  .app-sidebar,
  .s-products-page-menu {
    border-right: 0 !important;
    width: 100vw;
  }
}
.app-sidebar .s-menu-link-new-window,
.s-products-page-menu .s-menu-link-new-window {
  font-size: 0.75rem !important;
  color: var(--menu-glyph-color) !important;
  position: relative;
  top: -1px;
  margin-left: 2px;
}
.app-sidebar.is-pinned .s-main-menu > li.is-restricted .s-sub-menu,
.s-products-page-menu.is-pinned .s-main-menu > li.is-restricted .s-sub-menu {
  display: none;
}
.app-sidebar.is-pinned .s-main-menu > li.selected .item:not(a),
.s-products-page-menu.is-pinned .s-main-menu > li.selected .item:not(a) {
  background: transparent;
  color: var(--menu-link-color);
}
.app-sidebar.is-pinned .s-toggle-wrapper .fa-caret-right,
.s-products-page-menu.is-pinned .s-toggle-wrapper .fa-caret-right {
  display: none;
}
.app-sidebar.is-unpinned,
.s-products-page-menu.is-unpinned {
  width: 4rem;
}
@media screen and (max-width: 760px) {
  .app-sidebar.is-unpinned,
  .s-products-page-menu.is-unpinned {
    width: 100vw !important;
  }
}
.app-sidebar.is-unpinned:not(.hover-is-disabled):hover,
.s-products-page-menu.is-unpinned:not(.hover-is-disabled):hover {
  z-index: 10;
}
.app-sidebar.is-unpinned:not(.hover-is-disabled):hover .sidebar,
.s-products-page-menu.is-unpinned:not(.hover-is-disabled):hover .sidebar {
  box-shadow: 0 0 70px var(--drawer-shadow-color);
}
@media screen and (max-width: 760px) {
  .app-sidebar.is-unpinned:not(.hover-is-disabled):hover .sidebar,
  .s-products-page-menu.is-unpinned:not(.hover-is-disabled):hover .sidebar {
    box-shadow: none;
  }
}
.app-sidebar.is-unpinned:not(.hover-is-disabled):hover .s-main-menu > li.is-restricted .s-sub-menu,
.s-products-page-menu.is-unpinned:not(.hover-is-disabled):hover .s-main-menu > li.is-restricted .s-sub-menu {
  display: none;
}
.app-sidebar.is-unpinned:not(.hover-is-disabled):hover .s-main-menu > li.selected .item:not(a),
.s-products-page-menu.is-unpinned:not(.hover-is-disabled):hover .s-main-menu > li.selected .item:not(a) {
  background: transparent;
  color: var(--menu-link-color);
}
.app-sidebar.is-unpinned.hover-is-disabled .sidebar,
.s-products-page-menu.is-unpinned.hover-is-disabled .sidebar,
.app-sidebar.is-unpinned:not(:hover) .sidebar,
.s-products-page-menu.is-unpinned:not(:hover) .sidebar {
  width: inherit;
}
.app-sidebar.is-unpinned.hover-is-disabled .s-tiny-ad-box,
.s-products-page-menu.is-unpinned.hover-is-disabled .s-tiny-ad-box,
.app-sidebar.is-unpinned:not(:hover) .s-tiny-ad-box,
.s-products-page-menu.is-unpinned:not(:hover) .s-tiny-ad-box {
  display: none;
}
.app-sidebar.is-unpinned.hover-is-disabled .s-main-menu .s-name,
.s-products-page-menu.is-unpinned.hover-is-disabled .s-main-menu .s-name,
.app-sidebar.is-unpinned:not(:hover) .s-main-menu .s-name,
.s-products-page-menu.is-unpinned:not(:hover) .s-main-menu .s-name {
  display: none;
}
@media screen and (max-width: 760px) {
  .app-sidebar.is-unpinned.hover-is-disabled .s-main-menu .s-name,
  .s-products-page-menu.is-unpinned.hover-is-disabled .s-main-menu .s-name,
  .app-sidebar.is-unpinned:not(:hover) .s-main-menu .s-name,
  .s-products-page-menu.is-unpinned:not(:hover) .s-main-menu .s-name {
    display: initial !important;
  }
}
.app-sidebar.is-unpinned.hover-is-disabled .s-main-menu .s-sub-menu,
.s-products-page-menu.is-unpinned.hover-is-disabled .s-main-menu .s-sub-menu,
.app-sidebar.is-unpinned:not(:hover) .s-main-menu .s-sub-menu,
.s-products-page-menu.is-unpinned:not(:hover) .s-main-menu .s-sub-menu {
  display: none;
}
.app-sidebar.is-unpinned.hover-is-disabled .s-main-menu > li > .item,
.s-products-page-menu.is-unpinned.hover-is-disabled .s-main-menu > li > .item,
.app-sidebar.is-unpinned:not(:hover) .s-main-menu > li > .item,
.s-products-page-menu.is-unpinned:not(:hover) .s-main-menu > li > .item {
  display: block;
}
.app-sidebar.is-unpinned.hover-is-disabled .s-main-menu > li > .item .s-icon-main,
.s-products-page-menu.is-unpinned.hover-is-disabled .s-main-menu > li > .item .s-icon-main,
.app-sidebar.is-unpinned:not(:hover) .s-main-menu > li > .item .s-icon-main,
.s-products-page-menu.is-unpinned:not(:hover) .s-main-menu > li > .item .s-icon-main {
  margin: 0;
}
@media screen and (max-width: 760px) {
  .app-sidebar.is-unpinned.hover-is-disabled .s-main-menu > li > .item .s-icon-main,
  .s-products-page-menu.is-unpinned.hover-is-disabled .s-main-menu > li > .item .s-icon-main,
  .app-sidebar.is-unpinned:not(:hover) .s-main-menu > li > .item .s-icon-main,
  .s-products-page-menu.is-unpinned:not(:hover) .s-main-menu > li > .item .s-icon-main {
    margin-right: 0.3rem;
  }
}
@media screen and (max-width: 760px) {
  .app-sidebar.is-unpinned.hover-is-disabled .s-main-menu > li:not(.is-restricted) .s-sub-menu,
  .s-products-page-menu.is-unpinned.hover-is-disabled .s-main-menu > li:not(.is-restricted) .s-sub-menu,
  .app-sidebar.is-unpinned:not(:hover) .s-main-menu > li:not(.is-restricted) .s-sub-menu,
  .s-products-page-menu.is-unpinned:not(:hover) .s-main-menu > li:not(.is-restricted) .s-sub-menu {
    display: initial !important;
  }
}
.app-sidebar.is-unpinned .s-toggle-wrapper .fa-caret-left,
.s-products-page-menu.is-unpinned .s-toggle-wrapper .fa-caret-left {
  display: none;
}
.app-sidebar .s-toggle-wrapper > *,
.s-products-page-menu .s-toggle-wrapper > * {
  padding-top: calc(1.5rem - 2px) !important;
  padding-bottom: calc(1.5rem - 2px) !important;
  opacity: 0.5;
}
@media screen and (max-width: 760px) {
  .app-sidebar .s-toggle-wrapper,
  .s-products-page-menu .s-toggle-wrapper {
    display: none;
  }
}
.app-sidebar .s-main-menu,
.s-products-page-menu .s-main-menu {
  user-select: none;
}
.app-sidebar .s-main-menu > *.is-restricted > .item > .s-name .s-icon-toggle.is-expanded,
.s-products-page-menu .s-main-menu > *.is-restricted > .item > .s-name .s-icon-toggle.is-expanded {
  display: none;
}
.app-sidebar .s-main-menu > *:not(.is-restricted) > .item > .s-name .s-icon-toggle:not(.is-expanded),
.s-products-page-menu .s-main-menu > *:not(.is-restricted) > .item > .s-name .s-icon-toggle:not(.is-expanded) {
  display: none;
}
.app-sidebar .s-main-menu > * > .item,
.s-products-page-menu .s-main-menu > * > .item {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
  padding-left: 1.3125rem;
}
.app-sidebar .s-main-menu > * > .item > .s-icon-main,
.s-products-page-menu .s-main-menu > * > .item > .s-icon-main {
  vertical-align: top;
  margin-left: 0;
  margin-right: 1rem;
  font-size: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  color: var(--menu-glyph-color);
}
.app-sidebar .s-main-menu > * > .item > .s-icon-main > *,
.s-products-page-menu .s-main-menu > * > .item > .s-icon-main > * {
  width: 1em !important;
  max-width: 1em;
  font-size: 1em;
  color: inherit;
}
.app-sidebar .s-main-menu > * > .item > .s-name,
.s-products-page-menu .s-main-menu > * > .item > .s-name {
  align-self: center;
  font-weight: bold;
  color: var(--gray-dark);
  font-size: 0.9375rem;
}
.app-sidebar .s-main-menu > * > .item > .s-name .s-icon-toggle,
.s-products-page-menu .s-main-menu > * > .item > .s-name .s-icon-toggle {
  display: inline-block;
  margin-left: 4px;
  font-size: 1em;
  transform: translate(0, 1px);
}
.app-sidebar .s-main-menu > * > .item > .s-name .s-icon-toggle > svg,
.s-products-page-menu .s-main-menu > * > .item > .s-name .s-icon-toggle > svg {
  font-size: inherit;
}
.app-sidebar .s-main-menu > *.selected a > .s-icon-main,
.s-products-page-menu .s-main-menu > *.selected a > .s-icon-main,
.app-sidebar .s-main-menu > *.selected > .item > .s-icon-main,
.s-products-page-menu .s-main-menu > *.selected > .item > .s-icon-main {
  color: var(--gray-dark);
}
.app-sidebar .s-main-menu > * .s-sub-menu > *:first-child,
.s-products-page-menu .s-main-menu > * .s-sub-menu > *:first-child {
  border-top: 1px solid transparent;
}
.app-sidebar .s-main-menu > * .s-sub-menu > *:last-child,
.s-products-page-menu .s-main-menu > * .s-sub-menu > *:last-child {
  border-bottom: 0;
}
.app-sidebar .s-main-menu > * .s-sub-menu > * > .item,
.s-products-page-menu .s-main-menu > * .s-sub-menu > * > .item {
  padding-left: 3.6125rem;
}
.s-tiny-ad-box {
  border-radius: 0.375rem;
  background: var(--background-color-input-solid);
  padding: 0.75rem 0.75rem;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  overflow: hidden;
}
.s-tiny-ad-box .s-tiny-ad-close {
  float: right;
  color: var(--light-gray);
  font-size: 1.25rem;
  position: relative;
  top: -0.6125rem;
}
.s-tiny-ad-box .heading {
  padding: 0;
  margin: 0 0 0.75rem;
}
.s-tiny-ad-box img.s-mobile-badge {
  display: block;
  max-width: 83%;
  margin: 0 auto 0.5rem;
}
@media (max-width: 760px) {
  .s-tiny-ad-box img.s-mobile-badge {
    max-width: 75%;
  }
}
.s-tiny-ad-box p {
  font-size: 0.8125rem;
}
@media (max-width: 760px) {
  .s-tiny-ad-box p {
    font-size: 0.937rem;
  }
}
.s-tiny-ad-box p.hint {
  font-size: 0.75rem;
}
@media (max-width: 760px) {
  .s-tiny-ad-box p.hint {
    font-size: 0.875rem;
  }
}
.s-tiny-ad-box p.hint a {
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1rem;
  max-width: 80%;
}