fpm-tabs, fpm-tabs-wrapper,
fpm-pre-button, fpm-next-button,
fpm-tabs-canvas, fpm-pagination-wrapper, fpm-tabs-content-wrapper,
fpm-tab-item, fpm-tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block; }

fpm-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  overflow: hidden; }

fpm-tabs-wrapper {
  position: relative; }
  fpm-tabs-wrapper fpm-tabs-canvas:after, fpm-tabs-wrapper fpm-pagination-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  fpm-tabs-wrapper fpm-tabs-canvas {
    position: relative;
    overflow: hidden; }
    fpm-tabs-wrapper fpm-tabs-canvas.fpm-paginated {
      margin: 0 32px; }
  fpm-tabs-wrapper fpm-pagination-wrapper {
    position: relative;
    width: 999999px;
    left: 0;
    top: 0;
    border-bottom: 1px solid #38bce8;
    -webkit-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    -moz-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    -ms-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    -o-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1); }
    fpm-tabs-wrapper fpm-pagination-wrapper fpm-tab-item {
      float: left;
      font-size: 14px;
      height: 31px;
      padding: 0 15px;
      line-height: 31px;
      white-space: nowrap;
      cursor: pointer;
      outline: 0; }
      fpm-tabs-wrapper fpm-pagination-wrapper fpm-tab-item.fpm-active {
        color: #ffffff;
        background-color: #38bce8; }
      fpm-tabs-wrapper fpm-pagination-wrapper fpm-tab-item.fpm-disabled {
        pointer-events: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        color: #acb3bb;
        cursor: default; }
  fpm-tabs-wrapper fpm-pre-button, fpm-tabs-wrapper fpm-next-button {
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    padding: 0 15px;
    line-height: 32px;
    outline: 0;
    border-bottom: 1px solid #38bce8;
    color: #38bce8; }
    fpm-tabs-wrapper fpm-pre-button.fpm-disabled, fpm-tabs-wrapper fpm-next-button.fpm-disabled {
      color: #acb3bb;
      cursor: default; }
  fpm-tabs-wrapper fpm-pre-button {
    float: left; }
  fpm-tabs-wrapper fpm-next-button {
    float: right; }

fpm-tabs-content-wrapper {
  position: relative;
  overflow: hidden; }
  fpm-tabs-content-wrapper fpm-tab-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: auto;
    overflow: auto; }
  fpm-tabs-content-wrapper .fpm-active {
    position: relative; }
  fpm-tabs-content-wrapper .fpm-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  fpm-tabs-content-wrapper .fpm-right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }

fpm-tabs[fpm-align="left"], fpm-tabs[fpm-align="right"] {
  display: table;
  table-layout: fixed; }
  fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper {
    display: table-cell;
    vertical-align: top; }
    fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper fpm-tabs-canvas, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-tabs-canvas {
      margin: 0;
      overflow: hidden; }
    fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper fpm-pagination-wrapper, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-pagination-wrapper {
      width: auto;
      height: auto;
      max-height: 999999px;
      border-bottom: 0;
      border-top: 0;
      border-right: 1px solid #38bce8;
      -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
      -moz-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
      -ms-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
      -o-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
      transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1); }
    fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper fpm-tab-item, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-tab-item {
      display: block;
      float: none; }
    fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper fpm-pre-button, fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper fpm-next-button, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-pre-button, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-next-button {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      border-bottom: 0;
      border-top: 0;
      border-right: 1px solid #38bce8; }
    fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper fpm-pre-button, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-pre-button {
      top: 0; }
    fpm-tabs[fpm-align="left"] > fpm-tabs-wrapper fpm-next-button, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-next-button {
      bottom: 0; }
  fpm-tabs[fpm-align="left"] > fpm-tabs-content-wrapper, fpm-tabs[fpm-align="right"] > fpm-tabs-content-wrapper {
    display: table-cell;
    vertical-align: top; }

fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-pagination-wrapper,
fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-pre-button, fpm-tabs[fpm-align="right"] > fpm-tabs-wrapper fpm-next-button {
  border-right: 0;
  border-left: 1px solid #38bce8; }

fpm-tabs[fpm-align="bottom"] > fpm-tabs-wrapper fpm-pagination-wrapper,
fpm-tabs[fpm-align="bottom"] > fpm-tabs-wrapper fpm-pre-button, fpm-tabs[fpm-align="bottom"] > fpm-tabs-wrapper fpm-next-button {
  border-bottom: 0;
  border-top: 1px solid #38bce8; }

fpm-tabs.tab-sm > fpm-tabs-wrapper fpm-tab-item {
  font-size: 12px;
  height: 27px;
  line-height: 27px; }
fpm-tabs.tab-sm > fpm-tabs-wrapper fpm-pre-button, fpm-tabs.tab-sm > fpm-tabs-wrapper fpm-next-button {
  height: 28px;
  line-height: 28px; }

fpm-tabs.tab-light > fpm-tabs-wrapper fpm-pagination-wrapper,
fpm-tabs.tab-light > fpm-tabs-wrapper fpm-pre-button, fpm-tabs.tab-light > fpm-tabs-wrapper fpm-next-button {
  border-color: #dff4fc; }
fpm-tabs.tab-light > fpm-tabs-wrapper fpm-tab-item.fpm-active {
  color: #000000;
  background-color: #dff4fc; }