/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ .md-button { min-width: 88px; min-height: 36px; margin: 6px 8px; padding: 0 16px; display: inline-block; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; outline: none; background: none; border: 0; border-radius: 2px; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); color: currentColor; font-family: inherit; font-size: 14px; font-style: inherit; font-variant: inherit; font-weight: 500; letter-spacing: inherit; line-height: 36px; text-align: center; text-transform: uppercase; text-decoration: none; vertical-align: top; white-space: nowrap; } .md-button:focus { outline: none; } .md-button::-moz-focus-inner { border: 0; } .md-button:hover:not([disabled]):not(.md-raised) { background-color: rgba(153, 153, 153, 0.2); text-decoration: none; } .md-button:hover:not([disabled]).md-raised { background-color: rgba(0, 0, 0, 0.12); } .md-button:active:not([disabled]) { background-color: rgba(153, 153, 153, 0.4); } .md-button.md-raised:not([disabled]) { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); } .md-button.md-dense { min-height: 32px; line-height: 32px; font-size: 13px; } .md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon { position: absolute; top: 1px; right: 0; bottom: 0; left: 0; } .md-button.md-icon-button { width: 40px; min-width: 40px; height: 40px; margin: 0 6px; padding: 8px; border-radius: 50%; line-height: 24px; } .md-button.md-icon-button:not([disabled]):hover { background: none; } .md-button.md-icon-button.md-dense { width: 32px; min-width: 32px; height: 32px; min-height: 32px; padding: 4px; line-height: 32px; } .md-button.md-icon-button .md-ink-ripple { border-radius: 50%; } .md-button.md-icon-button .md-ink-ripple .md-ripple { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .md-button.md-icon-button .md-ripple.md-active { animation-duration: .9s; } .md-button.md-fab { width: 56px; height: 56px; padding: 0; min-width: 0; overflow: hidden; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); border-radius: 56px; line-height: 56px; background-clip: padding-box; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition-property: background-color, box-shadow, transform; } .md-button.md-fab:hover, .md-button.md-fab:focus { box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12); } .md-button.md-fab.md-mini { width: 40px; height: 40px; line-height: 40px; } .md-button.md-fab .md-ink-ripple { border-radius: 56px; } .md-button[disabled] { color: rgba(0, 0, 0, 0.26); cursor: default; pointer-events: none; } .md-button[disabled].md-raised, .md-button[disabled].md-fab { background-color: rgba(0, 0, 0, 0.12); } .md-button[disabled].md-fab { box-shadow: none; } .md-button:after { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-button .md-ink-ripple { border-radius: 2px; background-clip: padding-box; overflow: hidden; } .md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon { display: block; } .md-fab.md-fab-top-left, .md-fab.md-fab-top-center, .md-fab.md-fab-top-right, .md-fab.md-fab-bottom-left, .md-fab.md-fab-bottom-center, .md-fab.md-fab-bottom-right, .md-speed-dial.md-fab-top-left, .md-speed-dial.md-fab-top-center, .md-speed-dial.md-fab-top-right, .md-speed-dial.md-fab-bottom-left, .md-speed-dial.md-fab-bottom-center, .md-speed-dial.md-fab-bottom-right { margin: 0; position: absolute; z-index: 10; } .md-fab.md-fab-top-left, .md-speed-dial.md-fab-top-left { top: 24px; left: 24px; } .md-fab.md-fab-top-center, .md-speed-dial.md-fab-top-center { top: 24px; left: 50%; transform: translateX(-50%); } .md-fab.md-fab-top-right, .md-speed-dial.md-fab-top-right { top: 24px; right: 24px; } .md-fab.md-fab-bottom-left, .md-speed-dial.md-fab-bottom-left { bottom: 24px; left: 24px; } .md-fab.md-fab-bottom-center, .md-speed-dial.md-fab-bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); } .md-fab.md-fab-bottom-right, .md-speed-dial.md-fab-bottom-right { right: 24px; bottom: 24px; } .md-button-tooltip.md-tooltip-top { margin-top: -8px; } .md-button-tooltip.md-tooltip-right { margin-left: 8px; } .md-button-tooltip.md-tooltip-bottom { margin-top: 8px; } .md-button-tooltip.md-tooltip-left { margin-left: -8px; } /*# sourceMappingURL=index.css.map*/