/*!************************
*****     wrapper     *****
**************************/

@layer utilities {
  .center {
    margin-inline: auto;
    /*margin-right: auto;*/
  }

  .wrapper {
    max-width: 100%;
  }

  .wrapper-sm {
    /* background-color: gray; */
    max-width: var(--sm);
  }

  .wrapper-md {
    max-width: var(--md);
  }

  .wrapper-lg {
    max-width: var(--lg);
  }

  .wrapper-xl {
    max-width: var(--xl);
  }

  .wrapper-xxl {
    max-width: var(--xxl);
  }

  .wrapper-full-screen {
    max-width: var(--full-screen);
  }
}