@charset "UTF-8";
/* line 4, ../sass/components.scss */
html {
  font-size: 100px;
}

/* line 9, ../sass/components.scss */
.bodyVOSK .share-state, .bodyVOSK .x-list-item__share-button {
  display: none !important;
}

/* line 14, ../sass/components.scss */
[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;
}
/* line 19, ../sass/components.scss */
[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;
}
/* line 24, ../sass/components.scss */
[data-view]:not(.draw) {
  display: none !important;
}
/* line 28, ../sass/components.scss */
[data-view].transition-in {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
/* line 31, ../sass/components.scss */
[data-view].transition-in.inner-animate > .animating-element {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
/* line 36, ../sass/components.scss */
[data-view].show {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  pointer-events: auto;
}
/* line 41, ../sass/components.scss */
[data-view].show.inner-animate > .animating-element {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
}
/* line 49, ../sass/components.scss */
[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;
}
/* line 54, ../sass/components.scss */
[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;
}
/* line 62, ../sass/components.scss */
[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;
}
/* line 70, ../sass/components.scss */
[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;
}
/* line 78, ../sass/components.scss */
[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);
}
/* line 84, ../sass/components.scss */
[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);
}
/* line 92, ../sass/components.scss */
[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%);
}
/* line 98, ../sass/components.scss */
[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%);
}
/* line 104, ../sass/components.scss */
[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%);
}
/* line 110, ../sass/components.scss */
[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%);
}
/* line 119, ../sass/components.scss */
[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);
}
/* line 125, ../sass/components.scss */
[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);
}
/* line 135, ../sass/components.scss */
[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%);
}
/* line 141, ../sass/components.scss */
[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%);
}
/* line 147, ../sass/components.scss */
[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%);
}
/* line 153, ../sass/components.scss */
[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%);
}
/* line 163, ../sass/components.scss */
[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);
}
/* line 169, ../sass/components.scss */
[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);
}
/* line 179, ../sass/components.scss */
[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%);
}
/* line 185, ../sass/components.scss */
[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%);
}
/* line 191, ../sass/components.scss */
[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%);
}
/* line 197, ../sass/components.scss */
[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%);
}

/* line 206, ../sass/components.scss */
img.svg-replace {
  visibility: hidden;
}

/* line 212, ../sass/components.scss */
.x-gradient {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.4em;
  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;
}
/* line 223, ../sass/components.scss */
.x-gradient.top {
  top: 0;
  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+ */
}
/* line 230, ../sass/components.scss */
.x-gradient.bottom {
  bottom: 0;
  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+ */
}

/* line 240, ../sass/components.scss */
.x-scrollable.no-scroll .x-gradient {
  display: none;
}
/* line 246, ../sass/components.scss */
.x-scrollable[data-scroll-end="at-top"] .x-gradient.top {
  opacity: 0;
}
/* line 251, ../sass/components.scss */
.x-scrollable[data-scroll-end="at-bottom"] .x-gradient.bottom {
  opacity: 0;
}
/* line 257, ../sass/components.scss */
.x-scrollable .scroll-container .scroll-content {
  will-change: transform;
}

/* line 264, ../sass/components.scss */
[no-fade] .x-gradient {
  display: none !important;
}

/* line 277, ../sass/components.scss */
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;
}
/* line 289, ../sass/components.scss */
x-card.show .x-card__card {
  pointer-events: auto;
}
/* line 294, ../sass/components.scss */
x-card.show[darken-bg] .x-card__darken-layer {
  pointer-events: auto;
}
/* line 300, ../sass/components.scss */
x-card[position*="top"] {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
/* line 303, ../sass/components.scss */
x-card[position*="bottom"] {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
/* line 306, ../sass/components.scss */
x-card[position*="left"] {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
/* line 309, ../sass/components.scss */
x-card[position*="right"] {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
/* line 313, ../sass/components.scss */
x-card[size="small"] .x-card__card {
  width: 5em;
  height: 3.5em;
}
/* line 318, ../sass/components.scss */
x-card[size="large"] .x-card__card {
  width: 9em;
  height: 6.3em;
}
/* line 323, ../sass/components.scss */
x-card[full-width] .x-card__card {
  width: 100%;
  max-width: 100%;
}
/* line 328, ../sass/components.scss */
x-card[full-height] .x-card__card {
  height: 100%;
  max-height: 100%;
}
/* line 333, ../sass/components.scss */
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;
}
/* line 344, ../sass/components.scss */
x-card[darken-bg] .x-card__darken-layer {
  display: block;
}
/* line 352, ../sass/components.scss */
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;
}
/* line 362, ../sass/components.scss */
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;
}
/* line 370, ../sass/components.scss */
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;
}
/* line 377, ../sass/components.scss */
x-card[tabs-anchor="top"] .x-card__card .x-card__inner-container .x-card__tab-bar {
  background-color: #4cd964;
}
/* line 381, ../sass/components.scss */
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;
}
/* line 384, ../sass/components.scss */
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;
}
/* line 392, ../sass/components.scss */
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;
}
/* line 395, ../sass/components.scss */
x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar {
  height: 0.8em;
}
/* line 406, ../sass/components.scss */
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%);
}
/* line 409, ../sass/components.scss */
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%);
}
/* line 417, ../sass/components.scss */
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%);
}
/* line 420, ../sass/components.scss */
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%);
}
/* line 427, ../sass/components.scss */
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;
}
/* line 430, ../sass/components.scss */
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;
}
/* line 445, ../sass/components.scss */
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%);
}
/* line 448, ../sass/components.scss */
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%);
}
/* line 456, ../sass/components.scss */
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%);
}
/* line 459, ../sass/components.scss */
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%);
}
/* line 466, ../sass/components.scss */
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;
}
/* line 471, ../sass/components.scss */
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;
}
/* line 477, ../sass/components.scss */
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;
}
/* line 481, ../sass/components.scss */
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;
}
/* line 492, ../sass/components.scss */
x-card[slim-tabs] .x-card__card .x-card__tab-bar {
  width: 0.75em;
}
/* line 495, ../sass/components.scss */
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;
}
/* line 499, ../sass/components.scss */
x-card[slim-tabs] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon {
  margin-left: 0;
}
/* line 503, ../sass/components.scss */
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;
}
/* line 514, ../sass/components.scss */
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;
}
/* line 518, ../sass/components.scss */
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;
}
/* line 524, ../sass/components.scss */
x-card:not([slim-tabs]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button {
  width: 0.665em;
}
/* line 532, ../sass/components.scss */
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;
}
/* line 539, ../sass/components.scss */
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;
}
/* line 548, ../sass/components.scss */
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;
}
/* line 553, ../sass/components.scss */
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%;
}
/* line 561, ../sass/components.scss */
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;
}
/* line 573, ../sass/components.scss */
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;
}
/* line 579, ../sass/components.scss */
x-card .x-card__card .x-card__header-bar .x-card__header > .i18n {
  font-size: 0.2em;
}
/* line 584, ../sass/components.scss */
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;
}
/* line 592, ../sass/components.scss */
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;
}
/* line 598, ../sass/components.scss */
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;
}
/* line 603, ../sass/components.scss */
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%;
}
/* line 610, ../sass/components.scss */
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;
}
/* line 616, ../sass/components.scss */
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;
}
/* line 624, ../sass/components.scss */
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;
}
/* line 630, ../sass/components.scss */
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;
}
/* line 638, ../sass/components.scss */
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;
}
/* line 644, ../sass/components.scss */
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;
}
/* line 649, ../sass/components.scss */
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%;
}
/* line 656, ../sass/components.scss */
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;
}
/* line 662, ../sass/components.scss */
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;
}
/* line 669, ../sass/components.scss */
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;
}
/* line 677, ../sass/components.scss */
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;
}
/* line 686, ../sass/components.scss */
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;
}
/* line 698, ../sass/components.scss */
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;
}
/* line 706, ../sass/components.scss */
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;
}
/* line 715, ../sass/components.scss */
x-card .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
  fill: #4cd964;
}
/* line 718, ../sass/components.scss */
x-card .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
  color: #4cd964;
}
/* line 723, ../sass/components.scss */
x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon {
  position: relative;
  width: 0.23em;
  height: 0.2em;
}
/* line 728, ../sass/components.scss */
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%;
}
/* line 735, ../sass/components.scss */
x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon svg path {
  fill: #FFFFFF;
}
/* line 741, ../sass/components.scss */
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;
}
/* line 748, ../sass/components.scss */
x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label > .i18n {
  font-size: 0.1em;
}

