/* ========================================================= */
/* Display
/* ========================================================= */

.inline { display: inline; }
.inlineBlock { display: inline-block; }
.block { display: block; }
.none { display: none; }
.flex { display: flex; }
.inlineFlex { display: inline-flex; }
.order0 { order: 0; }
.order1 { order: 1; }
.gap0 { gap: 0; }
.gap1 { gap: var(--s1); }
.gap2 { gap: var(--s2); }
.gap3 { gap: var(--s3); }
.gap4 { gap: var(--s4); }
.gap5 { gap: var(--s5); }
.srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

@media (min-width: 30em) {
  .sm-inline { display: inline; }
  .sm-inlineBlock { display: inline-block; }
  .sm-block { display: block; }
  .sm-none { display: none; }
  .sm-flex { display: flex; }
  .sm-inlineFlex { display: inline-flex; }
  .sm-order0 { order: 0; }
  .sm-order1 { order: 1; }
  .sm-gap0 { gap: 0; }
  .sm-gap1 { gap: var(--s1); }
  .sm-gap2 { gap: var(--s2); }
  .sm-gap3 { gap: var(--s3); }
  .sm-gap4 { gap: var(--s4); }
  .sm-gap5 { gap: var(--s5); }
}
@media (min-width: 48em) {
  .md-inline { display: inline; }
  .md-inlineBlock { display: inline-block; }
  .md-block { display: block; }
  .md-none { display: none; }
  .md-flex { display: flex; }
  .md-inlineFlex { display: inline-flex; }
  .md-order0 { order: 0; }
  .md-order1 { order: 1; }
  .md-gap0 { gap: 0; }
  .md-gap1 { gap: var(--s1); }
  .md-gap2 { gap: var(--s2); }
  .md-gap3 { gap: var(--s3); }
  .md-gap4 { gap: var(--s4); }
  .md-gap5 { gap: var(--s5); }
}
@media (min-width: 60em) {
  .lg-inline { display: inline; }
  .lg-inlineBlock { display: inline-block; }
  .lg-block { display: block; }
  .lg-none { display: none; }
  .lg-flex { display: flex; }
  .lg-inlineFlex { display: inline-flex; }
  .lg-order0 { order: 0; }
  .lg-order1 { order: 1; }
  .lg-gap0 { gap: 0; }
  .lg-gap1 { gap: var(--s1); }
  .lg-gap2 { gap: var(--s2); }
  .lg-gap3 { gap: var(--s3); }
  .lg-gap4 { gap: var(--s4); }
  .lg-gap5 { gap: var(--s5); }
}
@media (min-width: 90em) {
  .xl-inline { display: inline; }
  .xl-inlineBlock { display: inline-block; }
  .xl-block { display: block; }
  .xl-none { display: none; }
  .xl-flex { display: flex; }
  .xl-inlineFlex { display: inline-flex; }
  .xl-order0 { order: 0; }
  .xl-order1 { order: 1; }
  .xl-gap0 { gap: 0; }
  .xl-gap1 { gap: var(--s1); }
  .xl-gap2 { gap: var(--s2); }
  .xl-gap3 { gap: var(--s3); }
  .xl-gap4 { gap: var(--s4); }
  .xl-gap5 { gap: var(--s5); }
}