.text-hide {
  font: "0/0";
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-display4 {
  font: normal 300 112px Roboto, "Helvetica Neue", sans-serif; }

.text-display3 {
  font: normal 400 56px Roboto, "Helvetica Neue", sans-serif; }

.text-display2 {
  font: normal 400 45px Roboto, "Helvetica Neue", sans-serif; }

.text-display1 {
  font: normal 400 34px Roboto, "Helvetica Neue", sans-serif; }

.text-headline {
  font: normal 400 24px Roboto, "Helvetica Neue", sans-serif; }

.text-title {
  font: normal 500 20px Roboto, "Helvetica Neue", sans-serif; }

.text-subhead1 {
  font: normal 400 16px Roboto, "Helvetica Neue", sans-serif; }

.text-subhead2 {
  font: normal 500 16px Roboto, "Helvetica Neue", sans-serif; }

.text-body1 {
  font: normal 400 14px Roboto, "Helvetica Neue", sans-serif; }

.text-body2 {
  font: normal 500 14px Roboto, "Helvetica Neue", sans-serif; }

.text-caption {
  font: normal 400 12px Roboto, "Helvetica Neue", sans-serif; }

.text-button {
  font: normal 500 14px Roboto, "Helvetica Neue", sans-serif; }

.flex-fixed {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.flex-var {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.flex-grow {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.flex-shrink {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.opacity-secondary {
  opacity: 0.54; }

.opacity-primary {
  opacity: 0.87; }

.opacity-disabled {
  opacity: 0.38; }

.no-divider {
  border: none !important; }

.divider {
  border: 1px solid rgba(0, 0, 0, 0.12); }

input:focus, p:focus, div:focus, li:focus, md-list-item:focus, md-list:focus, a:focus, md-autocomplete:focus, span:focus, button:focus {
  outline-width: 0 !important; }

.pip-settings .pip-content-container {
  min-height: 100%; }

.pip-settings .pip-body {
  max-width: none !important;
  min-height: 100%; }

.pip-settings.pip-card .pip-header ~ .pip-body,
.pip-settings.pip-document .pip-header ~ .pip-body {
  padding-top: 24px !important; }

.pip-gt-sm .pip-settings md-list.pip-menu {
  width: 300px;
  min-width: 300px; }

.pip-gt-sm .pip-settings .pip-content-container {
  width: calc(100% - 300px); }

.pip-gt-sm .pip-settings pip-dropdown {
  display: none; }

.pip-xs .pip-settings .pip-content-container, .pip-sm .pip-settings .pip-content-container {
  width: 100%;
  left: 0 !important; }

.pip-xs .pip-settings md-list.pip-menu, .pip-sm .pip-settings md-list.pip-menu {
  display: none; }

.pip-xs .pip-settings .pip-body, .pip-sm .pip-settings .pip-body {
  min-height: calc(100% - 64px); }

/*# sourceMappingURL=pip-webui-settings.css.map */