/* line 757, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-card {
  z-index: 250;
}
/* line 761, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-card[tabs] .x-card__card .x-card__inner-container > .content {
  margin-top: 0.4em;
}
/* line 773, ../sass/components.scss */
.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%;
}
/* line 781, ../sass/components.scss */
.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;
}
/* line 787, ../sass/components.scss */
.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;
}
/* line 795, ../sass/components.scss */
.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);
}
/* line 799, ../sass/components.scss */
.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;
}
/* line 803, ../sass/components.scss */
.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;
}
/* line 807, ../sass/components.scss */
.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;
}
/* line 810, ../sass/components.scss */
.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;
}
/* line 818, ../sass/components.scss */
.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;
}
/* line 825, ../sass/components.scss */
.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;
}
/* line 837, ../sass/components.scss */
.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;
}
/* line 842, ../sass/components.scss */
.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;
}
/* line 846, ../sass/components.scss */
.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;
}
/* line 849, ../sass/components.scss */
.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;
}
/* line 852, ../sass/components.scss */
.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;
}
/* line 858, ../sass/components.scss */
.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;
}

/* line 884, ../sass/components.scss */
x-panel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1em;
}

/* line 894, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-panel {
  overflow: auto;
}

/* line 906, ../sass/components.scss */
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;
}
/* line 918, ../sass/components.scss */
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;
}
/* line 929, ../sass/components.scss */
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;
}
/* line 934, ../sass/components.scss */
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;
}
/* line 947, ../sass/components.scss */
x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text {
  position: relative;
  width: 88%;
}
/* line 951, ../sass/components.scss */
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;
}
/* line 959, ../sass/components.scss */
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;
}
/* line 967, ../sass/components.scss */
x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text > *:first-child {
  margin-top: 0 !important;
}
/* line 970, ../sass/components.scss */
x-text-box .x-text-box__outer-container .x-text-box__text-container .x-text-box__text > *:last-child {
  margin-bottom: 0 !important;
}

/* line 981, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-text-box {
  height: auto;
}
/* line 984, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-text-box .x-text-box__outer-container {
  height: auto;
}
/* line 987, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-text-box .x-text-box__outer-container .x-text-box__text-container {
  height: auto;
}
/* line 990, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-text-box .x-text-box__outer-container .x-gradient {
  display: none;
}

/* line 1006, ../sass/components.scss */
x-header {
  display: block;
  position: relative;
  font-family: AppFontBold;
  color: #333333;
  line-height: 1.38;
  margin-top: 0.15em;
}
/* line 1014, ../sass/components.scss */
x-header > .i18n {
  font-size: 0.2em;
}

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

/* line 1056, ../sass/components.scss */
x-body {
  display: block;
  position: relative;
  font-family: AppFont;
  color: #333333;
  line-height: 1.38;
  margin-top: 0.12em;
}
/* line 1064, ../sass/components.scss */
x-body > .i18n {
  font-size: 0.14em;
}

