/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ /* Image aspect ratio calculator */ /* Responsive breakpoints */ .md-tabs { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; position: relative; } .md-tabs.md-transition-off * { transition: none !important; } .md-tabs.md-dynamic-height .md-tabs-content { transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-tabs .md-tabs-navigation { height: 48px; min-height: 48px; position: relative; z-index: 1; display: -ms-flexbox; display: flex; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } .md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tab-header-navigation-button.md-left { -ms-flex-order: 1; order: 1; } .md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tabs-navigation-container { -ms-flex-order: 2; order: 2; } .md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tab-header-navigation-button.md-right { -ms-flex-order: 3; order: 3; } .md-tabs .md-tabs-navigation.md-has-icon.md-has-label { min-height: 72px; } .md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon { margin-bottom: 10px; } .md-tabs .md-tabs-navigation.md-centered { -ms-flex-pack: center; justify-content: center; } .md-tabs .md-tabs-navigation.md-fixed .md-tabs-navigation-container, .md-tabs .md-tabs-navigation.md-fixed .md-tabs-navigation-scroll-container { -ms-flex: 1; flex: 1; } .md-tabs .md-tabs-navigation.md-fixed .md-tab-header { -ms-flex: 1; flex: 1; max-width: none; } .md-tabs .md-tabs-navigation.md-right { -ms-flex-pack: end; justify-content: flex-end; } .md-tabs .md-tabs-navigation-container { display: -ms-flexbox; display: flex; overflow-x: auto; } .md-tabs .md-tabs-navigation-scroll-container { display: -ms-flexbox; display: flex; } .md-tabs .md-tab-header { min-width: 72px; max-width: 264px; margin: 0; padding: 0 12px; position: relative; cursor: pointer; border: 0; background: none; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); font-family: inherit; font-size: 14px; font-weight: 500; text-transform: uppercase; -ms-flex-negative: 0; flex-shrink: 0; } .md-tabs .md-tab-header.md-disabled { cursor: default; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .md-tabs .md-tab-header-container { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .md-tabs .md-tab-header-container .md-icon { margin: 0; } .md-tabs .md-tab-indicator { height: 2px; position: absolute; bottom: 0; left: 0; transform: translate3D(0, 0, 0); } .md-tabs .md-tab-indicator.md-transition-off { transition: none !important; } .md-tabs .md-tab-indicator.md-to-right { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1); } .md-tabs .md-tab-indicator.md-to-left { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.15s cubic-bezier(0.35, 0, 0.25, 1); } .md-tabs .md-tab-header-navigation-button { border: none; height: 100%; cursor: pointer; position: relative; } .md-tabs .md-tab-header-navigation-button.md-left { left: 0; } .md-tabs .md-tab-header-navigation-button.md-right { right: 0; } .md-tabs .md-tab-header-navigation-button.md-disabled { pointer-events: none; opacity: .4; } .md-tabs .md-tabs-content { width: 100%; height: 0; position: relative; overflow: hidden; } .md-tabs .md-tabs-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translate3d(0, 0, 0); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-tabs .md-tab { padding: 16px; position: absolute; top: 0; left: 0; right: 0; } @media (min-width: 660px) { .md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tabs-navigation-container { margin-bottom: -15px; } } /*# sourceMappingURL=index.css.map*/