/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.tabs :focus {
  outline: 0;
}
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tab > span {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}
.step-indicator,
.step-indicator.divider-line {
  display: none;
}
@media only screen and (max-width: 767px) {
  .cmp-tabs__tablist.divider-line {
    flex-wrap: nowrap;
  }
  .cmp-tabs__tablist.divider-line > .cmp-tabs__tab {
    border-bottom: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    word-break: break-word;
    border-right: 1px dotted;
  }
  .cmp-tabs__tablist.divider-line > .cmp-tabs__tab:last-child {
    border-right-color: transparent !important;
  }
  .step-indicator {
    height: 25px;
  }
  .step-indicator.divider-line {
    display: block;
  }
  .tab-indicator {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    margin-top: -5px;
  }
  .tab-indicator--inner {
    width: 35px;
    height: 35px;
    padding: 8px;
    display: inline-block;
  }
  .tab-indicator--inner-dot {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .cmp-tabs__tablist.horizontally-tabs-with-line {
    flex-wrap: nowrap;
  }
  .cmp-tabs__tablist.horizontally-tabs-with-line > .cmp-tabs__tab {
    border-bottom: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    word-break: break-word;
    border-right: 1px solid;
    display: flex;
    padding-left: 2em;
    padding-right: 2em;
  }
  .cmp-tabs__tablist.horizontally-tabs-with-line > .cmp-tabs__tab > span {
    margin-left: auto;
    margin-right: auto;
  }
  .cmp-tabs__tablist.horizontally-tabs-with-line > .cmp-tabs__tab:last-child {
    border-right-color: transparent !important;
  }
  .cmp-tabs__tablist.horizontally-tabs-with-line > .cmp-tabs__tab--active > span {
    border-bottom: 7px solid;
  }
  .cmp-tabs__tablist.horizontally-tabs-with-line > .cmp-tabs__tab:not(.cmp-tabs__tab--active) > span {
    border-bottom: 7px solid transparent;
  }
}