/* line 1080, ../sass/components.scss */
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;
}
/* line 1092, ../sass/components.scss */
x-image-panel[reverse-order] .x-image-panel__image-container {
  -webkit-order: 2;
  order: 2;
}
/* line 1096, ../sass/components.scss */
x-image-panel[reverse-order] .x-image-panel__text-container {
  -webkit-order: 1;
  order: 1;
}
/* line 1103, ../sass/components.scss */
x-image-panel[banner] .x-image-panel__image-container {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
/* line 1106, ../sass/components.scss */
x-image-panel[banner] .x-image-panel__text-container {
  -webkit-flex-grow: 2;
  flex-grow: 2;
}
/* line 1112, ../sass/components.scss */
x-image-panel[vertical] {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* line 1115, ../sass/components.scss */
x-image-panel[vertical] .x-image-panel__image-container,
x-image-panel[vertical] .x-image-panel__text-container {
  width: 100%;
  height: auto;
}
/* line 1126, ../sass/components.scss */
x-image-panel[image-padding] .x-image-panel__image-container .x-image-panel__image-inner-container {
  padding: 0.2em;
}
/* line 1132, ../sass/components.scss */
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;
}
/* line 1142, ../sass/components.scss */
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;
}
/* line 1150, ../sass/components.scss */
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;
}
/* line 1163, ../sass/components.scss */
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;
}

/* line 1173, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-image-panel {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* line 1177, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-image-panel .x-image-panel__image-container,
.bodyPhone .enableArchPhoneStyle x-image-panel .x-image-panel__text-container {
  width: 100%;
  height: auto;
}

/* line 1192, ../sass/components.scss */
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;
}
/* line 1202, ../sass/components.scss */
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;
}
/* line 1209, ../sass/components.scss */
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;
}
/* line 1218, ../sass/components.scss */
x-list .x-list__scrolling-container .x-list__inner-container .x-list__list-content {
  position: relative;
  width: calc(100% - 0.3em);
  height: auto;
}
/* line 1225, ../sass/components.scss */
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;
}
/* line 1233, ../sass/components.scss */
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;
}

/* line 1253, ../sass/components.scss */
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;
}
/* line 1265, ../sass/components.scss */
x-list-item[icon] .x-list-item__item-content .x-list-item__item-icon {
  display: block;
}
/* line 1274, ../sass/components.scss */
x-list-item[item-name] .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-title {
  display: block;
}
/* line 1284, ../sass/components.scss */
x-list-item[sub-content] .x-list-item__item-content .x-list-item__item-text-content .x-list-item__item-text-subtitle {
  display: block;
}
/* line 1292, ../sass/components.scss */
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;
}
/* line 1297, ../sass/components.scss */
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;
}
/* line 1309, ../sass/components.scss */
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;
}
/* line 1316, ../sass/components.scss */
x-list-item .x-list-item__item-content .x-list-item__item-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1323, ../sass/components.scss */
x-list-item .x-list-item__item-content .x-list-item__item-icon svg path {
  fill: #333333;
}
/* line 1329, ../sass/components.scss */
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;
}
/* line 1337, ../sass/components.scss */
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;
}
/* line 1342, ../sass/components.scss */
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;
}
/* line 1346, ../sass/components.scss */
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;
}
/* line 1351, ../sass/components.scss */
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;
}
/* line 1358, ../sass/components.scss */
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;
}
/* line 1368, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-icon {
  position: relative;
  width: 0.25em;
  height: 0.17em;
}
/* line 1373, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1380, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-icon svg path {
  stroke: #333333;
  fill: #333333;
}
/* line 1384, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-icon svg rect {
  fill: #333333;
}
/* line 1390, ../sass/components.scss */
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;
}
/* line 1397, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-label > .i18n {
  font-size: 0.08em;
}
/* line 1403, ../sass/components.scss */
x-list-item:last-child {
  margin-bottom: 0;
}

/* line 1426, ../sass/components.scss */
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;
}
/* line 1443, ../sass/components.scss */
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;
}
/* line 1459, ../sass/components.scss */
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;
}
/* line 1470, ../sass/components.scss */
x-nav-menu[hide-title] > .content {
  left: 0em;
}
/* line 1474, ../sass/components.scss */
x-nav-menu .x-nav-menu__first-section {
  position: relative;
  width: 3em;
  -webkit-order: 1;
  order: 1;
}
/* line 1480, ../sass/components.scss */
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;
}
/* line 1489, ../sass/components.scss */
x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 1494, ../sass/components.scss */
x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg path {
  fill: #FFFFFF;
}
/* line 1500, ../sass/components.scss */
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%;
}
/* line 1516, ../sass/components.scss */
x-nav-menu[hamburger-pos="right"] .x-nav-menu__first-section {
  -webkit-order: 4;
  order: 4;
}
/* line 1522, ../sass/components.scss */
x-nav-menu[position="top"] {
  bottom: auto;
  top: 0;
}
/* line 1526, ../sass/components.scss */
x-nav-menu[position="top"] x-nav-flyout {
  bottom: auto;
  top: 100%;
}
/* line 1530, ../sass/components.scss */
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%);
}
/* line 1533, ../sass/components.scss */
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%);
}
/* line 1539, ../sass/components.scss */
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%);
}
/* line 1545, ../sass/components.scss */
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%);
}
/* line 1550, ../sass/components.scss */
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;
}
/* line 1560, ../sass/components.scss */
x-nav-menu[position="top"] x-nav-button[fullscreen] .x-nav-flyout__container > .content {
  margin-top: 0.75em;
  margin-bottom: 0.15em;
}
/* line 1564, ../sass/components.scss */
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);
}
/* line 1572, ../sass/components.scss */
x-nav-menu[show-selected] x-nav-button:not([chosen=""]) .default-label {
  display: none;
}
/* line 1575, ../sass/components.scss */
x-nav-menu[show-selected] x-nav-button:not([chosen=""]) .selected-label {
  display: -webkit-flex;
  display: flex;
}
/* line 1581, ../sass/components.scss */
x-nav-menu[flex] x-nav-button {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

/* line 1588, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-menu {
  height: 0.6em;
}
/* line 1592, ../sass/components.scss */
.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 ;
}
/* line 1604, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__right-anchors {
  display: none;
}
/* line 1608, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__first-section {
  width: 100%;
  z-index: 10;
  background: #333333;
}
/* line 1613, ../sass/components.scss */
.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 ;
}
/* line 1621, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg {
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
}
/* line 1628, ../sass/components.scss */
.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 ;
}
/* line 1632, ../sass/components.scss */
.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 ;
}
/* line 1650, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-menu.open > .content {
  -webkit-transform: translate(0%);
  -moz-transform: translate(0%);
  transform: translate(0%);
}
/* line 1654, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-menu.open .x-nav-menu__hamburger {
  -webkit-transform: translate(-100%);
  -moz-transform: translate(-100%);
  transform: translate(-100%);
}
/* line 1657, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-menu.open .x-nav-menu__current {
  -webkit-transform: translate(-0.6em);
  -moz-transform: translate(-0.6em);
  transform: translate(-0.6em);
}
/* line 1661, ../sass/components.scss */
.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;
}
/* line 1673, ../sass/components.scss */
.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);
}

