@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 208, ../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 219, ../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 226, ../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 236, ../sass/components.scss */
.x-scrollable.no-scroll .x-gradient {
  display: none;
}
/* line 242, ../sass/components.scss */
.x-scrollable[data-scroll-end="at-top"] .x-gradient.top {
  opacity: 0;
}
/* line 247, ../sass/components.scss */
.x-scrollable[data-scroll-end="at-bottom"] .x-gradient.bottom {
  opacity: 0;
}
/* line 253, ../sass/components.scss */
.x-scrollable .scroll-container .scroll-content {
  will-change: transform;
}

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

/* line 273, ../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 285, ../sass/components.scss */
x-card.show .x-card__card {
  pointer-events: auto;
}
/* line 290, ../sass/components.scss */
x-card.show[darken-bg] .x-card__darken-layer {
  pointer-events: auto;
}
/* line 296, ../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 299, ../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 302, ../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 305, ../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 309, ../sass/components.scss */
x-card[size="small"] .x-card__card {
  width: 5em;
  height: 3.5em;
}
/* line 314, ../sass/components.scss */
x-card[size="large"] .x-card__card {
  width: 9em;
  height: 6.3em;
}
/* line 319, ../sass/components.scss */
x-card[full-width] .x-card__card {
  width: 100%;
  max-width: 100%;
}
/* line 324, ../sass/components.scss */
x-card[full-height] .x-card__card {
  height: 100%;
  max-height: 100%;
}
/* line 329, ../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 340, ../sass/components.scss */
x-card[darken-bg] .x-card__darken-layer {
  display: block;
}
/* line 348, ../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 358, ../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 366, ../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 373, ../sass/components.scss */
x-card[tabs-anchor="top"] .x-card__card .x-card__inner-container .x-card__tab-bar {
  background-color: #4cd964;
}
/* line 377, ../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 380, ../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 388, ../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 391, ../sass/components.scss */
x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar {
  height: 0.8em;
}
/* line 402, ../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 405, ../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 413, ../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 416, ../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 423, ../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 426, ../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 441, ../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 444, ../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 452, ../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 455, ../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 462, ../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 467, ../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 473, ../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 477, ../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 488, ../sass/components.scss */
x-card[slim-tabs] .x-card__card .x-card__tab-bar {
  width: 0.75em;
}
/* line 491, ../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 495, ../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 499, ../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 510, ../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 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 .x-card__share-button-label {
  margin-top: 0;
  margin-left: 0.13em;
}
/* line 520, ../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 528, ../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 535, ../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 544, ../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 549, ../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 557, ../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: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 569, ../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 575, ../sass/components.scss */
x-card .x-card__card .x-card__header-bar .x-card__header > .i18n {
  font-size: 0.2em;
}
/* line 580, ../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 588, ../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 594, ../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 599, ../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 606, ../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 612, ../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 620, ../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 626, ../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 634, ../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 640, ../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 645, ../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 652, ../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 658, ../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 665, ../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 673, ../sass/components.scss */
x-card .x-card__card .x-card__inner-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;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
/* line 681, ../sass/components.scss */
x-card .x-card__card .x-card__inner-container > .content {
  position: relative;
  -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 692, ../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 700, ../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 709, ../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 712, ../sass/components.scss */
x-card .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
  color: #4cd964;
}
/* line 717, ../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 722, ../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 729, ../sass/components.scss */
x-card .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon svg path {
  fill: #FFFFFF;
}
/* line 735, ../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 742, ../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 751, ../sass/components.scss */
.bodyPhone x-card {
  z-index: 250;
}
/* line 755, ../sass/components.scss */
.bodyPhone x-card[tabs] .x-card__card .x-card__inner-container > .content {
  margin-top: 0.4em;
}
/* line 767, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card, .bodyPhone x-card[tabs-anchor="top"] .x-card__card, .bodyPhone x-card[tabs-anchor="left"] .x-card__card, .bodyPhone x-card[tabs-anchor="right"] .x-card__card, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card, .bodyPhone x-card:not([tabs-anchor]) .x-card__card {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
/* line 775, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
.bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
.bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
.bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
.bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider, .bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button,
.bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider {
  display: none;
}
/* line 781, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar, .bodyPhone 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 789, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open, .bodyPhone 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 793, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab, .bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab {
  display: flex;
  border-bottom: 1px solid white;
}
/* line 797, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab:last-child, .bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab:last-child {
  border-bottom: none;
}
/* line 801, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab::after, .bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar.open .x-card__tab::after {
  display: none;
}
/* line 804, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab:first-child::after, .bodyPhone 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 812, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar.open .x-card__tab.view-show:first-child::after, .bodyPhone 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 819, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab, .bodyPhone 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 831, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-icon, .bodyPhone 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 836, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label, .bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab .x-card__tab-label {
  margin: 0;
}
/* line 840, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab.view-show, .bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab.view-show {
  display: flex;
}
/* line 843, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label, .bodyPhone x-card:not([tabs-anchor]) .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
  color: #4cd964;
}
/* line 846, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path, .bodyPhone 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 852, ../sass/components.scss */
.bodyPhone x-card[tabs-anchor] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone x-card[tabs-anchor="top"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone x-card[tabs-anchor="left"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone x-card[tabs-anchor="right"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone x-card[tabs-anchor="bottom"] .x-card__card .x-card__tab-bar .x-card__tab::after, .bodyPhone 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 878, ../sass/components.scss */
x-panel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1em;
}

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

/* line 900, ../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 912, ../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 923, ../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 928, ../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 941, ../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 945, ../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 953, ../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 961, ../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 964, ../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 975, ../sass/components.scss */
.bodyPhone x-text-box {
  height: auto;
}
/* line 978, ../sass/components.scss */
.bodyPhone x-text-box .x-text-box__outer-container {
  height: auto;
}
/* line 981, ../sass/components.scss */
.bodyPhone x-text-box .x-text-box__outer-container .x-text-box__text-container {
  height: auto;
}
/* line 984, ../sass/components.scss */
.bodyPhone x-text-box .x-text-box__outer-container .x-gradient {
  display: none;
}

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

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

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

/* line 1074, ../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 1086, ../sass/components.scss */
x-image-panel[reverse-order] .x-image-panel__image-container {
  -webkit-order: 2;
  order: 2;
}
/* line 1090, ../sass/components.scss */
x-image-panel[reverse-order] .x-image-panel__text-container {
  -webkit-order: 1;
  order: 1;
}
/* line 1097, ../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 1100, ../sass/components.scss */
x-image-panel[banner] .x-image-panel__text-container {
  -webkit-flex-grow: 2;
  flex-grow: 2;
}
/* line 1106, ../sass/components.scss */
x-image-panel[vertical] {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* line 1109, ../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 1120, ../sass/components.scss */
x-image-panel[image-padding] .x-image-panel__image-container .x-image-panel__image-inner-container {
  padding: 0.2em;
}
/* line 1126, ../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 1136, ../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 1144, ../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 1157, ../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 1167, ../sass/components.scss */
.bodyPhone x-image-panel {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* line 1171, ../sass/components.scss */
.bodyPhone x-image-panel .x-image-panel__image-container,
.bodyPhone x-image-panel .x-image-panel__text-container {
  width: 100%;
  height: auto;
}

/* line 1186, ../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 1196, ../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 1203, ../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 1212, ../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 1219, ../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 1227, ../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 1247, ../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 1259, ../sass/components.scss */
x-list-item[icon] .x-list-item__item-content .x-list-item__item-icon {
  display: block;
}
/* line 1268, ../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 1278, ../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 1286, ../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 1291, ../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 1303, ../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 1310, ../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 1317, ../sass/components.scss */
x-list-item .x-list-item__item-content .x-list-item__item-icon svg path {
  fill: #333333;
}
/* line 1323, ../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 1331, ../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 1336, ../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 1340, ../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 1345, ../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 1352, ../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 1362, ../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 1367, ../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 1374, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-icon svg path {
  stroke: #333333;
  fill: #333333;
}
/* line 1378, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-icon svg rect {
  fill: #333333;
}
/* line 1384, ../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 1391, ../sass/components.scss */
x-list-item .x-list-item__share-button .x-list-item__share-label > .i18n {
  font-size: 0.08em;
}
/* line 1397, ../sass/components.scss */
x-list-item:last-child {
  margin-bottom: 0;
}

/* line 1420, ../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 1437, ../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 1453, ../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 1464, ../sass/components.scss */
x-nav-menu[hide-title] > .content {
  left: 0em;
}
/* line 1468, ../sass/components.scss */
x-nav-menu .x-nav-menu__first-section {
  position: relative;
  width: 3em;
  -webkit-order: 1;
  order: 1;
}
/* line 1474, ../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 1483, ../sass/components.scss */
x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 1488, ../sass/components.scss */
x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg path {
  fill: #FFFFFF;
}
/* line 1494, ../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 1510, ../sass/components.scss */
x-nav-menu[hamburger-pos="right"] .x-nav-menu__first-section {
  -webkit-order: 4;
  order: 4;
}
/* line 1516, ../sass/components.scss */
x-nav-menu[position="top"] {
  bottom: auto;
  top: 0;
}
/* line 1520, ../sass/components.scss */
x-nav-menu[position="top"] x-nav-flyout {
  bottom: auto;
  top: 100%;
}
/* line 1524, ../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 1527, ../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 1533, ../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 1539, ../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 1544, ../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 1554, ../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 1558, ../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 1566, ../sass/components.scss */
x-nav-menu[show-selected] x-nav-button:not([chosen=""]) .default-label {
  display: none;
}
/* line 1569, ../sass/components.scss */
x-nav-menu[show-selected] x-nav-button:not([chosen=""]) .selected-label {
  display: -webkit-flex;
  display: flex;
}
/* line 1575, ../sass/components.scss */
x-nav-menu[flex] x-nav-button {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

/* line 1582, ../sass/components.scss */
.bodyPhone x-nav-menu {
  height: 0.6em;
}
/* line 1586, ../sass/components.scss */
.bodyPhone 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 1598, ../sass/components.scss */
.bodyPhone x-nav-menu .x-nav-menu__right-anchors {
  display: none;
}
/* line 1602, ../sass/components.scss */
.bodyPhone x-nav-menu .x-nav-menu__first-section {
  width: 100%;
  z-index: 10;
  background: #333333;
}
/* line 1607, ../sass/components.scss */
.bodyPhone 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 1615, ../sass/components.scss */
.bodyPhone x-nav-menu .x-nav-menu__first-section .x-nav-menu__hamburger svg {
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
}
/* line 1622, ../sass/components.scss */
.bodyPhone 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 1626, ../sass/components.scss */
.bodyPhone 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 1644, ../sass/components.scss */
.bodyPhone x-nav-menu.open > .content {
  -webkit-transform: translate(0%);
  -moz-transform: translate(0%);
  transform: translate(0%);
}
/* line 1648, ../sass/components.scss */
.bodyPhone x-nav-menu.open .x-nav-menu__hamburger {
  -webkit-transform: translate(-100%);
  -moz-transform: translate(-100%);
  transform: translate(-100%);
}
/* line 1651, ../sass/components.scss */
.bodyPhone x-nav-menu.open .x-nav-menu__current {
  -webkit-transform: translate(-0.6em);
  -moz-transform: translate(-0.6em);
  transform: translate(-0.6em);
}
/* line 1655, ../sass/components.scss */
.bodyPhone x-nav-menu.open::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  height: 100vh;
  width: 100%;
  background-color: black;
  opacity: 0.2;
}
/* line 1667, ../sass/components.scss */
.bodyPhone 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 1692, ../sass/components.scss */
x-nav-title > .i18n {
  font-size: 0.2em;
}

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

/* line 1712, ../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 1723, ../sass/components.scss */
x-nav-button:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
/* line 1727, ../sass/components.scss */
x-nav-button > .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1735, ../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 1745, ../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 1764, ../sass/components.scss */
x-nav-button .x-nav-button__label > .i18n {
  font-size: 0.2em;
}
/* line 1768, ../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 1780, ../sass/components.scss */
x-nav-button .x-nav-button__label::before {
  display: none;
}
/* line 1784, ../sass/components.scss */
x-nav-button .x-nav-button__icon ~ .x-nav-button__label {
  padding-left: 1em;
}
/* line 1788, ../sass/components.scss */
x-nav-button .x-nav-button__label-body {
  display: block;
}
/* line 1791, ../sass/components.scss */
x-nav-button .x-nav-button__icon {
  position: absolute;
  left: 0.1em;
  top: 0.2em;
  height: 50%;
  width: 0.8em;
}
/* line 1799, ../sass/components.scss */
x-nav-button .x-nav-button__prompt {
  display: block;
  font-size: 0.6em;
}
/* line 1803, ../sass/components.scss */
x-nav-button .x-nav-button__prompt > .i18n {
  font-size: 0.25em;
}
/* line 1807, ../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 1820, ../sass/components.scss */
x-nav-button:not([allow]), x-nav-button.on {
  display: block;
}
/* line 1827, ../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 1834, ../sass/components.scss */
x-nav-button .selected-label {
  display: none;
}
/* line 1837, ../sass/components.scss */
x-nav-button[show-selected]:not([chosen=""]) .default-label {
  display: none;
}
/* line 1840, ../sass/components.scss */
x-nav-button[show-selected]:not([chosen=""]) .selected-label {
  display: -webkit-flex;
  display: flex;
}
/* line 1846, ../sass/components.scss */
x-nav-button.selected {
  color: #4cd964;
}
/* line 1849, ../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 1852, ../sass/components.scss */
x-nav-button.selected .x-nav-button__icon path {
  fill: #4cd964;
}
/* line 1857, ../sass/components.scss */
x-nav-button[thin] {
  max-width: 0.8em;
}
/* line 1860, ../sass/components.scss */
x-nav-button[thin] .x-nav-button__icon {
  left: 0.2em;
  width: 50%;
  height: 50%;
  top: 0.2em;
}
/* line 1867, ../sass/components.scss */
x-nav-button[thin] x-nav-flyout {
  min-width: 3em;
}
/* line 1873, ../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 1884, ../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 1891, ../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 1898, ../sass/components.scss */
x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container > .content > x-nav-option {
  flex-grow: 1;
}
/* line 1901, ../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 1911, ../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 1916, ../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 1921, ../sass/components.scss */
x-nav-button[data-view]:not(.show) {
  display: none;
}

/* line 1928, ../sass/components.scss */
.bodyPhone x-nav-button {
  margin-bottom: 1px;
}
/* line 1932, ../sass/components.scss */
.bodyPhone x-nav-button .x-nav-button__selected-line {
  display: none;
}
/* line 1935, ../sass/components.scss */
.bodyPhone x-nav-button .x-nav-button__label {
  height: 0.5em;
  background: #697881;
  margin-bottom: 1px;
}
/* line 1940, ../sass/components.scss */
.bodyPhone x-nav-button .x-nav-button__label::after {
  display: none;
}
/* line 1945, ../sass/components.scss */
.bodyPhone x-nav-button .x-nav-button__arrow {
  border: none;
  opacity: 1;
  font-size: 0.25em;
  right: 0.5em;
  top: 0.25em;
}
/* line 1952, ../sass/components.scss */
.bodyPhone x-nav-button .x-nav-button__arrow::after {
  content: "+";
  color: white;
}
/* line 1958, ../sass/components.scss */
.bodyPhone x-nav-button.open .x-nav-button__label {
  background-color: #879BAA;
}
/* line 1961, ../sass/components.scss */
.bodyPhone x-nav-button.open .x-nav-button__arrow::after {
  content: "-";
}

/* line 1977, ../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 1990, ../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 1999, ../sass/components.scss */
x-nav-flyout.open {
  pointer-events: auto;
}
/* line 2002, ../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 2007, ../sass/components.scss */
x-nav-flyout .content + x-nav-option {
  border-top: none;
}

/* line 2013, ../sass/components.scss */
.bodyPhone x-nav-flyout {
  bottom: auto;
  position: relative;
  display: none;
}
/* line 2018, ../sass/components.scss */
.bodyPhone x-nav-flyout.open {
  display: block;
}
/* line 2022, ../sass/components.scss */
.bodyPhone 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 2037, ../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 2050, ../sass/components.scss */
x-nav-option > .i18n {
  font-size: 0.15em;
}
/* line 2054, ../sass/components.scss */
x-nav-option.highlight {
  background: #4cd964;
}
/* line 2058, ../sass/components.scss */
x-nav-option:first-child {
  border-top: none;
}
/* line 2063, ../sass/components.scss */
x-nav-option:not([allow]), x-nav-option.on {
  display: block;
}

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

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

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

/* line 2129, ../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 2138, ../sass/components.scss */
x-side-menu:not(.draw) {
  display: none !important;
}
/* line 2142, ../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 2145, ../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 2148, ../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 2151, ../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 2155, ../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 2158, ../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 2164, ../sass/components.scss */
x-side-menu.show .x-side-menu__side-menu {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
/* line 2168, ../sass/components.scss */
x-side-menu.show .x-side-menu__darken-bg {
  opacity: 1;
  pointer-events: auto;
}
/* line 2174, ../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 2187, ../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 2199, ../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 2206, ../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 2215, ../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 2221, ../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 2229, ../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 2240, ../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 2247, ../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 2252, ../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 2259, ../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 2266, ../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 2273, ../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 2280, ../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 2288, ../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 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 .x-side-menu__more-info-icon {
  position: relative;
  width: 0.045em;
  height: 0.185em;
}
/* line 2299, ../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 2306, ../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 2313, ../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 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 .x-side-menu__home-button-icon {
  position: relative;
  width: 0.19em;
  height: 0.19em;
}
/* line 2324, ../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 2331, ../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 2342, ../sass/components.scss */
.bodyPhone x-side-menu .x-side-menu__side-menu {
  width: 100%;
}

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

/* line 2381, ../sass/components.scss */
x-side-more-item {
  color: #333333;
  padding: 1.1em;
  font-size: 0.15em;
  position: relative;
  display: block;
}
/* line 2388, ../sass/components.scss */
x-side-more-item[icon] {
  padding-left: 4.8em;
}
/* line 2393, ../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 2402, ../sass/components.scss */
x-side-more-item .x-side-more-item__icon svg path {
  fill: #333333;
}
/* line 2408, ../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 2418, ../sass/components.scss */
x-side-more-item > .i18n {
  display: inline;
}

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

/* line 2488, ../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 2498, ../sass/components.scss */
x-menu[allow] {
  display: none;
}
/* line 2501, ../sass/components.scss */
x-menu[allow].on, x-menu[allow].temp_on {
  display: block;
}
/* line 2507, ../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 2515, ../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 2520, ../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 2527, ../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 2536, ../sass/components.scss */
x-menu .x-menu__scrolling-container .x-menu__inner-container > .content {
  position: relative;
  width: calc(100% - 0.2em);
  height: auto;
}

/* line 2557, ../sass/components.scss */
x-menu-item {
  display: block;
  position: relative;
  width: 100%;
  height: 0.45em;
  margin-bottom: 1px;
  font-size: 1em;
}
/* line 2567, ../sass/components.scss */
x-menu-item[icon] > .content .x-menu-item__item-icon {
  display: block;
}
/* line 2575, ../sass/components.scss */
x-menu-item[label] > .content .x-menu-item__item-label {
  display: block;
}
/* line 2583, ../sass/components.scss */
x-menu-item[choose] > .content .x-menu-item__arrow-icon {
  display: block;
}
/* line 2589, ../sass/components.scss */
x-menu-item[allow] {
  display: none;
}
/* line 2592, ../sass/components.scss */
x-menu-item[allow].on, x-menu-item[allow].temp_on {
  display: block;
}
/* line 2598, ../sass/components.scss */
x-menu-item.x-panel-menu__back-button {
  height: 0.4em;
}
/* line 2602, ../sass/components.scss */
x-menu-item.x-panel-menu__back-button > .content .x-menu-item__item-icon {
  width: 0.085em;
  height: 0.14em;
}
/* line 2608, ../sass/components.scss */
x-menu-item.x-panel-menu__back-button:after {
  top: calc(100% - 1px);
}
/* line 2613, ../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 2626, ../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 2634, ../sass/components.scss */
x-menu-item > .content .x-menu-item__item-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2641, ../sass/components.scss */
x-menu-item > .content .x-menu-item__item-icon svg path {
  fill: #FFFFFF;
}
/* line 2647, ../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 2652, ../sass/components.scss */
x-menu-item > .content .x-menu-item__item-label > .i18n {
  font-size: 0.1em;
  font-family: AppFontBold;
  color: #FFFFFF;
}
/* line 2659, ../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 2667, ../sass/components.scss */
x-menu-item > .content .x-menu-item__arrow-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 2674, ../sass/components.scss */
x-menu-item > .content .x-menu-item__arrow-icon svg path {
  fill: #FFFFFF;
}
/* line 2682, ../sass/components.scss */
x-menu-item:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #525252;
}

/* line 2710, ../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 2720, ../sass/components.scss */
x-carousel[no-dots] .x-carousel__dots-outer-container {
  display: none;
}
/* line 2726, ../sass/components.scss */
x-carousel[swap-dots] .x-carousel__top-section {
  -webkit-order: 2;
  order: 2;
}
/* line 2730, ../sass/components.scss */
x-carousel[swap-dots] .x-carousel__dots-outer-container {
  -webkit-order: 1;
  order: 1;
}
/* line 2736, ../sass/components.scss */
x-carousel[vertical] {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
/* line 2738, ../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 2743, ../sass/components.scss */
x-carousel[vertical] .x-carousel__top-section .x-carousel__arrow {
  width: 100%;
  height: 0.6em;
}
/* line 2748, ../sass/components.scss */
x-carousel[vertical] .x-carousel__top-section .x-carousel__carousel-content {
  width: 100%;
  height: auto;
}
/* line 2755, ../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 2758, ../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 2766, ../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 2769, ../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 2778, ../sass/components.scss */
x-carousel[vertical] .x-carousel__dots-outer-container {
  width: 0.5em;
  height: 100%;
  -webkit-order: 1;
  order: 1;
}
/* line 2784, ../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 2787, ../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 2791, ../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 2799, ../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 2812, ../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 2820, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow.hidden {
  pointer-events: none;
}
/* line 2823, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow.hidden .x-carousel__arrow-icon {
  display: none;
}
/* line 2828, ../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 2833, ../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 2840, ../sass/components.scss */
x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon svg path {
  fill: #333333;
}
/* line 2847, ../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 2860, ../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 2863, ../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 2871, ../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 2874, ../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 2883, ../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 2891, ../sass/components.scss */
x-carousel .x-carousel__dots-outer-container.hidden {
  display: none;
}
/* line 2895, ../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 2900, ../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 2908, ../sass/components.scss */
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot.view-show:after {
  opacity: 1;
}
/* line 2913, ../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 2925, ../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 2938, ../sass/components.scss */
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:last-child {
  margin-right: 0;
}

/* line 2957, ../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 2966, ../sass/components.scss */
x-share-menu.active {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
/* line 2970, ../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 2977, ../sass/components.scss */
x-share-menu .title-bar .title-icon {
  padding: 0.1em;
  width: 0.5em;
  height: 100%;
  box-sizing: border-box;
}
/* line 2985, ../sass/components.scss */
x-share-menu .title-bar .title-icon svg {
  width: 0.28em;
  height: 0.34em;
  position: absolute;
}
/* line 2990, ../sass/components.scss */
x-share-menu .title-bar .title-icon svg path {
  stroke: #4cd964;
}
/* line 2993, ../sass/components.scss */
x-share-menu .title-bar .title-icon svg rect {
  fill: #4cd964;
}
/* line 2998, ../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 3002, ../sass/components.scss */
x-share-menu .title-bar .title .i18n {
  font-size: 0.15em;
}
/* line 3006, ../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 3014, ../sass/components.scss */
x-share-menu .title-bar .title-close svg {
  position: relative;
  width: 0.2em;
  height: 0.3em;
}
/* line 3019, ../sass/components.scss */
x-share-menu .title-bar .title-close svg path {
  fill: #FFFFFF;
}
/* line 3025, ../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 3036, ../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 3045, ../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 3056, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-text .share-item-title .i18n {
  font-size: 0.15em;
}
/* line 3060, ../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 3065, ../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 3074, ../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 3082, ../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 3090, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button .button-label {
  height: 50%;
}
/* line 3092, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button .button-label .i18n {
  font-size: 0.08em;
}
/* line 3097, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button.include .button-icon {
  background: #333333;
  text-align: center;
}
/* line 3102, ../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 3114, ../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 3121, ../sass/components.scss */
x-share-menu .list-window .list-item .share-item-button.remove svg path {
  fill: #333333;
}
/* line 3129, ../sass/components.scss */
x-share-menu .list-window .list-item.whole-app .share-item-title .i18n {
  font-size: 0.18em;
}
/* line 3139, ../sass/components.scss */
x-share-menu .list-window .share-section {
  position: relative;
  width: 100%;
}
/* line 3143, ../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 3148, ../sass/components.scss */
x-share-menu .list-window .share-section .section-title .i18n {
  font-size: 0.18em;
}
/* line 3155, ../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 3168, ../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 3172, ../sass/components.scss */
x-share-menu .share-button .share-label .i18n {
  font-size: 0.15em;
}
/* line 3176, ../sass/components.scss */
x-share-menu .share-button .share-items-icon {
  width: 0.6em;
  height: 0.5em;
  position: relative;
}
/* line 3181, ../sass/components.scss */
x-share-menu .share-button .share-items-icon svg {
  position: absolute;
  height: 0.3em;
  width: 0.6em;
  top: 0.1em;
}
/* line 3187, ../sass/components.scss */
x-share-menu .share-button .share-items-icon svg path {
  fill: #333333;
}

/* line 3207, ../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 3217, ../sass/components.scss */
x-share-badge[data-count="0"] {
  display: none;
}
/* line 3221, ../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 3244, ../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 3249, ../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 3258, ../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 3265, ../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 3276, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content {
  position: relative;
  width: 100%;
}
/* line 3280, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0.15em;
}
/* line 3288, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content:after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0.15em;
}
/* line 3296, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content > *:first-child {
  margin-top: 0 !important;
}
/* line 3299, ../sass/components.scss */
x-scrollable .x-scrollable__scroll-container .x-scrollable__content > *:last-child {
  margin-bottom: 0 !important;
}

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