@charset "UTF-8";
/* New swatches! */
:export {
  D10: #162D3D;
  D20: #32536A;
  D30: #577083;
  D40: #7A92A5;
  D50: #B6C1CD;
  D55: #CBD3DC;
  D60: #DFE5EB;
  D70: #F0F4F7;
  D80: #FFFFFF;
  B00: #2B81CB;
  B05: #308DDD;
  B10: #3899EC;
  B20: #4EB7F5;
  B25: #A1D7FB;
  B27: #B3E0FB;
  B30: #C1E4FE;
  B40: #DAEFFE;
  B50: #EAF7FF;
  B60: #F4FAFE;
  F00: #AADBFC;
  P00: #8E21B1;
  P10: #AA4DC8;
  P20: #CD68ED;
  P30: #E5C9EE;
  P40: #EEDBF4;
  P50: #FAEEFF;
  P60: #FAF7FC;
  O00: #EA5F0E;
  O10: #FB7D33;
  O20: #FF9A48;
  R00: #D6453D;
  R05: #D8504C;
  R10: #EE5951;
  R20: #FF6666;
  R30: #FFD7D7;
  R40: #FFE1E1;
  R50: #FFEBEB;
  R60: #FFF5F5;
  G00: #44823F;
  G05: #61AD5A;
  G10: #60BC57;
  G20: #80C979;
  G30: #C9EEBC;
  G40: #DEF4D4;
  G50: #EDF9E5;
  G60: #F2FBEF;
  Y00: #C68801;
  Y05: #EDA200;
  Y10: #FDB10C;
  Y20: #FAC249;
  Y30: #FEF0BA;
  Y40: #FEF4CD;
  Y50: #FDF7DF;
  Y60: #FFFCF0; }

/*********************************************
*              DEPRECATED SECTION - START!
* TODO: The ALL variable below this message.
***********************************************/
/*********************************************
*              DEPRECATED SECTION - END!!
***********************************************/
/* New swatches! */
:export {
  D10: #162D3D;
  D20: #32536A;
  D30: #577083;
  D40: #7A92A5;
  D50: #B6C1CD;
  D55: #CBD3DC;
  D60: #DFE5EB;
  D70: #F0F4F7;
  D80: #FFFFFF;
  B00: #2B81CB;
  B05: #308DDD;
  B10: #3899EC;
  B20: #4EB7F5;
  B25: #A1D7FB;
  B27: #B3E0FB;
  B30: #C1E4FE;
  B40: #DAEFFE;
  B50: #EAF7FF;
  B60: #F4FAFE;
  F00: #AADBFC;
  P00: #8E21B1;
  P10: #AA4DC8;
  P20: #CD68ED;
  P30: #E5C9EE;
  P40: #EEDBF4;
  P50: #FAEEFF;
  P60: #FAF7FC;
  O00: #EA5F0E;
  O10: #FB7D33;
  O20: #FF9A48;
  R00: #D6453D;
  R05: #D8504C;
  R10: #EE5951;
  R20: #FF6666;
  R30: #FFD7D7;
  R40: #FFE1E1;
  R50: #FFEBEB;
  R60: #FFF5F5;
  G00: #44823F;
  G05: #61AD5A;
  G10: #60BC57;
  G20: #80C979;
  G30: #C9EEBC;
  G40: #DEF4D4;
  G50: #EDF9E5;
  G60: #F2FBEF;
  Y00: #C68801;
  Y05: #EDA200;
  Y10: #FDB10C;
  Y20: #FAC249;
  Y30: #FEF0BA;
  Y40: #FEF4CD;
  Y50: #FDF7DF;
  Y60: #FFFCF0; }

/*********************************************
*              DEPRECATED SECTION - START!
* TODO: The ALL variable below this message.
***********************************************/
/*********************************************
*              DEPRECATED SECTION - END!!
***********************************************/
.navigation {
  margin-bottom: auto;
  overflow: auto;
  flex: 1;
  flex-basis: 0; }

.link-base, .linkLayout a, .backLink {
  display: block;
  padding: 14px 30px;
  transition: .2s ease all;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  line-height: 14px; }

.linkLayout {
  position: relative;
  display: block; }
  .linkLayout.linkDisabled {
    background: transparent !important; }
    .linkLayout.linkDisabled a {
      pointer-events: none;
      color: #FFFFFF !important;
      opacity: 0.45;
      background: transparent !important; }
  .linkLayout:hover, .linkLayout:focus {
    text-decoration: none; }
    .linkLayout:hover .linkArrow, .linkLayout:focus .linkArrow {
      opacity: 100; }
  .linkLayout:hover,
  .linkLayout:hover a {
    color: #9fd8fc; }
  .linkLayout:hover:not(.linkActive), .linkLayout:focus:not(.linkActive),
  .linkLayout:hover:not(.linkActive) a,
  .linkLayout:focus:not(.linkActive) a {
    background: #33566f;
    transition: 0.3s; }
  .linkLayout.linkDiminishedHover:hover,
  .linkLayout.linkDiminishedHover:hover a {
    background: transparent;
    color: #4EB7F5; }
  .linkLayout.linkDiminishedHover:focus,
  .linkLayout.linkDiminishedHover:focus a {
    background: transparent; }

.linkLayout, .linkLayout a {
  font-family: "HelveticaNeueW01-55Roma", "HelveticaNeueW02-55Roma", "HelveticaNeueW10-55Roma", "Helvetica Neue", "Helvetica", "Arial", "メイリオ, meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif";
  color: #FFFFFF; }

.linkLayout .linkAnchor {
  display: flex;
  align-items: center; }
  .linkLayout .linkAnchor .linkChildren {
    flex-grow: 1; }

.linkActive a {
  color: #9fd8fc;
  background: #2A4F68;
  transition: 0.3s; }

.linkArrow {
  opacity: 0;
  font-size: 10px;
  transition: 0.5s;
  height: 24px; }

.separator {
  margin: 20px 30px;
  border-bottom: 1px solid #577083; }

.backLink {
  font-family: "HelveticaNeueW01-65Medi", "HelveticaNeueW02-65Medi", "HelveticaNeueW10-65Medi", "Helvetica Neue", "Helvetica", "Arial", "メイリオ, meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif";
  position: relative;
  margin-bottom: 36px;
  margin-top: 21px; }
  .backLink:hover {
    color: #FFFFFF; }
    .backLink:hover .backArrow {
      transform: translateX(-5px); }

.backArrow {
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.5s; }
  .backArrow > svg {
    display: block;
    transform: scale(2); }

.backLabel {
  vertical-align: middle;
  margin: 0 8px; }

.categoryLabel {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  font-family: "HelveticaNeueW01-65Medi", "HelveticaNeueW02-65Medi", "HelveticaNeueW10-65Medi", "Helvetica Neue", "Helvetica", "Arial", "メイリオ, meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif";
  line-height: 14px;
  padding: 14px 30px; }

.linkBadge {
  content: '';
  vertical-align: top;
  display: inline-block;
  height: 0.5em;
  width: 0.5em;
  background: #FB7D33;
  border-radius: 50%;
  position: absolute;
  background-clip: content-box;
  padding: 17px 26px;
  top: 0;
  right: 0; }

:global(.rtl) .linkArrow, :global([dir='rtl']) .linkArrow {
  transform: scaleX(-1); }

:global(.rtl) .backLink:hover .backArrow, :global([dir='rtl']) .backLink:hover .backArrow {
  transform: translateX(5px); }

:global(.rtl) .backArrow > svg, :global([dir='rtl']) .backArrow > svg {
  transform: scale(-2); }

:global(.rtl) .linkBadge, :global([dir='rtl']) .linkBadge {
  left: 0;
  right: auto; }