/* line 1698, ../sass/components.scss */
x-nav-title > .i18n {
  font-size: 0.2em;
}

/* line 1703, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-title {
  padding-left: 0.4em;
  font-size: 0.9em;
  position: absolute;
  width: 100%;
}

/* line 1718, ../sass/components.scss */
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;
}
/* line 1729, ../sass/components.scss */
x-nav-button:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
/* line 1733, ../sass/components.scss */
x-nav-button > .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1741, ../sass/components.scss */
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%);
}
/* line 1751, ../sass/components.scss */
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;
}
/* line 1770, ../sass/components.scss */
x-nav-button .x-nav-button__label > .i18n {
  font-size: 0.2em;
}
/* line 1774, ../sass/components.scss */
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+ */
}
/* line 1786, ../sass/components.scss */
x-nav-button .x-nav-button__label::before {
  display: none;
}
/* line 1790, ../sass/components.scss */
x-nav-button .x-nav-button__icon ~ .x-nav-button__label {
  padding-left: 1em;
}
/* line 1794, ../sass/components.scss */
x-nav-button .x-nav-button__label-body {
  display: block;
}
/* line 1797, ../sass/components.scss */
x-nav-button .x-nav-button__icon {
  position: absolute;
  left: 0.1em;
  top: 0.2em;
  height: 50%;
  width: 0.8em;
}
/* line 1805, ../sass/components.scss */
x-nav-button .x-nav-button__prompt {
  display: block;
  font-size: 0.6em;
}
/* line 1809, ../sass/components.scss */
x-nav-button .x-nav-button__prompt > .i18n {
  font-size: 0.25em;
}
/* line 1813, ../sass/components.scss */
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;
}
/* line 1826, ../sass/components.scss */
x-nav-button:not([allow]), x-nav-button.on {
  display: block;
}
/* line 1833, ../sass/components.scss */
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;
}
/* line 1840, ../sass/components.scss */
x-nav-button .selected-label {
  display: none;
}
/* line 1843, ../sass/components.scss */
x-nav-button[show-selected]:not([chosen=""]) .default-label {
  display: none;
}
/* line 1846, ../sass/components.scss */
x-nav-button[show-selected]:not([chosen=""]) .selected-label {
  display: -webkit-flex;
  display: flex;
}
/* line 1852, ../sass/components.scss */
x-nav-button.selected {
  color: #4cd964;
}
/* line 1855, ../sass/components.scss */
x-nav-button.selected .x-nav-button__selected-line {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
/* line 1858, ../sass/components.scss */
x-nav-button.selected .x-nav-button__icon path {
  fill: #4cd964;
}
/* line 1863, ../sass/components.scss */
x-nav-button[thin] {
  max-width: 0.8em;
}
/* line 1866, ../sass/components.scss */
x-nav-button[thin] .x-nav-button__icon {
  left: 0.2em;
  width: 50%;
  height: 50%;
  top: 0.2em;
}
/* line 1873, ../sass/components.scss */
x-nav-button[thin] x-nav-flyout {
  min-width: 3em;
}
/* line 1879, ../sass/components.scss */
x-nav-button[thin]:last-child x-nav-flyout, x-nav-button[thin][anchor="right"] x-nav-flyout {
  left: auto;
  right: 0;
}
/* line 1890, ../sass/components.scss */
x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  color: #333333;
}
/* line 1897, ../sass/components.scss */
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;
}
/* line 1904, ../sass/components.scss */
x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container > .content > x-nav-option {
  flex-grow: 1;
}
/* line 1907, ../sass/components.scss */
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;
}
/* line 1917, ../sass/components.scss */
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);
}
/* line 1922, ../sass/components.scss */
x-nav-button[anchor="right"]:first-child, x-nav-button:not([anchor="right"]) + x-nav-button[anchor="right"] {
  margin-left: auto;
}
/* line 1927, ../sass/components.scss */
x-nav-button[data-view]:not(.show) {
  display: none;
}

/* line 1934, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button {
  margin-bottom: 1px;
}
/* line 1938, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__selected-line {
  display: none;
}
/* line 1941, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__label {
  height: 0.5em;
  background: #697881;
  margin-bottom: 1px;
}
/* line 1946, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__label::after {
  display: none;
}
/* line 1951, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__arrow {
  border: none;
  opacity: 1;
  font-size: 0.25em;
  right: 0.5em;
  top: 0.25em;
}
/* line 1958, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button .x-nav-button__arrow::after {
  content: "+";
  color: white;
}
/* line 1964, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button.open .x-nav-button__label {
  background-color: #879BAA;
}
/* line 1967, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-button.open .x-nav-button__arrow::after {
  content: "-";
}

/* line 1983, ../sass/components.scss */
x-nav-flyout {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  display: block;
  color: #FFFFFF;
  font-size: 1em;
}
/* line 1996, ../sass/components.scss */
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;
}
/* line 2005, ../sass/components.scss */
x-nav-flyout.open {
  pointer-events: auto;
}
/* line 2008, ../sass/components.scss */
x-nav-flyout.open .x-nav-flyout__container {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
/* line 2013, ../sass/components.scss */
x-nav-flyout .content + x-nav-option {
  border-top: none;
}

/* line 2019, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-flyout {
  bottom: auto;
  position: relative;
  display: none;
}
/* line 2024, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-flyout.open {
  display: block;
}
/* line 2028, ../sass/components.scss */
.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;
}

