.icon {
  display: -webkit-inline-box;
  display: inline-flex; }

.icon--glyph-box {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .icon--glyph-box.icon--size-s {
    height: 20px;
    width: 20px; }
  .icon--glyph-box.icon--size-m {
    height: 24px;
    width: 24px; }
  .icon--glyph-box.icon--size-l {
    height: 32px;
    width: 32px; }

.ar-button {
  display: -webkit-inline-box;
  display: inline-flex;
  max-width: 100%; }
  .ar-button__content {
    white-space: nowrap;
    overflow: hidden; }

.list-items {
  list-style: none;
  margin: 0;
  padding: 0; }
  .list-items--inline {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: nowrap; }
  .list-items__item {
    list-style-type: none; }

.icon {
  display: -webkit-inline-box;
  display: inline-flex; }

.icon--glyph-box {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .icon--glyph-box.icon--size-s {
    height: 20px;
    width: 20px; }
  .icon--glyph-box.icon--size-m {
    height: 24px;
    width: 24px; }
  .icon--glyph-box.icon--size-l {
    height: 32px;
    width: 32px; }

.button {
  background-color: transparent;
  border: 0;
  color: #000;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  text-align: left;
  text-decoration: none;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear; }
  .button--fullwidth {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    width: 100%; }
  .button--disabled {
    color: #ccc;
    cursor: none; }
    .button--disabled:hover {
      color: #ccc;
      cursor: default; }

.logo {
  height: 18px;
  width: 132px; }
  @media only screen and (min-width: 1024px) {
    .logo {
      height: 23px;
      width: 174px; } }
  @media only screen and (min-width: 1366px) {
    .logo {
      height: 23px;
      width: 174px; } }

.header-logo--standard-view {
  line-height: 0;
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */ }
  .header-logo--standard-view .header-logo__wrapper {
    font-size: 0;
    height: 100%;
    width: 175px; }
    @media only screen and (min-width: 1920px) {
      .header-logo--standard-view .header-logo__wrapper {
        width: 215px; } }
  .header-logo--standard-view .header-logo__logo {
    height: auto;
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
    width: auto; }

.header-logo--small-view {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  /* stylelint-disable-next-line selector-class-pattern */ }
  .header-logo--small-view .header-logo__wrapper {
    line-height: 0;
    width: 132px; }
    .header-logo--small-view .header-logo__wrapper:focus-within {
      outline: #000 dotted 1px;
      outline: -webkit-focus-ring-color auto 5px; }

.main-header {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  height: 56px;
  padding: 0 8px 0 24px; }
  .main-header .main-header__logo {
    width: 112px; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.backward-header {
  display: -webkit-box;
  display: flex;
  height: 56px;
  padding: 0 8px 0 16px; }
  .backward-header__inner {
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
    padding-right: 8px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.035); }
  .backward-header__back-icon {
    margin-right: 8px; }
  .backward-header__text {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    text-transform: uppercase; }
    @media only screen and (min-width: 1920px) {
      .backward-header__text {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .backward-header__text,
    [lang^='zf'] .backward-header__text {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .backward-header__text {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .backward-header__text {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.badge {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: none;
  background: transparent;
  border: solid 1px #ccc;
  color: #999;
  display: inline-block;
  padding: 0 6px;
  text-align: center; }
  @media only screen and (min-width: 1920px) {
    .badge {
      font-size: 14px;
      line-height: 20px; } }
  [lang^='zh'] .badge,
  [lang^='zf'] .badge {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .badge {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .badge {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.navigation-item {
  -webkit-box-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row; }
  @media only screen and (min-width: 1024px) {
    .navigation-item:hover {
      color: #999; } }
  .navigation-item--right {
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .navigation-item--left {
    -webkit-box-pack: initial;
            justify-content: initial; }
  .navigation-item--has-children .navigation-item__badge {
    margin-right: 16px; }
  .navigation-item--color-black {
    color: #000; }
  .navigation-item--color-night {
    color: #333; }
  .navigation-item--color-touch {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.035); }
  .navigation-item__text {
    text-align: left; }
    .navigation-item__text--primary {
      font-family: "Styrene", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 16px;
      text-transform: uppercase; }
      @media only screen and (min-width: 1920px) {
        .navigation-item__text--primary {
          font-size: 14px;
          line-height: 20px; } }
      [lang^='zh'] .navigation-item__text--primary,
      [lang^='zf'] .navigation-item__text--primary {
        font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ko'] .navigation-item__text--primary {
        font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ja'] .navigation-item__text--primary {
        font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
        font-weight: 600; }
    .navigation-item__text--secondary {
      font-family: "Styrene", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 16px;
      text-transform: none; }
      @media only screen and (min-width: 1920px) {
        .navigation-item__text--secondary {
          font-size: 14px;
          line-height: 20px; } }
      [lang^='zh'] .navigation-item__text--secondary,
      [lang^='zf'] .navigation-item__text--secondary {
        font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ko'] .navigation-item__text--secondary {
        font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ja'] .navigation-item__text--secondary {
        font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
        font-weight: 600; }
  .navigation-item__badge {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 8px; }
    @media only screen and (max-width: 374px) {
      .navigation-item__badge {
        max-width: 30vw; } }
    @media only screen and (min-width: 375px) {
      .navigation-item__badge {
        max-width: 112px; } }
  .navigation-item__icon {
    color: #000;
    float: right; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.primary-list__item::after {
  border-top: 1px solid #ccc;
  content: '';
  display: block;
  margin: 16px 0 16px 24px;
  width: 16px; }

.primary-list__item:last-child::after {
  content: none;
  display: none; }

.primary-section__title {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  -webkit-box-align: center;
          align-items: center;
  color: #000;
  display: -webkit-box;
  display: flex;
  height: 44px;
  padding: 0 8px 0 24px; }
  @media only screen and (min-width: 1920px) {
    .primary-section__title {
      font-size: 14px;
      line-height: 20px; } }
  [lang^='zh'] .primary-section__title,
  [lang^='zf'] .primary-section__title {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .primary-section__title {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .primary-section__title {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.primary-section__item-button {
  padding: 12px 8px 12px 24px; }

.secondary-list__item-button {
  padding: 12px 8px 12px 24px; }

.secondary-menu-category {
  padding: 14px 8px 14px 24px;
  text-transform: uppercase; }

.navigation-mobile-menu {
  height: 100%; }

.navigation-mobile {
  height: 100%; }
  .navigation-mobile--hidden {
    height: 0;
    overflow: hidden;
    visibility: hidden; }

.navigation-modal {
  height: 100vh;
  left: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 200; }
  .navigation-modal .navigation-modal__content {
    background-color: #fff;
    height: 100%;
    margin-left: auto;
    overflow: auto;
    position: relative;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 90%; }
    @media only screen and (min-width: 375px) {
      .navigation-modal .navigation-modal__content {
        width: 360px; } }
  .navigation-modal .navigation-modal__close-button {
    position: absolute;
    right: 8px;
    top: 20px; }
  .navigation-modal--shown {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: background-color 0.28s cubic-bezier(0.4, 0, 0.6, 1);
    transition: background-color 0.28s cubic-bezier(0.4, 0, 0.6, 1); }
  .navigation-modal--closed {
    background-color: transparent;
    -webkit-transition: background-color 0.28s cubic-bezier(0, 0, 0.2, 1);
    transition: background-color 0.28s cubic-bezier(0, 0, 0.2, 1); }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.navigation-primary {
  display: -webkit-box;
  display: flex;
  position: relative; }
  .navigation-primary__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .navigation-primary__list-item {
    margin-bottom: 2px; }
  .navigation-primary .navigation-primary__button {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    color: inherit;
    padding: 42px 16px 30px; }
    @media only screen and (min-width: 1366px) {
      .navigation-primary .navigation-primary__button {
        font-size: 14px;
        line-height: 20px; } }
    @media only screen and (min-width: 1366px) {
      .navigation-primary .navigation-primary__button {
        padding-bottom: 28px;
        padding-top: 40px; } }
  .navigation-primary__button-text {
    display: inline-block; }
  .navigation-primary__underline {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    pointer-events: none;
    position: absolute;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition-duration: 0.28s;
            transition-duration: 0.28s;
    -webkit-transition-property: width, left;
    transition-property: width, left;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
    .navigation-primary__underline--hidden {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform; }
    .navigation-primary__underline--hover {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    .navigation-primary__underline--move {
      -webkit-transition-property: width, left;
      transition-property: width, left; }

/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.meganav-item {
  -webkit-box-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  max-width: 100%;
  width: 100%; }
  .meganav-item--right {
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .meganav-item--left {
    -webkit-box-pack: initial;
            justify-content: initial; }
  @media only screen and (min-width: 1024px) {
    .meganav-item:hover {
      color: #999; } }
  .meganav-item--hidden .meganav-item__button {
    visibility: hidden; }
  .meganav-item--color-black {
    color: #000; }
  .meganav-item--color-night {
    color: #333; }
  .meganav-item__text-wrapper {
    text-align: left; }
    .meganav-item--primary .meganav-item__text-wrapper {
      font-family: "Styrene", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 16px;
      text-transform: uppercase; }
      @media only screen and (min-width: 1920px) {
        .meganav-item--primary .meganav-item__text-wrapper {
          font-size: 14px;
          line-height: 20px; } }
      [lang^='zh'] .meganav-item--primary .meganav-item__text-wrapper,
      [lang^='zf'] .meganav-item--primary .meganav-item__text-wrapper {
        font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ko'] .meganav-item--primary .meganav-item__text-wrapper {
        font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ja'] .meganav-item--primary .meganav-item__text-wrapper {
        font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
        font-weight: 600; }
    .meganav-item--secondary .meganav-item__text-wrapper {
      font-family: "Styrene", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 16px;
      text-transform: none;
      display: inline-block;
      width: 100%; }
      @media only screen and (min-width: 1920px) {
        .meganav-item--secondary .meganav-item__text-wrapper {
          font-size: 14px;
          line-height: 20px; } }
      [lang^='zh'] .meganav-item--secondary .meganav-item__text-wrapper,
      [lang^='zf'] .meganav-item--secondary .meganav-item__text-wrapper {
        font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ko'] .meganav-item--secondary .meganav-item__text-wrapper {
        font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ja'] .meganav-item--secondary .meganav-item__text-wrapper {
        font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
        font-weight: 600; }
  .meganav-item__text {
    margin-right: 8px; }
    .meganav-item--selected .meganav-item__text {
      border-bottom: 1px solid #333; }
  .meganav-item .meganav-item__badge-wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-inline-box;
    display: inline-flex;
    max-width: 100%; }
  .meganav-item .meganav-item__badge {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-weight: normal;
    margin-bottom: -1px;
    margin-top: -1px;
    width: 100%; }

.meganav-categories__item {
  padding: 4px 0; }

.meganav-categories__list {
  padding-bottom: 28px; }
  @media only screen {
    .meganav-categories__list--main {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
      width: 16.66667%; } }
  @media only screen and (max-width: 767px) {
    .meganav-categories__list--main {
      padding-left: 8px;
      padding-right: 8px; } }
  @media only screen and (max-width: 767px) {
    .meganav-categories__list--main {
      padding-left: 8px;
      padding-right: 8px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .meganav-categories__list--main {
      padding-left: 12px;
      padding-right: 12px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .meganav-categories__list--main {
      padding-left: 14px;
      padding-right: 14px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .meganav-categories__list--main {
      padding-left: 18px;
      padding-right: 18px; } }
  @media only screen and (min-width: 1920px) {
    .meganav-categories__list--main {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 2560px) {
    .meganav-categories__list--main {
      padding-left: 24px;
      padding-right: 24px; } }
  @media only screen {
    .meganav-categories__list--main-promoted {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: left;
      width: 20%; } }
  @media only screen and (max-width: 767px) {
    .meganav-categories__list--main-promoted {
      padding-left: 8px;
      padding-right: 8px; } }
  @media only screen and (max-width: 767px) {
    .meganav-categories__list--main-promoted {
      padding-left: 8px;
      padding-right: 8px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .meganav-categories__list--main-promoted {
      padding-left: 12px;
      padding-right: 12px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .meganav-categories__list--main-promoted {
      padding-left: 14px;
      padding-right: 14px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .meganav-categories__list--main-promoted {
      padding-left: 18px;
      padding-right: 18px; } }
  @media only screen and (min-width: 1920px) {
    .meganav-categories__list--main-promoted {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 2560px) {
    .meganav-categories__list--main-promoted {
      padding-left: 24px;
      padding-right: 24px; } }

.meganav-categories__break-block--main {
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.meganav {
  background-color: #fff;
  height: 0;
  overflow: hidden;
  position: relative;
  visibility: hidden; }
  .meganav__category-wrapper {
    margin: 0 auto;
    max-width: 2560px;
    bottom: 0;
    height: 500px;
    left: 0;
    margin-bottom: 40px;
    margin-top: 36px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 88px;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.32s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.28s;
    transition: opacity 0.32s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.28s;
    transition: opacity 0.32s cubic-bezier(0, 0, 0.2, 1), transform 0.28s;
    transition: opacity 0.32s cubic-bezier(0, 0, 0.2, 1), transform 0.28s, -webkit-transform 0.28s; }
    @media only screen and (min-width: 1920px) {
      .meganav__category-wrapper {
        height: 472px;
        margin-bottom: 68px; } }
    .meganav__category-wrapper--opened {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-delay: 0.28s;
              transition-delay: 0.28s;
      z-index: 1; }
    .meganav__category-wrapper--stacked {
      -webkit-transition-delay: 0.16s;
              transition-delay: 0.16s;
      -webkit-transition-duration: 0.32s;
              transition-duration: 0.32s;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
    .meganav__category-wrapper--closing {
      -webkit-transform: none;
              transform: none; }
  .meganav__category-section {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      .meganav__category-section {
        padding-left: 16px;
        padding-right: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .meganav__category-section {
        padding-left: 24px;
        padding-right: 24px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1365px) {
      .meganav__category-section {
        padding-left: 28px;
        padding-right: 28px; } }
    @media only screen and (min-width: 1366px) and (max-width: 1919px) {
      .meganav__category-section {
        padding-left: 40px;
        padding-right: 40px; } }
    @media only screen and (min-width: 1920px) {
      .meganav__category-section {
        padding-left: 44px;
        padding-right: 44px; } }
    @media only screen and (min-width: 2560px) {
      .meganav__category-section {
        padding-left: 56px;
        padding-right: 56px; } }
    .meganav__category-section::after {
      clear: both;
      content: '';
      display: table; }
    @media only screen and (max-width: 767px) {
      .meganav__category-section {
        margin-left: -8px;
        margin-right: -8px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .meganav__category-section {
        margin-left: -12px;
        margin-right: -12px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1365px) {
      .meganav__category-section {
        margin-left: -14px;
        margin-right: -14px; } }
    @media only screen and (min-width: 1366px) and (max-width: 1919px) {
      .meganav__category-section {
        margin-left: -18px;
        margin-right: -18px; } }
    @media only screen and (min-width: 1920px) {
      .meganav__category-section {
        margin-left: -20px;
        margin-right: -20px; } }
    @media only screen and (min-width: 2560px) {
      .meganav__category-section {
        margin-left: -24px;
        margin-right: -24px; } }
  .meganav__category {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden; }
    @media only screen {
      .meganav__category--promoted {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        float: left;
        width: 16.66667%; } }
  @media only screen and (max-width: 767px) {
    .meganav__category--promoted {
      padding-left: 8px;
      padding-right: 8px; } }
  @media only screen and (max-width: 767px) {
    .meganav__category--promoted {
      padding-left: 8px;
      padding-right: 8px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .meganav__category--promoted {
      padding-left: 12px;
      padding-right: 12px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .meganav__category--promoted {
      padding-left: 14px;
      padding-right: 14px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .meganav__category--promoted {
      padding-left: 18px;
      padding-right: 18px; } }
  @media only screen and (min-width: 1920px) {
    .meganav__category--promoted {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 2560px) {
    .meganav__category--promoted {
      padding-left: 24px;
      padding-right: 24px; } }
    .meganav__category--main {
      align-content: flex-start;
      -webkit-box-flex: 1;
              flex: 1;
      -webkit-box-pack: start;
              justify-content: flex-start; }

.meganav--stacked .meganav__category-wrapper {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.navigation-desktop {
  padding: 0 32px; }
  .navigation-desktop__bar-wrapper {
    height: 88px;
    overflow: hidden; }
  .navigation-desktop__bar {
    height: 100%; }
  .navigation-desktop__meganav-wrapper {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.search-recommendations {
  opacity: 0;
  position: relative; }
  .search-recommendations-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .search-recommendations .search-recommendations__results-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .search-recommendations .search-recommendations__results-list-item {
    list-style: none; }
  .search-recommendations .search-recommendations__results-list-item-link {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: left;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    color: #333; }
    .search-recommendations .search-recommendations__results-list-item-link--fullwidth {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      width: 100%; }
    .search-recommendations .search-recommendations__results-list-item-link--disabled {
      color: #ccc;
      cursor: none; }
      .search-recommendations .search-recommendations__results-list-item-link--disabled:hover {
        color: #ccc;
        cursor: default; }
    @media only screen and (min-width: 1920px) {
      .search-recommendations .search-recommendations__results-list-item-link {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .search-recommendations .search-recommendations__results-list-item-link,
    [lang^='zf'] .search-recommendations .search-recommendations__results-list-item-link {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .search-recommendations .search-recommendations__results-list-item-link {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .search-recommendations .search-recommendations__results-list-item-link {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .search-recommendations .search-recommendations__results-list-item-link--mobile:active {
        background-color: #f6f6f6; } }
    @media only screen and (min-width: 1024px) {
      .search-recommendations .search-recommendations__results-list-item-link--mobile:hover {
        color: #999; } }
    .search-recommendations .search-recommendations__results-list-item-link--desktop:hover {
      color: #999; }
    .search-recommendations .search-recommendations__results-list-item-link--desktop:focus {
      outline: #000 dotted 1px;
      outline: -webkit-focus-ring-color auto 5px; }
  .search-recommendations .search-recommendations__results-list-item-link--mobile {
    display: block;
    padding: 12px 24px; }
  .search-recommendations .search-recommendations__results-list-item-link--desktop {
    margin: 6px 0;
    padding: 0; }
  .search-recommendations .search-recommendations__title {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 6px 0; }
    @media only screen and (min-width: 1920px) {
      .search-recommendations .search-recommendations__title {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .search-recommendations .search-recommendations__title,
    [lang^='zf'] .search-recommendations .search-recommendations__title {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .search-recommendations .search-recommendations__title {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .search-recommendations .search-recommendations__title {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .search-recommendations .search-recommendations__title--mobile {
    margin: 12px 24px; }
  .search-recommendations .search-recommendations__reset-btn {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: left;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    color: #333;
    text-decoration: underline; }
    .search-recommendations .search-recommendations__reset-btn--fullwidth {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      width: 100%; }
    .search-recommendations .search-recommendations__reset-btn--disabled {
      color: #ccc;
      cursor: none; }
      .search-recommendations .search-recommendations__reset-btn--disabled:hover {
        color: #ccc;
        cursor: default; }
    @media only screen and (min-width: 1920px) {
      .search-recommendations .search-recommendations__reset-btn {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .search-recommendations .search-recommendations__reset-btn,
    [lang^='zf'] .search-recommendations .search-recommendations__reset-btn {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .search-recommendations .search-recommendations__reset-btn {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .search-recommendations .search-recommendations__reset-btn {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .search-recommendations .search-recommendations__reset-btn--mobile:active {
        background-color: #f6f6f6; } }
    @media only screen and (min-width: 1024px) {
      .search-recommendations .search-recommendations__reset-btn--mobile:hover {
        color: #999; } }
    .search-recommendations .search-recommendations__reset-btn--desktop:hover {
      color: #999; }
    .search-recommendations .search-recommendations__reset-btn--desktop:focus {
      outline: #000 dotted 1px;
      outline: -webkit-focus-ring-color auto 5px; }
  .search-recommendations .search-recommendations__reset-btn--mobile {
    display: block;
    padding: 12px 24px;
    width: 100%; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/**
 * Do not edit directly
 * Generated on Mon, 09 Sep 2019 14:47:34 GMT
 */
.cta-link-primary {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none;
  background: none;
  border: 0;
  color: #333;
  cursor: pointer;
  padding: 0;
  text-align: left;
  text-decoration: underline; }
  @media only screen and (min-width: 1920px) {
    .cta-link-primary {
      font-size: 16px;
      line-height: 24px; } }
  [lang^='zh'] .cta-link-primary,
  [lang^='zf'] .cta-link-primary {
    font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .cta-link-primary {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .cta-link-primary {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }
  .cta-link-primary:hover, .cta-link-primary:active {
    color: #999; }
  .cta-link-primary--disabled {
    /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */ }
    .cta-link-primary--disabled {
      color: #ccc;
      cursor: default; }
      .cta-link-primary--disabled:hover, .cta-link-primary--disabled:focus, .cta-link-primary--disabled:active {
        color: #ccc;
        cursor: default; }

.cta-link-secondary {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none;
  background: none;
  border: 0;
  color: #333;
  cursor: pointer;
  padding: 0;
  text-align: left;
  text-decoration: underline;
  text-decoration: none; }
  @media only screen and (min-width: 1920px) {
    .cta-link-secondary {
      font-size: 16px;
      line-height: 24px; } }
  [lang^='zh'] .cta-link-secondary,
  [lang^='zf'] .cta-link-secondary {
    font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .cta-link-secondary {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .cta-link-secondary {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }
  .cta-link-secondary:hover {
    color: #999;
    cursor: pointer;
    text-decoration: underline; }
  .cta-link-secondary:active {
    color: #999; }
  .cta-link-secondary--disabled {
    /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector */ }
    .cta-link-secondary--disabled {
      color: #ccc;
      cursor: default;
      text-decoration: none; }
      .cta-link-secondary--disabled:hover, .cta-link-secondary--disabled:focus, .cta-link-secondary--disabled:active {
        color: #ccc;
        cursor: default;
        text-decoration: none; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.recent-searches {
  opacity: 0;
  position: relative; }
  .recent-searches-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .recent-searches .recent-searches__results-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .recent-searches .recent-searches__results-list-item {
    list-style: none; }
  .recent-searches .recent-searches__results-list-item-link {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: left;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    color: #333; }
    .recent-searches .recent-searches__results-list-item-link--fullwidth {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      width: 100%; }
    .recent-searches .recent-searches__results-list-item-link--disabled {
      color: #ccc;
      cursor: none; }
      .recent-searches .recent-searches__results-list-item-link--disabled:hover {
        color: #ccc;
        cursor: default; }
    @media only screen and (min-width: 1920px) {
      .recent-searches .recent-searches__results-list-item-link {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .recent-searches .recent-searches__results-list-item-link,
    [lang^='zf'] .recent-searches .recent-searches__results-list-item-link {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .recent-searches .recent-searches__results-list-item-link {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .recent-searches .recent-searches__results-list-item-link {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .recent-searches .recent-searches__results-list-item-link--mobile:active {
        background-color: #f6f6f6; } }
    @media only screen and (min-width: 1024px) {
      .recent-searches .recent-searches__results-list-item-link--mobile:hover {
        color: #999; } }
    .recent-searches .recent-searches__results-list-item-link--desktop:hover {
      color: #999; }
    .recent-searches .recent-searches__results-list-item-link--desktop:focus {
      outline: #000 dotted 1px;
      outline: -webkit-focus-ring-color auto 5px; }
  .recent-searches .recent-searches__results-list-item-link--mobile {
    display: block;
    padding: 12px 24px; }
  .recent-searches .recent-searches__results-list-item-link--desktop {
    margin: 6px 0;
    padding: 0; }
  .recent-searches .recent-searches__title {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 6px 0; }
    @media only screen and (min-width: 1920px) {
      .recent-searches .recent-searches__title {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .recent-searches .recent-searches__title,
    [lang^='zf'] .recent-searches .recent-searches__title {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .recent-searches .recent-searches__title {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .recent-searches .recent-searches__title {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .recent-searches .recent-searches__title--mobile {
    margin: 12px 24px; }
  .recent-searches .recent-searches__reset-btn {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: left;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    color: #333;
    text-decoration: underline; }
    .recent-searches .recent-searches__reset-btn--fullwidth {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: center;
      width: 100%; }
    .recent-searches .recent-searches__reset-btn--disabled {
      color: #ccc;
      cursor: none; }
      .recent-searches .recent-searches__reset-btn--disabled:hover {
        color: #ccc;
        cursor: default; }
    @media only screen and (min-width: 1920px) {
      .recent-searches .recent-searches__reset-btn {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .recent-searches .recent-searches__reset-btn,
    [lang^='zf'] .recent-searches .recent-searches__reset-btn {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .recent-searches .recent-searches__reset-btn {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .recent-searches .recent-searches__reset-btn {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .recent-searches .recent-searches__reset-btn--mobile:active {
        background-color: #f6f6f6; } }
    @media only screen and (min-width: 1024px) {
      .recent-searches .recent-searches__reset-btn--mobile:hover {
        color: #999; } }
    .recent-searches .recent-searches__reset-btn--desktop:hover {
      color: #999; }
    .recent-searches .recent-searches__reset-btn--desktop:focus {
      outline: #000 dotted 1px;
      outline: -webkit-focus-ring-color auto 5px; }
  .recent-searches .recent-searches__reset-btn--mobile {
    display: block;
    padding: 12px 24px;
    width: 100%; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.search-modal-form-wrapper {
  border-bottom: 1px solid #000;
  margin-bottom: 36px;
  margin-top: 36px; }
  .search-modal-form-wrapper.search-modal-form-wrapper--mobile {
    margin: 65px 24px 16px; }
  .search-modal-form-wrapper.search-modal-form-wrapper--desktop {
    opacity: 0;
    position: relative; }

.search-modal-form__form-input-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row; }

.search-modal-form__form-input {
  background: none;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  white-space: normal;
  background: #fff;
  color: #000;
  padding: 0 28px 0 0;
  width: 100%; }
  .search-modal-form__form-input::-webkit-input-placeholder {
    color: #999; }
  .search-modal-form__form-input::-moz-placeholder {
    color: #999; }
  .search-modal-form__form-input:-ms-input-placeholder {
    color: #999; }
  .search-modal-form__form-input::-ms-input-placeholder {
    color: #999; }
  .search-modal-form__form-input::placeholder {
    color: #999; }

.search-modal-form .search-modal-form__form-input--mobile {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none;
  margin: 0 20px 0 10px;
  -webkit-box-ordinal-group: 3;
          order: 2;
  padding: 0; }
  @media only screen and (min-width: 1920px) {
    .search-modal-form .search-modal-form__form-input--mobile {
      font-size: 16px;
      line-height: 24px; } }
  .search-modal-form .search-modal-form__form-input--mobile--link {
    text-decoration: underline; }
  [lang^='zh'] .search-modal-form .search-modal-form__form-input--mobile,
  [lang^='zf'] .search-modal-form .search-modal-form__form-input--mobile {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .search-modal-form .search-modal-form__form-input--mobile {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .search-modal-form .search-modal-form__form-input--mobile {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }

.search-modal-form .search-modal-form__form-input--desktop {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400; }
  @media only screen and (min-width: 1920px) {
    .search-modal-form .search-modal-form__form-input--desktop {
      font-size: 24px;
      line-height: 32px; } }
  [lang^='zh'] .search-modal-form .search-modal-form__form-input--desktop,
  [lang^='zf'] .search-modal-form .search-modal-form__form-input--desktop {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .search-modal-form .search-modal-form__form-input--desktop {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .search-modal-form .search-modal-form__form-input--desktop {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.search-modal-form .search-modal-form__field-wrapper--mobile {
  height: 32px; }

.search-modal-form .search-modal-form__field-wrapper--desktop {
  height: 40px; }
  @media only screen and (min-width: 1920px) {
    .search-modal-form .search-modal-form__field-wrapper--desktop {
      height: 48px; } }

.search-modal-form .search-modal-form__search-btn--mobile {
  -webkit-box-ordinal-group: 2;
          order: 1; }

.search-modal-form .search-modal-form__reset-btn--mobile {
  color: #999;
  -webkit-box-ordinal-group: 4;
          order: 3; }

.search-modal-content__search-results {
  position: relative; }

/**
 * Do not edit directly
 * Generated on Mon, 09 Sep 2019 14:47:34 GMT
 */
.modal {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  position: relative; }
  .modal__content {
    background-color: #fff;
    height: 100%;
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2; }
    @media only screen and (min-width: 1024px) {
      .modal__content {
        height: auto;
        width: auto; } }
    @media only screen and (min-width: 1366px) {
      .modal__content {
        height: auto;
        width: auto; } }
    .modal__content--with-padding {
      padding: 48px 24px 24px; }
  .modal__overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .modal:focus {
    outline: 0 !important; }
  .modal__children-container {
    height: 100%;
    overflow: hidden;
    width: 100%; }
    .modal__children-container--with-scroll {
      overflow: auto; }
  .modal__close-button {
    padding: 4px;
    position: absolute;
    right: 8px;
    top: 12px;
    z-index: 1000; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .modal__close-button {
        right: 20px; } }
    [data-device='desktop'] .modal__close-button {
      position: absolute;
      right: 23px;
      top: 116px; }
      @media only screen and (min-width: 1366px) and (max-width: 1919px) {
        [data-device='desktop'] .modal__close-button {
          right: 35px;
          top: 124px; } }
      @media only screen and (min-width: 1920px) {
        [data-device='desktop'] .modal__close-button {
          right: 39px;
          top: 144px; } }
      @media only screen and (min-width: 2560px) {
        [data-device='desktop'] .modal__close-button {
          right: 52px;
          top: 176px; } }

.modal--open {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0; }
  .modal--open::-webkit-scrollbar {
    -webkit-appearance: none;
            appearance: none;
    height: 0;
    width: 0; }

.modal--fixed {
  position: static; }

.modal-portal {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.search-modal .search-modal__close-btn {
  right: 16px;
  top: 16px; }

.search-modal-desktop {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%; }
  .search-modal-desktop-wrapper {
    height: 0;
    pointer-events: none;
    position: relative; }
  .search-modal-desktop .search-modal-desktop__content-wrapper {
    background: #fff;
    height: 0;
    overflow: hidden;
    position: relative; }
  .search-modal-desktop .search-modal-desktop__content {
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 88px; }
    @media only screen and (max-width: 767px) {
      .search-modal-desktop .search-modal-desktop__content {
        padding-left: 16px;
        padding-right: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .search-modal-desktop .search-modal-desktop__content {
        padding-left: 24px;
        padding-right: 24px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1365px) {
      .search-modal-desktop .search-modal-desktop__content {
        padding-left: 28px;
        padding-right: 28px; } }
    @media only screen and (min-width: 1366px) and (max-width: 1919px) {
      .search-modal-desktop .search-modal-desktop__content {
        padding-left: 40px;
        padding-right: 40px; } }
    @media only screen and (min-width: 1920px) {
      .search-modal-desktop .search-modal-desktop__content {
        padding-left: 44px;
        padding-right: 44px; } }
    @media only screen and (min-width: 2560px) {
      .search-modal-desktop .search-modal-desktop__content {
        padding-left: 56px;
        padding-right: 56px; } }
  .search-modal-desktop.search-modal-desktop--opened {
    pointer-events: all; }

.spinner {
  -webkit-animation: spin 0.6s linear infinite;
          animation: spin 0.6s linear infinite;
  background-repeat: no-repeat;
  /* stylelint-disable-next-line media-feature-name-no-vendor-prefix */ }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .spinner {
      background-size: 202px 54px; } }
  .spinner--theme-dark.spinner--size-small {
    height: 14px;
    width: 14px;
    background-position: -86px -20px; }
  .spinner--theme-dark.spinner--size-medium {
    height: 30px;
    width: 30px;
    background-position: -54px -12px; }
  .spinner--theme-dark.spinner--size-large {
    height: 50px;
    width: 50px;
    background-position: -2px -2px; }
  .spinner--theme-light.spinner--size-small {
    height: 14px;
    width: 14px;
    background-position: -186px -20px; }
  .spinner--theme-light.spinner--size-medium {
    height: 30px;
    width: 30px;
    background-position: -154px -12px; }
  .spinner--theme-light.spinner--size-large {
    height: 50px;
    width: 50px;
    background-position: -102px -2px; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.dots {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center; }
  .dots__dot {
    border-radius: 50%;
    margin-right: 10px; }
    .dots__dot:last-child {
      margin-right: 0; }
    .dots__dot__first {
      -webkit-animation: dot-scaling-1 1.3s linear infinite;
              animation: dot-scaling-1 1.3s linear infinite;
      height: 15px;
      width: 15px; }

@-webkit-keyframes dot-scaling-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  12% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  42% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  70% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes dot-scaling-1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  12% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  42% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  70% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }
    .dots__dot__second {
      -webkit-animation: dot-scaling-2 1.3s linear infinite;
              animation: dot-scaling-2 1.3s linear infinite;
      height: 11px;
      width: 11px; }

@-webkit-keyframes dot-scaling-2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  54% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  84% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes dot-scaling-2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  54% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  84% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }
    .dots__dot__third {
      -webkit-animation: dot-scaling-3 1.3s linear infinite;
              animation: dot-scaling-3 1.3s linear infinite;
      height: 8px;
      width: 8px; }

@-webkit-keyframes dot-scaling-3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  45% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes dot-scaling-3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  45% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }
  .dots--theme-dark .dots__dot {
    background-color: #000; }
  .dots--theme-light .dots__dot {
    background-color: #fff; }
  .dots--theme-gray .dots__dot {
    background-color: #999; }

.loader {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.button-primary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 44px;
  max-width: 100%;
  min-width: 240px;
  padding: 14px 24px;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  text-transform: uppercase; }
  @media only screen and (min-width: 1920px) {
    .button-primary {
      height: 48px; } }
  .button-primary__content {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media only screen and (min-width: 1920px) {
      .button-primary__content {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .button-primary__content,
    [lang^='zf'] .button-primary__content {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .button-primary__content {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .button-primary__content {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  @media only screen and (min-width: 1024px) {
    .button-primary:hover {
      background-color: #333;
      color: #fff; }
    .button-primary:active {
      background-color: #000; }
    .button-primary--disabled:hover {
      background-color: #ccc;
      border-color: #ccc; } }
  .button-primary:active {
    background-color: #333; }
  .button-primary--disabled, .button-primary--disabled:active {
    background-color: #ccc;
    border-color: #ccc; }

.button-secondary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 44px;
  max-width: 100%;
  min-width: 240px;
  padding: 14px 24px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #000;
  text-transform: uppercase; }
  @media only screen and (min-width: 1920px) {
    .button-secondary {
      height: 48px; } }
  .button-secondary__content {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media only screen and (min-width: 1920px) {
      .button-secondary__content {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .button-secondary__content,
    [lang^='zf'] .button-secondary__content {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .button-secondary__content {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .button-secondary__content {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  @media only screen and (min-width: 1024px) {
    .button-secondary:hover {
      background-color: #000;
      color: #fff; }
    .button-secondary--disabled:hover {
      background-color: transparent;
      border-color: #ccc;
      color: #ccc; } }
  .button-secondary:active {
    background-color: #000;
    color: #fff; }
  .button-secondary--disabled, .button-secondary--disabled:active {
    background-color: transparent;
    border-color: #ccc;
    color: #ccc; }

.button-secondary-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 44px;
  max-width: 100%;
  min-width: 240px;
  padding: 14px 24px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
  text-transform: uppercase; }
  @media only screen and (min-width: 1920px) {
    .button-secondary-picker {
      height: 48px; } }
  .button-secondary-picker__content {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media only screen and (min-width: 1920px) {
      .button-secondary-picker__content {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .button-secondary-picker__content,
    [lang^='zf'] .button-secondary-picker__content {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .button-secondary-picker__content {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .button-secondary-picker__content {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.header-minibag-bag-items__heading {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  color: #000;
  text-decoration: none; }
  @media only screen and (min-width: 1920px) {
    .header-minibag-bag-items__heading {
      font-size: 14px;
      line-height: 20px; } }
  [lang^='zh'] .header-minibag-bag-items__heading,
  [lang^='zf'] .header-minibag-bag-items__heading {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .header-minibag-bag-items__heading {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .header-minibag-bag-items__heading {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.header-minibag-bag-items__row {
  display: -webkit-box;
  display: flex;
  margin-bottom: 16px; }
  @media only screen and (min-width: 1920px) {
    .header-minibag-bag-items__row:last-of-type {
      margin-bottom: 24px; } }

.header-minibag-bag-items__image {
  height: 115px;
  margin-right: 16px;
  max-width: 98px;
  -o-object-fit: cover;
     object-fit: cover; }
  @media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .header-minibag-bag-items__image {
      max-width: 88px; } }
  @media only screen and (min-width: 1920px) {
    .header-minibag-bag-items__image {
      height: 152px;
      margin-right: 24px;
      max-width: 116px; } }

.header-minibag-bag-items__details-area {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.header-minibag-bag-items__item-detail {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: none;
  margin-top: 8px; }
  @media only screen and (min-width: 1920px) {
    .header-minibag-bag-items__item-detail {
      font-size: 14px;
      line-height: 20px; } }
  [lang^='zh'] .header-minibag-bag-items__item-detail,
  [lang^='zf'] .header-minibag-bag-items__item-detail {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .header-minibag-bag-items__item-detail {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .header-minibag-bag-items__item-detail {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.header-minibag-bag-items__price {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: none;
  -webkit-box-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex-grow: 1; }
  @media only screen and (min-width: 1920px) {
    .header-minibag-bag-items__price {
      font-size: 14px;
      line-height: 20px; } }
  [lang^='zh'] .header-minibag-bag-items__price,
  [lang^='zf'] .header-minibag-bag-items__price {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .header-minibag-bag-items__price {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .header-minibag-bag-items__price {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.header-minibag-bag-items__price--current {
  color: #333;
  margin-right: 4px; }

.header-minibag-bag-items__price--old {
  color: #999;
  text-decoration: line-through; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.header-minibag-subtotal {
  color: #333;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px; }
  @media only screen and (min-width: 1920px) {
    .header-minibag-subtotal {
      margin-bottom: 24px; } }
  .header-minibag-subtotal__label {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px; }
    @media only screen and (min-width: 1920px) {
      .header-minibag-subtotal__label {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .header-minibag-subtotal__label,
    [lang^='zf'] .header-minibag-subtotal__label {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .header-minibag-subtotal__label {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .header-minibag-subtotal__label {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .header-minibag-subtotal__price {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none; }
    @media only screen and (min-width: 1920px) {
      .header-minibag-subtotal__price {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .header-minibag-subtotal__price,
    [lang^='zf'] .header-minibag-subtotal__price {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .header-minibag-subtotal__price {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .header-minibag-subtotal__price {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.minibag-popover {
  opacity: 0; }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .minibag-popover {
      padding: 88px 28px 28px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .minibag-popover {
      padding: 88px 40px 40px; } }
  @media only screen and (min-width: 1920px) {
    .minibag-popover {
      padding: 88px 44px 44px; } }
  @media only screen and (min-width: 2560px) {
    .minibag-popover {
      padding: 88px 56px 56px; } }
  .minibag-popover__wrapper {
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    max-height: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1; }
    @media only screen and (min-width: 1024px) and (max-width: 1365px) {
      .minibag-popover__wrapper {
        width: 360px; } }
    @media only screen and (min-width: 1366px) and (max-width: 1919px) {
      .minibag-popover__wrapper {
        width: 374px; } }
    @media only screen and (min-width: 1920px) {
      .minibag-popover__wrapper {
        width: 516px; } }
    @media only screen and (min-width: 2560px) {
      .minibag-popover__wrapper {
        width: 688px; } }
  .minibag-popover__items {
    border-bottom: 1px solid #ccc;
    margin-bottom: 16px;
    max-height: 320px;
    overflow-y: auto; }
    @media only screen and (min-width: 1920px) {
      .minibag-popover__items {
        margin-bottom: 24px;
        max-height: 400px; } }
  .minibag-popover__no-items {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px; }
    @media only screen and (min-width: 1920px) {
      .minibag-popover__no-items {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .minibag-popover__no-items,
    [lang^='zf'] .minibag-popover__no-items {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .minibag-popover__no-items {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .minibag-popover__no-items {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
    @media only screen and (min-width: 1024px) and (max-width: 1365px) {
      .minibag-popover__no-items {
        padding-top: 24px; } }
    @media only screen and (min-width: 1366px) and (max-width: 1919px) {
      .minibag-popover__no-items {
        padding-top: 24px; } }
    @media only screen and (min-width: 1920px) {
      .minibag-popover__no-items {
        padding-top: 32px; } }

/* stylelint-disable selector-class-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.minibag-notification {
  background: #fff;
  height: 0;
  left: 0;
  overflow: hidden;
  pointer-events: all;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  .minibag-notification--desktop-mode {
    background: none;
    height: auto; }
  .minibag-notification__logo-wrapper {
    align-self: flex-start;
    display: -webkit-box;
    display: flex;
    overflow: hidden; }
  .minibag-notification .minibag-notification__logo-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (max-width: 1919px) {
      .minibag-notification .minibag-notification__logo-container {
        padding-top: 32.5px; } }
    @media only screen and (min-width: 1920px) {
      .minibag-notification .minibag-notification__logo-container {
        padding-top: 30px; } }
  .minibag-notification__wrapper {
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%; }
  .minibag-notification__background {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
  .minibag-notification__container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 16px 24px; }
  .minibag-notification__overflow-content {
    align-self: flex-start;
    height: 0;
    overflow: hidden; }
  .minibag-notification__content-wrapper {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .minibag-notification__status {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
    align-self: center;
    color: #000;
    -webkit-box-flex: 1;
            flex-grow: 1;
    opacity: 0;
    -webkit-box-ordinal-group: 2;
            order: 1; }
    @media only screen and (min-width: 1920px) {
      .minibag-notification__status {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .minibag-notification__status,
    [lang^='zf'] .minibag-notification__status {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .minibag-notification__status {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .minibag-notification__status {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .minibag-notification__button-wrapper {
    margin-top: 12px;
    opacity: 0;
    -webkit-box-ordinal-group: 4;
            order: 3;
    width: 100%; }
  .minibag-notification__counter-wrapper {
    -webkit-box-flex: 1;
            flex-grow: 1;
    opacity: 0;
    -webkit-box-ordinal-group: 3;
            order: 2;
    text-align: right; }
  .minibag-notification .minibag-notification__counter-link {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    -webkit-box-align: center;
            align-items: center;
    color: #000;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative;
    text-align: center;
    text-decoration: none; }
    @media only screen and (min-width: 1920px) {
      .minibag-notification .minibag-notification__counter-link {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .minibag-notification .minibag-notification__counter-link,
    [lang^='zf'] .minibag-notification .minibag-notification__counter-link {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .minibag-notification .minibag-notification__counter-link {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .minibag-notification .minibag-notification__counter-link {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
    @media only screen and (max-width: 1023px) {
      .minibag-notification .minibag-notification__counter-link {
        -webkit-box-align: baseline;
                align-items: baseline; } }
  .minibag-notification__counter-value {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .minibag-notification__icon {
    padding: 8px 6px 8px 8px;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .minibag-notification .minibag-notification__button {
    padding: 13px 24px 15px;
    width: 100%; }
  .minibag-notification__checked-icon {
    margin-right: 8px; }
  .minibag-notification__overlay {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 200vh;
    left: 0;
    opacity: 0;
    pointer-events: all;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11; }

.minibag-notification--hidden-elements .minibag-notification__counter-value,
.minibag-notification--hidden-elements .minibag-notification__logo-wrapper,
.minibag-notification--hidden-elements .minibag-notification__overflow-content,
.minibag-notification--hidden-elements .minibag-notification__background {
  height: 0; }

/* stylelint-disable-next-line no-duplicate-selectors */
.minibag-notification--desktop-mode .minibag-notification__wrapper {
  -webkit-box-align: initial;
          align-items: initial; }

.minibag-notification--desktop-mode .minibag-notification__container {
  margin: 0 auto;
  max-width: 2560px;
  -webkit-box-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-bottom: 0;
  padding-top: 0;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .minibag-notification--desktop-mode .minibag-notification__container {
      padding-left: 16px;
      padding-right: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .minibag-notification--desktop-mode .minibag-notification__container {
      padding-left: 24px;
      padding-right: 24px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .minibag-notification--desktop-mode .minibag-notification__container {
      padding-left: 28px;
      padding-right: 28px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .minibag-notification--desktop-mode .minibag-notification__container {
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (min-width: 1920px) {
    .minibag-notification--desktop-mode .minibag-notification__container {
      padding-left: 44px;
      padding-right: 44px; } }
  @media only screen and (min-width: 2560px) {
    .minibag-notification--desktop-mode .minibag-notification__container {
      padding-left: 56px;
      padding-right: 56px; } }

.minibag-notification--desktop-mode .minibag-notification__button-wrapper {
  margin-right: 32px;
  margin-top: 0;
  -webkit-box-ordinal-group: initial;
          order: initial;
  width: auto; }
  @media only screen and (min-width: 1920px) {
    .minibag-notification--desktop-mode .minibag-notification__button-wrapper {
      margin-right: 40px; } }

.minibag-notification--desktop-mode .minibag-notification__status {
  -webkit-box-flex: initial;
          flex-grow: initial;
  margin-right: 32px;
  -webkit-box-ordinal-group: initial;
          order: initial; }
  @media only screen and (min-width: 1920px) {
    .minibag-notification--desktop-mode .minibag-notification__status {
      margin-right: 40px; } }

.minibag-notification--desktop-mode .minibag-notification__counter-wrapper {
  -webkit-box-flex: initial;
          flex-grow: initial;
  -webkit-box-ordinal-group: initial;
          order: initial;
  text-align: initial; }

.minibag-notification--desktop-mode .minibag-notification__counter-link {
  -webkit-box-align: initial;
          align-items: initial; }

.minibag-notification--desktop-mode .minibag-notification__counter-value {
  align-self: flex-start;
  left: 30px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.minibag-notification--desktop-mode .minibag-notification__content-wrapper {
  padding: 22px 0; }

.minibag-notification--desktop-mode .minibag-notification__counter-value-content {
  padding: 34px 0; }

.minibag-notification--desktop-mode .minibag-notification__icon {
  -webkit-box-align: center;
          align-items: center;
  height: 24px;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 32px 0;
  width: 24px; }

.modal.minibag-notification-modal {
  height: auto; }

.minibag-notification-modal .minibag-notification-modal__content {
  background: transparent;
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .minibag-notification-modal .minibag-notification-modal__content {
      width: 100%; } }
  @media only screen and (min-width: 1366px) {
    .minibag-notification-modal .minibag-notification-modal__content {
      width: 100%; } }

.minibag-notification-modal .minibag-notification-modal__overlay {
  background: transparent; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.exposed-search {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  position: absolute;
  top: 56px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .exposed-search__bar-wrapper {
      padding-left: 16px;
      padding-right: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .exposed-search__bar-wrapper {
      padding-left: 24px;
      padding-right: 24px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .exposed-search__bar-wrapper {
      padding-left: 28px;
      padding-right: 28px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .exposed-search__bar-wrapper {
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (min-width: 1920px) {
    .exposed-search__bar-wrapper {
      padding-left: 44px;
      padding-right: 44px; } }
  @media only screen and (min-width: 2560px) {
    .exposed-search__bar-wrapper {
      padding-left: 56px;
      padding-right: 56px; } }
  .exposed-search__bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .exposed-search__title {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-transform: none;
    color: #999; }
    @media only screen and (min-width: 1920px) {
      .exposed-search__title {
        font-size: 16px;
        line-height: 24px; } }
    [lang^='zh'] .exposed-search__title,
    [lang^='zf'] .exposed-search__title {
      font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ko'] .exposed-search__title {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ja'] .exposed-search__title {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }
  .exposed-search .exposed-search__button {
    -webkit-box-align: center;
            align-items: center;
    color: #000;
    display: -webkit-box;
    display: flex;
    height: 32px;
    -webkit-box-pack: center;
            justify-content: center;
    margin: -6px -6px -6px 0;
    width: 32px; }
    .exposed-search .exposed-search__button:active {
      color: #999; }
  .exposed-search__divider {
    border-bottom: 1px solid #000;
    border-bottom-color: #000;
    margin-top: 10px;
    width: 100%; }
  .exposed-search__screen-readers-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.log-out-sidebar {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 300; }
  .log-out-sidebar .log-out-sidebar__slider {
    background-color: #fff;
    height: 100%;
    margin-left: auto;
    overflow: auto;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all 280ms cubic-bezier(0, 0, 0.2, 1);
    transition: all 280ms cubic-bezier(0, 0, 0.2, 1);
    visibility: hidden;
    width: 90%; }
    @media only screen and (min-width: 375px) {
      .log-out-sidebar .log-out-sidebar__slider {
        width: 360px; } }
  .log-out-sidebar--opened {
    visibility: visible; }
    .log-out-sidebar--opened .log-out-sidebar__slider {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.6, 1);
      transition: all 280ms cubic-bezier(0.4, 0, 0.6, 1);
      visibility: visible; }

.log-out {
  padding: 25px 16px 0; }
  .log-out .log-out__title {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 24px; }
    @media only screen and (min-width: 1920px) {
      .log-out .log-out__title {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .log-out .log-out__title,
    [lang^='zf'] .log-out .log-out__title {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .log-out .log-out__title {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .log-out .log-out__title {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .log-out .log-out__description {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    color: #333;
    margin-bottom: 40px; }
    @media only screen and (min-width: 1920px) {
      .log-out .log-out__description {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .log-out .log-out__description,
    [lang^='zf'] .log-out .log-out__description {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .log-out .log-out__description {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .log-out .log-out__description {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .log-out .log-out__cta-btns {
    display: -webkit-box;
    display: flex; }
  .log-out .log-out__cta-btn {
    -webkit-box-flex: 1;
            flex-grow: 1;
    min-width: auto; }
  .log-out .log-out__no-btn {
    margin-right: 16px; }

/* stylelint-disable */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
input.search-modal-form__form-input.search-modal-form__form-input--mobile {
  font-size: 1.6rem !important;
  -webkit-transform: scale(0.875) !important;
          transform: scale(0.875) !important;
  -webkit-transform-origin: 0 0 !important;
          transform-origin: 0 0 !important; }

.header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  width: 100%;
  z-index: 100; }
  .header-logo__wrapper {
    color: inherit; }
  .header.header--shift-top {
    top: 44px; }
  .header__logo, .header__button {
    color: inherit; }
  .header__button-text {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
    .header__button-text--show {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .header__background {
    background-color: #fff;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .header__content-wrapper {
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: inherit; }
    @media only screen and (max-width: 767px) {
      .header__content-wrapper {
        padding-left: 16px;
        padding-right: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .header__content-wrapper {
        padding-left: 24px;
        padding-right: 24px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1365px) {
      .header__content-wrapper {
        padding-left: 28px;
        padding-right: 28px; } }
    @media only screen and (min-width: 1366px) and (max-width: 1919px) {
      .header__content-wrapper {
        padding-left: 40px;
        padding-right: 40px; } }
    @media only screen and (min-width: 1920px) {
      .header__content-wrapper {
        padding-left: 44px;
        padding-right: 44px; } }
    @media only screen and (min-width: 2560px) {
      .header__content-wrapper {
        padding-left: 56px;
        padding-right: 56px; } }
  .header__content {
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: 100%; }
  .header__icon-wrapper {
    -webkit-box-align: center;
            align-items: center;
    display: -webkit-box;
    display: flex; }
  .header .header__button {
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative; }
    .header .header__button-text {
      position: absolute; }
    .header .header__button-search {
      display: -webkit-box;
      display: flex; }
      .header .header__button-search--hide .header__icon {
        color: #999; }
  .header__mini-bag-background {
    height: 0;
    overflow: hidden; }

.header__wrapper--mobile {
  height: 56px;
  margin-bottom: -56px;
  position: relative; }
  .header__wrapper--mobile .header__wrapper--mobile__button {
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative; }
    .header__wrapper--mobile .header__wrapper--mobile__button .header__icon {
      height: 18px;
      width: 18px; }
  .header__wrapper--mobile .header__button:active {
    color: #999; }
  .header__wrapper--mobile .header__button--with-one-digit-counter {
    margin-right: 6px; }
  .header__wrapper--mobile .header__button--with-two-digit-counter {
    margin-right: 14px; }
  .header__wrapper--mobile .header__devider {
    border-bottom-color: #000; }
  .header__wrapper--mobile__icon-item {
    margin-right: 4px; }
    .header__wrapper--mobile__icon-item:last-child {
      margin-right: 0; }
  .header__wrapper--mobile.header__wrapper--height-adjusted {
    margin-bottom: 0;
    position: relative; }
  .header__wrapper--mobile.header__wrapper--exposed {
    height: 87px; }
  .header__wrapper--mobile .header {
    height: 56px; }
    .header__wrapper--mobile .header__logo-wrapper {
      width: 132px; }
      .header__wrapper--mobile .header__logo-wrapper:focus-within {
        outline: #000 dotted 1px;
        outline: -webkit-focus-ring-color auto 5px; }
    .header__wrapper--mobile .header__icon-item {
      margin-right: 8px; }
      .header__wrapper--mobile .header__icon-item .header__button {
        padding: 0; }
    .header__wrapper--mobile .header__icon-wrapper {
      margin-right: 0; }
    .header__wrapper--mobile .header__icon-item:last-of-type {
      margin-right: 0; }
      .header__wrapper--mobile .header__icon-item:last-of-type .header__button {
        margin-right: -8px; }
    .header__wrapper--mobile .header__button {
      height: 32px;
      position: relative;
      width: 32px; }
    .header__wrapper--mobile .header__button-text {
      font-family: "Styrene", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 16px;
      left: 32px;
      top: 8px;
      margin: 0 8px 0 0; }
      @media only screen and (min-width: 1920px) {
        .header__wrapper--mobile .header__button-text {
          font-size: 14px;
          line-height: 20px; } }
      [lang^='zh'] .header__wrapper--mobile .header__button-text,
      [lang^='zf'] .header__wrapper--mobile .header__button-text {
        font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ko'] .header__wrapper--mobile .header__button-text {
        font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ja'] .header__wrapper--mobile .header__button-text {
        font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
        font-weight: 600; }
      .header__wrapper--mobile .header__button-text--show {
        -webkit-transition-delay: 0.28s;
                transition-delay: 0.28s;
        -webkit-transition-duration: 0.28s;
                transition-duration: 0.28s;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
  @media only screen and (max-width: 1023px) {
    .header__wrapper--mobile .header__mini-bag {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); } }

.header__wrapper--desktop {
  height: 88px;
  margin-bottom: -88px; }
  .header__wrapper--desktop .header__overlay {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50; }
  .header__wrapper--desktop.header__wrapper--height-adjusted {
    height: 88px;
    margin-bottom: 0;
    position: relative; }
  .header__wrapper--desktop .header {
    height: 88px;
    min-width: 1024px; }
    .header__wrapper--desktop .header__button:hover, .header__wrapper--desktop .header__button:focus {
      color: #999; }
    .header__wrapper--desktop .header__logo-wrapper {
      font-size: 0;
      height: 100%;
      width: 175px; }
      @media only screen and (min-width: 1920px) {
        .header__wrapper--desktop .header__logo-wrapper {
          width: 215px; } }
    .header__wrapper--desktop .header__logo {
      height: 100%;
      -webkit-transform: translateY(2%);
              transform: translateY(2%); }
    .header__wrapper--desktop .header__content-wrapper {
      margin: 0 auto;
      max-width: 2560px; }
    .header__wrapper--desktop .header__navigation-wrapper {
      -webkit-box-flex: 1;
              flex: 1; }
    .header__wrapper--desktop .header__icon-item .header__button {
      padding: 32px 16px; }
    .header__wrapper--desktop .header__icon-item:last-of-type .header__button {
      margin-right: -16px; }
    .header__wrapper--desktop .header__button-text {
      font-family: "Styrene", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 16px;
      left: 46px;
      top: 36px; }
      @media only screen and (min-width: 1920px) {
        .header__wrapper--desktop .header__button-text {
          font-size: 14px;
          line-height: 20px; } }
      [lang^='zh'] .header__wrapper--desktop .header__button-text,
      [lang^='zf'] .header__wrapper--desktop .header__button-text {
        font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ko'] .header__wrapper--desktop .header__button-text {
        font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
        font-weight: 700; }
      [lang^='ja'] .header__wrapper--desktop .header__button-text {
        font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
        font-weight: 600; }
      .header__wrapper--desktop .header__button-text--show {
        -webkit-transition-delay: 0.32s;
                transition-delay: 0.32s;
        -webkit-transition-duration: 0.32s;
                transition-duration: 0.32s;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }

/* stylelint-enable */

.icon {
  display: -webkit-inline-box;
  display: inline-flex; }

.icon--glyph-box {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .icon--glyph-box.icon--size-s {
    height: 20px;
    width: 20px; }
  .icon--glyph-box.icon--size-m {
    height: 24px;
    width: 24px; }
  .icon--glyph-box.icon--size-l {
    height: 32px;
    width: 32px; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.message {
  background-color: #b79674;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  opacity: 0;
  position: absolute;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: opacity 0.16s cubic-bezier(0.4, 0, 0.6, 1), visibility 0s linear 0.28s, -webkit-transform 0s linear 0.28s;
  transition: opacity 0.16s cubic-bezier(0.4, 0, 0.6, 1), visibility 0s linear 0.28s, -webkit-transform 0s linear 0.28s;
  transition: opacity 0.16s cubic-bezier(0.4, 0, 0.6, 1), transform 0s linear 0.28s, visibility 0s linear 0.28s;
  transition: opacity 0.16s cubic-bezier(0.4, 0, 0.6, 1), transform 0s linear 0.28s, visibility 0s linear 0.28s, -webkit-transform 0s linear 0.28s;
  visibility: hidden;
  width: 100vw;
  z-index: 10; }
  .message .message__close-cta,
  .message .message__message-text {
    opacity: 0;
    -webkit-transition: opacity 0s linear 0.28s;
    transition: opacity 0s linear 0.28s; }
  .message__close-cta {
    background-color: inherit;
    /* stylelint-disable-next-line declaration-property-value-blacklist */
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px; }
  .message__close-icon {
    color: #fff; }
  .message__message-text {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-transform: none; }
    @media only screen and (min-width: 1920px) {
      .message__message-text {
        font-size: 16px;
        line-height: 24px; } }
    .message__message-text--link {
      text-decoration: underline; }
    [lang^='zh'] .message__message-text,
    [lang^='zf'] .message__message-text {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ko'] .message__message-text {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ja'] .message__message-text {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }
  .message--default-theme {
    bottom: 50%;
    max-width: 323px;
    min-height: 60px;
    padding: 16px 56px 16px 16px;
    right: 24px; }
    @media only screen and (min-width: 1920px) {
      .message--default-theme {
        max-width: 336px;
        min-height: 64px; } }
  .message--grata-theme {
    bottom: 64px;
    max-width: 304px;
    min-height: 92px;
    padding: 16px 40px 16px 16px;
    right: 0; }
    .message--grata-theme::after {
      border-bottom: 10px solid transparent;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      border-top: 20px solid #b79674;
      bottom: -24px;
      content: '';
      position: absolute;
      right: 8px;
      z-index: 9; }
  .message--show {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: opacity 0.16s cubic-bezier(0, 0, 0.2, 1) 0.28s, -webkit-transform 0.28s cubic-bezier(0, 0, 0.2, 1) 0.28s;
    transition: opacity 0.16s cubic-bezier(0, 0, 0.2, 1) 0.28s, -webkit-transform 0.28s cubic-bezier(0, 0, 0.2, 1) 0.28s;
    transition: opacity 0.16s cubic-bezier(0, 0, 0.2, 1) 0.28s, transform 0.28s cubic-bezier(0, 0, 0.2, 1) 0.28s;
    transition: opacity 0.16s cubic-bezier(0, 0, 0.2, 1) 0.28s, transform 0.28s cubic-bezier(0, 0, 0.2, 1) 0.28s, -webkit-transform 0.28s cubic-bezier(0, 0, 0.2, 1) 0.28s;
    visibility: visible; }
    .message--show .message__close-cta,
    .message--show .message__message-text {
      opacity: 1;
      -webkit-transition: opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1) 0.44s;
      transition: opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1) 0.44s; }
  .message--show.message--default-theme {
    opacity: 1; }
  .message--show.message--grata-theme {
    opacity: 0.9; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.public-chat-button {
  display: -webkit-box;
  display: flex;
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  -webkit-box-pack: end;
          justify-content: flex-end;
  line-height: 16px;
  opacity: 0;
  position: relative;
  -webkit-transform: translateX(64px);
          transform: translateX(64px);
  -webkit-transition: visibility 0s linear 0.28s, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
  transition: visibility 0s linear 0.28s, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
  transition: visibility 0s linear 0.28s, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
  transition: visibility 0s linear 0.28s, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), transform 0.28s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
  visibility: hidden;
  z-index: 11; }
  @media only screen and (min-width: 768px) {
    .public-chat-button {
      -webkit-transform: translateX(76px);
              transform: translateX(76px); } }
  @media only screen and (min-width: 1920px) {
    .public-chat-button {
      font-size: 14px;
      line-height: 20px;
      -webkit-transform: translateX(88px);
              transform: translateX(88px); } }
  .public-chat-button.public-chat-button--show {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: visibility 0s linear, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
    transition: visibility 0s linear, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
    transition: visibility 0s linear, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
    transition: visibility 0s linear, opacity 0.28s cubic-bezier(0.4, 0, 0.6, 1), transform 0.28s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.6, 1);
    visibility: visible; }
  .public-chat-button .public-chat-button__start-cta {
    background-color: transparent;
    /* stylelint-disable-next-line declaration-property-value-blacklist */
    border: none;
    cursor: pointer;
    font: inherit;
    outline: none; }
  .public-chat-button--default-theme .public-chat-button__start-cta {
    -webkit-box-align: center;
            align-items: center;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: flex;
    height: 48px;
    -webkit-box-pack: start;
            justify-content: flex-start;
    max-width: 100%;
    padding: 0 14px;
    -webkit-transition: border-radius 0s linear 0.48s, width 0.4s cubic-bezier(0.4, 0, 0.6, 1) 80ms, padding 0.4s cubic-bezier(0.4, 0, 0.6, 1) 80ms;
    transition: border-radius 0s linear 0.48s, width 0.4s cubic-bezier(0.4, 0, 0.6, 1) 80ms, padding 0.4s cubic-bezier(0.4, 0, 0.6, 1) 80ms;
    width: 48px; }
    .public-chat-button--default-theme .public-chat-button__start-cta .public-chat-button__message-icon {
      margin-right: 8px; }
    .public-chat-button--default-theme .public-chat-button__start-cta .public-chat-button__title-wrapper {
      max-width: 300px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .public-chat-button--default-theme .public-chat-button__start-cta .public-chat-button__title {
      opacity: 0;
      -webkit-transition: visibility 0s linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1);
      transition: visibility 0s linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1);
      visibility: hidden;
      white-space: nowrap; }
  .public-chat-button--grata-theme .public-chat-button__start-cta {
    padding: 0; }
  .public-chat-button.public-chat-button--expanded .public-chat-button__start-cta {
    border-radius: 24px;
    -webkit-transition: border-radius 0s linear, width 0.4s cubic-bezier(0.4, 0, 0.6, 1) 3000ms, padding 0.4s cubic-bezier(0.4, 0, 0.6, 1) 3000ms;
    transition: border-radius 0s linear, width 0.4s cubic-bezier(0.4, 0, 0.6, 1) 3000ms, padding 0.4s cubic-bezier(0.4, 0, 0.6, 1) 3000ms;
    width: 100%; }
    @media only screen and (min-width: 1920px) {
      .public-chat-button.public-chat-button--expanded .public-chat-button__start-cta {
        padding: 0 24px; } }
    .public-chat-button.public-chat-button--expanded .public-chat-button__start-cta .public-chat-button__title {
      opacity: 1;
      -webkit-transition: visibility 0s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 3080ms;
      transition: visibility 0s linear, opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 3080ms;
      visibility: visible; }
  .public-chat-button .public-chat-button__grata-button {
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    outline: none;
    width: 123px; }
  .public-chat-button--locale-en .public-chat-button__grata-button {
    background-image: url(/_next/static/boss-assets/o2o-deer-5cb93d4e829174735b97caf3575418c4.png);
    height: 46px;
    width: 46px; }
  .public-chat-button--locale-zh .public-chat-button__grata-button {
    background-image: url(/_next/static/boss-assets/o2o-deer-5cb93d4e829174735b97caf3575418c4.png);
    height: 46px;
    width: 46px; }

.chat-panel {
  visibility: hidden;
  z-index: 100; }
  .chat-panel.chat-panel--right-bottom {
    bottom: 16px;
    position: fixed;
    right: 16px; }
    @media only screen and (min-width: 768px) {
      .chat-panel.chat-panel--right-bottom {
        bottom: 28px;
        right: 28px; } }
    @media only screen and (min-width: 1920px) {
      .chat-panel.chat-panel--right-bottom {
        bottom: 40px;
        right: 40px; } }

/* stylelint-disable */
#lpChat * {
  font-family: "Styrene" !important;
  outline: none !important; }

#lpChat .lp_maximized {
  border: 1px solid #f7f7f7 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  opacity: 1 !important; }
  #lpChat .lp_maximized .lp_header {
    border: none !important;
    border-radius: 0 !important; }
    div.lp_landscape#lpChat .lp_maximized .lp_header {
      display: block !important;
      height: 8%;
      min-height: 25px; }
    #lpChat .lp_maximized .lp_header .lp_header-content-wrapper .lp_title {
      padding-top: 5px;
      text-align: left; }
      #lpChat .lp_maximized .lp_header .lp_header-content-wrapper .lp_title.lpc_mobile {
        -webkit-box-align: center;
                align-items: center;
        display: -webkit-box;
        display: flex;
        height: 100%;
        -webkit-box-pack: left;
                justify-content: left;
        padding: 0; }
        #lpChat .lp_maximized .lp_header .lp_header-content-wrapper .lp_title.lpc_mobile .lp_top-text {
          padding-left: 37px; }
      #lpChat .lp_maximized .lp_header .lp_header-content-wrapper .lp_title .lp_chatting-with-icon {
        display: none !important; }
      #lpChat .lp_maximized .lp_header .lp_header-content-wrapper .lp_title .lp_top-text {
        display: inline-block;
        font-size: inherit;
        margin-left: 8px;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    #lpChat .lp_maximized .lp_header .lp_header-buttons-container {
      display: -webkit-box;
      display: flex; }
      #lpChat .lp_maximized .lp_header .lp_header-buttons-container button {
        color: #fff;
        font-size: 15px !important;
        text-align: center; }
        #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lp_minimize, #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lp_close {
          -webkit-box-align: baseline;
                  align-items: baseline;
          color: #fff !important;
          color: #fff !important;
          display: -webkit-inline-box;
          display: inline-flex;
          font-size: inherit;
          line-height: inherit; }
        #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lp_minimize {
          -webkit-box-pack: start;
                  justify-content: flex-start; }
          #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lp_minimize .lpc_maximized-header__minimize-button-asset {
            left: -602px !important;
            top: -47px !important; }
        #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lp_close {
          -webkit-box-pack: end;
                  justify-content: flex-end; }
          #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lp_close .lpc_maximized-header__close-button-asset {
            left: -552px !important;
            top: -41px !important;
            -webkit-transform: scale(0.8, 0.8);
                    transform: scale(0.8, 0.8); }
        #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lpc_mobile.lp_minimize {
          display: block; }
          #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lpc_mobile.lp_minimize .lpc_maximized-header__minimize-button-asset {
            left: -600px !important;
            top: -40px !important; }
        #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lpc_mobile.lp_close {
          -webkit-box-pack: end;
                  justify-content: flex-end; }
          #lpChat .lp_maximized .lp_header .lp_header-buttons-container button.lpc_mobile.lp_close .lpc_maximized-header__close-button-asset {
            left: -554px !important;
            top: -37px !important; }
  div.lp_landscape#lpChat .lp_maximized .lp_main {
    height: 92%;
    max-height: calc(100% - 25px);
    top: auto; }
  #lpChat .lp_maximized .lp_main .lp_logo_area_wrapper {
    display: none; }
  #lpChat .lp_maximized .lp_main .lp_logo_top_margin {
    margin: 0; }
  #lpChat .lp_maximized .lp_main .lp_main_area .lp_dialog_container {
    color: #171717 !important; }
    #lpChat .lp_maximized .lp_main .lp_main_area .lp_dialog_container .lp_center_div_wrapper {
      display: -webkit-box;
      display: flex; }
      #lpChat .lp_maximized .lp_main .lp_main_area .lp_dialog_container .lp_center_div_wrapper .lp_center_div_inner {
        align-self: center;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        margin-bottom: 40px; }
        #lpChat .lp_maximized .lp_main .lp_main_area .lp_dialog_container .lp_center_div_wrapper .lp_center_div_inner .lp_lpview_title.lp_title {
          font-size: 14px;
          line-height: 20px;
          margin-bottom: 16px; }
        #lpChat .lp_maximized .lp_main .lp_main_area .lp_dialog_container .lp_center_div_wrapper .lp_center_div_inner .lp_buttons_area button {
          border: 1px solid #171717; }
        #lpChat .lp_maximized .lp_main .lp_main_area .lp_dialog_container .lp_center_div_wrapper .lp_center_div_inner .lp_buttons_area .lp_cancel_button {
          color: #171717 !important; }
  #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper {
    padding-left: 16px;
    padding-right: 16px; }
    #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper .lp_time {
      color: #999 !important;
      font-size: 12px;
      line-height: 16px; }
    #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper .lp_chat_line {
      padding: 8px; }
      #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper .lp_chat_line .lp_title_text {
        color: #000 !important;
        font-size: 12px;
        line-height: 17px;
        padding: 0; }
      #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper .lp_chat_line .lp_line_state_wrapper .lp_line_state {
        color: #666 !important;
        font-size: 12px;
        line-height: 16px; }
    #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper.lp_visitor .lp_title_text {
      font-size: 14px;
      line-height: 20px; }
    #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper.lp_agent .lp_title_text {
      color: #fff !important;
      font-size: 14px;
      line-height: 20px; }
    #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper.lp_agent .lp_chat_arrow_border {
      left: 13px; }
    #lpChat .lp_maximized .lp_main .lp_main_area .lp_location_center .lp_chat_line_wrapper.lp_agent .lp_chat_arrow {
      left: 14px; }
  #lpChat .lp_maximized .lp_main .lp_location_bottom {
    height: 40px !important; }
    #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_actions_button {
      bottom: 8px; }
    #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_send_button {
      bottom: 8px;
      opacity: 1; }
      #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_send_button .lpc_composer__send-button-asset {
        -webkit-filter: brightness(37.5%);
                filter: brightness(37.5%); }
    #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_input_area {
      -webkit-box-align: center;
              align-items: center;
      display: -webkit-box;
      display: flex;
      height: 100%;
      padding: 0; }
      #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_input_area .lpview_form_textarea {
        padding: 3px; }
        #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_input_area .lpview_form_textarea::-webkit-input-placeholder {
          color: #999;
          font-family: "Styrene";
          font-size: 14px;
          opacity: 1; }
        #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_input_area .lpview_form_textarea::-moz-placeholder {
          color: #999;
          font-family: "Styrene";
          font-size: 14px;
          opacity: 1; }
        #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_input_area .lpview_form_textarea:-ms-input-placeholder {
          color: #999;
          font-family: "Styrene";
          font-size: 14px;
          opacity: 1; }
        #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_input_area .lpview_form_textarea::-ms-input-placeholder {
          color: #999;
          font-family: "Styrene";
          font-size: 14px;
          opacity: 1; }
        #lpChat .lp_maximized .lp_main .lp_location_bottom .lp_input_area .lpview_form_textarea::placeholder {
          color: #999;
          font-family: "Styrene";
          font-size: 14px;
          opacity: 1; }
  #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_bottom_spacer {
    display: none; }
  #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container {
    color: #171717 !important; }
    #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container {
      color: #171717 !important; }
      #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_survey_header_area {
        border: none;
        margin: 0;
        padding: 0; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_survey_header_area .lp_header_text {
          font-size: 14px; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_survey_header_area .lp_header_text .lp_header_text_logo {
            border-bottom: 1px solid #ddd; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_survey_header_area .lp_header_text .lp_header_text_logo img {
              display: none !important; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_survey_header_area .lp_header_text .lp_header_text_copy {
            border-bottom: 1px solid #999;
            margin-left: 18px;
            margin-right: 18px;
            padding: 24px 0;
            text-align: left; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_survey_header_area .lp_header_text .lp_header_text_copy--postchat {
              font-weight: normal;
              padding-top: 24px !important; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_survey_header_area .lp_header_text .lp_header_text_copy a {
              font-family: "//common.static.burberry.com/fonts/v5/BBY-Styrene/BurberryStyreneB-Medium" !important; }
      #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_input-field {
        border-radius: 0;
        height: 44px !important; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_input-field::-webkit-input-placeholder {
          color: #999;
          font-style: normal !important; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_input-field::-moz-placeholder {
          color: #999;
          font-style: normal !important; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_input-field:-ms-input-placeholder {
          color: #999;
          font-style: normal !important; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_input-field::-ms-input-placeholder {
          color: #999;
          font-style: normal !important; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_input-field::placeholder {
          color: #999;
          font-style: normal !important; }
      #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question {
        margin: 24px 18px 0; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_question_label {
          color: #000;
          font-family: 'Apercu Medium', Helvetica, Arial, sans-serif !important; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content {
          color: #171717;
          margin-top: 0; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content input[type='text'] {
            border-color: #171717;
            color: #000;
            height: 44px;
            line-height: 44px; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content input[type='text']::-webkit-input-placeholder {
              color: #999;
              font-style: normal; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content input[type='text']::-moz-placeholder {
              color: #999;
              font-style: normal; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content input[type='text']:-ms-input-placeholder {
              color: #999;
              font-style: normal; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content input[type='text']::-ms-input-placeholder {
              color: #999;
              font-style: normal; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content input[type='text']::placeholder {
              color: #999;
              font-style: normal; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content .lp_radiobutton_wrapper input[type='radio'] {
            display: inline-block;
            line-height: 14px;
            vertical-align: top; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content .lp_radiobutton_wrapper .lp_radio_button {
            font-size: 14px;
            line-height: 14px;
            margin: 0 0 6px; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_content .lp_radiobutton_wrapper .lp_radio_button label {
              font-weight: normal;
              padding-left: 18px;
              vertical-align: bottom; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_surveyError_wrapper .lp_error_img {
          display: none; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pages_area .lp_question .lp_surveyError_wrapper .lp_error_text {
          padding: 0; }
      #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-pack: end;
                justify-content: flex-end;
        padding: 0 0 18px;
        position: relative; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area {
          display: -webkit-box;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                  flex-direction: row;
          height: auto;
          -webkit-box-pack: justify;
                  justify-content: space-between;
          margin: 0;
          padding: 0 18px;
          width: 100%; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button {
            background: #171717;
            border: 1px solid #171717;
            font-size: 14px;
            font-weight: normal;
            line-height: 24px;
            margin: 0;
            max-width: 100%; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button.lp_close_survey_button {
              width: 100%; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button.lp_prev_button, #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button.lp_cancel_button {
              background: #fff;
              color: #171717 !important;
              margin-right: 18px; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button.lp_prev_button, #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button.lp_cancel_button, #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button.lp_next_button, #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_buttons_area button.lp_submit_button {
              border-radius: 0;
              flex-basis: 100%; }
        #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_pager {
          line-height: 0; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_pager:not(:empty) {
            padding-top: 12px; }
          #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_pager .lp_dot {
            background: #fff;
            border: 1px solid #000;
            height: 4px;
            margin: 0 0 0 12px;
            width: 4px; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_pager .lp_dot:first-child {
              margin-left: 0; }
            #lpChat .lp_maximized .lp_main .lp_survey_area .lp_survey_container .lp_survey_view_container .lp_pagination-area .lp_pager .lp_dot.lp_selected {
              background: #000; }

#lpChat .lp_minimized {
  display: none !important; }

#lpChat .lp_bottom_area textarea::-webkit-input-placeholder {
  color: #999;
  font-style: normal !important; }

#lpChat .lp_bottom_area textarea::-moz-placeholder {
  color: #999;
  font-style: normal !important; }

#lpChat .lp_bottom_area textarea:-ms-input-placeholder {
  color: #999;
  font-style: normal !important; }

#lpChat .lp_bottom_area textarea::-ms-input-placeholder {
  color: #999;
  font-style: normal !important; }

#lpChat .lp_bottom_area textarea::placeholder {
  color: #999;
  font-style: normal !important; }

#lpChat .lp_actions_bar .lp_action_item .lp_action_wrapper .lp_title {
  font-size: 12px; }

#lpChat .lp_survey_header_error {
  margin-left: 24px;
  margin-right: 24px; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.typography--h1 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 32px; }
  [lang^='zh'] .typography--h1,
  [lang^='zf'] .typography--h1 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--h1 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--h1 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--h2 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px; }
  [lang^='zh'] .typography--h2,
  [lang^='zf'] .typography--h2 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--h2 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--h2 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--h3 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px; }
  [lang^='zh'] .typography--h3,
  [lang^='zf'] .typography--h3 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--h3 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--h3 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--h4 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px; }
  @media only screen and (min-width: 1920px) {
    .typography--h4 {
      font-size: 24px;
      line-height: 32px; } }
  [lang^='zh'] .typography--h4,
  [lang^='zf'] .typography--h4 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--h4 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--h4 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--h5 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) {
    .typography--h5 {
      font-size: 24px;
      line-height: 30px; } }
  [lang^='zh'] .typography--h5,
  [lang^='zf'] .typography--h5 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--h5 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--h5 {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--h6 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
  text-transform: uppercase; }
  [lang^='zh'] .typography--h6,
  [lang^='zf'] .typography--h6 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--h6 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--h6 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--l1 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px; }
  [lang^='zh'] .typography--l1,
  [lang^='zf'] .typography--l1 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .typography--l1 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .typography--l1 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--l2 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px; }
  @media only screen and (min-width: 1920px) {
    .typography--l2 {
      font-size: 16px;
      line-height: 24px; } }
  [lang^='zh'] .typography--l2,
  [lang^='zf'] .typography--l2 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .typography--l2 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .typography--l2 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--l3 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px; }
  @media only screen and (min-width: 1920px) {
    .typography--l3 {
      font-size: 14px;
      line-height: 20px; } }
  [lang^='zh'] .typography--l3,
  [lang^='zf'] .typography--l3 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .typography--l3 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .typography--l3 {
    font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--l4 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: none; }
  @media only screen and (min-width: 1920px) {
    .typography--l4 {
      font-size: 14px;
      line-height: 20px; } }
  [lang^='zh'] .typography--l4,
  [lang^='zf'] .typography--l4 {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ko'] .typography--l4 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
    font-weight: 700; }
  [lang^='ja'] .typography--l4 {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
    font-weight: 600; }

.typography--l5 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none; }
  [lang^='zh'] .typography--l5,
  [lang^='zf'] .typography--l5 {
    font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--l5 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--l5 {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }

.typography--c1 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: none; }
  @media only screen and (min-width: 1920px) {
    .typography--c1 {
      font-size: 12px; } }
  [lang^='zh'] .typography--c1,
  [lang^='zf'] .typography--c1 {
    font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--c1 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--c1 {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }

.typography--c2 {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 14px;
  text-transform: none; }
  [lang^='zh'] .typography--c2,
  [lang^='zf'] .typography--c2 {
    font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--c2 {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--c2 {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }

.typography--link {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none; }
  @media only screen and (min-width: 1920px) {
    .typography--link {
      font-size: 16px;
      line-height: 24px; } }
  [lang^='zh'] .typography--link,
  [lang^='zf'] .typography--link {
    font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--link {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--link {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }

.typography--body {
  font-family: "Styrene", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none; }
  @media only screen and (min-width: 1920px) {
    .typography--body {
      font-size: 16px;
      line-height: 24px; } }
  .typography--body--link {
    text-decoration: underline; }
  [lang^='zh'] .typography--body,
  [lang^='zf'] .typography--body {
    font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ko'] .typography--body {
    font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
  [lang^='ja'] .typography--body {
    font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }

.typography--uppercase {
  text-transform: uppercase; }

.icp-footer {
  margin-top: 16px;
  width: 100%; }
  .icp-footer__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media only screen and (min-width: 1024px) {
      .icp-footer__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row; } }
  @media only screen and (max-width: 1023px) {
    .icp-footer__item {
      margin-bottom: 12px; }
      .icp-footer__item:last-child {
        margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .icp-footer__item {
      margin-right: 16px; }
      .icp-footer__item:last-child {
        margin-right: 0; } }
  .icp-footer .icp-footer__item-link {
    color: #666;
    display: -webkit-box;
    display: flex;
    text-decoration: none; }
    .icp-footer .icp-footer__item-link:hover {
      color: #999; }
  .icp-footer__item-image {
    height: 16px;
    margin-right: 8px;
    width: 16px; }
  .icp-footer__item-title {
    margin: 0; }

.button {
  background-color: transparent;
  border: 0;
  color: #000;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  text-align: left;
  text-decoration: none;
  -webkit-transition: color 0.15s linear;
  transition: color 0.15s linear; }
  .button--fullwidth {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    width: 100%; }
  .button--disabled {
    color: #ccc;
    cursor: none; }
    .button--disabled:hover {
      color: #ccc;
      cursor: default; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.button-primary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 44px;
  max-width: 100%;
  min-width: 240px;
  padding: 14px 24px;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  text-transform: uppercase; }
  @media only screen and (min-width: 1920px) {
    .button-primary {
      height: 48px; } }
  .button-primary__content {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media only screen and (min-width: 1920px) {
      .button-primary__content {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .button-primary__content,
    [lang^='zf'] .button-primary__content {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .button-primary__content {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .button-primary__content {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  @media only screen and (min-width: 1024px) {
    .button-primary:hover {
      background-color: #333;
      color: #fff; }
    .button-primary:active {
      background-color: #000; } }
  .button-primary:active {
    background-color: #333; }
  .button-primary--disabled, .button-primary--disabled:active, .button-primary--disabled:hover {
    background-color: #ccc;
    border-color: #ccc;
    color: #fff; }

.button-secondary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 44px;
  max-width: 100%;
  min-width: 240px;
  padding: 14px 24px;
  text-align: center;
  background-color: transparent;
  border: 2px solid #000;
  text-transform: uppercase; }
  @media only screen and (min-width: 1920px) {
    .button-secondary {
      height: 48px; } }
  .button-secondary__content {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media only screen and (min-width: 1920px) {
      .button-secondary__content {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .button-secondary__content,
    [lang^='zf'] .button-secondary__content {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .button-secondary__content {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .button-secondary__content {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  @media only screen and (min-width: 1024px) {
    .button-secondary:hover {
      background-color: #000;
      color: #fff; }
    .button-secondary--disabled:hover {
      background-color: transparent;
      border-color: #ccc;
      color: #ccc; } }
  .button-secondary:active {
    background-color: #000;
    color: #fff; }
  .button-secondary--disabled, .button-secondary--disabled:active {
    background-color: transparent;
    border-color: #ccc;
    color: #ccc; }

.button-secondary-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 44px;
  max-width: 100%;
  min-width: 240px;
  padding: 14px 24px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #ccc;
  text-transform: uppercase; }
  @media only screen and (min-width: 1920px) {
    .button-secondary-picker {
      height: 48px; } }
  .button-secondary-picker__content {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media only screen and (min-width: 1920px) {
      .button-secondary-picker__content {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .button-secondary-picker__content,
    [lang^='zf'] .button-secondary-picker__content {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .button-secondary-picker__content {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .button-secondary-picker__content {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }

.icon {
  display: -webkit-inline-box;
  display: inline-flex; }

.icon--glyph-box {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .icon--glyph-box.icon--size-s {
    height: 20px;
    width: 20px; }
  .icon--glyph-box.icon--size-m {
    height: 24px;
    width: 24px; }
  .icon--glyph-box.icon--size-l {
    height: 32px;
    width: 32px; }

/**
 * Do not edit directly
 * Generated on Mon, 09 Sep 2019 14:47:34 GMT
 */
.modal {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  position: relative; }
  .modal__content {
    background-color: #fff;
    height: 100%;
    left: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2; }
    @media only screen and (min-width: 1024px) {
      .modal__content {
        height: auto;
        width: auto; } }
    @media only screen and (min-width: 1366px) {
      .modal__content {
        height: auto;
        width: auto; } }
    .modal__content--with-padding {
      padding: 48px 24px 24px; }
  .modal__overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .modal:focus {
    outline: 0 !important; }
  .modal__children-container {
    height: 100%;
    overflow: hidden;
    width: 100%; }
    .modal__children-container--with-scroll {
      overflow: auto; }
  .modal__close-button {
    padding: 4px;
    position: absolute;
    right: 8px;
    top: 12px;
    z-index: 1000; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .modal__close-button {
        right: 20px; } }
    [data-device='desktop'] .modal__close-button {
      position: absolute;
      right: 23px;
      top: 116px; }
      @media only screen and (min-width: 1366px) and (max-width: 1919px) {
        [data-device='desktop'] .modal__close-button {
          right: 35px;
          top: 124px; } }
      @media only screen and (min-width: 1920px) {
        [data-device='desktop'] .modal__close-button {
          right: 39px;
          top: 144px; } }
      @media only screen and (min-width: 2560px) {
        [data-device='desktop'] .modal__close-button {
          right: 52px;
          top: 176px; } }

.modal--open {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0; }
  .modal--open::-webkit-scrollbar {
    -webkit-appearance: none;
            appearance: none;
    height: 0;
    width: 0; }

.modal--fixed {
  position: static; }

.modal-portal {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.store-associate-sign-out {
  padding: 16px; }
  @media only screen and (min-width: 1024px) {
    .store-associate-sign-out__modal {
      -webkit-box-align: baseline;
              align-items: baseline; } }
  @media only screen and (min-width: 1366px) {
    .store-associate-sign-out__modal {
      -webkit-box-align: baseline;
              align-items: baseline; } }
  .store-associate-sign-out__title {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    margin-top: 16px; }
    @media only screen and (min-width: 1920px) {
      .store-associate-sign-out__title {
        font-size: 24px;
        line-height: 32px; } }
    [lang^='zh'] .store-associate-sign-out__title,
    [lang^='zf'] .store-associate-sign-out__title {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ko'] .store-associate-sign-out__title {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ja'] .store-associate-sign-out__title {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .store-associate-sign-out .store-associate-sign-out__buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    margin-top: 40px; }
  .store-associate-sign-out .store-associate-sign-out__button {
    -webkit-box-flex: 1;
            flex-grow: 1;
    min-width: inherit; }
    .store-associate-sign-out .store-associate-sign-out__button:first-of-type {
      margin-right: 8px; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.store-associate-session {
  padding: 16px; }
  @media only screen and (min-width: 1024px) {
    .store-associate-session__modal {
      -webkit-box-align: baseline;
              align-items: baseline; } }
  @media only screen and (min-width: 1366px) {
    .store-associate-session__modal {
      -webkit-box-align: baseline;
              align-items: baseline; } }
  .store-associate-session__title {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
    margin-top: 16px; }
    @media only screen and (min-width: 1920px) {
      .store-associate-session__title {
        font-size: 24px;
        line-height: 32px; } }
    [lang^='zh'] .store-associate-session__title,
    [lang^='zf'] .store-associate-session__title {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ko'] .store-associate-session__title {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ja'] .store-associate-session__title {
      font-family: "HiraKakuProN-W6", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }
  .store-associate-session__text {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-transform: none;
    margin: 0;
    margin-top: 16px; }
    [lang^='zh'] .store-associate-session__text,
    [lang^='zf'] .store-associate-session__text {
      font-family: "STHeitiSC-Light", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ko'] .store-associate-session__text {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif; }
    [lang^='ja'] .store-associate-session__text {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif; }
  .store-associate-session .store-associate-session__buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    margin-top: 40px; }
  .store-associate-session .store-associate-session__button {
    -webkit-box-flex: 1;
            flex-grow: 1;
    min-width: inherit; }
    .store-associate-session .store-associate-session__button:first-of-type {
      margin-right: 8px; }

/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
/* stylelint-disable-next-line scss/at-mixin-pattern */
.store-associate-banner {
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  height: 44px;
  -webkit-box-pack: justify;
          justify-content: space-between;
  left: 0;
  padding: 14px 16px;
  width: 100%; }
  .store-associate-banner .store-associate-banner__associate-id,
  .store-associate-banner .store-associate-banner__new-customer-button {
    font-family: "Styrene", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: none;
    color: #fff; }
    @media only screen and (min-width: 1920px) {
      .store-associate-banner .store-associate-banner__associate-id,
      .store-associate-banner .store-associate-banner__new-customer-button {
        font-size: 14px;
        line-height: 20px; } }
    [lang^='zh'] .store-associate-banner .store-associate-banner__associate-id,
    [lang^='zf'] .store-associate-banner .store-associate-banner__associate-id, [lang^='zh']
    .store-associate-banner .store-associate-banner__new-customer-button,
    [lang^='zf']
    .store-associate-banner .store-associate-banner__new-customer-button {
      font-family: "STHeitiSC-Medium", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ko'] .store-associate-banner .store-associate-banner__associate-id, [lang^='ko']
    .store-associate-banner .store-associate-banner__new-customer-button {
      font-family: "Nanum Gothic", "ArialUnicodeMS", Arial, sans-serif;
      font-weight: 700; }
    [lang^='ja'] .store-associate-banner .store-associate-banner__associate-id, [lang^='ja']
    .store-associate-banner .store-associate-banner__new-customer-button {
      font-family: "HiraKakuProN-W3", "Meiryo", "MS P Gothic", sans-serif;
      font-weight: 600; }