@charset "UTF-8";
html {
  font-size: 100px; }

.bodyVOSK .share-state, .bodyVOSK .x-list-item__share-button {
  display: none !important; }

[data-view] {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s -webkit-transform ease , opacity 0.5s ease;
  -moz-transition: 0.5s -moz-transform ease , opacity 0.5s ease;
  transition: 0.5s transform ease , opacity 0.5s ease; }
  [data-view].inner-animate > .animating-element {
    opacity: 0;
    -webkit-transition: 0.5s -webkit-transform ease , opacity 0.5s ease;
    -moz-transition: 0.5s -moz-transform ease , opacity 0.5s ease;
    transition: 0.5s transform ease , opacity 0.5s ease; }
  [data-view]:not(.draw) {
    display: none !important; }
  [data-view].transition-in {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
    [data-view].transition-in.inner-animate > .animating-element {
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
  [data-view].show {
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    pointer-events: auto; }
    [data-view].show.inner-animate > .animating-element {
      opacity: 1 !important;
      -webkit-transform: none !important;
      -moz-transform: none !important;
      transform: none !important; }
  [data-view][animate~="nofade"].show, [data-view][animate~="nofade"].show.inner-animate > .animating-element {
    -webkit-transition: 0.5s -webkit-transform ease , opacity 0.01s ease;
    -moz-transition: 0.5s -moz-transform ease , opacity 0.01s ease;
    transition: 0.5s transform ease , opacity 0.01s ease; }
  [data-view][animate~="nofade"].transition-out, [data-view][animate~="nofade"].transition-out.inner-animate > .animating-element {
    -webkit-transition: 0.5s -webkit-transform ease , opacity 0.01s ease 0.5s;
    -moz-transition: 0.5s -moz-transform ease , opacity 0.01s ease 0.5s;
    transition: 0.5s transform ease , opacity 0.01s ease 0.5s; }
  [data-view][animate-in~="nofade"].show, [data-view][animate-in~="nofade"].show.inner-animate > .animating-element {
    -webkit-transition: 0.5s -webkit-transform ease , opacity 0.01s ease;
    -moz-transition: 0.5s -moz-transform ease , opacity 0.01s ease;
    transition: 0.5s transform ease , opacity 0.01s ease; }
  [data-view][animate-out~="nofade"].transition-out, [data-view][animate-out~="nofade"].transition-out.inner-animate > .animating-element {
    -webkit-transition: 0.5s -webkit-transform ease , opacity 0.01s ease 0.5s;
    -moz-transition: 0.5s -moz-transform ease , opacity 0.01s ease 0.5s;
    transition: 0.5s transform ease , opacity 0.01s ease 0.5s; }
  [data-view][animate~="scale"][animate~="grow"]:not(.inner-animate), [data-view][animate~="scale"][animate~="grow"].inner-animate > .animating-element {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5); }
  [data-view][animate~="scale"][animate~="shrink"]:not(.inner-animate), [data-view][animate~="scale"][animate~="shrink"].inner-animate > .animating-element {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5); }
  [data-view][animate~="slide"][animate~="up"]:not(.inner-animate), [data-view][animate~="slide"][animate~="up"].inner-animate > .animating-element {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%); }
  [data-view][animate~="slide"][animate~="left"]:not(.inner-animate), [data-view][animate~="slide"][animate~="left"].inner-animate > .animating-element {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  [data-view][animate~="slide"][animate~="down"]:not(.inner-animate), [data-view][animate~="slide"][animate~="down"].inner-animate > .animating-element {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%); }
  [data-view][animate~="slide"][animate~="right"]:not(.inner-animate), [data-view][animate~="slide"][animate~="right"].inner-animate > .animating-element {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  [data-view][animate-in~="scale"].transition-in[animate-in~="grow"]:not(.inner-animate), [data-view][animate-in~="scale"].transition-in[animate-in~="grow"].inner-animate > .animating-element {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5); }
  [data-view][animate-in~="scale"].transition-in[animate-in~="shrink"]:not(.inner-animate), [data-view][animate-in~="scale"].transition-in[animate-in~="shrink"].inner-animate > .animating-element {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5); }
  [data-view][animate-in~="slide"].transition-in[animate-in~="up"]:not(.inner-animate), [data-view][animate-in~="slide"].transition-in[animate-in~="up"].inner-animate > .animating-element {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%); }
  [data-view][animate-in~="slide"].transition-in[animate-in~="left"]:not(.inner-animate), [data-view][animate-in~="slide"].transition-in[animate-in~="left"].inner-animate > .animating-element {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  [data-view][animate-in~="slide"].transition-in[animate-in~="down"]:not(.inner-animate), [data-view][animate-in~="slide"].transition-in[animate-in~="down"].inner-animate > .animating-element {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%); }
  [data-view][animate-in~="slide"].transition-in[animate-in~="right"]:not(.inner-animate), [data-view][animate-in~="slide"].transition-in[animate-in~="right"].inner-animate > .animating-element {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  [data-view][animate-out~="scale"].transition-out[animate-out~="grow"]:not(.inner-animate), [data-view][animate-out~="scale"].transition-out[animate-out~="grow"].inner-animate > .animating-element {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5); }
  [data-view][animate-out~="scale"].transition-out[animate-out~="shrink"]:not(.inner-animate), [data-view][animate-out~="scale"].transition-out[animate-out~="shrink"].inner-animate > .animating-element {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5); }
  [data-view][animate-out~="slide"].transition-out[animate-out~="up"]:not(.inner-animate), [data-view][animate-out~="slide"].transition-out[animate-out~="up"].inner-animate > .animating-element {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%); }
  [data-view][animate-out~="slide"].transition-out[animate-out~="left"]:not(.inner-animate), [data-view][animate-out~="slide"].transition-out[animate-out~="left"].inner-animate > .animating-element {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  [data-view][animate-out~="slide"].transition-out[animate-out~="down"]:not(.inner-animate), [data-view][animate-out~="slide"].transition-out[animate-out~="down"].inner-animate > .animating-element {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%); }
  [data-view][animate-out~="slide"].transition-out[animate-out~="right"]:not(.inner-animate), [data-view][animate-out~="slide"].transition-out[animate-out~="right"].inner-animate > .animating-element {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }

img.svg-replace {
  visibility: hidden; }

