body.browsing-with-smartphone #mahoGlobalHeaderRegular {
  display: none
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-white);
  z-index: 2;
  box-shadow: 0 1px 0 var(--borderColor-shadow)
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: var(--width-tablet);
  margin: 0 auto
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner a, body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner button {
  height: var(--touchTargetSize);
  line-height: var(--touchTargetSize);
  display: block
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner .common, body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner .personal {
  width: calc(var(--touchTargetSize) * 2)
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner .logo {
  flex: 1;
  min-width: 0;
  text-align: center
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner .common {
  display: flex
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner .common button {
  padding: 0 var(--margin-small) 0 var(--margin-large)
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner .common a {
  padding: 0 var(--margin-small) 0 var(--margin-default)
}

body.browsing-with-smartphone #mahoGlobalHeaderCompact-inner .personal a {
  padding: 0 var(--margin-default) 0 0;
  font-size: var(--fontSize-small);
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right
}

body.browsing-with-smartphone #mahoGlobaMenu {
  z-index: 2;
  background: #fff;
  display: none;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0, 0, 0, .3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: background .2s var(--easeInOutSine)
}

body.browsing-with-smartphone #mahoGlobaMenu.isShown {
  display: flex
}

body.browsing-with-smartphone #mahoGlobaMenu-content {
  outline: none;
  background: var(--color-white);
  height: 100vh;
  width: 100vw;
  max-height: 100%;
  overflow: hidden;
  transition: max-height .2s var(--easeInOutSine);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5)
}

body.browsing-with-smartphone #mahoGlobaMenu-content .content {
  height: calc(100vh - var(--compactGlobalHeaderHeight));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

body.browsing-with-smartphone #mahoGlobaMenu-content .header {
  height: var(--compactGlobalHeaderHeight);
  box-shadow: 0 1px 0 var(--borderColor-shadow)
}

body.browsing-with-smartphone #mahoGlobaMenu-content .header>.ConstrainWidthLayoutCompact {
  display: flex;
  height: 100%
}

body.browsing-with-smartphone #mahoGlobaMenu-content .closeButton>button {
  box-sizing: content-box;
  padding: 0 0 0 calc(var(--margin-large) + 2px);
  width: 38px;
  height: 100%;
  text-align: left
}

body.browsing-with-smartphone #mahoGlobaMenu-content .closeButton>button:focus>svg path, body.browsing-with-smartphone #mahoGlobaMenu-content .closeButton>button:hover>svg path {
  stroke: var(--color-mahoPink)
}

body.browsing-with-smartphone #mahoGlobaMenu-content form {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row-reverse
}

body.browsing-with-smartphone #mahoGlobaMenu-content form>button {
  padding: 0 var(--margin-default) 0 var(--margin-large)
}

body.browsing-with-smartphone #mahoGlobaMenu-content form>button>svg {
  max-width: 15px
}

body.browsing-with-smartphone #mahoGlobaMenu-content input {
  flex: 1;
  min-width: 0;
  padding: 0 var(--margin-large) 0 0;
  font-size: var(--fontSize-default);
  cursor: text
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks, body.browsing-with-smartphone #mahoGlobaMenu-content section {
  margin: 0 0 calc(var(--margin-large) + var(--margin-default))
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks:not(:first-child), body.browsing-with-smartphone #mahoGlobaMenu-content section:not(:first-child) {
  border-top: 1px solid var(--borderColor-default)
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks>.ConstrainWidthLayoutCompact, body.browsing-with-smartphone #mahoGlobaMenu-content section>.ConstrainWidthLayoutCompact {
  display: flex;
  padding: 0 var(--margin-large)
}

body.browsing-with-smartphone #mahoGlobaMenu-content section {
  padding: var(--margin-small) 0 0
}

body.browsing-with-smartphone #mahoGlobaMenu-content section .WeakText {
  width: 38px;
  padding: var(--margin-small) 0 0 0;
  box-sizing: content-box
}

body.browsing-with-smartphone #mahoGlobaMenu-content .primary {
  flex: 1;
  min-width: 0;
  font-size: var(--fontSize-xlarge)
}

body.browsing-with-smartphone #mahoGlobaMenu-content .primary li>a {
  padding: var(--margin-xsmall) 0 var(--margin-xsmall) var(--margin-large);
  display: block
}

