@value * as vars from "./variables.css";

/* SIDEBAR */

.u-sidebar-horiz-pd {
  padding-left: vars.sidebar-left-pd;
  padding-right: vars.sidebar-right-pd;
}

/* DIALOGS */

.u-dialog-browser-list {
  margin: 0 -24px;
}

/* TYPOGRAPHY */

.f1 {
  font-size: vars.f1;
}
.f2 {
  font-size: vars.f2;
}
.f3 {
  font-size: vars.f3;
}
.f4 {
  font-size: vars.f4;
}
.f5 {
  font-size: vars.f5;
}
.f6 {
  font-size: vars.f6;
}

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

/* RESETS */

.btn-reset {
  display: flex;
  padding: 0;
  border: none;
  font-family: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}