/* line 2043, ../sass/components.scss */
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;
}
/* line 2056, ../sass/components.scss */
x-nav-option > .i18n {
  font-size: 0.15em;
}
/* line 2060, ../sass/components.scss */
x-nav-option.highlight {
  background: #4cd964;
}
/* line 2064, ../sass/components.scss */
x-nav-option:first-child {
  border-top: none;
}
/* line 2069, ../sass/components.scss */
x-nav-option:not([allow]), x-nav-option.on {
  display: block;
}

/* line 2075, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-nav-option {
  border: none;
  margin-bottom: 1px;
  background: #AEBECB;
}

/* line 2091, ../sass/components.scss */
x-nav-category {
  font-size: 1rem;
  display: none;
}
/* line 2094, ../sass/components.scss */
x-nav-category .x-nav-category__label {
  left: 0em;
  position: relative;
  padding: 0.1em 0;
}
/* line 2100, ../sass/components.scss */
x-nav-category .x-nav-category__label > .i18n {
  font-size: 0.15em;
}
/* line 2102, ../sass/components.scss */
x-nav-category .x-nav-category__label + x-nav-option {
  border-top: none;
}
/* line 2106, ../sass/components.scss */
x-nav-category[invisible] .x-nav-category__label {
  padding: 0;
}
/* line 2112, ../sass/components.scss */
x-nav-category:not([allow]), x-nav-category.on {
  display: block;
}

/* line 2119, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle .x-nav-category__label {
  background-color: #879BAA;
  padding-left: 0.1em;
  margin-bottom: 1px;
}

/* line 2135, ../sass/components.scss */
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;
}
/* line 2144, ../sass/components.scss */
x-side-menu:not(.draw) {
  display: none !important;
}
/* line 2148, ../sass/components.scss */
x-side-menu[position*="top"] {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
/* line 2151, ../sass/components.scss */
x-side-menu[position*="bottom"] {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
/* line 2154, ../sass/components.scss */
x-side-menu[position*="left"] {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
/* line 2157, ../sass/components.scss */
x-side-menu[position*="left"] .x-side-menu__side-menu {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* line 2161, ../sass/components.scss */
x-side-menu[position*="right"] {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
/* line 2164, ../sass/components.scss */
x-side-menu[position*="right"] .x-side-menu__side-menu {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}
/* line 2170, ../sass/components.scss */
x-side-menu.show .x-side-menu__side-menu {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
/* line 2174, ../sass/components.scss */
x-side-menu.show .x-side-menu__darken-bg {
  opacity: 1;
  pointer-events: auto;
}
/* line 2180, ../sass/components.scss */
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;
}
/* line 2193, ../sass/components.scss */
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 ;
}
/* line 2205, ../sass/components.scss */
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;
}
/* line 2212, ../sass/components.scss */
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;
}
/* line 2221, ../sass/components.scss */
x-side-menu .x-side-menu__side-menu .x-side-menu__back-button-container {
  position: relative;
  width: 100%;
  height: 0.4em;
}
/* line 2227, ../sass/components.scss */
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;
}
/* line 2235, ../sass/components.scss */
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;
}
/* line 2246, ../sass/components.scss */
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;
}
/* line 2253, ../sass/components.scss */
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;
}
/* line 2258, ../sass/components.scss */
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%;
}
/* line 2265, ../sass/components.scss */
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;
}
/* line 2272, ../sass/components.scss */
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);
}
/* line 2279, ../sass/components.scss */
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;
}
/* line 2286, ../sass/components.scss */
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;
}
/* line 2294, ../sass/components.scss */
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;
}
/* line 2300, ../sass/components.scss */
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;
}
/* line 2305, ../sass/components.scss */
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%;
}
/* line 2312, ../sass/components.scss */
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;
}
/* line 2319, ../sass/components.scss */
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;
}
/* line 2325, ../sass/components.scss */
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;
}
/* line 2330, ../sass/components.scss */
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%;
}
/* line 2337, ../sass/components.scss */
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;
}

/* line 2348, ../sass/components.scss */
.bodyPhone .enableArchPhoneStyle x-side-menu .x-side-menu__side-menu {
  width: 100%;
}

/* line 2360, ../sass/components.scss */
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%);
}
/* line 2373, ../sass/components.scss */
x-side-more.open {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  transform: translate(0, 0%);
}

/* line 2387, ../sass/components.scss */
x-side-more-item {
  color: #333333;
  padding: 1.1em;
  font-size: 0.15em;
  position: relative;
  display: block;
}
/* line 2394, ../sass/components.scss */
x-side-more-item[icon] {
  padding-left: 4.8em;
}
/* line 2399, ../sass/components.scss */
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;
}
/* line 2408, ../sass/components.scss */
x-side-more-item .x-side-more-item__icon svg path {
  fill: #333333;
}
/* line 2414, ../sass/components.scss */
x-side-more-item .x-side-more-item__divider {
  position: absolute;
  bottom: 0;
  left: 0.5em;
  right: 0.5em;
  height: 1px;
  background: #333333;
}
/* line 2424, ../sass/components.scss */
x-side-more-item > .i18n {
  display: inline;
}

/* line 2443, ../sass/components.scss */
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 ;
}
/* line 2454, ../sass/components.scss */
x-panel-menu.off-left {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* line 2457, ../sass/components.scss */
x-panel-menu.off-right {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}
/* line 2461, ../sass/components.scss */
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;
}
/* line 2470, ../sass/components.scss */
x-panel-menu > .menu-content {
  position: relative;
  width: 100%;
  height: calc(100% - 0.4em);
}
/* line 2478, ../sass/components.scss */
x-panel-menu[data-panel="0"] .x-panel-menu__back-button {
  display: none;
}

