/* ================================================
 * [ LibRext ] SHAPE STYLES
 * ------------------------------------------------
 * generated by LibRext
 * ============================================= */


/* ----------------------------------------
 * CSS Variables
 * ------------------------------------- */
:root {
  --lbrxt-bradius-none: 0;
  --lbrxt-bradius-xs: 2px;
  --lbrxt-bradius-sm: 4px;
  --lbrxt-bradius-md: 6px;
  --lbrxt-bradius-lg: 8px;
  --lbrxt-bradius-xl: 10px;
  --lbrxt-bshadow-xs: 1px 1px 2px #24292f;
  --lbrxt-bshadow-sm: 2px 2px 2px #24292f;
  --lbrxt-bshadow-md: 3px 3px 3px #24292f;
  --lbrxt-bshadow-lg: 4px 4px 4px #24292f;
  --lbrxt-bshadow-xl: 5px 5px 4px #24292f;
  --lbrxt-widget-xs: 1.6875rem;
  --lbrxt-widget-sm: 2.04125rem;
  --lbrxt-widget-md: 2.75rem;
  --lbrxt-widget-lg: 4rem;
  --lbrxt-widget-xl: 5.25rem;
}


/* ----------------------------------------
 * Shapes
 * ------------------------------------- */
.lbrxt-bradius.none {
  border-radius: 0;
}
.lbrxt-bradius.xs {
  border-radius: 2px;
}
.lbrxt-bradius.sm {
  border-radius: 4px;
}
.lbrxt-bradius.md {
  border-radius: 6px;
}
.lbrxt-bradius.lg {
  border-radius: 8px;
}
.lbrxt-bradius.xl {
  border-radius: 10px;
}
.lbrxt-bshadow.xs {
  box-shadow: 1px 1px 2px #24292f;
}
.lbrxt-bshadow.sm {
  box-shadow: 2px 2px 2px #24292f;
}
.lbrxt-bshadow.md {
  box-shadow: 3px 3px 3px #24292f;
}
.lbrxt-bshadow.lg {
  box-shadow: 4px 4px 4px #24292f;
}
.lbrxt-bshadow.xl {
  box-shadow: 5px 5px 4px #24292f;
}
.lbrxt-widget.xs {
  height: 1.6875rem;
}
.lbrxt-widget.sm {
  height: 2.04125rem;
}
.lbrxt-widget.md {
  height: 2.75rem;
}
.lbrxt-widget.lg {
  height: 4rem;
}
.lbrxt-widget.xl {
  height: 5.25rem;
}
.lbrxt-card.xs {
  height: 12px;
  border-radius: 2px;
  padding: 4px;
  box-shadow: 1px 1px 2px #24292f;
}
.lbrxt-card.sm {
  height: 16px;
  border-radius: 4px;
  padding: 6px;
  box-shadow: 2px 2px 2px #24292f;
}
.lbrxt-card.md {
  height: 20px;
  border-radius: 6px;
  padding: 8px;
  box-shadow: 3px 3px 3px #24292f;
}
.lbrxt-card {
  height: 20px;
  border-radius: 6px;
  padding: 8px;
  box-shadow: 3px 3px 3px #24292f;
}
.lbrxt-card.lg {
  height: 28px;
  border-radius: 8px;
  padding: 9px;
  box-shadow: 4px 4px 4px #24292f;
}
.lbrxt-card.xl {
  height: 36px;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 5px 5px 4px #24292f;
}