body.browsing-with-smartphone #mahoGlobaMenu-content .secondary li>a {
  padding: var(--margin-small) var(--margin-large);
  display: block
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks {
  padding: var(--margin-small) 0 0
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks>.ConstrainWidthLayoutCompact>.GlobalLinks {
  padding: 0 0 0 calc(var(--margin-large) + 38px);
  max-width: var(--width-mobile)
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks ul {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fontSize-small)
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks li>a {
  display: block;
  padding: var(--margin-small) var(--margin-small) var(--margin-small) 0
}

body.browsing-with-smartphone #mahoGlobaMenu-content .globalLinks li:not(:last-child)>a:after {
  content: "/";
  display: inline-block;
  margin: 0 0 0 var(--margin-small);
  color: var(--color-darkGray)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderCompact {
  display: none
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular {
  border-top: 5px solid var(--color-black);
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--regularGlobalHeaderHeight) + 5px);
  background: var(--mahoGlobalHeaderRegular-background, var(--color-white));
  z-index: 2;
  box-shadow: 0 1px 0 var(--borderColor-shadow)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner {
  width: 100%;
  display: flex;
  justify-content: space-between
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner li {
  height: var(--regularGlobalHeaderHeight);
  line-height: var(--regularGlobalHeaderHeight)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal {
  flex: 1
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common ul, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal ul {
  display: flex
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common a:focus svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common a:focus svg path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common a:hover svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common a:hover svg path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common button:focus svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common button:focus svg path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common button:hover svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common button:hover svg path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal a:focus svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal a:focus svg path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal a:hover svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal a:hover svg path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal button:focus svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal button:focus svg path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal button:hover svg circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal button:hover svg path {
  stroke: var(--color-mahoPink)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common path, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal circle, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal path {
  transition: stroke var(--linkTransition)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common li:not(.logibutton) a, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal li:not(.logibutton) a {
  display: block
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .menu button {
  height: 100%;
  padding: 0 var(--margin-default);
  margin: 0 0 0 calc(var(--margin-default) * -1)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common li {
  white-space: nowrap
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common li button {
  vertical-align: top;
  height: 100%
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common li a {
  padding: 0 var(--margin-small);
  transition: color var(--linkTransition);
  display: block
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common li a:focus, body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .common li a:hover {
  color: var(--color-mahoPink)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .logo {
  line-height: 1;
  text-align: center
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .logo a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .logo img {
  -webkit-transform: translateY(-.2em);
  transform: translateY(-.2em);
  width: 140px;
  height: auto
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal {
  margin: 0 0 0 35px
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal ul {
  justify-content: flex-end
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .personal li a {
  padding: 0 var(--margin-default)
}

body:not(.browsing-with-smartphone) #mahoGlobalHeaderRegular-inner .bookmarks {
  margin: 0 calc(var(--margin-default) * -1) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu {
  z-index: 2;
  background: #fff;
  display: none;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0, 0, 0, .3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: background .2s var(--easeInOutSine)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu.isShown {
  display: flex
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content {
  outline: none;
  background: var(--color-white);
  height: 100vh;
  width: 100vw;
  max-height: 100%;
  overflow: hidden;
  transition: max-height .2s var(--easeInOutSine);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .content {
  height: calc(100vh - var(--regularGlobalHeaderHeightWithBorder));
  padding: var(--margin-large) 0 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .content>.ConstrainWidthLayoutRegular {
  display: flex
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .header {
  border-top: 5px solid var(--borderColor-black);
  height: var(--regularGlobalHeaderHeightWithBorder)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .header>.ConstrainWidthLayoutRegular {
  display: flex;
  height: 100%
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .closeButton>button {
  box-sizing: content-box;
  padding: 0 4px 0 2px;
  width: 38px;
  height: 100%;
  text-align: left
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .closeButton>button:focus>svg path, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .closeButton>button:hover>svg path {
  stroke: var(--color-mahoPink)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content form {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row-reverse
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content form>button {
  padding: 0 var(--margin-default) 0 0;
  border-bottom: 1px solid var(--borderColor-default)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content form>button>svg {
  max-width: 15px
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content input {
  flex: 1;
  min-width: 0;
  padding: 0 var(--margin-large) 0 0;
  font-size: var(--fontSize-input);
  border-bottom: 1px solid var(--borderColor-default);
  cursor: text
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content input:focus, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content input:focus+button, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content input:hover, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content input:hover+button {
  border-bottom-color: var(--borderColor-black)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .read {
  margin-right: calc(var(--margin-large) * 3)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content section {
  margin: 0 0 calc(var(--margin-large) + var(--margin-default))
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content section {
  padding: var(--margin-small) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content section>.WeakText {
  margin: 0 0 0 2px;
  height: 24px
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .primary li>a, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .secondary li>a {
  transition: color var(--linkTransition);
  padding: var(--margin-small) 0;
  display: block
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .primary li>a:focus, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .primary li>a:hover, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .secondary li>a:focus, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .secondary li>a:hover {
  color: var(--color-mahoPink)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .primary {
  flex: 1;
  min-width: 0;
  font-size: var(--fontSize-xlarge)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .secondary {
  margin: var(--margin-small) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks {
  padding: var(--margin-small) 0 0;
  flex: 1
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks .ConstrainWidthLayoutRegular {
  padding: 0
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks ul {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fontSize-small);
  max-width: 50%;
  margin: 28px 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks li>a {
  display: block;
  padding: 6px var(--margin-small) 6px 0;
  transition: color var(--linkTransition)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks li>a:focus, body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks li>a:hover {
  color: var(--color-mahoPink)
}

body:not(.browsing-with-smartphone) #mahoGlobaMenu-content .globalLinks li:not(:last-child)>a:after {
  content: "/";
  display: inline-block;
  margin: 0 0 0 var(--margin-small);
  color: var(--color-darkGray)
}

body.browsing-with-smartphone #mahoGlobalFooterRegular {
  display: none
}

body.browsing-with-smartphone #mahoGlobalFooterCompact {
  background: var(--color-black);
  color: var(--color-lightGray);
  padding: 0 0 var(--margin-large);
  border-bottom: 1px solid var(--borderColor-blackOnBlack)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact .social ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly
}

body.browsing-with-smartphone #mahoGlobalFooterCompact .social li {
  line-height: var(--lineHeight-small)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact .social li>a {
  display: flex;
  align-items: center;
  padding: var(--margin-default) 0;
  font-size: var(--fontSize-small);
  color: var(--color-lightGray)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact .social div {
  margin-right: var(--margin-small);
  text-align: center;
  width: auto
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-primaryLinks ul {
  border-bottom: 1px solid var(--borderColor-darkOnBlack)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-primaryLinks li {
  border-top: 1px solid var(--borderColor-darkOnBlack)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-primaryLinks li a {
  display: block;
  padding: var(--margin-default) var(--margin-large);
  transition: color var(--linkTransition);
  max-width: var(--width-tablet);
  margin: 0 auto
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-primaryLinks li button {
  color: var(--color-white);
  width: 100%
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-primaryLinks li button div {
  padding: var(--margin-default) var(--margin-large);
  max-width: var(--width-tablet);
  margin: 0 auto;
  display: flex;
  justify-content: space-between
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-primaryLinks li ul {
  background: var(--color-richBlack);
  border: none
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-primaryLinks li ul li:first-child {
  border: none
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-genres, body.browsing-with-smartphone #mahoGlobalFooterCompact-rankings, body.browsing-with-smartphone #mahoGlobalFooterCompact-recent {
  display: none
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-genres.isShown, body.browsing-with-smartphone #mahoGlobalFooterCompact-rankings.isShown, body.browsing-with-smartphone #mahoGlobalFooterCompact-recent.isShown {
  display: block
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-globalLinks {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fontSize-small);
  padding: var(--margin-default) var(--margin-large)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-globalLinks li>a {
  display: block;
  padding: var(--margin-small) var(--margin-small) var(--margin-small) 0
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-globalLinks li:not(:last-child)>a:after {
  content: "/";
  display: inline-block;
  margin: 0 0 0 var(--margin-small);
  color: var(--color-darkGray)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-credit {
  padding: var(--margin-default) var(--margin-large) var(--margin-large)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-credit div {
  display: flex
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-credit div p+p {
  margin: 0 0 0 var(--margin-small)
}

body.browsing-with-smartphone #mahoGlobalFooterCompact-credit small {
  margin: var(--margin-small) 0 0;
  display: block
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterCompact {
  display: none
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular {
  background: var(--color-black);
  color: var(--color-lightGray);
  padding: var(--margin-default) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .site {
  border-top: 1px solid var(--borderColor-blackOnBlack);
  padding: var(--margin-xlarge) 0;
  display: flex;
  margin: var(--margin-xlarge) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .logo, body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .social {
  width: 20%;
  padding: 0 var(--margin-large) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .logo {
  font-size: var(--fontSize-xsmall);
  color: var(--color-mediumGray)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .logo>a {
  display: inline-block;
  padding: var(--margin-xsmall) 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .logo img {
  width: 140px;
  height: auto
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .catchphrase {
  margin: var(--margin-small) 0 0;
  text-align: center
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .links {
  width: 60%;
  padding: 0 var(--margin-large) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .links>.GlobalLinks {
  max-width: 50%
}

@media screen and (max-width:769px) {
  body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .links>.GlobalLinks {
    max-width: 100%
  }
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .links>.GlobalLinks>li>a {
  transition: color var(--linkTransition)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .links>.GlobalLinks>li>a:focus, body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular .links>.GlobalLinks>li>a:hover {
  color: var(--color-white)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-primaryLinks {
  margin: var(--margin-default) var(--margin-default) 0 0;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fontSize-large)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-primaryLinks a {
  display: block;
  padding: var(--margin-small) var(--margin-large) var(--margin-small) 0;
  transition: color var(--linkTransition)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-primaryLinks a:focus, body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-primaryLinks a:hover {
  color: var(--color-white)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks {
  display: flex;
  margin: var(--margin-large) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks div {
  padding: 0 var(--margin-large) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks h3 {
  font-weight: var(--fontWeight-light);
  line-height: var(--lineHeight-small);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: var(--letterSpacing-large);
  font-size: var(--fontSize-small);
  font-weight: var(--fontWeight-bold)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks h3:before {
  content: "▶︎";
  font-size: .8em;
  display: inline-block;
  -webkit-transform: translateY(-.1em);
  transform: translateY(-.1em);
  margin: 0 2px 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks ul {
  margin: var(--margin-default) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks li>a {
  padding: var(--margin-xsmall) 0;
  display: block;
  font-size: 14px;
  color: var(--color-dullGray);
  transition: color var(--linkTransition)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks li>a:focus, body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks li>a:hover {
  color: var(--color-paleGray)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks .genres {
  width: 60%
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks .genres ul {
  -webkit-columns: 3;
  -moz-columns: 3;
  column-count: 3;
  -webkit-column-gap: var(--margin-large);
  -moz-column-gap: var(--margin-large);
  column-gap: var(--margin-large)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks .rankings, body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-secondaryLinks .recentWorks {
  width: 20%
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-globalLinks {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fontSize-small);
  max-width: 50%
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-globalLinks li>a {
  display: block;
  padding: 6px var(--margin-small) 6px 0;
  transition: color var(--linkTransition)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-globalLinks li>a:focus, body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-globalLinks li>a:hover {
  color: var(--color-white)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-globalLinks li:not(:last-child)>a:after {
  content: "/";
  display: inline-block;
  margin: 0 0 0 var(--margin-small);
  color: var(--color-darkGray)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-credit {
  padding: var(--margin-xlarge) 0 0
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-credit div {
  display: flex
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-credit div p+p {
  margin: 0 0 0 var(--margin-small)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-credit small {
  margin: var(--margin-small) 0 0;
  display: block
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-social ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-social li {
  line-height: var(--lineHeight-small)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-social li>a {
  display: flex;
  align-items: center;
  padding: var(--margin-default) 0;
  font-size: var(--fontSize-small);
  color: var(--color-lightGray)
}

body:not(.browsing-with-smartphone) #mahoGlobalFooterRegular-social div {
  margin-right: var(--margin-default);
  text-align: center;
  width: 44px
}

#blog-title {
  display: none
}

#top-editarea {
  --topEditarea-background: var(--color-white)
}