/* line 2494, ../sass/components.scss */
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;
}
/* line 2504, ../sass/components.scss */
x-menu[allow] {
  display: none;
}
/* line 2507, ../sass/components.scss */
x-menu[allow].on, x-menu[allow].temp_on {
  display: block;
}
/* line 2513, ../sass/components.scss */
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;
}
/* line 2521, ../sass/components.scss */
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+ */
}
/* line 2526, ../sass/components.scss */
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+ */
}
/* line 2533, ../sass/components.scss */
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;
}
/* line 2542, ../sass/components.scss */
x-menu .x-menu__scrolling-container .x-menu__inner-container > .content {
  position: relative;
  width: calc(100% - 0.2em);
  height: auto;
}

/* line 2563, ../sass/components.scss */
x-menu-item {
  display: block;
  position: relative;
  width: 100%;
  height: 0.45em;
  margin-bottom: 1px;
  font-size: 1em;
}
/* line 2573, ../sass/components.scss */
x-menu-item[icon] > .content .x-menu-item__item-icon {
  display: block;
}
/* line 2581, ../sass/components.scss */
x-menu-item[label] > .content .x-menu-item__item-label {
  display: block;
}
/* line 2589, ../sass/components.scss */
x-menu-item[choose] > .content .x-menu-item__arrow-icon {
  display: block;
}
/* line 2595, ../sass/components.scss */
x-menu-item[allow] {
  display: none;
}
/* line 2598, ../sass/components.scss */
x-menu-item[allow].on, x-menu-item[allow].temp_on {
  display: block;
}
/* line 2604, ../sass/components.scss */
x-menu-item.x-panel-menu__back-button {
  height: 0.4em;
}
/* line 2608, ../sass/components.scss */
x-menu-item.x-panel-menu__back-button > .content .x-menu-item__item-icon {
  width: 0.085em;
  height: 0.14em;
}
/* line 2614, ../sass/components.scss */
x-menu-item.x-panel-menu__back-button:after {
  top: calc(100% - 1px);
}
/* line 2619, ../sass/components.scss */
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;
}
/* line 2632, ../sass/components.scss */
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;
}
/* line 2640, ../sass/components.scss */
x-menu-item > .content .x-menu-item__item-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2647, ../sass/components.scss */
x-menu-item > .content .x-menu-item__item-icon svg path {
  fill: #FFFFFF;
}
/* line 2653, ../sass/components.scss */
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;
}
/* line 2658, ../sass/components.scss */
x-menu-item > .content .x-menu-item__item-label > .i18n {
  font-size: 0.1em;
  font-family: AppFontBold;
  color: #FFFFFF;
}
/* line 2665, ../sass/components.scss */
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;
}
/* line 2673, ../sass/components.scss */
x-menu-item > .content .x-menu-item__arrow-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2680, ../sass/components.scss */
x-menu-item > .content .x-menu-item__arrow-icon svg path {
  fill: #FFFFFF;
}
/* line 2688, ../sass/components.scss */
x-menu-item:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #525252;
}

/* line 2716, ../sass/components.scss */
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;
}
/* line 2726, ../sass/components.scss */
x-carousel[no-dots] .x-carousel__dots-outer-container {
  display: none;
}
/* line 2732, ../sass/components.scss */
x-carousel[swap-dots] .x-carousel__top-section {
  -webkit-order: 2;
  order: 2;
}
/* line 2736, ../sass/components.scss */
x-carousel[swap-dots] .x-carousel__dots-outer-container {
  -webkit-order: 1;
  order: 1;
}
/* line 2742, ../sass/components.scss */
x-carousel[vertical] {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
/* line 2744, ../sass/components.scss */
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;
}
/* line 2749, ../sass/components.scss */
x-carousel[vertical] .x-carousel__top-section .x-carousel__arrow {
  width: 100%;
  height: 0.6em;
}
/* line 2754, ../sass/components.scss */
x-carousel[vertical] .x-carousel__top-section .x-carousel__carousel-content {
  width: 100%;
  height: auto;
}
/* line 2761, ../sass/components.scss */
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%);
}
/* line 2764, ../sass/components.scss */
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%);
}
/* line 2772, ../sass/components.scss */
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%);
}
/* line 2775, ../sass/components.scss */
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%);
}
/* line 2784, ../sass/components.scss */
x-carousel[vertical] .x-carousel__dots-outer-container {
  width: 0.5em;
  height: 100%;
  -webkit-order: 1;
  order: 1;
}
/* line 2790, ../sass/components.scss */
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;
}
/* line 2793, ../sass/components.scss */
x-carousel[vertical] .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot {
  margin-right: 0;
  margin-bottom: 0.1em;
}
/* line 2797, ../sass/components.scss */
x-carousel[vertical] .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:last-child {
  margin-bottom: 0;
}
/* line 2805, ../sass/components.scss */
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;
}
/* line 2818, ../sass/components.scss */
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;
}
/* line 2826, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow.hidden {
  pointer-events: none;
}
/* line 2829, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow.hidden .x-carousel__arrow-icon {
  display: none;
}
/* line 2834, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon {
  position: relative;
  width: 0.2em;
  height: 0.3em;
}
/* line 2839, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2846, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon svg path {
  fill: #333333;
}
/* line 2853, ../sass/components.scss */
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;
}
/* line 2866, ../sass/components.scss */
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%);
}
/* line 2869, ../sass/components.scss */
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%);
}
/* line 2877, ../sass/components.scss */
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%);
}
/* line 2880, ../sass/components.scss */
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%);
}
/* line 2889, ../sass/components.scss */
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;
}
/* line 2897, ../sass/components.scss */
x-carousel .x-carousel__dots-outer-container.hidden {
  display: none;
}
/* line 2901, ../sass/components.scss */
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;
}
/* line 2906, ../sass/components.scss */
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;
}
/* line 2914, ../sass/components.scss */
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot.view-show:after {
  opacity: 1;
}
/* line 2919, ../sass/components.scss */
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%;
}
/* line 2931, ../sass/components.scss */
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;
}
/* line 2944, ../sass/components.scss */
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:last-child {
  margin-right: 0;
}

