1/*
2Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
4The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
6Code distributed by Google as part of the polymer project is also
7subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
8*/
9
10:host {
11  display: block;
12  position: relative;
13  font-size: 14px;
14  font-weight: 500;
15  height: 48px;
16  overflow: hidden;
17}
18
19#tabsContainer {
20  position: absolute;
21  top: 0;
22  right: 0;
23  bottom: 0;
24  left: 0;
25  white-space: nowrap;
26}
27
28#selectionBar {
29  position: absolute;
30  height: 2px;
31  bottom: 0;
32  left: 0;
33  width: 0;
34  background-color: #ffff8d;
35  transition: width, left;
36}
37
38#selectionBar[hidden] {
39  display: hidden;
40}
41
42#selectionBar.expand {
43  transition-duration: 0.15s;
44  transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
45}
46
47#selectionBar.contract {
48  transition-duration: 0.1s;
49  transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
50}
51
52polyfill-next-selector { content: '#tabsContainer > *:not(#selectionBar)'; }
53::content > * {
54  -ms-flex: 1;
55  -webkit-flex: 1;
56  flex: 1;
57}
58