.x-gradient {
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  z-index: 100;
  pointer-events: none;
  will-change: opacity; }
  .x-gradient.top {
    top: 0;
    left: 0;
    width: 100%;
    height: 0.4em;
    background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .x-gradient.bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.4em;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .x-gradient.left {
    top: 0;
    left: 0;
    width: 0.4em;
    height: 100%;
    background: -moz-linear-gradient(left, white 20%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 20%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .x-gradient.right {
    top: 0;
    right: 0;
    width: 0.4em;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.x-scrollable.no-scroll > .x-gradient {
  display: none; }
/* if no scroll direction is specified, then assume scroll-direction y as default */
.x-scrollable:not([data-scroll-direction]) > .x-gradient.left,
.x-scrollable:not([data-scroll-direction]) > .x-gradient.right {
  display: none;
}
/* if scroll direction is specified, then hide the other axis gradients */
/* [data-scroll-direction="xy"] is possible so don't use ~= */
.x-scrollable[data-scroll-direction="x"] > .x-gradient.top,
.x-scrollable[data-scroll-direction="x"] > .x-gradient.bottom,
.x-scrollable[data-scroll-direction="y"] > .x-gradient.left,
.x-scrollable[data-scroll-direction="y"] > .x-gradient.right {
  display: none; }
.x-scrollable[data-scroll-end="at-top"] > .x-gradient.top,
.x-scrollable[data-scroll-end-y="at-top"] > .x-gradient.top {
  opacity: 0; }
.x-scrollable[data-scroll-end="at-bottom"] > .x-gradient.bottom,
.x-scrollable[data-scroll-end-y="at-bottom"] > .x-gradient.bottom {
  opacity: 0; }
.x-scrollable[data-scroll-end-x="at-left"] > .x-gradient.left {
  opacity: 0; }
.x-scrollable[data-scroll-end-x="at-right"] > .x-gradient.right {
  opacity: 0; }
.x-scrollable .scroll-container .scroll-content {
  will-change: transform; }

[no-fade] .x-gradient {
  display: none !important; }

x-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  pointer-events: none !important;
  z-index: 1; }
  x-card.show .x-card__card {
    pointer-events: auto; }
  x-card.show[darken-bg] .x-card__darken-layer {
    pointer-events: auto; }
  x-card[position*="top"] {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
  x-card[position*="bottom"] {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }
  x-card[position*="left"] {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start; }
  x-card[position*="right"] {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end; }
  x-card[size="small"] .x-card__card {
    width: 5em;
    height: 3.5em; }
  x-card[size="large"] .x-card__card {
    width: 9em;
    height: 6.3em; }
  x-card[full-width] .x-card__card {
    width: 100%;
    max-width: 100%; }
  x-card[full-height] .x-card__card {
    height: 100%;
    max-height: 100%; }
  x-card .x-card__darken-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none; }
  x-card[darken-bg] .x-card__darken-layer {
    display: block; }
  x-card[no-close] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button, x-card[no-close] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider {
    display: none; }
  x-card[no-share] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button, x-card[no-share] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider {
    display: none; }
  x-card[tabs] .x-card__card .x-card__tab-bar {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  x-card[tabs-anchor="top"] .x-card__card .x-card__inner-container .x-card__tab-bar {
    background-color: #4cd964; }
    x-card[tabs-anchor="top"] .x-card__card .x-card__inner-container .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
      fill: #333333; }
    x-card[tabs-anchor="top"] .x-card__card .x-card__inner-container .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
      color: #333333; }
  x-card[tabs-anchor="bottom"] .x-card__card .x-card__inner-container {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar {
    height: 0.8em; }
  x-card[tabs-anchor="top"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-before, x-card[tabs-anchor="bottom"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-before {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  x-card[tabs-anchor="top"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-after, x-card[tabs-anchor="bottom"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-after {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  x-card[tabs-anchor="top"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-before, x-card[tabs-anchor="bottom"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-before {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  x-card[tabs-anchor="top"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-after, x-card[tabs-anchor="bottom"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-after {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar, x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab, x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab {
      height: 100%;
      width: auto; }
  x-card[tabs-anchor="right"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-before, x-card[tabs-anchor="left"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-before {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%); }
  x-card[tabs-anchor="right"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-after, x-card[tabs-anchor="left"] .x-card__card [tab]:not([animate]):not([animate-in]).transition-in.seq-after {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%); }
  x-card[tabs-anchor="right"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-before, x-card[tabs-anchor="left"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-before {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%); }
  x-card[tabs-anchor="right"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-after, x-card[tabs-anchor="left"] .x-card__card [tab]:not([animate]):not([animate-out]).transition-out.seq-after {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%); }
  x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar, x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar {
    width: 1.5em;
    height: auto; }
    x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab, x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab {
      height: auto;
      width: 100%;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start; }
      x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon {
        margin-left: 0.27em; }
      x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label {
        margin-left: 0.15em;
        margin-top: 0; }
  x-card[slim-tabs] .x-card__card .x-card__tab-bar {
    width: 0.75em; }
    x-card[slim-tabs] .x-card__card .x-card__tab-bar .x-card__tab {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; }
      x-card[slim-tabs] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon {
        margin-left: 0; }
      x-card[slim-tabs] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label {
        margin-left: 0;
        margin-top: 0.08em; }
  x-card:not([slim-tabs]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1.11em; }
    x-card:not([slim-tabs]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-label {
      margin-top: 0;
      margin-left: 0.13em; }
  x-card:not([slim-tabs]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button {
    width: 0.665em; }
  x-card[tabs-anchor="right"] .x-card__card .x-card__inner-container {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  x-card[tabs-anchor="right"] .x-card__card[slim-tabs] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button {
    width: 0.75em; }
  x-card[tabs-anchor="left"] .x-card__card .x-card__inner-container {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  x-card .x-card__card {
    position: relative;
    width: 7em;
    height: 4.9em;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 90%;
    max-height: 90%; }
    x-card .x-card__card .x-card__header-bar {
      position: relative;
      width: 100%;
      height: 0.7em;
      background-color: #4cd964;
      box-sizing: border-box;
      padding-left: 0.15em;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: _v0flex-start;
      -moz-justify-content: _v0flex-start;
      -ms-justify-content: _v0flex-start;
      justify-content: _v0flex-start;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0; }
      x-card .x-card__card .x-card__header-bar .x-card__header {
        position: relative;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        font-family: AppFontBold;
        color: #FFFFFF; }
        x-card .x-card__card .x-card__header-bar .x-card__header > .i18n {
          font-size: 0.2em; }
      x-card .x-card__card .x-card__header-bar .x-card__close-btn-container {
        position: relative;
        height: 100%;
        width: auto;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: -moz-flex;
        -moz-flex-direction: column;
        -moz-justify-content: center;
        -moz-align-items: center;
        display: -ms-flex;
        -ms-flex-direction: column;
        -ms-justify-content: center;
        -ms-align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button {
          position: relative;
          height: 100%;
          width: 0.57em;
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: -moz-flex;
          -moz-flex-direction: column;
          -moz-justify-content: center;
          -moz-align-items: center;
          display: -ms-flex;
          -ms-flex-direction: column;
          -ms-justify-content: center;
          -ms-align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-icon {
            position: relative;
            width: 0.18em;
            height: 0.18em; }
            x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-icon svg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-icon svg path {
                fill: #FFFFFF; }
          x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-label {
            position: relative;
            color: #FFFFFF;
            margin-top: 0.07em;
            text-transform: uppercase;
            font-family: AppFontBold;
            display: none; }
            x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-label > .i18n {
              font-size: 0.1em; }
        x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider {
          position: relative;
          height: 60%;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.5);
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-shrink: 0;
          flex-shrink: 0; }
        x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button {
          position: relative;
          height: 100%;
          width: 0.775em;
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: -moz-flex;
          -moz-flex-direction: column;
          -moz-justify-content: center;
          -moz-align-items: center;
          display: -ms-flex;
          -ms-flex-direction: column;
          -ms-justify-content: center;
          -ms-align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-icon {
            position: relative;
            width: 0.19em;
            height: 0.18em; }
            x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-icon svg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-icon svg path {
                fill: #FFFFFF; }
          x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-label {
            position: relative;
            color: #FFFFFF;
            margin-top: 0.07em;
            text-transform: uppercase;
            font-family: AppFontBold; }
            x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-label > .i18n {
              font-size: 0.1em; }
    x-card .x-card__card .x-card__inner-container {
      position: relative;
      width: 100%;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      align-items: stretch; }
      x-card .x-card__card .x-card__inner-container > .content {
        position: relative;
        height: auto;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        width: 100%;
        height: auto;
        background-color: white;
        overflow: hidden; }
    x-card .x-card__card .x-card__tab-bar {
      display: none;
      position: relative;
      width: 100%;
      height: 0.7em;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      background-color: #333333; }
      x-card .x-card__card .x-card__tab-bar .x-card__tab {
        position: relative;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: -moz-flex;
        -moz-flex-direction: column;
        -moz-justify-content: center;
        -moz-align-items: center;
        display: -ms-flex;
        -ms-flex-direction: column;
        -ms-justify-content: center;
        -ms-align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden; }
        x-card .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
          fill: #4cd964; }
        x-card .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
          color: #4cd964; }
        x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon {
          position: relative;
          width: 0.23em;
          height: 0.2em; }
          x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon svg path {
              fill: #FFFFFF; }
        x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label {
          position: relative;
          color: #FFFFFF;
          text-transform: uppercase;
          font-family: AppFontBold;
          margin-top: 0.08em; }
          x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label > .i18n {
            font-size: 0.1em; }

.bodyPhone .enableArchPhoneStyle x-card {
  z-index: 250; }
  .bodyPhone .enableArchPhoneStyle x-card[tabs] .x-card__card .x-card__inner-container > .content {
    margin-top: 0.4em; }
  .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%; }
    .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
    .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
    .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
    .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
    .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
    .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
    .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider {
      display: none; }
    .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar {
      background-color: transparent;
      position: absolute;
      z-index: 200;
      display: block;
      height: 100%;
      pointer-events: none; }
      .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open {
        pointer-events: auto;
        background-color: rgba(45, 55, 60, 0.68); }
        .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab {
          display: flex;
          border-bottom: 1px solid white; }
          .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab:last-child {
            border-bottom: none; }
          .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab::after {
            display: none; }
          .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after {
            display: block;
            top: 0.1em;
            border-bottom: 0.07em solid white;
            border-top: 0.07em solid transparent; }
          .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after {
            border-bottom: 0.07em solid #4cd964; }
      .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab {
        pointer-events: auto;
        display: none;
        height: auto;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        background-color: #2d373c; }
        .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon {
          width: 0.2em;
          height: 0.15em;
          margin: 0.15em; }
        .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label {
          margin: 0; }
        .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab.view-show {
          display: flex; }
          .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
            color: #4cd964; }
          .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
            fill: #4cd964; }
        .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone .enableArchPhoneStyle x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab::after {
          content: "";
          position: absolute;
          right: 0.2em;
          top: 0.2em;
          border-top: 0.07em solid #4cd964;
          border-right: 0.07em solid transparent;
          border-left: 0.07em solid transparent;
          border-bottom: 0.07em solid transparent; }

x-panel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1em; }

.bodyPhone .enableArchPhoneStyle x-panel {
  overflow: auto; }

x-text-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-size: 1em; }
  x-text-box .x-text-box__outer-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    x-text-box .x-text-box__outer-container.no-scroll .x-text-box__text-container {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; }
    x-text-box .x-text-box__outer-container .x-text-box__text-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text {
        position: relative;
        width: 88%; }
        x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text:before {
          content: "";
          display: block;
          position: relative;
          width: 100%;
          height: 0.15em; }
        x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text:after {
          content: "";
          display: block;
          position: relative;
          width: 100%;
          height: 0.15em; }
        x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text > *:first-child {
          margin-top: 0 !important; }
        x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text > *:last-child {
          margin-bottom: 0 !important; }

.bodyPhone .enableArchPhoneStyle x-text-box {
  height: auto; }
  .bodyPhone .enableArchPhoneStyle x-text-box .x-text-box__outer-container {
    height: auto; }
    .bodyPhone .enableArchPhoneStyle x-text-box .x-text-box__outer-container .x-text-box__text-container {
      height: auto; }
    .bodyPhone .enableArchPhoneStyle x-text-box .x-text-box__outer-container .x-gradient {
      display: none; }

x-header {
  display: block;
  position: relative;
  font-family: AppFontBold;
  color: #333333;
  line-height: 1.38;
  margin-top: 0.15em; }
  x-header > .i18n {
    font-size: 0.2em; }

x-subheader {
  display: block;
  position: relative;
  font-family: AppFontBold;
  color: #4cd964;
  line-height: 1.38;
  margin-top: 0.15em; }
  x-header + x-subheader, x-subheader + x-subheader {
    margin-top: 0; }
  x-subheader > .i18n {
    font-size: 0.15em; }

x-body {
  display: block;
  position: relative;
  font-family: AppFont;
  color: #333333;
  line-height: 1.38;
  margin-top: 0.12em; }
  x-body > .i18n {
    font-size: 0.14em; }

x-image-panel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 1em; }
  x-image-panel[reverse-order] .x-image-panel__image-container {
    -webkit-order: 2;
    order: 2; }
  x-image-panel[reverse-order] .x-image-panel__text-container {
    -webkit-order: 1;
    order: 1; }
  x-image-panel[banner] .x-image-panel__image-container {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1; }
  x-image-panel[banner] .x-image-panel__text-container {
    -webkit-flex-grow: 2;
    flex-grow: 2; }
  x-image-panel[vertical] {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    x-image-panel[vertical] .x-image-panel__image-container,
    x-image-panel[vertical] .x-image-panel__text-container {
      width: 100%;
      height: auto; }
  x-image-panel[image-padding] .x-image-panel__image-container .x-image-panel__image-inner-container {
    padding: 0.2em; }
  x-image-panel .x-image-panel__image-container {
    position: relative;
    height: 100%;
    width: auto;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch; }
    x-image-panel .x-image-panel__image-container .x-image-panel__image-inner-container {
      position: relative;
      width: 100%;
      height: auto;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      box-sizing: border-box; }
      x-image-panel .x-image-panel__image-container .x-image-panel__image-inner-container .x-image-panel__image {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  x-image-panel .x-image-panel__text-container {
    position: relative;
    height: 100%;
    width: auto;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0; }

.bodyPhone .enableArchPhoneStyle x-image-panel {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .bodyPhone .enableArchPhoneStyle x-image-panel .x-image-panel__image-container,
  .bodyPhone .enableArchPhoneStyle x-image-panel .x-image-panel__text-container {
    width: 100%;
    height: auto; }

x-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 1em; }
  x-list .x-list__scrolling-container {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
    x-list .x-list__scrolling-container .x-list__inner-container {
      position: relative;
      width: 100%;
      height: auto;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      x-list .x-list__scrolling-container .x-list__inner-container .x-list__list-content {
        position: relative;
        width: calc(100% - 0.3em);
        height: auto; }
        x-list .x-list__scrolling-container .x-list__inner-container .x-list__list-content:before {
          content: "";
          display: block;
          position: relative;
          width: 100%;
          height: 0.15em; }
        x-list .x-list__scrolling-container .x-list__inner-container .x-list__list-content:after {
          content: "";
          display: block;
          position: relative;
          width: 100%;
          height: 0.15em; }

x-list-item {
  display: block;
  position: relative;
  width: 100%;
  height: 0.61em;
  margin-bottom: 0.08em;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 1em; }
  x-list-item[icon] .x-list-item__item-content .x-list-item__item-icon {
    display: block; }
  x-list-item[item-name] .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-title {
    display: block; }
  x-list-item[sub-content] .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-subtitle {
    display: block; }
  x-list-item[share] .x-list-item__share-button {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  x-list-item .x-list-item__item-content {
    position: relative;
    height: 100%;
    width: auto;
    box-sizing: border-box;
    padding-left: 0.17em;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    background-color: #f2f2f2;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
    x-list-item .x-list-item__item-content .x-list-item__item-icon {
      position: relative;
      width: 0.275em;
      height: 0.245em;
      margin-right: 0.19em;
      display: none; }
      x-list-item .x-list-item__item-content .x-list-item__item-icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        x-list-item .x-list-item__item-content .x-list-item__item-icon svg path {
          fill: #333333; }
    x-list-item .x-list-item__item-content .x-list-item__item-text-content {
      position: relative;
      height: 100%;
      width: auto;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      color: #333333; }
      x-list-item .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-title {
        position: relative;
        font-family: AppFontBold;
        display: none; }
        x-list-item .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-title > .i18n {
          font-size: 0.16em; }
      x-list-item .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-subtitle {
        position: relative;
        font-family: AppFont;
        display: none; }
        x-list-item .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-subtitle > .i18n {
          font-size: 0.11555em; }
  x-list-item .x-list-item__share-button {
    position: relative;
    width: 0.55em;
    height: 100%;
    margin-left: 0.02em;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    display: none;
    background-color: #f2f2f2;
    text-align: center; }
    x-list-item .x-list-item__share-button .x-list-item__share-icon {
      position: relative;
      width: 0.25em;
      height: 0.17em; }
      x-list-item .x-list-item__share-button .x-list-item__share-icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        x-list-item .x-list-item__share-button .x-list-item__share-icon svg path {
          stroke: #333333;
          fill: #333333; }
        x-list-item .x-list-item__share-button .x-list-item__share-icon svg rect {
          fill: #333333; }
    x-list-item .x-list-item__share-button .x-list-item__share-label {
      position: relative;
      margin-top: 0.08em;
      font-family: AppFontBold;
      color: #333333;
      text-transform: uppercase; }
      x-list-item .x-list-item__share-button .x-list-item__share-label > .i18n {
        font-size: 0.08em; }
  x-list-item:last-child {
    margin-bottom: 0; }

x-nav-menu {
  top: auto;
  bottom: 0;
  height: 0.7em;
  background-color: #333333;
  color: #FFFFFF;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  z-index: 200;
  position: absolute;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  font-size: 1em; }
  x-nav-menu > .content {
    position: relative;
    height: 100%;
    width: auto;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-order: 2;
    order: 2; }
  x-nav-menu > .x-nav-menu__right-anchors {
    position: relative;
    height: 100%;
    width: auto;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-order: 3;
    order: 3; }
  x-nav-menu[hide-title] > .content {
    left: 0em; }
  x-nav-menu .x-nav-menu__first-section {
    position: relative;
    width: 3em;
    -webkit-order: 1;
    order: 1; }
    x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger {
      top: 0.15em;
      left: 0.1em;
      bottom: 0.2em;
      width: 0.4em;
      height: 0.4em;
      position: absolute; }
      x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg {
        position: absolute;
        width: 100%;
        height: 100%; }
        x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg path {
          fill: #FFFFFF; }
    x-nav-menu .x-nav-menu__first-section .x-nav-menu__current {
      color: white;
      position: absolute;
      left: 0.6em;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%; }
  x-nav-menu[hamburger-pos="right"] .x-nav-menu__first-section {
    -webkit-order: 4;
    order: 4; }
  x-nav-menu[position="top"] {
    bottom: auto;
    top: 0; }
    x-nav-menu[position="top"] x-nav-flyout {
      bottom: auto;
      top: 100%; }
      x-nav-menu[position="top"] x-nav-flyout .x-nav-flyout__container {
        -webkit-transform: translate(0, -105%);
        -moz-transform: translate(0, -105%);
        transform: translate(0, -105%); }
      x-nav-menu[position="top"] x-nav-flyout.open .x-nav-flyout__container {
        -webkit-transform: translate(0, 0%);
        -moz-transform: translate(0, 0%);
        transform: translate(0, 0%); }
    x-nav-menu[position="top"] .x-nav-button__selected-line {
      bottom: auto;
      top: 0;
      -webkit-transform: translate(0, -150%);
      -moz-transform: translate(0, -150%);
      transform: translate(0, -150%); }
      x-nav-menu[position="top"] .x-nav-button__selected-line.selected .x-nav-button__selected-line {
        -webkit-transform: translate(0, 0%);
        -moz-transform: translate(0, 0%);
        transform: translate(0, 0%); }
    x-nav-menu[position="top"] .x-nav-button__arrow {
      bottom: 0.1em;
      top: auto;
      border-top: 0.05em solid transparent;
      border-right: 0.05em solid white;
      border-left: 0.05em solid transparent;
      border-bottom: 0.05em solid white; }
    x-nav-menu[position="top"] x-nav-button[fullscreen] .x-nav-flyout__container > .content {
      margin-top: 0.75em;
      margin-bottom: 0.15em; }
    x-nav-menu[position="top"] x-nav-button[fullscreen] x-nav-flyout.open .x-nav-flyout__container {
      -webkit-transform: translate(0, -0.7em);
      -moz-transform: translate(0, -0.7em);
      transform: translate(0, -0.7em); }
  x-nav-menu[show-selected] x-nav-button:not([chosen=""]) .default-label {
    display: none; }
  x-nav-menu[show-selected] x-nav-button:not([chosen=""]) .selected-label {
    display: -webkit-flex;
    display: flex; }
  x-nav-menu[flex] x-nav-button {
    -webkit-flex-grow: 1;
    flex-grow: 1; }

.bodyPhone .enableArchPhoneStyle x-nav-menu {
  height: 0.6em; }
  .bodyPhone .enableArchPhoneStyle x-nav-menu > .content {
    display: block;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 0.6em);
    overflow: auto;
    -webkit-transform: translate(0%, 100%);
    -moz-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
    -webkit-transition: 0.5s -webkit-transform ease ;
    -moz-transition: 0.5s -moz-transform ease ;
    transition: 0.5s transform ease ; }
  .bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__right-anchors {
    display: none; }
  .bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__first-section {
    width: 100%;
    z-index: 10;
    background: #333333; }
    .bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger {
      background: #4cd964;
      top: 0;
      left: 0;
      width: 0.6em;
      height: 100%;
      -webkit-transition: 0.5s -webkit-transform ease ;
      -moz-transition: 0.5s -moz-transform ease ;
      transition: 0.5s transform ease ; }
      .bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg {
        width: 50%;
        height: 50%;
        top: 25%;
        left: 25%; }
    .bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__first-section .x-nav-menu__current {
      right: 0;
      -webkit-transition: 0.5s -webkit-transform ease ;
      -moz-transition: 0.5s -moz-transform ease ;
      transition: 0.5s transform ease ; }
      .bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__first-section .x-nav-menu__current::after {
        content: "";
        position: absolute;
        right: 0.2em;
        top: 0.2em;
        border-bottom: 0.07em solid white;
        border-right: 0.05em solid transparent;
        border-left: 0.05em solid transparent;
        border-top: 0.07em solid transparent;
        -webkit-transition: 0.5s -webkit-transform ease ;
        -moz-transition: 0.5s -moz-transform ease ;
        transition: 0.5s transform ease ; }
  .bodyPhone .enableArchPhoneStyle x-nav-menu.open > .content {
    -webkit-transform: translate(0%);
    -moz-transform: translate(0%);
    transform: translate(0%); }
  .bodyPhone .enableArchPhoneStyle x-nav-menu.open .x-nav-menu__hamburger {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    transform: translate(-100%); }
  .bodyPhone .enableArchPhoneStyle x-nav-menu.open .x-nav-menu__current {
    -webkit-transform: translate(-0.6em);
    -moz-transform: translate(-0.6em);
    transform: translate(-0.6em); }
  .bodyPhone .enableArchPhoneStyle x-nav-menu.open::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    height: 100vh;
    width: 100%;
    background-color: black;
    opacity: 0.2; }
  .bodyPhone .enableArchPhoneStyle x-nav-menu.open .x-nav-menu__current::after {
    top: 0.25em;
    border-top: 0.07em solid white;
    border-bottom: 0.07em solid transparent;
    -webkit-transform: translate(0.6em);
    -moz-transform: translate(0.6em);
    transform: translate(0.6em); }

x-nav-title > .i18n {
  font-size: 0.2em; }

.bodyPhone .enableArchPhoneStyle x-nav-title {
  padding-left: 0.4em;
  font-size: 0.9em;
  position: absolute;
  width: 100%; }

x-nav-button {
  font-size: 1em;
  height: 100%;
  position: relative;
  flex-shrink: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  display: none; }
  x-nav-button:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.3); }
  x-nav-button > .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  x-nav-button .x-nav-button__selected-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #4cd964;
    height: 0.05em;
    -webkit-transition: 0.5s -webkit-transform ease ;
    -moz-transition: 0.5s -moz-transform ease ;
    transition: 0.5s transform ease ;
    -webkit-transform: translate(0, 150%);
    -moz-transform: translate(0, 150%);
    transform: translate(0, 150%); }
  x-nav-button .x-nav-button__label {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: -webkit-flex-start;
    justify-content: -webkit-center;
    align-items: flex-start;
    justify-content: center;
    padding-left: 0.1em;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 0.3em; }
    x-nav-button .x-nav-button__label > .i18n {
      font-size: 0.2em; }
    x-nav-button .x-nav-button__label::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      background: red;
      width: 0.2em;
      background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0) 0%, #333333 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, #333333 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    x-nav-button .x-nav-button__label::before {
      display: none; }
  x-nav-button .x-nav-button__icon ~ .x-nav-button__label {
    padding-left: 1em; }
  x-nav-button .x-nav-button__label-body {
    display: block; }
  x-nav-button .x-nav-button__icon {
    position: absolute;
    left: 0.1em;
    top: 0.2em;
    height: 50%;
    width: 0.8em; }
  x-nav-button .x-nav-button__prompt {
    display: block;
    font-size: 0.6em; }
    x-nav-button .x-nav-button__prompt > .i18n {
      font-size: 0.25em; }
  x-nav-button .x-nav-button__arrow {
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    border-top: 0.05em solid white;
    border-right: 0.05em solid white;
    border-left: 0.05em solid transparent;
    border-bottom: 0.05em solid transparent;
    opacity: 0.5; }
  x-nav-button:not([allow]), x-nav-button.on {
    display: block; }
  x-nav-button[chosen=""] + x-nav-button[allow~="default"],
  x-nav-button[chosen=""] + x-nav-button x-nav-option[allow~="default"],
  x-nav-button[chosen=""] + x-nav-button x-nav-category[allow~="default"] {
    display: block; }
  x-nav-button .selected-label {
    display: none; }
  x-nav-button[show-selected]:not([chosen=""]) .default-label {
    display: none; }
  x-nav-button[show-selected]:not([chosen=""]) .selected-label {
    display: -webkit-flex;
    display: flex; }
  x-nav-button.selected {
    color: #4cd964; }
    x-nav-button.selected .x-nav-button__selected-line {
      -webkit-transform: translate(0, 0%);
      -moz-transform: translate(0, 0%);
      transform: translate(0, 0%); }
    x-nav-button.selected .x-nav-button__icon path {
      fill: #4cd964; }
  x-nav-button[thin] {
    max-width: 0.8em; }
    x-nav-button[thin] .x-nav-button__icon {
      left: 0.2em;
      width: 50%;
      height: 50%;
      top: 0.2em; }
    x-nav-button[thin] x-nav-flyout {
      min-width: 3em; }
    x-nav-button[thin]:last-child x-nav-flyout, x-nav-button[thin][anchor="right"] x-nav-flyout {
      left: auto;
      right: 0; }
  x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    color: #333333; }
    x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container > .content {
      display: flex;
      flex-direction: column;
      height: 100%;
      margin-top: 0.15em;
      margin-bottom: 0.75em; }
      x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container > .content > x-nav-option {
        flex-grow: 1; }
        x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container > .content > x-nav-option:not([allow]), x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container > .content > x-nav-option.on {
          display: block;
          display: flex;
          align-items: center; }
  x-nav-button[fullscreen] x-nav-flyout.open .x-nav-flyout__container {
    -webkit-transform: translate(0, 0.7em);
    -moz-transform: translate(0, 0.7em);
    transform: translate(0, 0.7em); }
  x-nav-button[anchor="right"]:first-child, x-nav-button:not([anchor="right"]) + x-nav-button[anchor="right"] {
    margin-left: auto; }
  x-nav-button[data-view]:not(.show) {
    display: none; }

.bodyPhone .enableArchPhoneStyle x-nav-button {
  margin-bottom: 1px; }
  .bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__selected-line {
    display: none; }
  .bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__label {
    height: 0.5em;
    background: #697881;
    margin-bottom: 1px; }
    .bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__label::after {
      display: none; }
  .bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__arrow {
    border: none;
    opacity: 1;
    font-size: 0.25em;
    right: 0.5em;
    top: 0.25em; }
    .bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__arrow::after {
      content: "+";
      color: white; }
  .bodyPhone .enableArchPhoneStyle x-nav-button.open .x-nav-button__label {
    background-color: #879BAA; }
  .bodyPhone .enableArchPhoneStyle x-nav-button.open .x-nav-button__arrow::after {
    content: "-"; }

x-nav-flyout {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  display: block;
  color: #FFFFFF;
  font-size: 1em; }
  x-nav-flyout .x-nav-flyout__container {
    background: inherit;
    -webkit-transform: translate(0, 105%);
    -moz-transform: translate(0, 105%);
    transform: translate(0, 105%);
    -webkit-transition: 0.5s -webkit-transform ease ;
    -moz-transition: 0.5s -moz-transform ease ;
    transition: 0.5s transform ease ;
    background-color: #333333;
    padding: 0.075em; }
  x-nav-flyout.open {
    pointer-events: auto; }
    x-nav-flyout.open .x-nav-flyout__container {
      -webkit-transform: translate(0, 0%);
      -moz-transform: translate(0, 0%);
      transform: translate(0, 0%); }
  x-nav-flyout .content + x-nav-option {
    border-top: none; }

.bodyPhone .enableArchPhoneStyle x-nav-flyout {
  bottom: auto;
  position: relative;
  display: none; }
  .bodyPhone .enableArchPhoneStyle x-nav-flyout.open {
    display: block; }
  .bodyPhone .enableArchPhoneStyle x-nav-flyout .x-nav-flyout__container {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 0;
    background-color: transparent; }

x-nav-option {
  position: relative;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.15;
  left: 0em;
  width: 100%;
  min-height: 0.2em;
  padding: 0.15em 0.075em;
  overflow: hidden;
  display: none; }
  x-nav-option > .i18n {
    font-size: 0.15em; }
  x-nav-option.highlight {
    background: #4cd964; }
  x-nav-option:first-child {
    border-top: none; }
  x-nav-option:not([allow]), x-nav-option.on {
    display: block; }

.bodyPhone .enableArchPhoneStyle x-nav-option {
  border: none;
  margin-bottom: 1px;
  background: #AEBECB; }

x-nav-category {
  font-size: 1rem;
  display: none; }
  x-nav-category .x-nav-category__label {
    left: 0em;
    position: relative;
    padding: 0.1em 0; }
    x-nav-category .x-nav-category__label > .i18n {
      font-size: 0.15em; }
    x-nav-category .x-nav-category__label + x-nav-option {
      border-top: none; }
  x-nav-category[invisible] .x-nav-category__label {
    padding: 0; }
  x-nav-category:not([allow]), x-nav-category.on {
    display: block; }

.bodyPhone .enableArchPhoneStyle .x-nav-category__label {
  background-color: #879BAA;
  padding-left: 0.1em;
  margin-bottom: 1px; }

x-side-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 300; }
  x-side-menu:not(.draw) {
    display: none !important; }
  x-side-menu[position*="top"] {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
  x-side-menu[position*="bottom"] {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }
  x-side-menu[position*="left"] {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start; }
    x-side-menu[position*="left"] .x-side-menu__side-menu {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%); }
  x-side-menu[position*="right"] {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end; }
    x-side-menu[position*="right"] .x-side-menu__side-menu {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      transform: translateX(100%); }
  x-side-menu.show .x-side-menu__side-menu {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none; }
  x-side-menu.show .x-side-menu__darken-bg {
    opacity: 1;
    pointer-events: auto; }
  x-side-menu .x-side-menu__darken-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    -webkit-transition: 0.5s opacity ease;
    -moz-transition: 0.5s opacity ease;
    transition: 0.5s opacity ease;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none; }
  x-side-menu .x-side-menu__side-menu {
    position: relative;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    width: 3.2em;
    max-width: 100%;
    height: 100%;
    background-color: #333333;
    z-index: 200;
    font-size: 1em;
    -webkit-transition: 0.5s -webkit-transform ease ;
    -moz-transition: 0.5s -moz-transform ease ;
    transition: 0.5s transform ease ; }
    x-side-menu .x-side-menu__side-menu .x-side-menu__top-content {
      position: relative;
      width: 100%;
      height: 0.72em;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0; }
    x-side-menu .x-side-menu__side-menu .x-side-menu__top-logo {
      position: absolute;
      top: 0.1em;
      left: 0.1em;
      right: 0.1em;
      bottom: 0.1em;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    x-side-menu .x-side-menu__side-menu .x-side-menu__back-button-container {
      position: relative;
      width: 100%;
      height: 0.4em; }
    x-side-menu .x-side-menu__side-menu > .content {
      position: relative;
      width: 100%;
      height: auto;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      overflow: hidden; }
    x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar {
      position: relative;
      width: 100%;
      height: 0.5em;
      background-color: #4cd964;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      box-sizing: border-box; }
      x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__close-button {
        position: relative;
        width: 0.6em;
        height: 100%;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: -moz-flex;
        -moz-flex-direction: column;
        -moz-justify-content: center;
        -moz-align-items: center;
        display: -ms-flex;
        -ms-flex-direction: column;
        -ms-justify-content: center;
        -ms-align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0; }
        x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__close-button .x-side-menu__close-button-icon {
          position: relative;
          width: 0.18em;
          height: 0.18em; }
          x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__close-button .x-side-menu__close-button-icon svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__close-button .x-side-menu__close-button-icon svg path {
              fill: #FFFFFF; }
      x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__divider {
        position: relative;
        width: 1px;
        height: 84%;
        background-color: rgba(255, 255, 255, 0.5); }
      x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-spacer {
        position: relative;
        height: 100%;
        width: auto;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1; }
      x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content {
        position: relative;
        width: auto;
        height: 100%;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: -moz-flex;
        -moz-flex-direction: column;
        -moz-justify-content: center;
        -moz-align-items: center;
        display: -ms-flex;
        -ms-flex-direction: column;
        -ms-justify-content: center;
        -ms-align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0; }
        x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__more-info-button {
          position: relative;
          width: 0.5em;
          height: 100%;
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: -moz-flex;
          -moz-flex-direction: column;
          -moz-justify-content: center;
          -moz-align-items: center;
          display: -ms-flex;
          -ms-flex-direction: column;
          -ms-justify-content: center;
          -ms-align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__more-info-button .x-side-menu__more-info-icon {
            position: relative;
            width: 0.045em;
            height: 0.185em; }
            x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__more-info-button .x-side-menu__more-info-icon svg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__more-info-button .x-side-menu__more-info-icon svg path {
                fill: #FFFFFF; }
        x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__home-button {
          position: relative;
          width: 0.5em;
          height: 100%;
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: -moz-flex;
          -moz-flex-direction: column;
          -moz-justify-content: center;
          -moz-align-items: center;
          display: -ms-flex;
          -ms-flex-direction: column;
          -ms-justify-content: center;
          -ms-align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__home-button .x-side-menu__home-button-icon {
            position: relative;
            width: 0.19em;
            height: 0.19em; }
            x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__home-button .x-side-menu__home-button-icon svg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              x-side-menu .x-side-menu__side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__home-button .x-side-menu__home-button-icon svg path {
                fill: #FFFFFF; }

.bodyPhone .enableArchPhoneStyle x-side-menu .x-side-menu__side-menu {
  width: 100%; }

x-side-more {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 100;
  background: #FFFFFF;
  -webkit-transition: 0.5s -webkit-transform ease ;
  -moz-transition: 0.5s -moz-transform ease ;
  transition: 0.5s transform ease ;
  padding: 0.1em;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  transform: translate(0, 100%); }
  x-side-more.open {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    transform: translate(0, 0%); }

x-side-more-item {
  color: #333333;
  padding: 1.1em;
  font-size: 0.15em;
  position: relative;
  display: block; }
  x-side-more-item[icon] {
    padding-left: 4.8em; }
  x-side-more-item .x-side-more-item__icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 1.7em;
    top: 1.15em;
    width: 1.8em;
    bottom: 1.15em;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    x-side-more-item .x-side-more-item__icon svg path {
      fill: #333333; }
  x-side-more-item .x-side-more-item__divider {
    position: absolute;
    bottom: 0;
    left: 0.5em;
    right: 0.5em;
    height: 1px;
    background: #333333; }
  x-side-more-item > .i18n {
    display: inline; }

x-panel-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1em;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-transition: 0.5s -webkit-transform ease ;
  -moz-transition: 0.5s -moz-transform ease ;
  transition: 0.5s transform ease ; }
  x-panel-menu.off-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%); }
  x-panel-menu.off-right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%); }
  x-panel-menu .x-panel-menu__back-button-container {
    position: relative;
    width: calc(100% - 0.2em);
    height: 0.4em;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0; }
  x-panel-menu > .menu-content {
    position: relative;
    width: 100%;
    height: calc(100% - 0.4em); }
  x-panel-menu[data-panel="0"] .x-panel-menu__back-button {
    display: none; }

x-menu {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 1em; }
  x-menu[allow] {
    display: none; }
    x-menu[allow].on, x-menu[allow].temp_on {
      display: block; }
  x-menu .x-menu__scrolling-container {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
    x-menu .x-menu__scrolling-container .x-gradient.top {
      background: -moz-linear-gradient(top, #333333 20%, rgba(51, 51, 51, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #333333 20%, rgba(51, 51, 51, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #333333 20%, rgba(51, 51, 51, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    x-menu .x-menu__scrolling-container .x-gradient.bottom {
      background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 80%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 80%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, #333333 80%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    x-menu .x-menu__scrolling-container .x-menu__inner-container {
      position: relative;
      width: 100%;
      height: auto;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      overflow: auto;
      -webkit-overflow-scrolling: touch; }
      x-menu .x-menu__scrolling-container .x-menu__inner-container > .content {
        position: relative;
        width: calc(100% - 0.2em);
        height: auto; }

x-menu-item {
  display: block;
  position: relative;
  width: 100%;
  height: 0.45em;
  margin-bottom: 1px;
  font-size: 1em; }
  x-menu-item[icon] > .content .x-menu-item__item-icon {
    display: block; }
  x-menu-item[label] > .content .x-menu-item__item-label {
    display: block; }
  x-menu-item[choose] > .content .x-menu-item__arrow-icon {
    display: block; }
  x-menu-item[allow] {
    display: none; }
    x-menu-item[allow].on, x-menu-item[allow].temp_on {
      display: block; }
  x-menu-item.x-panel-menu__back-button {
    height: 0.4em; }
    x-menu-item.x-panel-menu__back-button > .content .x-menu-item__item-icon {
      width: 0.085em;
      height: 0.14em; }
    x-menu-item.x-panel-menu__back-button:after {
      top: calc(100% - 1px); }
    x-menu-item.x-panel-menu__back-button.flip-icon svg {
      transform: scaleX(-1); }
  x-menu-item > .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 0.12em;
    padding-right: 0.12em; }
    x-menu-item > .content .x-menu-item__item-icon {
      position: relative;
      display: none;
      width: 0.19em;
      height: 0.16em;
      margin-right: 0.2em;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0; }
      x-menu-item > .content .x-menu-item__item-icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        x-menu-item > .content .x-menu-item__item-icon svg path {
          fill: #FFFFFF; }
    x-menu-item > .content .x-menu-item__item-label {
      position: relative;
      display: none;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1; }
      x-menu-item > .content .x-menu-item__item-label > .i18n {
        font-size: 0.1em;
        font-family: AppFontBold;
        color: #FFFFFF; }
    x-menu-item > .content .x-menu-item__arrow-icon {
      position: relative;
      display: none;
      width: 0.085em;
      height: 0.14em;
      margin-left: 0.2em;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0; }
      x-menu-item > .content .x-menu-item__arrow-icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        x-menu-item > .content .x-menu-item__arrow-icon svg path {
          fill: #FFFFFF; }
  x-menu-item:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #525252; }

x-carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1em; }
  x-carousel[no-dots] .x-carousel__dots-outer-container {
    display: none; }
  x-carousel[swap-dots] .x-carousel__top-section {
    -webkit-order: 2;
    order: 2; }
  x-carousel[swap-dots] .x-carousel__dots-outer-container {
    -webkit-order: 1;
    order: 1; }
  x-carousel[vertical] {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    x-carousel[vertical] .x-carousel__top-section {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      width: auto; }
      x-carousel[vertical] .x-carousel__top-section .x-carousel__arrow {
        width: 100%;
        height: 0.6em; }
      x-carousel[vertical] .x-carousel__top-section .x-carousel__carousel-content {
        width: 100%;
        height: auto; }
        x-carousel[vertical] .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-in]).transition-in.seq-before {
          -webkit-transform: translateY(-100%);
          -moz-transform: translateY(-100%);
          transform: translateY(-100%); }
        x-carousel[vertical] .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-in]).transition-in.seq-after {
          -webkit-transform: translateY(100%);
          -moz-transform: translateY(100%);
          transform: translateY(100%); }
        x-carousel[vertical] .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-out]).transition-out.seq-before {
          -webkit-transform: translateY(-100%);
          -moz-transform: translateY(-100%);
          transform: translateY(-100%); }
        x-carousel[vertical] .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-out]).transition-out.seq-after {
          -webkit-transform: translateY(100%);
          -moz-transform: translateY(100%);
          transform: translateY(100%); }
    x-carousel[vertical] .x-carousel__dots-outer-container {
      width: 0.5em;
      height: 100%;
      -webkit-order: 1;
      order: 1; }
      x-carousel[vertical] .x-carousel__dots-outer-container .x-carousel__dots-inner-container {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        x-carousel[vertical] .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot {
          margin-right: 0;
          margin-bottom: 0.1em; }
          x-carousel[vertical] .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:last-child {
            margin-bottom: 0; }
  x-carousel .x-carousel__top-section {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-order: 1;
    order: 1; }
    x-carousel .x-carousel__top-section .x-carousel__arrow {
      position: relative;
      width: 0.6em;
      height: auto;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      x-carousel .x-carousel__top-section .x-carousel__arrow.hidden {
        pointer-events: none; }
        x-carousel .x-carousel__top-section .x-carousel__arrow.hidden .x-carousel__arrow-icon {
          display: none; }
      x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon {
        position: relative;
        width: 0.2em;
        height: 0.3em; }
        x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon svg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon svg path {
            fill: #333333; }
        x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon.flip-icon svg {
          transform: scaleX(-1); }
    x-carousel .x-carousel__top-section .x-carousel__carousel-content {
      position: relative;
      height: auto;
      width: auto;
      -webkit-flex-basis: 0;
      flex-basis: 0;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      overflow: hidden; }
      x-carousel .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-in]).transition-in.seq-before {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%); }
      x-carousel .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-in]).transition-in.seq-after {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%); }
      x-carousel .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-out]).transition-out.seq-before {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%); }
      x-carousel .x-carousel__top-section .x-carousel__carousel-content > [page]:not([animate]):not([animate-out]).transition-out.seq-after {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%); }
  x-carousel .x-carousel__dots-outer-container {
    position: relative;
    width: 100%;
    height: 0.5em;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-order: 2;
    order: 2; }
    x-carousel .x-carousel__dots-outer-container.hidden {
      display: none; }
    x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container {
      position: relative;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot {
        position: relative;
        width: 0.1em;
        height: 0.1em;
        border-radius: 50%;
        margin-right: 0.1em; }
        x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot.view-show:after {
          opacity: 1; }
        x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border: 0.02em solid #333333;
          border-radius: 50%; }
        x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: #333333;
          -webkit-transition: opacity 0.25s ease;
          -moz-transition: opacity 0.25s ease;
          transition: opacity 0.25s ease;
          opacity: 0; }
        x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:last-child {
          margin-right: 0; }

x-share-menu {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.5s -webkit-transform ease ;
  -moz-transition: 0.5s -moz-transform ease ;
  transition: 0.5s transform ease ;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  transform: translate(0, 100%);
  z-index: 10;
  width: 3.5em; }
  x-share-menu.active {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    transform: translate(0, 0%); }
  x-share-menu .title-bar {
    background: #333333;
    width: 100%;
    height: 0.5em;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    x-share-menu .title-bar .title-icon {
      padding: 0.1em;
      width: 0.5em;
      height: 100%;
      box-sizing: border-box; }
      x-share-menu .title-bar .title-icon svg {
        width: 0.28em;
        height: 0.34em;
        position: absolute; }
        x-share-menu .title-bar .title-icon svg path {
          stroke: #4cd964; }
        x-share-menu .title-bar .title-icon svg rect {
          fill: #4cd964; }
    x-share-menu .title-bar .title {
      color: #4cd964;
      line-height: 0.5em;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1; }
      x-share-menu .title-bar .title .i18n {
        font-size: 0.15em; }
    x-share-menu .title-bar .title-close {
      position: relative;
      padding: 0.1em;
      width: 0.5em;
      height: 100%;
      box-sizing: border-box;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      x-share-menu .title-bar .title-close svg {
        position: relative;
        width: 0.2em;
        height: 0.3em; }
        x-share-menu .title-bar .title-close svg path {
          fill: #FFFFFF; }
  x-share-menu .list-window {
    background: #FFFFFF;
    border: 0.03em solid #333333;
    width: 100%;
    box-sizing: border-box;
    border-top: none;
    border-bottom: none;
    padding-top: 0.1em;
    max-height: 5em;
    overflow: auto; }
    x-share-menu .list-window .list-item {
      width: 100%;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      color: #333333;
      position: relative;
      margin-top: 0.1em; }
      x-share-menu .list-window .list-item .share-item-text {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        padding-left: 0.2em;
        background: #e8e8e8;
        margin-left: 0.05em;
        margin-right: 0.05em;
        /* margin: 0.1em; */
        padding-top: 0.1em;
        height: 0.45em; }
        x-share-menu .list-window .list-item .share-item-text .share-item-title .i18n {
          font-size: 0.15em; }
        x-share-menu .list-window .list-item .share-item-text .share-item-input {
          font-size: 0.5em;
          border: none;
          height: 0.5em; }
          x-share-menu .list-window .list-item .share-item-text .share-item-input input {
            font-size: 0.2em;
            position: absolute;
            border: none;
            background: transparent; }
      x-share-menu .list-window .list-item .share-item-button {
        height: 0.45em;
        width: 0.45em;
        text-align: center;
        margin-right: 0.05em;
        padding-top: 0.1em;
        background: #e8e8e8; }
        x-share-menu .list-window .list-item .share-item-button .button-icon {
          height: 40%;
          margin-bottom: 10%;
          width: 70%;
          left: 15%;
          position: relative; }
        x-share-menu .list-window .list-item .share-item-button .button-label {
          height: 50%; }
          x-share-menu .list-window .list-item .share-item-button .button-label .i18n {
            font-size: 0.08em; }
        x-share-menu .list-window .list-item .share-item-button.include .button-icon {
          background: #333333;
          text-align: center; }
        x-share-menu .list-window .list-item .share-item-button.include.selected .button-icon::after {
          content: "✓";
          font-size: 0.15em;
          color: #FFFFFF;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
        x-share-menu .list-window .list-item .share-item-button.remove svg {
          position: absolute;
          width: 0.2em;
          height: 0.2em;
          left: 0.05em; }
          x-share-menu .list-window .list-item .share-item-button.remove svg path {
            fill: #333333; }
      x-share-menu .list-window .list-item.whole-app .share-item-title .i18n {
        font-size: 0.18em; }
    x-share-menu .list-window .share-section {
      position: relative;
      width: 100%; }
      x-share-menu .list-window .share-section .section-title {
        padding-left: 0.2em;
        margin-bottom: -0.05em;
        margin-top: 0.1em; }
        x-share-menu .list-window .share-section .section-title .i18n {
          font-size: 0.18em; }
  x-share-menu .share-button {
    color: #333333;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 0.5em;
    border: 0.03em solid #333333;
    width: 100%;
    box-sizing: border-box;
    border-top: none;
    border-bottom: none;
    background: #FFFFFF; }
    x-share-menu .share-button .share-label {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      line-height: 0.5em;
      text-align: right; }
      x-share-menu .share-button .share-label .i18n {
        font-size: 0.15em; }
    x-share-menu .share-button .share-items-icon {
      width: 0.6em;
      height: 0.5em;
      position: relative; }
      x-share-menu .share-button .share-items-icon svg {
        position: absolute;
        height: 0.3em;
        width: 0.6em;
        top: 0.1em; }
        x-share-menu .share-button .share-items-icon svg path {
          fill: #333333; }

x-share-badge {
  position: absolute;
  bottom: 0.1em;
  right: 0.1em;
  border-radius: 50% 50%;
  background: #4cd964;
  color: #FFFFFF;
  height: 0.2em;
  width: 0.2em; }
  x-share-badge[data-count="0"] {
    display: none; }
  x-share-badge::after {
    font-size: 0.13em;
    content: attr(data-count);
    position: absolute;
    line-height: 1.5em;
    width: 1.5em;
    text-align: center; }

x-share-cart {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0; }
  x-share-cart .share_cart_clear_confirm {
    pointer-events: none;
    opacity: 0;
    transition: 0.3s opacity ease, 0.3s transform ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    color: #282c2b;
    font-size: 2vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  x-share-cart .share_cart_clear_confirm .label {
    font-size: 1em;
    width: 14em;
  }
  x-share-cart .share_cart_clear_confirm .share_cart_clear_buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  x-share-cart .share_cart_clear_confirm .share_cart_clear_buttons .share_cart_clear_button {
    padding: 0.4em;
    margin: 0.7em;
    cursor: pointer;
    width: 2.9em;
    text-align: center;
    background: #282c2b;
    color: #FFFFFF;
  }
  x-share-cart .share_cart_clear_confirm.active {
    pointer-events: auto;
    opacity: 1;
  }
  x-share-cart .share_cart_container {
    position: absolute;
    left: calc(100vw - 5em);
    bottom: calc(var(--vh, 1vh) * -100 + 0.7em);
    width: 5em;
    overflow: hidden;
    pointer-events: none; }
    x-share-cart .share_cart_container .share_cart {
      position: relative;
      width: 100%;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: rgba(76, 217, 100, 0.95);
      -webkit-transition: 0.5s -webkit-transform ease ;
      -moz-transition: 0.5s -moz-transform ease ;
      transition: 0.5s transform ease ;
      -webkit-transform: translateY(101%);
      -moz-transform: translateY(101%);
      transform: translateY(101%); }
      x-share-cart .share_cart_container .share_cart.show {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        z-index: 999999999;
        pointer-events: auto; }
      x-share-cart .share_cart_container .share_cart .top_bar {
        position: relative;
        width: 100%;
        height: 0.7em;
        box-sizing: border-box;
        padding-left: 0.25em;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: -moz-flex;
        -moz-flex-direction: column;
        -moz-justify-content: center;
        -moz-align-items: center;
        display: -ms-flex;
        -ms-flex-direction: column;
        -ms-justify-content: center;
        -ms-align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; }
        x-share-cart .share_cart_container .share_cart .top_bar .list_icon {
          position: relative;
          width: 0.46em;
          height: 0.27em; }
          x-share-cart .share_cart_container .share_cart .top_bar .list_icon svg path, x-share-cart .share_cart_container .share_cart .top_bar .list_icon svg rect {
            fill: white !important; }
        x-share-cart .share_cart_container .share_cart .top_bar .share_cart_title {
          position: relative;
          color: white;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-grow: 1;
          flex-grow: 1; }
          x-share-cart .share_cart_container .share_cart .top_bar .share_cart_title > .i18n {
            font-size: 0.16em;
            font-family: AppFontBold; }
        x-share-cart .share_cart_container .share_cart .top_bar .close_button {
          position: relative;
          width: 0.7em;
          height: 100%;
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: -moz-flex;
          -moz-flex-direction: column;
          -moz-justify-content: center;
          -moz-align-items: center;
          display: -ms-flex;
          -ms-flex-direction: column;
          -ms-justify-content: center;
          -ms-align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          x-share-cart .share_cart_container .share_cart .top_bar .close_button .close_button_icon {
            position: relative;
            width: 0.24em;
            height: 0.24em; }
            x-share-cart .share_cart_container .share_cart .top_bar .close_button .close_button_icon svg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              x-share-cart .share_cart_container .share_cart .top_bar .close_button .close_button_icon svg path {
                fill: white !important; }
      x-share-cart .share_cart_container .share_cart .inner_content {
        position: relative;
        width: calc(100% - 0.12em);
        background-color: white;
        box-sizing: border-box;
        padding: 0.2em;
        padding-bottom: 0em;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: -moz-flex;
        -moz-flex-direction: column;
        -moz-justify-content: center;
        -moz-align-items: center;
        display: -ms-flex;
        -ms-flex-direction: column;
        -ms-justify-content: center;
        -ms-align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;

        overflow: hidden;

        transition: 0.3s height ease;
      }

      x-share-cart.show_qr .share_cart_container .share_cart .inner_content {
        height: 5em !important;
        transition-delay: 0.2s;
      }

        x-share-cart .share_cart_container .share_cart .inner_content .inner_scrollable {
          position: relative;
          width: 100%; }
          x-share-cart .share_cart_container .share_cart .inner_content .inner_scrollable .x-gradient {
            display: none; }
          x-share-cart .share_cart_container .share_cart .inner_content .inner_scrollable .scroll-container {
            position: relative;
            max-height: 7em; }
        x-share-cart .share_cart_container .share_cart .inner_content .entry_list {
          position: relative;
          width: 100%;
          box-sizing: border-box;
          padding-bottom: 0em;
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: -moz-flex;
          -moz-flex-direction: column;
          -moz-justify-content: center;
          -moz-align-items: center;
          display: -ms-flex;
          -ms-flex-direction: column;
          -ms-justify-content: center;
          -ms-align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-bottom: 0.18em; }
          x-share-cart .share_cart_container .share_cart .inner_content .entry_list .separator {
            position: relative;
            width: 100%;
            height: 0.01em;
            background-color: lightgrey;
            top: 0;
            left: 0;
            margin-bottom: 0.1em; }
          x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry {
            position: relative;
            width: 100%;
            height: 0.7em;
            margin-bottom: 0.1em;
            display: -webkit-flex;
            -webkit-flex-direction: column;
            -webkit-justify-content: center;
            -webkit-align-items: center;
            display: -moz-flex;
            -moz-flex-direction: column;
            -moz-justify-content: center;
            -moz-align-items: center;
            display: -ms-flex;
            -ms-flex-direction: column;
            -ms-justify-content: center;
            -ms-align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; }
            x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="whole_app"] {
              padding-bottom: 0.1em; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="whole_app"] .share_entry_icon_area {
                margin-right: 0em; }
            x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"] {
              -webkit-order: 9999;
              order: 9999;
              margin-bottom: 0em !important;
              margin-top: 0.1em;
              padding-top: 0.1em;
              padding-bottom: 0.1em; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"].inactive {
                display: none; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"] .share_entry_left_side {
                -webkit-justify-content: flex-end;
                -moz-justify-content: flex-end;
                -ms-justify-content: flex-end;
                justify-content: flex-end;
                background-color: transparent; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"] .share_entry_icon_area .share_entry_inner_icon_area.includeAll .share_entry_inner_icon {
                -webkit-transition: 0.25s -webkit-transform ease , opacity 0.25s ease;
                -moz-transition: 0.25s -moz-transform ease , opacity 0.25s ease;
                transition: 0.25s transform ease , opacity 0.25s ease;
                opacity: 0;
                -webkit-transform: scale(0.5);
                -moz-transform: scale(0.5);
                transform: scale(0.5); }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"] .share_entry_icon_area .share_entry_inner_icon_area.includeAll.active .share_entry_inner_icon {
                opacity: 1;
                -webkit-transform: none;
                -moz-transform: none;
                transform: none; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"] .share_entry_icon_area .share_entry_inner_icon_area.removeAll {
                background-color: #333333; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"] .share_entry_icon_area.remove {
                margin-right: 0em; }
            x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry:last-child {
              margin-bottom: 0; }
            x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_left_side {
              position: relative;
              height: 100%;
              -webkit-flex-grow: 1;
              -moz-flex-grow: 1;
              -ms-flex-grow: 1;
              flex-grow: 1;
              background-color: #f3f3f3;
              display: -webkit-flex;
              -webkit-flex-direction: column;
              -webkit-justify-content: center;
              -webkit-align-items: center;
              display: -moz-flex;
              -moz-flex-direction: column;
              -moz-justify-content: center;
              -moz-align-items: center;
              display: -ms-flex;
              -ms-flex-direction: column;
              -ms-justify-content: center;
              -ms-align-items: center;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              -webkit-flex-direction: row;
              -moz-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
              -webkit-justify-content: flex-start;
              -moz-justify-content: flex-start;
              -ms-justify-content: flex-start;
              justify-content: flex-start;
              box-sizing: border-box;
              padding: 0 0.2em;
              margin-right: 0.07em; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_left_side:last-child {
                margin-right: 0; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_left_side .share_entry_text {
                position: relative;
                font-size: 0.14em;
                color: #333333; }
            x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area {
              position: relative;
              width: 0.7em;
              height: 100%;
              -webkit-flex-shrink: 0;
              -moz-flex-shrink: 0;
              -ms-flex-shrink: 0;
              flex-shrink: 0;
              background-color: #f3f3f3;
              display: -webkit-flex;
              -webkit-flex-direction: column;
              -webkit-justify-content: center;
              -webkit-align-items: center;
              display: -moz-flex;
              -moz-flex-direction: column;
              -moz-justify-content: center;
              -moz-align-items: center;
              display: -ms-flex;
              -ms-flex-direction: column;
              -ms-justify-content: center;
              -ms-align-items: center;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              margin-right: 0.07em; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area:last-child {
                margin-right: 0; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area {
                position: relative;
                width: 0.4em;
                height: 0.4em;
                display: -webkit-flex;
                -webkit-flex-direction: column;
                -webkit-justify-content: center;
                -webkit-align-items: center;
                display: -moz-flex;
                -moz-flex-direction: column;
                -moz-justify-content: center;
                -moz-align-items: center;
                display: -ms-flex;
                -ms-flex-direction: column;
                -ms-justify-content: center;
                -ms-align-items: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background-color: #4cd964;
                margin-bottom: 0.02em; }
                x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area:last-child {
                  margin-bottom: 0; }
                x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area.include .share_entry_inner_icon {
                  -webkit-transition: 0.25s -webkit-transform ease , opacity 0.25s ease;
                  -moz-transition: 0.25s -moz-transform ease , opacity 0.25s ease;
                  transition: 0.25s transform ease , opacity 0.25s ease;
                  opacity: 0;
                  -webkit-transform: scale(0.5);
                  -moz-transform: scale(0.5);
                  transform: scale(0.5); }
                x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area.include.active .share_entry_inner_icon {
                  opacity: 1;
                  -webkit-transform: none;
                  -moz-transform: none;
                  transform: none; }
                x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area.remove {
                  background-color: #333333; }
                x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area .share_entry_inner_icon {
                  position: relative;
                  width: 0.25em;
                  height: 0.25em; }
                  x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area .share_entry_inner_icon svg {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%; }
                    x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area .share_entry_inner_icon svg path,
                    x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area .share_entry_inner_icon svg rect {
                      fill: white !important; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_icon_area_text {
                position: relative;
                color: #333333;
                text-transform: uppercase;
                text-align: center; }
                x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_icon_area_text > .i18n {
                  font-size: 0.1em; }
            x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .separator {
              position: absolute; }
              x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .separator.separator_bottom {
                top: auto;
                bottom: 0em;
                margin-bottom: 0em; }
        x-share-cart .share_cart_container .share_cart .inner_content .share_all_button,
        x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button {
          position: relative;
          height: 0.7em;
          width: 100%;
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: -moz-flex;
          -moz-flex-direction: column;
          -moz-justify-content: center;
          -moz-align-items: center;
          display: -ms-flex;
          -ms-flex-direction: column;
          -ms-justify-content: center;
          -ms-align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          -ms-justify-content: flex-end;
          justify-content: flex-end;
          -webkit-transition: 0.5s opacity ease;
          -moz-transition: 0.5s opacity ease;
          transition: 0.5s opacity ease; }
          x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button {
            position: absolute;
            bottom: 0;
            left: 0.2em;
            width: auto;
            z-index: 1;
          }

          x-share-cart .share_cart_container .share_cart .inner_content .qr_image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            z-index: 1;
            transition: 0.2s opacity ease;
            opacity: 0;
            pointer-events: none;            
            display: flex;
            align-items: center;
            justify-content: center;
          }          
          x-share-cart .share_cart_container .share_cart .inner_content .qr_image .code {
            width: 3em;
            height: 3em;
            opacity: 0;
            transition: 0.3s opacity ease;
          }
          x-share-cart .share_cart_container .share_cart .inner_content .qr_image .code img {
            width: 100%;
          }
          x-share-cart.show_qr .share_cart_container .share_cart .inner_content .qr_image {
            opacity: 1;
            pointer-events: auto;            
          }
          x-share-cart.show_qr .share_cart_container .share_cart .inner_content .qr_image .code {
            opacity: 1;
            transition-delay: 0.4s;
          }


          x-share-cart .share_cart_container .share_cart .inner_content .share_all_button.inactive,
          x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button.inactive {
            pointer-events: none;
            opacity: 0.4; }
          x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_text,
          x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_text {
            position: relative;
            color: #4cd964;
            margin-right: 0.15em; }
            x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_text > .i18n,
            x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_text > .i18n {
              font-size: 0.14em; }
          x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon,
          x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_button_icon {
            position: relative;
            width: 0.36em;
            height: 0.36em;
            margin-right: 0.15em; }
            x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon svg,
            x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_button_icon svg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon svg path,
              x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon svg polygon,
              x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_button_icon svg path,
              x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_button_icon svg polygon {
                fill: #4cd964 !important; }

x-share-cart-badge {
  position: absolute;
  top: 35%;
  left: 20%;
  width: 0.2em;
  height: 0.2em;
  background-color: #4cd964;
  border: 0.02em solid #14171c;
  border-radius: 50%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  x-share-cart-badge .share_cart_badge_num {
    position: relative;
    font-size: 0.15em;
    line-height: 0.9;
    color: #14171c;
    font-family: AppFont; }
    x-share-cart-badge .share_cart_badge_num.updated {
      animation-name: shareCartBadgeNum;
      animation-duration: 0.5s; }
@keyframes shareCartBadgeNum {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
x-share-item-badge {
  position: absolute;
  top: 0.025em;
  left: -0.01em;
  width: 0.1em;
  height: 0.1em;
  background-color: #4cd964;
  border: 0.01em solid #14171c;
  border-radius: 50%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none; }
  x-share-item-badge svg {
    padding: 0.02em;
    box-sizing: border-box; }
  x-share-item-badge.iconSet {
    top: 0.0em;
    left: 0.0em;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    border-radius: 0%;
    display: block; }
    x-share-item-badge.iconSet svg {
      padding: 0;
      width: 100%;
      height: 100%; }

[data-share-badge-id].active x-share-item-badge {
  display: block; }

x-scrollable.no-scroll .x-scrollable__scroll-container {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
x-scrollable.no-scroll[no-center] .x-scrollable__scroll-container {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; }
x-scrollable[no-spacers] .x-scrollable__scroll-container .x-scrollable__content:before, x-scrollable[no-spacers] .x-scrollable__scroll-container .x-scrollable__content:after {
  display: none; }
x-scrollable .x-scrollable__scroll-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  x-scrollable .x-scrollable__scroll-container .x-scrollable__content {
    position: relative;
    width: 100%; }
    x-scrollable .x-scrollable__scroll-container .x-scrollable__content:before {
      content: "";
      display: block;
      position: relative;
      width: 100%;
      height: 0.15em; }
    x-scrollable .x-scrollable__scroll-container .x-scrollable__content:after {
      content: "";
      display: block;
      position: relative;
      width: 100%;
      height: 0.15em; }
    x-scrollable .x-scrollable__scroll-container .x-scrollable__content > *:first-child {
      margin-top: 0 !important; }
    x-scrollable .x-scrollable__scroll-container .x-scrollable__content > *:last-child {
      margin-bottom: 0 !important; }
    x-scrollable[data-scroll-direction="x"] .x-scrollable__scroll-container {
      overflow-y: hidden;}
    x-scrollable[data-scroll-direction="y"] .x-scrollable__scroll-container {
      overflow-x: hidden;}
x-navbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.7em;
  background-color: #333333;
  color: #FFFFFF;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  z-index: 200; }
  x-navbar .x-navbar__section {
    position: relative;
    height: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: -moz-flex;
    -moz-flex-direction: column;
    -moz-justify-content: center;
    -moz-align-items: center;
    display: -ms-flex;
    -ms-flex-direction: column;
    -ms-justify-content: center;
    -ms-align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    x-navbar .x-navbar__section[position="left"] {
      -webkit-order: 1;
      order: 1; }
      x-navbar .x-navbar__section[position="left"] x-navbar-button .x-navbar-button__touchable-container {
        border-left: none; }
    x-navbar .x-navbar__section[position="center"] {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; }
    x-navbar .x-navbar__section[position="right"] {
      -webkit-order: 2;
      order: 2; }

x-navbar-button {
  position: relative;
  height: 100%; }
  x-navbar-button .x-navbar-button__touchable-container {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.3); }
    x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content {
      position: relative;
      height: 100%;
      box-sizing: border-box;
      padding: 0 0.2em;
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: -moz-flex;
      -moz-flex-direction: column;
      -moz-justify-content: center;
      -moz-align-items: center;
      display: -ms-flex;
      -ms-flex-direction: column;
      -ms-justify-content: center;
      -ms-align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content > * {
        margin-right: 0.1em; }
        x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content > *:last-child {
          margin-right: 0; }
      x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__icon-container {
        position: relative;
        width: 0.3em;
        height: 0.3em; }
        x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__icon-container.icon-disabled {
          display: none; }
        x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__icon-container .x-navbar-button__icon {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
          x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__icon-container .x-navbar-button__icon svg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
            x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__icon-container .x-navbar-button__icon svg path {
              fill: white !important; }
      x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__text {
        position: relative; }
        x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__text > .i18n {
          font-size: 0.2em; }

svg .close {
  fill: transparent; }
  svg .close .left,
  svg .close .right {
    stroke-dashoffset: 160.3919219970703px;
    stroke-dasharray: 160.3919219970703px;
    -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .close .left_t,
  svg .close .right_t {
    stroke-dashoffset: 166.04876708984375px;
    stroke-dasharray: 166.04876708984375px;
    -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .close .left_dr,
  svg .close .right_dr {
    stroke-dashoffset: 157.56349182128906px;
    stroke-dasharray: 157.56349182128906px;
    -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .close .right,
  svg .close .right_t,
  svg .close .right_dr {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
svg .menu {
  fill: transparent; }
  svg .menu .menu_top,
  svg .menu .menu_mid,
  svg .menu .menu_bot {
    stroke-dashoffset: 130px;
    stroke-dasharray: 130px;
    -webkit-transition: stroke-dashoffset 0.6s ease 0.4s;
    transition: stroke-dashoffset 0.6s ease 0.4s; }
  svg .menu .menu_top_dr,
  svg .menu .menu_mid_dr,
  svg .menu .menu_bot_dr {
    stroke-dashoffset: 122px;
    stroke-dasharray: 122px;
    -webkit-transition: stroke-dashoffset 0.6s ease 0.4s;
    transition: stroke-dashoffset 0.6s ease 0.4s; }
  svg .menu .menu_top_tr,
  svg .menu .menu_mid_tr,
  svg .menu .menu_bot_tr {
    stroke-dashoffset: 128px;
    stroke-dasharray: 128px;
    -webkit-transition: stroke-dashoffset 0.6s ease 0.4s;
    transition: stroke-dashoffset 0.6s ease 0.4s; }
  svg .menu .menu_mid,
  svg .menu .menu_mid_dr,
  svg .menu .menu_mid_tr {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
  svg .menu .menu_bot,
  svg .menu .menu_bot_dr,
  svg .menu .menu_bot_tr {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s; }
svg .home {
  fill: transparent; }
  svg .home .inside {
    -webkit-transition: fill 1s linear 0.4s;
    transition: fill 1s linear 0.4s; }
  svg .home .roof,
  svg .home .roof_t,
  svg .home .roof_dr {
    stroke-dashoffset: 175.6656494140625px;
    stroke-dasharray: 175.6656494140625px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s, fill 1s linear 0.5s;
    transition: stroke-dashoffset 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s, fill 1s linear 0.5s; }
  svg .home .roof_t {
    stroke-dashoffset: 181.322509765625px;
    stroke-dasharray: 181.322509765625px; }
  svg .home .roof_dr {
    stroke-dashoffset: 172.83721923828125px;
    stroke-dasharray: 172.83721923828125px; }
svg .attract_loop {
  fill: transparent; }
  svg .attract_loop .screen,
  svg .attract_loop .screen_f,
  svg .attract_loop .screen_t,
  svg .attract_loop .screen_tr {
    stroke-dashoffset: 272px;
    stroke-dasharray: 272px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .attract_loop .screen_t {
    stroke-dashoffset: 296px;
    stroke-dasharray: 296px; }
  svg .attract_loop .screen_tr {
    stroke-dashoffset: 292.5684509277344px;
    stroke-dasharray: 292.5684509277344px; }
  svg .attract_loop .right_person,
  svg .attract_loop .middle_person,
  svg .attract_loop .left_person {
    -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
    transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s; }
  svg .attract_loop .middle_person {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  svg .attract_loop .left_person {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s; }
svg .account {
  fill: transparent; }
  svg .account .person_l,
  svg .account .person_r {
    -webkit-transition: fill 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s;
    transition: fill 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s; }
  svg .account .person_r {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
svg .screensaver {
  fill: transparent; }
  svg .screensaver .computer,
  svg .screensaver .range,
  svg .screensaver .sun,
  svg .screensaver .sun_f {
    -webkit-transition: fill 0.8s ease-in-out 0.4s;
    transition: fill 0.8s ease-in-out 0.4s; }
  svg .screensaver .range {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
  svg .screensaver .sun,
  svg .screensaver .sun_f {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s; }
svg .update {
  fill: transparent; }
  svg .update .bell,
  svg .update .circle {
    -webkit-transition: fill 0.6s ease-in 0.4s;
    transition: fill 0.6s ease-in 0.4s; }
  svg .update .circle {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s; }
svg .tutorial {
  fill: transparent; }
  svg .tutorial .board,
  svg .tutorial .board_t,
  svg .tutorial .board_dr,
  svg .tutorial .board_tr {
    stroke-dashoffset: 269px;
    stroke-dasharray: 269px;
    -webkit-transition: stroke-dashoffset 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .tutorial .board_f {
    -webkit-transition: fill 0.7s ease-in 0.5s;
    transition: fill 0.7s ease-in 0.5s; }
  svg .tutorial .board_t {
    stroke-dashoffset: 281px;
    stroke-dasharray: 281px; }
  svg .tutorial .board_dr {
    stroke-dashoffset: 265px;
    stroke-dasharray: 265px; }
  svg .tutorial .board_tr {
    stroke-dashoffset: 278.28424072265625px;
    stroke-dasharray: 278.28424072265625px; }
  svg .tutorial .person {
    -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s; }
svg .settings {
  fill: transparent; }
  svg .settings .wheel,
  svg .settings .wheel_t,
  svg .settings .wheel_tr {
    stroke-dashoffset: 428.440673828125px;
    stroke-dasharray: 428.440673828125px;
    -webkit-transition: stroke-dashoffset 1.6s ease-in 0.4s;
    transition: stroke-dashoffset 1.6s ease-in 0.4s; }
  svg .settings .wheel_f {
    -webkit-transition: fill 0.8s ease-in 0.4s;
    transition: fill 0.8s ease-in 0.4s; }
  svg .settings .wheel_t {
    stroke-dashoffset: 473.6070861816406px;
    stroke-dasharray: 473.6070861816406px; }
  svg .settings .wheel_tr {
    stroke-dashoffset: 463.62408447265625px;
    stroke-dasharray: 463.62408447265625px; }
  svg .settings .middle,
  svg .settings .middle_f,
  svg .settings .middle_t {
    stroke-dashoffset: 196.1627655029297px;
    stroke-dasharray: 196.1627655029297px;
    -webkit-transition: stroke-dashoffset 0.8s ease-in 0.6s;
    transition: stroke-dashoffset 0.8s ease-in 0.6s; }
  svg .settings .middle_t {
    stroke-dashoffset: 389.34326171875px;
    stroke-dasharray: 389.34326171875px; }
  svg .settings .inner,
  svg .settings .inner_t {
    stroke-dashoffset: 85.81951904296875px;
    stroke-dasharray: 85.81951904296875px;
    -webkit-transition: stroke-dashoffset 0.8s ease-in 0.8s;
    transition: stroke-dashoffset 0.8s ease-in 0.8s; }
  svg .settings .inner_t {
    stroke-dashoffset: 57.585899353027344px;
    stroke-dasharray: 57.585899353027344px; }
svg .show_hide {
  fill: transparent; }
  svg .show_hide .show {
    -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
svg .nav_share {
  fill: transparent; }
  svg .nav_share .envelope,
  svg .nav_share .circle {
    -webkit-transition: fill 0.6s ease-in 0.4s;
    transition: fill 0.6s ease-in 0.4s; }
  svg .nav_share .circle {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s; }
svg .add_to_share {
  fill: transparent; }
  svg .add_to_share .box,
  svg .add_to_share .box_f,
  svg .add_to_share .arrow,
  svg .add_to_share .check_f {
    -webkit-transition: fill 0.8s ease-in-out 0.4s;
    transition: fill 0.8s ease-in-out 0.4s; }
  svg .add_to_share .arrow {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
  svg .add_to_share .check_f {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  svg .add_to_share .check {
    stroke-dashoffset: 128.8245086669922px;
    stroke-dasharray: 128.8245086669922px;
    -webkit-transition: stroke-dashoffset 1s ease-in-out 0.64s;
    transition: stroke-dashoffset 1s ease-in-out 0.64s; }
svg .language {
  fill: transparent; }
  svg .language .globe {
    -webkit-transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .language .top_line,
  svg .language .top_line_dr,
  svg .language .top_line_tr {
    stroke-dashoffset: 98.17947387695312px;
    stroke-dasharray: 98.17947387695312px;
    -webkit-transition: stroke-dashoffset 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s; }
  svg .language .top_line_dr {
    stroke-dashoffset: 92.60980987548828px;
    stroke-dasharray: 92.60980987548828px; }
  svg .language .top_line_tr {
    stroke-dashoffset: 94.45843505859375px;
    stroke-dasharray: 94.45843505859375px; }
  svg .language .middle_line,
  svg .language .middle_line_dr,
  svg .language .middle_line_tr {
    stroke-dashoffset: 120px;
    stroke-dasharray: 120px;
    -webkit-transition: stroke-dashoffset 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s; }
  svg .language .middle_line_dr {
    stroke-dashoffset: 114px;
    stroke-dasharray: 114px; }
  svg .language .middle_line_tr {
    stroke-dashoffset: 116px;
    stroke-dasharray: 116px; }
  svg .language .bottom_line,
  svg .language .bottom_line_dr,
  svg .language .bottom_line_tr {
    stroke-dashoffset: 98.17057800292969px;
    stroke-dasharray: 98.17057800292969px;
    -webkit-transition: stroke-dashoffset 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s;
    transition: stroke-dashoffset 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s; }
  svg .language .bottom_line_dr {
    stroke-dashoffset: 92.60973358154297px;
    stroke-dasharray: 92.60973358154297px; }
  svg .language .bottom_line_tr {
    stroke-dashoffset: 94.45829010009766px;
    stroke-dasharray: 94.45829010009766px; }
svg .feedback_icon {
  fill: transparent; }
  svg .feedback_icon .bubble,
  svg .feedback_icon .dot_1,
  svg .feedback_icon .dot_2,
  svg .feedback_icon .dot_3 {
    -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .feedback_icon .dot_1 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s; }
  svg .feedback_icon .dot_2 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s; }
  svg .feedback_icon .dot_3 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s; }
svg .search {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
svg .product_tour {
  fill: transparent; }
  svg .product_tour .cube,
  svg .product_tour .arrow_l,
  svg .product_tour .arrow_r {
    -webkit-transition: fill 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .product_tour .arrow_l {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s; }
  svg .product_tour .arrow_r {
    -webkit-transition-delay: 1s;
    transition-delay: 1s; }
svg .collateral {
  fill: transparent; }
  svg .collateral .outside {
    -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .collateral .line_1,
  svg .collateral .line_1_tr {
    stroke-dashoffset: 36.01459884643555px;
    stroke-dasharray: 36.01459884643555px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; }
  svg .collateral .line_1_tr {
    stroke-dashoffset: 35.84320068359375px;
    stroke-dasharray: 35.84320068359375px; }
  svg .collateral .line_2,
  svg .collateral .line_3,
  svg .collateral .line_4,
  svg .collateral .line_2_tr,
  svg .collateral .line_3_tr,
  svg .collateral .line_4_tr {
    stroke-dashoffset: 56.01460266113281px;
    stroke-dasharray: 56.01460266113281px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s; }
  svg .collateral .line_2_tr,
  svg .collateral .line_3_tr,
  svg .collateral .line_4_tr {
    stroke-dashoffset: 55.74250030517578px;
    stroke-dasharray: 55.74250030517578px; }
  svg .collateral .line_3,
  svg .collateral .line_3_tr {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s; }
  svg .collateral .line_4,
  svg .collateral .line_4_tr {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s; }
svg .video {
  fill: transparent; }
  svg .video .play,
  svg .video .play_t {
    -webkit-transition: fill 0.7s linear 1s;
    transition: fill 0.7s linear 1s; }
  svg .video .play_f {
    -webkit-transition: fill 0.9s linear 0.4s;
    transition: fill 0.9s linear 0.4s; }
  svg .video .vid_box,
  svg .video .vid_box_t,
  svg .video .vid_box_dr,
  svg .video .vid_box_tr {
    stroke-dashoffset: 374px;
    stroke-dasharray: 374px;
    -webkit-transition: stroke-dashoffset 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: stroke-dashoffset 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
  svg .video .vid_box_t {
    stroke-dashoffset: 363px;
    stroke-dasharray: 363px; }
  svg .video .vid_box_dr {
    stroke-dashoffset: 370px;
    stroke-dasharray: 370px; }
  svg .video .vid_box_tr {
    stroke-dashoffset: 358.5684814453125px;
    stroke-dasharray: 358.5684814453125px; }
svg .carat,
svg .carat_t,
svg .carat_tr {
  fill: transparent;
  stroke-dashoffset: 83.3449478149414px;
  stroke-dasharray: 83.3449478149414px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s;
  transition: stroke-dashoffset 1s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s; }
svg .carat_t {
  stroke-dashoffset: 89.5497817993164px;
  stroke-dasharray: 89.5497817993164px; }
svg .carat_tr {
  stroke-dashoffset: 88.79042053222656px;
  stroke-dasharray: 88.79042053222656px; }
svg .plus_minus {
  fill: transparent; }
  svg .plus_minus .plus,
  svg .plus_minus .minus {
    stroke-dashoffset: 67px;
    stroke-dasharray: 67px;
    -webkit-transition: stroke-dashoffset 0.8s ease 0.6s;
    transition: stroke-dashoffset 0.8s ease 0.6s; }
  svg .plus_minus .minus {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; }
svg .share_email {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
svg .refresh {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
svg .max_min {
  fill: transparent; }
  svg .max_min .max {
    -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; }
svg .info {
  fill: transparent; }
  svg .info .edge,
  svg .info .i,
  svg .info .info_f {
    -webkit-transition: fill 0.8s ease-in-out 0.4s;
    transition: fill 0.8s ease-in-out 0.4s; }
  svg .info .i {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s; }
svg .carat_up {
  fill: transparent;
  stroke-dashoffset: 84px;
  stroke-dasharray: 84px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s;
  transition: stroke-dashoffset 1s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s; }
svg.active .left, svg.active .right, svg.active .left_t, svg.active .right_t, svg.active .left_dr, svg.active .right_dr,
svg.active .menu_top, svg.active .menu_mid, svg.active .menu_bot, svg.active .menu_top_dr, svg.active .menu_mid_dr, svg.active .menu_bot_dr, svg.active .menu_top_tr, svg.active .menu_mid_tr, svg.active .menu_bot_tr,
svg.active .roof, svg.active .roof_t, svg.active .roof_dr,
svg.active .screen, svg.active .screen_t, svg.active .screen_tr,
svg.active .board, svg.active .board_t, svg.active .board_dr, svg.active .board_tr,
svg.active .wheel, svg.active .middle, svg.active .inner, svg.active .middle_f, svg.active .wheel_t, svg.active .middle_t, svg.active .inner_t, svg.active .wheel_tr,
svg.active .top_line, svg.active .middle_line, svg.active .top_line_dr, svg.active .middle_line_dr, svg.active .top_line_tr, svg.active .middle_line_tr,
svg.active .line_1, svg.active .line_2, svg.active .line_3, svg.active .line_4, svg.active .line_1_tr, svg.active .line_2_tr, svg.active .line_3_tr, svg.active .line_4_tr,
svg.active .vid_box, svg.active .vid_box_t, svg.active .vid_box_dr, svg.active .vid_box_tr,
svg.active .carat, svg.active .carat_t, svg.active .carat_tr,
svg.active .plus, svg.active .minus {
  stroke-dashoffset: 0;
  stroke: #E29a18; }
svg.active .bottom_line {
  stroke-dashoffset: 196px;
  stroke: #E29a18; }
svg.active .bottom_line_dr {
  stroke-dashoffset: 185.21946716308594px;
  stroke: #E29a18; }
svg.active .bottom_line_tr {
  stroke-dashoffset: 188.9165802001953px;
  stroke: #E29a18; }
svg.active .carat_up {
  stroke-dashoffset: 168px;
  stroke: #E29a18; }
svg.active .inside,
svg.active .right_person, svg.active .middle_person, svg.active .left_person, svg.active .screen_f,
svg.active .person_l, svg.active .person_r,
svg.active .computer, svg.active .range, svg.active .sun_f, svg.active .sun,
svg.active .bell, svg.active .circle,
svg.active .person, svg.active .board_f,
svg.active .wheel_f,
svg.active .show,
svg.active .envelope,
svg.active .box, svg.active .box_f, svg.active .arrow,
svg.active .globe,
svg.active .bubble, svg.active .dot_1, svg.active .dot_2, svg.active .dot_3,
svg.active .search,
svg.active .cube, svg.active .arrow_l, svg.active .arrow_r,
svg.active .outside,
svg.active .play, svg.active .play_t, svg.active .play_f,
svg.active .share_email,
svg.active .refresh,
svg.active .edge, svg.active .i, svg.active .info_f,
svg.active .max {
  stroke-dashoffset: 0;
  fill: #E29a18; }
svg.active .circle {
  -webkit-animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
  animation: scale-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards; }
svg.active .sun {
  -webkit-animation: scale-sun 1.4s 0.7s forwards;
  animation: scale-sun 1.4s 0.7s forwards; }
svg.active .i {
  -webkit-animation: scale-i 1s ease-in 0.7s forwards;
  animation: scale-i 1s ease-in 0.7s forwards;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }
svg.active.updated .circle {
  -webkit-animation: bounce-up 0.4s ease-in-out both;
  animation: bounce-up 0.4s ease-in-out both; }
svg.active.checked .check {
  stroke-dashoffset: 0;
  stroke: #E29a18; }
svg.active.checked .arrow,
svg.active.checked .box_f {
  fill: transparent;
  -webkit-transition: fill 0.1s linear 0.1s;
  transition: fill 0.1s linear 0.1s; }
svg.active.checked .check_f {
  stroke-dashoffset: 0;
  fill: #E29a18; }
svg.active.hidden .hide,
svg.active.hidden .min {
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  fill: #E29a18; }
svg.active.hidden .show,
svg.active.hidden .max {
  -webkit-transition: opacity 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  transition: opacity 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  fill: transparent; }
svg.active.minus_state .plus {
  stroke-dashoffset: 67px;
  -webkit-transition: stroke-dashoffset 0.4s ease 0.2s;
  transition: stroke-dashoffset 0.4s ease 0.2s; }
svg.active.refreshed {
  overflow: visible; }
  svg.active.refreshed .refresh {
    -webkit-animation: spin 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;
    animation: spin 2s cubic-bezier(0.55, 0.06, 0.68, 0.19) 0.5s forwards;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

@-webkit-keyframes scale-in-left {
  0% {
    -webkit-transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    opacity: 0.4; }
  100% {
    -webkit-transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    opacity: 1; } }
@keyframes scale-in-left {
  0% {
    transform: scale(0);
    transform-origin: 50% 50%;
    opacity: 0.4; }
  100% {
    transform: scale(1);
    transform-origin: 50% 50%;
    opacity: 1; } }
@-webkit-keyframes bounce-up {
  0% {
    -webkit-transform: scale(0.3);
    -webkit-transform-origin: 50% 50%; }
  100% {
    -webkit-transform: scale(1);
    -webkit-transform-origin: 50% 50%; } }
@keyframes bounce-up {
  0% {
    transform: scale(0.3);
    transform-origin: 50% 50%; }
  100% {
    transform: scale(1);
    transform-origin: 50% 50%; } }
@-webkit-keyframes scale-sun {
  0% {
    -webkit-transform: scale(0);
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: scale(1);
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: scale(0.7);
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: scale(1);
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: scale(0.84);
    animation-timing-function: ease-in; }
  89% {
    -webkit-transform: scale(1);
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: scale(1);
    animation-timing-function: ease-out; } }
@keyframes scale-sun {
  0% {
    transform: scale(0);
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    transform: scale(1);
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    transform: scale(0.7);
    animation-timing-function: ease-in; }
  72% {
    transform: scale(1);
    animation-timing-function: ease-out; }
  81% {
    transform: scale(0.84);
    animation-timing-function: ease-in; }
  89% {
    transform: scale(1);
    animation-timing-function: ease-out; }
  95% {
    transform: scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: scale(1);
    animation-timing-function: ease-out; } }
@-webkit-keyframes scale-i {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.2);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1); } }
@keyframes scale-i {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    transform: scale(1.2);
    opacity: 1; }
  70% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(1); } }
    
.guideModeCursor {
  position: absolute; 
  animation-name: guideModeCursor;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../core/guide_indicator.svg);
  pointer-events: none;
  z-index: 9999999;
 }   
 .guideModeCursorAnchor {
  z-index: 9999999;
  position: relative;
 }
  
  
 @keyframes guideModeCursor {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(1) translate(0px, 50px); }
  60% { opacity: 1; transform: translate(-50%, -50%) scale(1) translate(0px, 0px); }
  70% { opacity: 1; transform: translate(-50%, -50%) scale(0.8) translate(0px, 0px); }
  80% { opacity: 1; transform: translate(-50%, -50%) scale(1) translate(0px, 0px); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1) translate(0px, 0px); }
 }

 .__video_reveal.backdrop {
      z-index: 9999;
}
 .__video_reveal {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 20000;
   opacity: 0;
   transform: scale(0.01);
   transition: 0.5s transform ease, 0.2s opacity ease;
   transition-delay: 0.8s; 
   }
   .__video_reveal .__video_reveal_top_bar {
     position: absolute;
     top: 0;
     left: 0;
     height: 50%;
     width: 100%;
     transform: translate(0%, 0%);
     transition: 0.4s transform ease;
     background: white; }
   .__video_reveal .__video_reveal_bottom_bar {
     position: absolute;
     bottom: 0;
     left: 0;
     height: 50%;
     width: 100%;
     transform: translate(0%, 0%);
     transition: 0.4s transform ease;
     background: white; }
   .__video_reveal .close {
     position: absolute;
     top: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.3);
     width: 1em;
     height: 1em;
     z-index: 1; }
      .__video_reveal .close .icon {
        position: absolute;
        top: 33%;
        left: 33%;
        width: 33%;
        height: 33%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;}
     .__video_reveal .close div.icon {
       background-image: url(../icons/close_icon.svg); }
   .__video_reveal.active {
     transition-delay:0s;
     transform: scale(1);
     opacity: 1; }
     .__video_reveal.active .__video_reveal_top_bar {
       transition-delay: 0.8s;
       transform: translate(0, -100%); }
     .__video_reveal.active .__video_reveal_bottom_bar {
       transition-delay: 0.8s;
       transform: translate(0, 100%); }
     .__video_reveal.active .close {
       pointer-events: auto; }
/*# sourceMappingURL=components.css.map */

.shareConfirmation {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21em;
  transform: translate(-50%,-50%) scale(0.5);
  z-index: 999999999;
  background: white;
  color: #404040;
  box-shadow: 0 0 0.5em black;
  font-size: 2.3vmin;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s transform ease, 0.3s opacity ease;
  padding: 2em;
  font-family: AppFontLight;
  border-radius: 0.5em;

}
.shareConfirmation.active {
  opacity: 1;
  transform: translate(-50%,-50%) scale(1);
}

._ffpdfplayer_loading_ {
  pointer-events: none;
}

._ffpdfplayer_loading_ ._ffpdfplayer_close_icon {
  display:none;
}