/* line 2963, ../sass/components.scss */
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;
}
/* line 2972, ../sass/components.scss */
x-share-menu.active {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
/* line 2976, ../sass/components.scss */
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;
}
/* line 2983, ../sass/components.scss */
x-share-menu .title-bar .title-icon {
  padding: 0.1em;
  width: 0.5em;
  height: 100%;
  box-sizing: border-box;
}
/* line 2991, ../sass/components.scss */
x-share-menu .title-bar .title-icon svg {
  width: 0.28em;
  height: 0.34em;
  position: absolute;
}
/* line 2996, ../sass/components.scss */
x-share-menu .title-bar .title-icon svg path {
  stroke: #4cd964;
}
/* line 2999, ../sass/components.scss */
x-share-menu .title-bar .title-icon svg rect {
  fill: #4cd964;
}
/* line 3004, ../sass/components.scss */
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;
}
/* line 3008, ../sass/components.scss */
x-share-menu .title-bar .title .i18n {
  font-size: 0.15em;
}
/* line 3012, ../sass/components.scss */
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;
}
/* line 3020, ../sass/components.scss */
x-share-menu .title-bar .title-close svg {
  position: relative;
  width: 0.2em;
  height: 0.3em;
}
/* line 3025, ../sass/components.scss */
x-share-menu .title-bar .title-close svg path {
  fill: #FFFFFF;
}
/* line 3031, ../sass/components.scss */
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;
}
/* line 3042, ../sass/components.scss */
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;
}
/* line 3051, ../sass/components.scss */
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;
}
/* line 3062, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-text .share-item-title .i18n {
  font-size: 0.15em;
}
/* line 3066, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-text .share-item-input {
  font-size: 0.5em;
  border: none;
  height: 0.5em;
}
/* line 3071, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-text .share-item-input input {
  font-size: 0.2em;
  position: absolute;
  border: none;
  background: transparent;
}
/* line 3080, ../sass/components.scss */
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;
}
/* line 3088, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button .button-icon {
  height: 40%;
  margin-bottom: 10%;
  width: 70%;
  left: 15%;
  position: relative;
}
/* line 3096, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button .button-label {
  height: 50%;
}
/* line 3098, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button .button-label .i18n {
  font-size: 0.08em;
}
/* line 3103, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button.include .button-icon {
  background: #333333;
  text-align: center;
}
/* line 3108, ../sass/components.scss */
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%;
}
/* line 3120, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button.remove svg {
  position: absolute;
  width: 0.2em;
  height: 0.2em;
  left: 0.05em;
}
/* line 3127, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button.remove svg path {
  fill: #333333;
}
/* line 3135, ../sass/components.scss */
x-share-menu .list-window .list-item.whole-app .share-item-title .i18n {
  font-size: 0.18em;
}
/* line 3145, ../sass/components.scss */
x-share-menu .list-window .share-section {
  position: relative;
  width: 100%;
}
/* line 3149, ../sass/components.scss */
x-share-menu .list-window .share-section .section-title {
  padding-left: 0.2em;
  margin-bottom: -0.05em;
  margin-top: 0.1em;
}
/* line 3154, ../sass/components.scss */
x-share-menu .list-window .share-section .section-title .i18n {
  font-size: 0.18em;
}
/* line 3161, ../sass/components.scss */
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;
}
/* line 3174, ../sass/components.scss */
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;
}
/* line 3178, ../sass/components.scss */
x-share-menu .share-button .share-label .i18n {
  font-size: 0.15em;
}
/* line 3182, ../sass/components.scss */
x-share-menu .share-button .share-items-icon {
  width: 0.6em;
  height: 0.5em;
  position: relative;
}
/* line 3187, ../sass/components.scss */
x-share-menu .share-button .share-items-icon svg {
  position: absolute;
  height: 0.3em;
  width: 0.6em;
  top: 0.1em;
}
/* line 3193, ../sass/components.scss */
x-share-menu .share-button .share-items-icon svg path {
  fill: #333333;
}

/* line 3213, ../sass/components.scss */
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;
}
/* line 3223, ../sass/components.scss */
x-share-badge[data-count="0"] {
  display: none;
}
/* line 3227, ../sass/components.scss */
x-share-badge::after {
  font-size: 0.13em;
  content: attr(data-count);
  position: absolute;
  line-height: 1.5em;
  width: 1.5em;
  text-align: center;
}

/* line 3249, ../sass/components.scss */
x-share-cart {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
/* line 3256, ../sass/components.scss */
x-share-cart .share_cart_container {
  position: absolute;
  left: calc(100vw - 5em);
  bottom: calc(-100vh + 0.7em);
  width: 5em;
  overflow: hidden;
  pointer-events: none;
}
/* line 3264, ../sass/components.scss */
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%);
}
/* line 3272, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart.show {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  z-index: 999999999;
  pointer-events: auto;
}
/* line 3278, ../sass/components.scss */
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;
}
/* line 3287, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .top_bar .list_icon {
  position: relative;
  width: 0.46em;
  height: 0.27em;
}
/* line 3293, ../sass/components.scss */
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;
}
/* line 3299, ../sass/components.scss */
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;
}
/* line 3304, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .top_bar .share_cart_title > .i18n {
  font-size: 0.16em;
  font-family: AppFontBold;
}
/* line 3310, ../sass/components.scss */
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;
}
/* line 3316, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .top_bar .close_button .close_button_icon {
  position: relative;
  width: 0.24em;
  height: 0.24em;
}
/* line 3321, ../sass/components.scss */
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%;
}
/* line 3324, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .top_bar .close_button .close_button_icon svg path {
  fill: white !important;
}
/* line 3332, ../sass/components.scss */
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;
}
/* line 3342, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .inner_scrollable {
  position: relative;
  width: 100%;
}
/* line 3346, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .inner_scrollable .x-gradient {
  display: none;
}
/* line 3350, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .inner_scrollable .scroll-container {
  position: relative;
  max-height: 7em;
}
/* line 3356, ../sass/components.scss */
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;
}
/* line 3364, ../sass/components.scss */
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;
}
/* line 3374, ../sass/components.scss */
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;
}
/* line 3382, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="whole_app"] {
  padding-bottom: 0.1em;
}
/* line 3385, ../sass/components.scss */
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;
}
/* line 3390, ../sass/components.scss */
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;
}
/* line 3397, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id="all_added_items"].inactive {
  display: none;
}
/* line 3401, ../sass/components.scss */
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;
}
/* line 3409, ../sass/components.scss */
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);
}
/* line 3416, ../sass/components.scss */
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;
}
/* line 3422, ../sass/components.scss */
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;
}
/* line 3426, ../sass/components.scss */
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;
}
/* line 3432, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry:last-child {
  margin-bottom: 0;
}
/* line 3436, ../sass/components.scss */
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;
}
/* line 3448, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_left_side:last-child {
  margin-right: 0;
}
/* line 3452, ../sass/components.scss */
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;
}
/* line 3459, ../sass/components.scss */
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;
}
/* line 3468, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area:last-child {
  margin-right: 0;
}
/* line 3472, ../sass/components.scss */
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;
}
/* line 3480, ../sass/components.scss */
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;
}
/* line 3485, ../sass/components.scss */
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);
}
/* line 3492, ../sass/components.scss */
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;
}
/* line 3498, ../sass/components.scss */
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;
}
/* line 3502, ../sass/components.scss */
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;
}
/* line 3507, ../sass/components.scss */
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%;
}
/* line 3510, ../sass/components.scss */
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;
}
/* line 3518, ../sass/components.scss */
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;
}
/* line 3524, ../sass/components.scss */
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;
}
/* line 3530, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .separator {
  position: absolute;
}
/* line 3533, ../sass/components.scss */
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;
}
/* line 3542, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .share_all_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;
}
/* line 3551, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button.inactive {
  pointer-events: none;
  opacity: 0.4;
}
/* line 3556, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_text {
  position: relative;
  color: #4cd964;
  margin-right: 0.15em;
}
/* line 3561, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_text > .i18n {
  font-size: 0.14em;
}
/* line 3566, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon {
  position: relative;
  width: 0.36em;
  height: 0.36em;
  margin-right: 0.15em;
}
/* line 3572, ../sass/components.scss */
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 3575, ../sass/components.scss */
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 {
  fill: #4cd964 !important;
}

/* line 3598, ../sass/components.scss */
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;
}
/* line 3609, ../sass/components.scss */
x-share-cart-badge .share_cart_badge_num {
  position: relative;
  font-size: 0.15em;
  line-height: 0.9;
  color: #14171c;
  font-family: AppFont;
}

/* line 3629, ../sass/components.scss */
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;
}
/* line 3641, ../sass/components.scss */
x-share-item-badge svg {
  padding: 0.02em;
  box-sizing: border-box;
}

/* line 3649, ../sass/components.scss */
[data-share-badge-id].active x-share-item-badge {
  display: block;
}

/* line 3668, ../sass/components.scss */
x-scrollable.no-scroll .x-scrollable__scroll-container {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
/* line 3673, ../sass/components.scss */
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;
}
/* line 3682, ../sass/components.scss */
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;
}
/* line 3689, ../sass/components.scss */
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;
}
/* line 3700, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content {
  position: relative;
  width: 100%;
}
/* line 3704, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0.15em;
}
/* line 3712, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content:after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0.15em;
}
/* line 3720, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content > *:first-child {
  margin-top: 0 !important;
}
/* line 3723, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content > *:last-child {
  margin-bottom: 0 !important;
}

/* line 3738, ../sass/components.scss */
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;
}
/* line 3752, ../sass/components.scss */
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;
}
/* line 3758, ../sass/components.scss */
x-navbar .x-navbar__section[position="left"] {
  -webkit-order: 1;
  order: 1;
}
/* line 3762, ../sass/components.scss */
x-navbar .x-navbar__section[position="left"] x-navbar-button .x-navbar-button__touchable-container {
  border-left: none;
}
/* line 3767, ../sass/components.scss */
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;
}
/* line 3775, ../sass/components.scss */
x-navbar .x-navbar__section[position="right"] {
  -webkit-order: 2;
  order: 2;
}

/* line 3790, ../sass/components.scss */
x-navbar-button {
  position: relative;
  height: 100%;
}
/* line 3794, ../sass/components.scss */
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);
}
/* line 3800, ../sass/components.scss */
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;
}
/* line 3808, ../sass/components.scss */
x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content > * {
  margin-right: 0.1em;
}
/* line 3811, ../sass/components.scss */
x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content > *:last-child {
  margin-right: 0;
}
/* line 3816, ../sass/components.scss */
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;
}
/* line 3821, ../sass/components.scss */
x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__icon-container.icon-disabled {
  display: none;
}
/* line 3825, ../sass/components.scss */
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;
}
/* line 3833, ../sass/components.scss */
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%;
}
/* line 3840, ../sass/components.scss */
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;
}
/* line 3847, ../sass/components.scss */
x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__text {
  position: relative;
}
/* line 3850, ../sass/components.scss */
x-navbar-button .x-navbar-button__touchable-container .x-navbar-button__content .x-navbar-button__text > .i18n {
  font-size: 0.2em;
}

/*# sourceMappingURL=components.css.map */