/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Tue, 14 May 2024 19:09:45 GMT
*/
/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Tue, 14 May 2024 19:09:46 GMT
*/
/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Tue, 14 May 2024 19:09:44 GMT
*/
/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Tue, 14 May 2024 19:09:46 GMT
*/
/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Thu, 30 May 2024 16:21:13 GMT
*/
/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Thu, 30 May 2024 16:21:16 GMT
*/
/** 
* set styles to both via the parent having the class or the unified child class
* e.g. .has-error.parent .child & .child.has-error 
**/
/** 
* Set styles for screen reader only text. Required to attain WCAG 2.1 compliance
**/
/** 
  @Warning: Do not nest row, wrap or column, the edge reset does not nest well. 
  Nested more complicated grids should use CSS grid instead.
**/
/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Tue, 14 May 2024 19:09:45 GMT
*/
/**
* Do not edit directly. See style-dictionary/README.md for more information.
* Generated on Tue, 14 May 2024 19:09:46 GMT
*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scaleIn {
  0% {
    transform: scale(0.65);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes microSlideInLeft {
  0% {
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInTop {
  0% {
    transform: translateY(-16px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.7;
  }
}
/* ---------------BUTTONS------------------------*/
/*
  Customizable vars, these are not set by default, and will utilize the fallback value unless set
  --size-select-input-width 
  --size-select-tag-width
  --size-select-tags-container-width
*/
/* 
* ONLY for Non-Native select implementations
*/
/*
  Customizable vars, these are not set by default, and will utilize the fallback value unless set
  --size-select-input-width 
  --size-select-content-width
*/
/* ---------------TOOLBAR BUTTON------------------------*/
.p-0\.5 {
  padding: calc(0.5px * var(--size-base-spacing)) !important;
}
.pl-0\.5 {
  padding-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.pr-0\.5 {
  padding-right: calc(0.5px * var(--size-base-spacing)) !important;
}
.pb-0\.5 {
  padding-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.pt-0\.5 {
  padding-top: calc(0.5px * var(--size-base-spacing)) !important;
}
.py-0\.5 {
  padding-top: calc(0.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.px-0\.5 {
  padding-right: calc(0.5px * var(--size-base-spacing)) !important;
  padding-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.m-0\.5 {
  margin: calc(0.5px * var(--size-base-spacing)) !important;
}
.ml-0\.5 {
  margin-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.mr-0\.5 {
  margin-right: calc(0.5px * var(--size-base-spacing)) !important;
}
.mb-0\.5 {
  margin-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.mt-0\.5 {
  margin-top: calc(0.5px * var(--size-base-spacing)) !important;
}
.my-0\.5 {
  margin-top: calc(0.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.mx-0\.5 {
  margin-right: calc(0.5px * var(--size-base-spacing)) !important;
  margin-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.p-1\.5 {
  padding: calc(1.5px * var(--size-base-spacing)) !important;
}
.pl-1\.5 {
  padding-left: calc(1.5px * var(--size-base-spacing)) !important;
}
.pr-1\.5 {
  padding-right: calc(1.5px * var(--size-base-spacing)) !important;
}
.pb-1\.5 {
  padding-bottom: calc(1.5px * var(--size-base-spacing)) !important;
}
.pt-1\.5 {
  padding-top: calc(1.5px * var(--size-base-spacing)) !important;
}
.py-1\.5 {
  padding-top: calc(1.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(1.5px * var(--size-base-spacing)) !important;
}
.px-1\.5 {
  padding-right: calc(1.5px * var(--size-base-spacing)) !important;
  padding-left: calc(1.5px * var(--size-base-spacing)) !important;
}
.m-1\.5 {
  margin: calc(1.5px * var(--size-base-spacing)) !important;
}
.ml-1\.5 {
  margin-left: calc(1.5px * var(--size-base-spacing)) !important;
}
.mr-1\.5 {
  margin-right: calc(1.5px * var(--size-base-spacing)) !important;
}
.mb-1\.5 {
  margin-bottom: calc(1.5px * var(--size-base-spacing)) !important;
}
.mt-1\.5 {
  margin-top: calc(1.5px * var(--size-base-spacing)) !important;
}
.my-1\.5 {
  margin-top: calc(1.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(1.5px * var(--size-base-spacing)) !important;
}
.mx-1\.5 {
  margin-right: calc(1.5px * var(--size-base-spacing)) !important;
  margin-left: calc(1.5px * var(--size-base-spacing)) !important;
}
.p-2\.5 {
  padding: calc(2.5px * var(--size-base-spacing)) !important;
}
.pl-2\.5 {
  padding-left: calc(2.5px * var(--size-base-spacing)) !important;
}
.pr-2\.5 {
  padding-right: calc(2.5px * var(--size-base-spacing)) !important;
}
.pb-2\.5 {
  padding-bottom: calc(2.5px * var(--size-base-spacing)) !important;
}
.pt-2\.5 {
  padding-top: calc(2.5px * var(--size-base-spacing)) !important;
}
.py-2\.5 {
  padding-top: calc(2.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(2.5px * var(--size-base-spacing)) !important;
}
.px-2\.5 {
  padding-right: calc(2.5px * var(--size-base-spacing)) !important;
  padding-left: calc(2.5px * var(--size-base-spacing)) !important;
}
.m-2\.5 {
  margin: calc(2.5px * var(--size-base-spacing)) !important;
}
.ml-2\.5 {
  margin-left: calc(2.5px * var(--size-base-spacing)) !important;
}
.mr-2\.5 {
  margin-right: calc(2.5px * var(--size-base-spacing)) !important;
}
.mb-2\.5 {
  margin-bottom: calc(2.5px * var(--size-base-spacing)) !important;
}
.mt-2\.5 {
  margin-top: calc(2.5px * var(--size-base-spacing)) !important;
}
.my-2\.5 {
  margin-top: calc(2.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(2.5px * var(--size-base-spacing)) !important;
}
.mx-2\.5 {
  margin-right: calc(2.5px * var(--size-base-spacing)) !important;
  margin-left: calc(2.5px * var(--size-base-spacing)) !important;
}
.p-3\.5 {
  padding: calc(3.5px * var(--size-base-spacing)) !important;
}
.pl-3\.5 {
  padding-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.pr-3\.5 {
  padding-right: calc(3.5px * var(--size-base-spacing)) !important;
}
.pb-3\.5 {
  padding-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.pt-3\.5 {
  padding-top: calc(3.5px * var(--size-base-spacing)) !important;
}
.py-3\.5 {
  padding-top: calc(3.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.px-3\.5 {
  padding-right: calc(3.5px * var(--size-base-spacing)) !important;
  padding-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.m-3\.5 {
  margin: calc(3.5px * var(--size-base-spacing)) !important;
}
.ml-3\.5 {
  margin-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.mr-3\.5 {
  margin-right: calc(3.5px * var(--size-base-spacing)) !important;
}
.mb-3\.5 {
  margin-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.mt-3\.5 {
  margin-top: calc(3.5px * var(--size-base-spacing)) !important;
}
.my-3\.5 {
  margin-top: calc(3.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.mx-3\.5 {
  margin-right: calc(3.5px * var(--size-base-spacing)) !important;
  margin-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.p-4\.5 {
  padding: calc(4.5px * var(--size-base-spacing)) !important;
}
.pl-4\.5 {
  padding-left: calc(4.5px * var(--size-base-spacing)) !important;
}
.pr-4\.5 {
  padding-right: calc(4.5px * var(--size-base-spacing)) !important;
}
.pb-4\.5 {
  padding-bottom: calc(4.5px * var(--size-base-spacing)) !important;
}
.pt-4\.5 {
  padding-top: calc(4.5px * var(--size-base-spacing)) !important;
}
.py-4\.5 {
  padding-top: calc(4.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(4.5px * var(--size-base-spacing)) !important;
}
.px-4\.5 {
  padding-right: calc(4.5px * var(--size-base-spacing)) !important;
  padding-left: calc(4.5px * var(--size-base-spacing)) !important;
}
.m-4\.5 {
  margin: calc(4.5px * var(--size-base-spacing)) !important;
}
.ml-4\.5 {
  margin-left: calc(4.5px * var(--size-base-spacing)) !important;
}
.mr-4\.5 {
  margin-right: calc(4.5px * var(--size-base-spacing)) !important;
}
.mb-4\.5 {
  margin-bottom: calc(4.5px * var(--size-base-spacing)) !important;
}
.mt-4\.5 {
  margin-top: calc(4.5px * var(--size-base-spacing)) !important;
}
.my-4\.5 {
  margin-top: calc(4.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(4.5px * var(--size-base-spacing)) !important;
}
.mx-4\.5 {
  margin-right: calc(4.5px * var(--size-base-spacing)) !important;
  margin-left: calc(4.5px * var(--size-base-spacing)) !important;
}
.p-5\.5 {
  padding: calc(5.5px * var(--size-base-spacing)) !important;
}
.pl-5\.5 {
  padding-left: calc(5.5px * var(--size-base-spacing)) !important;
}
.pr-5\.5 {
  padding-right: calc(5.5px * var(--size-base-spacing)) !important;
}
.pb-5\.5 {
  padding-bottom: calc(5.5px * var(--size-base-spacing)) !important;
}
.pt-5\.5 {
  padding-top: calc(5.5px * var(--size-base-spacing)) !important;
}
.py-5\.5 {
  padding-top: calc(5.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(5.5px * var(--size-base-spacing)) !important;
}
.px-5\.5 {
  padding-right: calc(5.5px * var(--size-base-spacing)) !important;
  padding-left: calc(5.5px * var(--size-base-spacing)) !important;
}
.m-5\.5 {
  margin: calc(5.5px * var(--size-base-spacing)) !important;
}
.ml-5\.5 {
  margin-left: calc(5.5px * var(--size-base-spacing)) !important;
}
.mr-5\.5 {
  margin-right: calc(5.5px * var(--size-base-spacing)) !important;
}
.mb-5\.5 {
  margin-bottom: calc(5.5px * var(--size-base-spacing)) !important;
}
.mt-5\.5 {
  margin-top: calc(5.5px * var(--size-base-spacing)) !important;
}
.my-5\.5 {
  margin-top: calc(5.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(5.5px * var(--size-base-spacing)) !important;
}
.mx-5\.5 {
  margin-right: calc(5.5px * var(--size-base-spacing)) !important;
  margin-left: calc(5.5px * var(--size-base-spacing)) !important;
}
.p-6\.5 {
  padding: calc(6.5px * var(--size-base-spacing)) !important;
}
.pl-6\.5 {
  padding-left: calc(6.5px * var(--size-base-spacing)) !important;
}
.pr-6\.5 {
  padding-right: calc(6.5px * var(--size-base-spacing)) !important;
}
.pb-6\.5 {
  padding-bottom: calc(6.5px * var(--size-base-spacing)) !important;
}
.pt-6\.5 {
  padding-top: calc(6.5px * var(--size-base-spacing)) !important;
}
.py-6\.5 {
  padding-top: calc(6.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(6.5px * var(--size-base-spacing)) !important;
}
.px-6\.5 {
  padding-right: calc(6.5px * var(--size-base-spacing)) !important;
  padding-left: calc(6.5px * var(--size-base-spacing)) !important;
}
.m-6\.5 {
  margin: calc(6.5px * var(--size-base-spacing)) !important;
}
.ml-6\.5 {
  margin-left: calc(6.5px * var(--size-base-spacing)) !important;
}
.mr-6\.5 {
  margin-right: calc(6.5px * var(--size-base-spacing)) !important;
}
.mb-6\.5 {
  margin-bottom: calc(6.5px * var(--size-base-spacing)) !important;
}
.mt-6\.5 {
  margin-top: calc(6.5px * var(--size-base-spacing)) !important;
}
.my-6\.5 {
  margin-top: calc(6.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(6.5px * var(--size-base-spacing)) !important;
}
.mx-6\.5 {
  margin-right: calc(6.5px * var(--size-base-spacing)) !important;
  margin-left: calc(6.5px * var(--size-base-spacing)) !important;
}
.p-7\.5 {
  padding: calc(7.5px * var(--size-base-spacing)) !important;
}
.pl-7\.5 {
  padding-left: calc(7.5px * var(--size-base-spacing)) !important;
}
.pr-7\.5 {
  padding-right: calc(7.5px * var(--size-base-spacing)) !important;
}
.pb-7\.5 {
  padding-bottom: calc(7.5px * var(--size-base-spacing)) !important;
}
.pt-7\.5 {
  padding-top: calc(7.5px * var(--size-base-spacing)) !important;
}
.py-7\.5 {
  padding-top: calc(7.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(7.5px * var(--size-base-spacing)) !important;
}
.px-7\.5 {
  padding-right: calc(7.5px * var(--size-base-spacing)) !important;
  padding-left: calc(7.5px * var(--size-base-spacing)) !important;
}
.m-7\.5 {
  margin: calc(7.5px * var(--size-base-spacing)) !important;
}
.ml-7\.5 {
  margin-left: calc(7.5px * var(--size-base-spacing)) !important;
}
.mr-7\.5 {
  margin-right: calc(7.5px * var(--size-base-spacing)) !important;
}
.mb-7\.5 {
  margin-bottom: calc(7.5px * var(--size-base-spacing)) !important;
}
.mt-7\.5 {
  margin-top: calc(7.5px * var(--size-base-spacing)) !important;
}
.my-7\.5 {
  margin-top: calc(7.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(7.5px * var(--size-base-spacing)) !important;
}
.mx-7\.5 {
  margin-right: calc(7.5px * var(--size-base-spacing)) !important;
  margin-left: calc(7.5px * var(--size-base-spacing)) !important;
}
.p-8\.5 {
  padding: calc(8.5px * var(--size-base-spacing)) !important;
}
.pl-8\.5 {
  padding-left: calc(8.5px * var(--size-base-spacing)) !important;
}
.pr-8\.5 {
  padding-right: calc(8.5px * var(--size-base-spacing)) !important;
}
.pb-8\.5 {
  padding-bottom: calc(8.5px * var(--size-base-spacing)) !important;
}
.pt-8\.5 {
  padding-top: calc(8.5px * var(--size-base-spacing)) !important;
}
.py-8\.5 {
  padding-top: calc(8.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(8.5px * var(--size-base-spacing)) !important;
}
.px-8\.5 {
  padding-right: calc(8.5px * var(--size-base-spacing)) !important;
  padding-left: calc(8.5px * var(--size-base-spacing)) !important;
}
.m-8\.5 {
  margin: calc(8.5px * var(--size-base-spacing)) !important;
}
.ml-8\.5 {
  margin-left: calc(8.5px * var(--size-base-spacing)) !important;
}
.mr-8\.5 {
  margin-right: calc(8.5px * var(--size-base-spacing)) !important;
}
.mb-8\.5 {
  margin-bottom: calc(8.5px * var(--size-base-spacing)) !important;
}
.mt-8\.5 {
  margin-top: calc(8.5px * var(--size-base-spacing)) !important;
}
.my-8\.5 {
  margin-top: calc(8.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(8.5px * var(--size-base-spacing)) !important;
}
.mx-8\.5 {
  margin-right: calc(8.5px * var(--size-base-spacing)) !important;
  margin-left: calc(8.5px * var(--size-base-spacing)) !important;
}
.p-9\.5 {
  padding: calc(9.5px * var(--size-base-spacing)) !important;
}
.pl-9\.5 {
  padding-left: calc(9.5px * var(--size-base-spacing)) !important;
}
.pr-9\.5 {
  padding-right: calc(9.5px * var(--size-base-spacing)) !important;
}
.pb-9\.5 {
  padding-bottom: calc(9.5px * var(--size-base-spacing)) !important;
}
.pt-9\.5 {
  padding-top: calc(9.5px * var(--size-base-spacing)) !important;
}
.py-9\.5 {
  padding-top: calc(9.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(9.5px * var(--size-base-spacing)) !important;
}
.px-9\.5 {
  padding-right: calc(9.5px * var(--size-base-spacing)) !important;
  padding-left: calc(9.5px * var(--size-base-spacing)) !important;
}
.m-9\.5 {
  margin: calc(9.5px * var(--size-base-spacing)) !important;
}
.ml-9\.5 {
  margin-left: calc(9.5px * var(--size-base-spacing)) !important;
}
.mr-9\.5 {
  margin-right: calc(9.5px * var(--size-base-spacing)) !important;
}
.mb-9\.5 {
  margin-bottom: calc(9.5px * var(--size-base-spacing)) !important;
}
.mt-9\.5 {
  margin-top: calc(9.5px * var(--size-base-spacing)) !important;
}
.my-9\.5 {
  margin-top: calc(9.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(9.5px * var(--size-base-spacing)) !important;
}
.mx-9\.5 {
  margin-right: calc(9.5px * var(--size-base-spacing)) !important;
  margin-left: calc(9.5px * var(--size-base-spacing)) !important;
}
.p-10\.5 {
  padding: calc(10.5px * var(--size-base-spacing)) !important;
}
.pl-10\.5 {
  padding-left: calc(10.5px * var(--size-base-spacing)) !important;
}
.pr-10\.5 {
  padding-right: calc(10.5px * var(--size-base-spacing)) !important;
}
.pb-10\.5 {
  padding-bottom: calc(10.5px * var(--size-base-spacing)) !important;
}
.pt-10\.5 {
  padding-top: calc(10.5px * var(--size-base-spacing)) !important;
}
.py-10\.5 {
  padding-top: calc(10.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(10.5px * var(--size-base-spacing)) !important;
}
.px-10\.5 {
  padding-right: calc(10.5px * var(--size-base-spacing)) !important;
  padding-left: calc(10.5px * var(--size-base-spacing)) !important;
}
.m-10\.5 {
  margin: calc(10.5px * var(--size-base-spacing)) !important;
}
.ml-10\.5 {
  margin-left: calc(10.5px * var(--size-base-spacing)) !important;
}
.mr-10\.5 {
  margin-right: calc(10.5px * var(--size-base-spacing)) !important;
}
.mb-10\.5 {
  margin-bottom: calc(10.5px * var(--size-base-spacing)) !important;
}
.mt-10\.5 {
  margin-top: calc(10.5px * var(--size-base-spacing)) !important;
}
.my-10\.5 {
  margin-top: calc(10.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(10.5px * var(--size-base-spacing)) !important;
}
.mx-10\.5 {
  margin-right: calc(10.5px * var(--size-base-spacing)) !important;
  margin-left: calc(10.5px * var(--size-base-spacing)) !important;
}
.p-0 {
  padding: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.p-1 {
  padding: calc(1px * var(--size-base-spacing)) !important;
}
.pl-1 {
  padding-left: calc(1px * var(--size-base-spacing)) !important;
}
.pr-1 {
  padding-right: calc(1px * var(--size-base-spacing)) !important;
}
.pb-1 {
  padding-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.pt-1 {
  padding-top: calc(1px * var(--size-base-spacing)) !important;
}
.py-1 {
  padding-top: calc(1px * var(--size-base-spacing)) !important;
  padding-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.px-1 {
  padding-right: calc(1px * var(--size-base-spacing)) !important;
  padding-left: calc(1px * var(--size-base-spacing)) !important;
}
.m-1 {
  margin: calc(1px * var(--size-base-spacing)) !important;
}
.ml-1 {
  margin-left: calc(1px * var(--size-base-spacing)) !important;
}
.mr-1 {
  margin-right: calc(1px * var(--size-base-spacing)) !important;
}
.mb-1 {
  margin-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.mt-1 {
  margin-top: calc(1px * var(--size-base-spacing)) !important;
}
.my-1 {
  margin-top: calc(1px * var(--size-base-spacing)) !important;
  margin-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.mx-1 {
  margin-right: calc(1px * var(--size-base-spacing)) !important;
  margin-left: calc(1px * var(--size-base-spacing)) !important;
}
.p-2 {
  padding: calc(2px * var(--size-base-spacing)) !important;
}
.pl-2 {
  padding-left: calc(2px * var(--size-base-spacing)) !important;
}
.pr-2 {
  padding-right: calc(2px * var(--size-base-spacing)) !important;
}
.pb-2 {
  padding-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.pt-2 {
  padding-top: calc(2px * var(--size-base-spacing)) !important;
}
.py-2 {
  padding-top: calc(2px * var(--size-base-spacing)) !important;
  padding-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.px-2 {
  padding-right: calc(2px * var(--size-base-spacing)) !important;
  padding-left: calc(2px * var(--size-base-spacing)) !important;
}
.m-2 {
  margin: calc(2px * var(--size-base-spacing)) !important;
}
.ml-2 {
  margin-left: calc(2px * var(--size-base-spacing)) !important;
}
.mr-2 {
  margin-right: calc(2px * var(--size-base-spacing)) !important;
}
.mb-2 {
  margin-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.mt-2 {
  margin-top: calc(2px * var(--size-base-spacing)) !important;
}
.my-2 {
  margin-top: calc(2px * var(--size-base-spacing)) !important;
  margin-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.mx-2 {
  margin-right: calc(2px * var(--size-base-spacing)) !important;
  margin-left: calc(2px * var(--size-base-spacing)) !important;
}
.p-3 {
  padding: calc(3px * var(--size-base-spacing)) !important;
}
.pl-3 {
  padding-left: calc(3px * var(--size-base-spacing)) !important;
}
.pr-3 {
  padding-right: calc(3px * var(--size-base-spacing)) !important;
}
.pb-3 {
  padding-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.pt-3 {
  padding-top: calc(3px * var(--size-base-spacing)) !important;
}
.py-3 {
  padding-top: calc(3px * var(--size-base-spacing)) !important;
  padding-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.px-3 {
  padding-right: calc(3px * var(--size-base-spacing)) !important;
  padding-left: calc(3px * var(--size-base-spacing)) !important;
}
.m-3 {
  margin: calc(3px * var(--size-base-spacing)) !important;
}
.ml-3 {
  margin-left: calc(3px * var(--size-base-spacing)) !important;
}
.mr-3 {
  margin-right: calc(3px * var(--size-base-spacing)) !important;
}
.mb-3 {
  margin-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.mt-3 {
  margin-top: calc(3px * var(--size-base-spacing)) !important;
}
.my-3 {
  margin-top: calc(3px * var(--size-base-spacing)) !important;
  margin-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.mx-3 {
  margin-right: calc(3px * var(--size-base-spacing)) !important;
  margin-left: calc(3px * var(--size-base-spacing)) !important;
}
.p-4 {
  padding: calc(4px * var(--size-base-spacing)) !important;
}
.pl-4 {
  padding-left: calc(4px * var(--size-base-spacing)) !important;
}
.pr-4 {
  padding-right: calc(4px * var(--size-base-spacing)) !important;
}
.pb-4 {
  padding-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.pt-4 {
  padding-top: calc(4px * var(--size-base-spacing)) !important;
}
.py-4 {
  padding-top: calc(4px * var(--size-base-spacing)) !important;
  padding-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.px-4 {
  padding-right: calc(4px * var(--size-base-spacing)) !important;
  padding-left: calc(4px * var(--size-base-spacing)) !important;
}
.m-4 {
  margin: calc(4px * var(--size-base-spacing)) !important;
}
.ml-4 {
  margin-left: calc(4px * var(--size-base-spacing)) !important;
}
.mr-4 {
  margin-right: calc(4px * var(--size-base-spacing)) !important;
}
.mb-4 {
  margin-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.mt-4 {
  margin-top: calc(4px * var(--size-base-spacing)) !important;
}
.my-4 {
  margin-top: calc(4px * var(--size-base-spacing)) !important;
  margin-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.mx-4 {
  margin-right: calc(4px * var(--size-base-spacing)) !important;
  margin-left: calc(4px * var(--size-base-spacing)) !important;
}
.p-5 {
  padding: calc(5px * var(--size-base-spacing)) !important;
}
.pl-5 {
  padding-left: calc(5px * var(--size-base-spacing)) !important;
}
.pr-5 {
  padding-right: calc(5px * var(--size-base-spacing)) !important;
}
.pb-5 {
  padding-bottom: calc(5px * var(--size-base-spacing)) !important;
}
.pt-5 {
  padding-top: calc(5px * var(--size-base-spacing)) !important;
}
.py-5 {
  padding-top: calc(5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(5px * var(--size-base-spacing)) !important;
}
.px-5 {
  padding-right: calc(5px * var(--size-base-spacing)) !important;
  padding-left: calc(5px * var(--size-base-spacing)) !important;
}
.m-5 {
  margin: calc(5px * var(--size-base-spacing)) !important;
}
.ml-5 {
  margin-left: calc(5px * var(--size-base-spacing)) !important;
}
.mr-5 {
  margin-right: calc(5px * var(--size-base-spacing)) !important;
}
.mb-5 {
  margin-bottom: calc(5px * var(--size-base-spacing)) !important;
}
.mt-5 {
  margin-top: calc(5px * var(--size-base-spacing)) !important;
}
.my-5 {
  margin-top: calc(5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(5px * var(--size-base-spacing)) !important;
}
.mx-5 {
  margin-right: calc(5px * var(--size-base-spacing)) !important;
  margin-left: calc(5px * var(--size-base-spacing)) !important;
}
.p-6 {
  padding: calc(6px * var(--size-base-spacing)) !important;
}
.pl-6 {
  padding-left: calc(6px * var(--size-base-spacing)) !important;
}
.pr-6 {
  padding-right: calc(6px * var(--size-base-spacing)) !important;
}
.pb-6 {
  padding-bottom: calc(6px * var(--size-base-spacing)) !important;
}
.pt-6 {
  padding-top: calc(6px * var(--size-base-spacing)) !important;
}
.py-6 {
  padding-top: calc(6px * var(--size-base-spacing)) !important;
  padding-bottom: calc(6px * var(--size-base-spacing)) !important;
}
.px-6 {
  padding-right: calc(6px * var(--size-base-spacing)) !important;
  padding-left: calc(6px * var(--size-base-spacing)) !important;
}
.m-6 {
  margin: calc(6px * var(--size-base-spacing)) !important;
}
.ml-6 {
  margin-left: calc(6px * var(--size-base-spacing)) !important;
}
.mr-6 {
  margin-right: calc(6px * var(--size-base-spacing)) !important;
}
.mb-6 {
  margin-bottom: calc(6px * var(--size-base-spacing)) !important;
}
.mt-6 {
  margin-top: calc(6px * var(--size-base-spacing)) !important;
}
.my-6 {
  margin-top: calc(6px * var(--size-base-spacing)) !important;
  margin-bottom: calc(6px * var(--size-base-spacing)) !important;
}
.mx-6 {
  margin-right: calc(6px * var(--size-base-spacing)) !important;
  margin-left: calc(6px * var(--size-base-spacing)) !important;
}
.p-7 {
  padding: calc(7px * var(--size-base-spacing)) !important;
}
.pl-7 {
  padding-left: calc(7px * var(--size-base-spacing)) !important;
}
.pr-7 {
  padding-right: calc(7px * var(--size-base-spacing)) !important;
}
.pb-7 {
  padding-bottom: calc(7px * var(--size-base-spacing)) !important;
}
.pt-7 {
  padding-top: calc(7px * var(--size-base-spacing)) !important;
}
.py-7 {
  padding-top: calc(7px * var(--size-base-spacing)) !important;
  padding-bottom: calc(7px * var(--size-base-spacing)) !important;
}
.px-7 {
  padding-right: calc(7px * var(--size-base-spacing)) !important;
  padding-left: calc(7px * var(--size-base-spacing)) !important;
}
.m-7 {
  margin: calc(7px * var(--size-base-spacing)) !important;
}
.ml-7 {
  margin-left: calc(7px * var(--size-base-spacing)) !important;
}
.mr-7 {
  margin-right: calc(7px * var(--size-base-spacing)) !important;
}
.mb-7 {
  margin-bottom: calc(7px * var(--size-base-spacing)) !important;
}
.mt-7 {
  margin-top: calc(7px * var(--size-base-spacing)) !important;
}
.my-7 {
  margin-top: calc(7px * var(--size-base-spacing)) !important;
  margin-bottom: calc(7px * var(--size-base-spacing)) !important;
}
.mx-7 {
  margin-right: calc(7px * var(--size-base-spacing)) !important;
  margin-left: calc(7px * var(--size-base-spacing)) !important;
}
.p-8 {
  padding: calc(8px * var(--size-base-spacing)) !important;
}
.pl-8 {
  padding-left: calc(8px * var(--size-base-spacing)) !important;
}
.pr-8 {
  padding-right: calc(8px * var(--size-base-spacing)) !important;
}
.pb-8 {
  padding-bottom: calc(8px * var(--size-base-spacing)) !important;
}
.pt-8 {
  padding-top: calc(8px * var(--size-base-spacing)) !important;
}
.py-8 {
  padding-top: calc(8px * var(--size-base-spacing)) !important;
  padding-bottom: calc(8px * var(--size-base-spacing)) !important;
}
.px-8 {
  padding-right: calc(8px * var(--size-base-spacing)) !important;
  padding-left: calc(8px * var(--size-base-spacing)) !important;
}
.m-8 {
  margin: calc(8px * var(--size-base-spacing)) !important;
}
.ml-8 {
  margin-left: calc(8px * var(--size-base-spacing)) !important;
}
.mr-8 {
  margin-right: calc(8px * var(--size-base-spacing)) !important;
}
.mb-8 {
  margin-bottom: calc(8px * var(--size-base-spacing)) !important;
}
.mt-8 {
  margin-top: calc(8px * var(--size-base-spacing)) !important;
}
.my-8 {
  margin-top: calc(8px * var(--size-base-spacing)) !important;
  margin-bottom: calc(8px * var(--size-base-spacing)) !important;
}
.mx-8 {
  margin-right: calc(8px * var(--size-base-spacing)) !important;
  margin-left: calc(8px * var(--size-base-spacing)) !important;
}
.p-9 {
  padding: calc(9px * var(--size-base-spacing)) !important;
}
.pl-9 {
  padding-left: calc(9px * var(--size-base-spacing)) !important;
}
.pr-9 {
  padding-right: calc(9px * var(--size-base-spacing)) !important;
}
.pb-9 {
  padding-bottom: calc(9px * var(--size-base-spacing)) !important;
}
.pt-9 {
  padding-top: calc(9px * var(--size-base-spacing)) !important;
}
.py-9 {
  padding-top: calc(9px * var(--size-base-spacing)) !important;
  padding-bottom: calc(9px * var(--size-base-spacing)) !important;
}
.px-9 {
  padding-right: calc(9px * var(--size-base-spacing)) !important;
  padding-left: calc(9px * var(--size-base-spacing)) !important;
}
.m-9 {
  margin: calc(9px * var(--size-base-spacing)) !important;
}
.ml-9 {
  margin-left: calc(9px * var(--size-base-spacing)) !important;
}
.mr-9 {
  margin-right: calc(9px * var(--size-base-spacing)) !important;
}
.mb-9 {
  margin-bottom: calc(9px * var(--size-base-spacing)) !important;
}
.mt-9 {
  margin-top: calc(9px * var(--size-base-spacing)) !important;
}
.my-9 {
  margin-top: calc(9px * var(--size-base-spacing)) !important;
  margin-bottom: calc(9px * var(--size-base-spacing)) !important;
}
.mx-9 {
  margin-right: calc(9px * var(--size-base-spacing)) !important;
  margin-left: calc(9px * var(--size-base-spacing)) !important;
}
.p-10 {
  padding: calc(10px * var(--size-base-spacing)) !important;
}
.pl-10 {
  padding-left: calc(10px * var(--size-base-spacing)) !important;
}
.pr-10 {
  padding-right: calc(10px * var(--size-base-spacing)) !important;
}
.pb-10 {
  padding-bottom: calc(10px * var(--size-base-spacing)) !important;
}
.pt-10 {
  padding-top: calc(10px * var(--size-base-spacing)) !important;
}
.py-10 {
  padding-top: calc(10px * var(--size-base-spacing)) !important;
  padding-bottom: calc(10px * var(--size-base-spacing)) !important;
}
.px-10 {
  padding-right: calc(10px * var(--size-base-spacing)) !important;
  padding-left: calc(10px * var(--size-base-spacing)) !important;
}
.m-10 {
  margin: calc(10px * var(--size-base-spacing)) !important;
}
.ml-10 {
  margin-left: calc(10px * var(--size-base-spacing)) !important;
}
.mr-10 {
  margin-right: calc(10px * var(--size-base-spacing)) !important;
}
.mb-10 {
  margin-bottom: calc(10px * var(--size-base-spacing)) !important;
}
.mt-10 {
  margin-top: calc(10px * var(--size-base-spacing)) !important;
}
.my-10 {
  margin-top: calc(10px * var(--size-base-spacing)) !important;
  margin-bottom: calc(10px * var(--size-base-spacing)) !important;
}
.mx-10 {
  margin-right: calc(10px * var(--size-base-spacing)) !important;
  margin-left: calc(10px * var(--size-base-spacing)) !important;
}
.-m-0 {
  margin: 0 !important;
}
.-ml-0 {
  margin-left: 0 !important;
}
.-mr-0 {
  margin-right: 0 !important;
}
.-mb-0 {
  margin-bottom: 0 !important;
}
.-mt-0 {
  margin-top: 0 !important;
}
.-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.-mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.-m-1 {
  margin: calc(-1px * var(--size-base-spacing)) !important;
}
.-ml-1 {
  margin-left: calc(-1px * var(--size-base-spacing)) !important;
}
.-mr-1 {
  margin-right: calc(-1px * var(--size-base-spacing)) !important;
}
.-mb-1 {
  margin-bottom: calc(-1px * var(--size-base-spacing)) !important;
}
.-mt-1 {
  margin-top: calc(-1px * var(--size-base-spacing)) !important;
}
.-my-1 {
  margin-top: calc(-1px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-1px * var(--size-base-spacing)) !important;
}
.-mx-1 {
  margin-right: calc(-1px * var(--size-base-spacing)) !important;
  margin-left: calc(-1px * var(--size-base-spacing)) !important;
}
.-m-2 {
  margin: calc(-2px * var(--size-base-spacing)) !important;
}
.-ml-2 {
  margin-left: calc(-2px * var(--size-base-spacing)) !important;
}
.-mr-2 {
  margin-right: calc(-2px * var(--size-base-spacing)) !important;
}
.-mb-2 {
  margin-bottom: calc(-2px * var(--size-base-spacing)) !important;
}
.-mt-2 {
  margin-top: calc(-2px * var(--size-base-spacing)) !important;
}
.-my-2 {
  margin-top: calc(-2px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-2px * var(--size-base-spacing)) !important;
}
.-mx-2 {
  margin-right: calc(-2px * var(--size-base-spacing)) !important;
  margin-left: calc(-2px * var(--size-base-spacing)) !important;
}
.-m-3 {
  margin: calc(-3px * var(--size-base-spacing)) !important;
}
.-ml-3 {
  margin-left: calc(-3px * var(--size-base-spacing)) !important;
}
.-mr-3 {
  margin-right: calc(-3px * var(--size-base-spacing)) !important;
}
.-mb-3 {
  margin-bottom: calc(-3px * var(--size-base-spacing)) !important;
}
.-mt-3 {
  margin-top: calc(-3px * var(--size-base-spacing)) !important;
}
.-my-3 {
  margin-top: calc(-3px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-3px * var(--size-base-spacing)) !important;
}
.-mx-3 {
  margin-right: calc(-3px * var(--size-base-spacing)) !important;
  margin-left: calc(-3px * var(--size-base-spacing)) !important;
}
.-m-4 {
  margin: calc(-4px * var(--size-base-spacing)) !important;
}
.-ml-4 {
  margin-left: calc(-4px * var(--size-base-spacing)) !important;
}
.-mr-4 {
  margin-right: calc(-4px * var(--size-base-spacing)) !important;
}
.-mb-4 {
  margin-bottom: calc(-4px * var(--size-base-spacing)) !important;
}
.-mt-4 {
  margin-top: calc(-4px * var(--size-base-spacing)) !important;
}
.-my-4 {
  margin-top: calc(-4px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-4px * var(--size-base-spacing)) !important;
}
.-mx-4 {
  margin-right: calc(-4px * var(--size-base-spacing)) !important;
  margin-left: calc(-4px * var(--size-base-spacing)) !important;
}
.-m-5 {
  margin: calc(-5px * var(--size-base-spacing)) !important;
}
.-ml-5 {
  margin-left: calc(-5px * var(--size-base-spacing)) !important;
}
.-mr-5 {
  margin-right: calc(-5px * var(--size-base-spacing)) !important;
}
.-mb-5 {
  margin-bottom: calc(-5px * var(--size-base-spacing)) !important;
}
.-mt-5 {
  margin-top: calc(-5px * var(--size-base-spacing)) !important;
}
.-my-5 {
  margin-top: calc(-5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-5px * var(--size-base-spacing)) !important;
}
.-mx-5 {
  margin-right: calc(-5px * var(--size-base-spacing)) !important;
  margin-left: calc(-5px * var(--size-base-spacing)) !important;
}
.-m-6 {
  margin: calc(-6px * var(--size-base-spacing)) !important;
}
.-ml-6 {
  margin-left: calc(-6px * var(--size-base-spacing)) !important;
}
.-mr-6 {
  margin-right: calc(-6px * var(--size-base-spacing)) !important;
}
.-mb-6 {
  margin-bottom: calc(-6px * var(--size-base-spacing)) !important;
}
.-mt-6 {
  margin-top: calc(-6px * var(--size-base-spacing)) !important;
}
.-my-6 {
  margin-top: calc(-6px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-6px * var(--size-base-spacing)) !important;
}
.-mx-6 {
  margin-right: calc(-6px * var(--size-base-spacing)) !important;
  margin-left: calc(-6px * var(--size-base-spacing)) !important;
}
.-m-7 {
  margin: calc(-7px * var(--size-base-spacing)) !important;
}
.-ml-7 {
  margin-left: calc(-7px * var(--size-base-spacing)) !important;
}
.-mr-7 {
  margin-right: calc(-7px * var(--size-base-spacing)) !important;
}
.-mb-7 {
  margin-bottom: calc(-7px * var(--size-base-spacing)) !important;
}
.-mt-7 {
  margin-top: calc(-7px * var(--size-base-spacing)) !important;
}
.-my-7 {
  margin-top: calc(-7px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-7px * var(--size-base-spacing)) !important;
}
.-mx-7 {
  margin-right: calc(-7px * var(--size-base-spacing)) !important;
  margin-left: calc(-7px * var(--size-base-spacing)) !important;
}
.-m-8 {
  margin: calc(-8px * var(--size-base-spacing)) !important;
}
.-ml-8 {
  margin-left: calc(-8px * var(--size-base-spacing)) !important;
}
.-mr-8 {
  margin-right: calc(-8px * var(--size-base-spacing)) !important;
}
.-mb-8 {
  margin-bottom: calc(-8px * var(--size-base-spacing)) !important;
}
.-mt-8 {
  margin-top: calc(-8px * var(--size-base-spacing)) !important;
}
.-my-8 {
  margin-top: calc(-8px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-8px * var(--size-base-spacing)) !important;
}
.-mx-8 {
  margin-right: calc(-8px * var(--size-base-spacing)) !important;
  margin-left: calc(-8px * var(--size-base-spacing)) !important;
}
.-m-9 {
  margin: calc(-9px * var(--size-base-spacing)) !important;
}
.-ml-9 {
  margin-left: calc(-9px * var(--size-base-spacing)) !important;
}
.-mr-9 {
  margin-right: calc(-9px * var(--size-base-spacing)) !important;
}
.-mb-9 {
  margin-bottom: calc(-9px * var(--size-base-spacing)) !important;
}
.-mt-9 {
  margin-top: calc(-9px * var(--size-base-spacing)) !important;
}
.-my-9 {
  margin-top: calc(-9px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-9px * var(--size-base-spacing)) !important;
}
.-mx-9 {
  margin-right: calc(-9px * var(--size-base-spacing)) !important;
  margin-left: calc(-9px * var(--size-base-spacing)) !important;
}
.-m-10 {
  margin: calc(-10px * var(--size-base-spacing)) !important;
}
.-ml-10 {
  margin-left: calc(-10px * var(--size-base-spacing)) !important;
}
.-mr-10 {
  margin-right: calc(-10px * var(--size-base-spacing)) !important;
}
.-mb-10 {
  margin-bottom: calc(-10px * var(--size-base-spacing)) !important;
}
.-mt-10 {
  margin-top: calc(-10px * var(--size-base-spacing)) !important;
}
.-my-10 {
  margin-top: calc(-10px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-10px * var(--size-base-spacing)) !important;
}
.-mx-10 {
  margin-right: calc(-10px * var(--size-base-spacing)) !important;
  margin-left: calc(-10px * var(--size-base-spacing)) !important;
}
.-m-0\.5 {
  margin: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-ml-0\.5 {
  margin-left: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mr-0\.5 {
  margin-right: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mb-0\.5 {
  margin-bottom: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mt-0\.5 {
  margin-top: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-my-0\.5 {
  margin-top: calc(-0.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mx-0\.5 {
  margin-right: calc(-0.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-m-1\.5 {
  margin: calc(-1.5px * var(--size-base-spacing)) !important;
}
.-ml-1\.5 {
  margin-left: calc(-1.5px * var(--size-base-spacing)) !important;
}
.-mr-1\.5 {
  margin-right: calc(-1.5px * var(--size-base-spacing)) !important;
}
.-mb-1\.5 {
  margin-bottom: calc(-1.5px * var(--size-base-spacing)) !important;
}
.-mt-1\.5 {
  margin-top: calc(-1.5px * var(--size-base-spacing)) !important;
}
.-my-1\.5 {
  margin-top: calc(-1.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-1.5px * var(--size-base-spacing)) !important;
}
.-mx-1\.5 {
  margin-right: calc(-1.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-1.5px * var(--size-base-spacing)) !important;
}
.-m-2\.5 {
  margin: calc(-2.5px * var(--size-base-spacing)) !important;
}
.-ml-2\.5 {
  margin-left: calc(-2.5px * var(--size-base-spacing)) !important;
}
.-mr-2\.5 {
  margin-right: calc(-2.5px * var(--size-base-spacing)) !important;
}
.-mb-2\.5 {
  margin-bottom: calc(-2.5px * var(--size-base-spacing)) !important;
}
.-mt-2\.5 {
  margin-top: calc(-2.5px * var(--size-base-spacing)) !important;
}
.-my-2\.5 {
  margin-top: calc(-2.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-2.5px * var(--size-base-spacing)) !important;
}
.-mx-2\.5 {
  margin-right: calc(-2.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-2.5px * var(--size-base-spacing)) !important;
}
.-m-3\.5 {
  margin: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-ml-3\.5 {
  margin-left: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mr-3\.5 {
  margin-right: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mb-3\.5 {
  margin-bottom: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mt-3\.5 {
  margin-top: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-my-3\.5 {
  margin-top: calc(-3.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mx-3\.5 {
  margin-right: calc(-3.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-m-4\.5 {
  margin: calc(-4.5px * var(--size-base-spacing)) !important;
}
.-ml-4\.5 {
  margin-left: calc(-4.5px * var(--size-base-spacing)) !important;
}
.-mr-4\.5 {
  margin-right: calc(-4.5px * var(--size-base-spacing)) !important;
}
.-mb-4\.5 {
  margin-bottom: calc(-4.5px * var(--size-base-spacing)) !important;
}
.-mt-4\.5 {
  margin-top: calc(-4.5px * var(--size-base-spacing)) !important;
}
.-my-4\.5 {
  margin-top: calc(-4.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-4.5px * var(--size-base-spacing)) !important;
}
.-mx-4\.5 {
  margin-right: calc(-4.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-4.5px * var(--size-base-spacing)) !important;
}
.-m-5\.5 {
  margin: calc(-5.5px * var(--size-base-spacing)) !important;
}
.-ml-5\.5 {
  margin-left: calc(-5.5px * var(--size-base-spacing)) !important;
}
.-mr-5\.5 {
  margin-right: calc(-5.5px * var(--size-base-spacing)) !important;
}
.-mb-5\.5 {
  margin-bottom: calc(-5.5px * var(--size-base-spacing)) !important;
}
.-mt-5\.5 {
  margin-top: calc(-5.5px * var(--size-base-spacing)) !important;
}
.-my-5\.5 {
  margin-top: calc(-5.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-5.5px * var(--size-base-spacing)) !important;
}
.-mx-5\.5 {
  margin-right: calc(-5.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-5.5px * var(--size-base-spacing)) !important;
}
.-m-6\.5 {
  margin: calc(-6.5px * var(--size-base-spacing)) !important;
}
.-ml-6\.5 {
  margin-left: calc(-6.5px * var(--size-base-spacing)) !important;
}
.-mr-6\.5 {
  margin-right: calc(-6.5px * var(--size-base-spacing)) !important;
}
.-mb-6\.5 {
  margin-bottom: calc(-6.5px * var(--size-base-spacing)) !important;
}
.-mt-6\.5 {
  margin-top: calc(-6.5px * var(--size-base-spacing)) !important;
}
.-my-6\.5 {
  margin-top: calc(-6.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-6.5px * var(--size-base-spacing)) !important;
}
.-mx-6\.5 {
  margin-right: calc(-6.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-6.5px * var(--size-base-spacing)) !important;
}
.-m-7\.5 {
  margin: calc(-7.5px * var(--size-base-spacing)) !important;
}
.-ml-7\.5 {
  margin-left: calc(-7.5px * var(--size-base-spacing)) !important;
}
.-mr-7\.5 {
  margin-right: calc(-7.5px * var(--size-base-spacing)) !important;
}
.-mb-7\.5 {
  margin-bottom: calc(-7.5px * var(--size-base-spacing)) !important;
}
.-mt-7\.5 {
  margin-top: calc(-7.5px * var(--size-base-spacing)) !important;
}
.-my-7\.5 {
  margin-top: calc(-7.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-7.5px * var(--size-base-spacing)) !important;
}
.-mx-7\.5 {
  margin-right: calc(-7.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-7.5px * var(--size-base-spacing)) !important;
}
.-m-8\.5 {
  margin: calc(-8.5px * var(--size-base-spacing)) !important;
}
.-ml-8\.5 {
  margin-left: calc(-8.5px * var(--size-base-spacing)) !important;
}
.-mr-8\.5 {
  margin-right: calc(-8.5px * var(--size-base-spacing)) !important;
}
.-mb-8\.5 {
  margin-bottom: calc(-8.5px * var(--size-base-spacing)) !important;
}
.-mt-8\.5 {
  margin-top: calc(-8.5px * var(--size-base-spacing)) !important;
}
.-my-8\.5 {
  margin-top: calc(-8.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-8.5px * var(--size-base-spacing)) !important;
}
.-mx-8\.5 {
  margin-right: calc(-8.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-8.5px * var(--size-base-spacing)) !important;
}
.-m-9\.5 {
  margin: calc(-9.5px * var(--size-base-spacing)) !important;
}
.-ml-9\.5 {
  margin-left: calc(-9.5px * var(--size-base-spacing)) !important;
}
.-mr-9\.5 {
  margin-right: calc(-9.5px * var(--size-base-spacing)) !important;
}
.-mb-9\.5 {
  margin-bottom: calc(-9.5px * var(--size-base-spacing)) !important;
}
.-mt-9\.5 {
  margin-top: calc(-9.5px * var(--size-base-spacing)) !important;
}
.-my-9\.5 {
  margin-top: calc(-9.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-9.5px * var(--size-base-spacing)) !important;
}
.-mx-9\.5 {
  margin-right: calc(-9.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-9.5px * var(--size-base-spacing)) !important;
}
.-m-10\.5 {
  margin: calc(-10.5px * var(--size-base-spacing)) !important;
}
.-ml-10\.5 {
  margin-left: calc(-10.5px * var(--size-base-spacing)) !important;
}
.-mr-10\.5 {
  margin-right: calc(-10.5px * var(--size-base-spacing)) !important;
}
.-mb-10\.5 {
  margin-bottom: calc(-10.5px * var(--size-base-spacing)) !important;
}
.-mt-10\.5 {
  margin-top: calc(-10.5px * var(--size-base-spacing)) !important;
}
.-my-10\.5 {
  margin-top: calc(-10.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-10.5px * var(--size-base-spacing)) !important;
}
.-mx-10\.5 {
  margin-right: calc(-10.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-10.5px * var(--size-base-spacing)) !important;
}
.p-xxsmall {
  padding: calc(0.25px * var(--size-base-spacing)) !important;
}
.pl-xxsmall {
  padding-left: calc(0.25px * var(--size-base-spacing)) !important;
}
.pr-xxsmall {
  padding-right: calc(0.25px * var(--size-base-spacing)) !important;
}
.pb-xxsmall {
  padding-bottom: calc(0.25px * var(--size-base-spacing)) !important;
}
.pt-xxsmall {
  padding-top: calc(0.25px * var(--size-base-spacing)) !important;
}
.py-xxsmall {
  padding-top: calc(0.25px * var(--size-base-spacing)) !important;
  padding-bottom: calc(0.25px * var(--size-base-spacing)) !important;
}
.px-xxsmall {
  padding-right: calc(0.25px * var(--size-base-spacing)) !important;
  padding-left: calc(0.25px * var(--size-base-spacing)) !important;
}
.m-xxsmall {
  margin: calc(0.25px * var(--size-base-spacing)) !important;
}
.mt-xxsmall {
  margin-top: calc(0.25px * var(--size-base-spacing)) !important;
}
.mr-xxsmall {
  margin-right: calc(0.25px * var(--size-base-spacing)) !important;
}
.mb-xxsmall {
  margin-bottom: calc(0.25px * var(--size-base-spacing)) !important;
}
.ml-xxsmall {
  margin-left: calc(0.25px * var(--size-base-spacing)) !important;
}
.my-xxsmall {
  margin-top: calc(0.25px * var(--size-base-spacing)) !important;
  margin-bottom: calc(0.25px * var(--size-base-spacing)) !important;
}
.mx-xxsmall {
  margin-right: calc(0.25px * var(--size-base-spacing)) !important;
  margin-left: calc(0.25px * var(--size-base-spacing)) !important;
}
.-m-xxsmall {
  margin: calc(-0.25px * var(--size-base-spacing)) !important;
}
.-mt-xxsmall {
  margin-top: calc(-0.25px * var(--size-base-spacing)) !important;
}
.-mr-xxsmall {
  margin-right: calc(-0.25px * var(--size-base-spacing)) !important;
}
.-mb-xxsmall {
  margin-bottom: calc(-0.25px * var(--size-base-spacing)) !important;
}
.-ml-xxsmall {
  margin-left: calc(-0.25px * var(--size-base-spacing)) !important;
}
.-my-xxsmall {
  margin-top: calc(-0.25px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-0.25px * var(--size-base-spacing)) !important;
}
.-mx-xxsmall {
  margin-right: calc(-0.25px * var(--size-base-spacing)) !important;
  margin-left: calc(-0.25px * var(--size-base-spacing)) !important;
}
.p-xsmall {
  padding: calc(0.5px * var(--size-base-spacing)) !important;
}
.pl-xsmall {
  padding-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.pr-xsmall {
  padding-right: calc(0.5px * var(--size-base-spacing)) !important;
}
.pb-xsmall {
  padding-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.pt-xsmall {
  padding-top: calc(0.5px * var(--size-base-spacing)) !important;
}
.py-xsmall {
  padding-top: calc(0.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.px-xsmall {
  padding-right: calc(0.5px * var(--size-base-spacing)) !important;
  padding-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.m-xsmall {
  margin: calc(0.5px * var(--size-base-spacing)) !important;
}
.mt-xsmall {
  margin-top: calc(0.5px * var(--size-base-spacing)) !important;
}
.mr-xsmall {
  margin-right: calc(0.5px * var(--size-base-spacing)) !important;
}
.mb-xsmall {
  margin-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.ml-xsmall {
  margin-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.my-xsmall {
  margin-top: calc(0.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(0.5px * var(--size-base-spacing)) !important;
}
.mx-xsmall {
  margin-right: calc(0.5px * var(--size-base-spacing)) !important;
  margin-left: calc(0.5px * var(--size-base-spacing)) !important;
}
.-m-xsmall {
  margin: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mt-xsmall {
  margin-top: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mr-xsmall {
  margin-right: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mb-xsmall {
  margin-bottom: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-ml-xsmall {
  margin-left: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-my-xsmall {
  margin-top: calc(-0.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-0.5px * var(--size-base-spacing)) !important;
}
.-mx-xsmall {
  margin-right: calc(-0.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-0.5px * var(--size-base-spacing)) !important;
}
.p-small {
  padding: calc(1px * var(--size-base-spacing)) !important;
}
.pl-small {
  padding-left: calc(1px * var(--size-base-spacing)) !important;
}
.pr-small {
  padding-right: calc(1px * var(--size-base-spacing)) !important;
}
.pb-small {
  padding-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.pt-small {
  padding-top: calc(1px * var(--size-base-spacing)) !important;
}
.py-small {
  padding-top: calc(1px * var(--size-base-spacing)) !important;
  padding-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.px-small {
  padding-right: calc(1px * var(--size-base-spacing)) !important;
  padding-left: calc(1px * var(--size-base-spacing)) !important;
}
.m-small {
  margin: calc(1px * var(--size-base-spacing)) !important;
}
.mt-small {
  margin-top: calc(1px * var(--size-base-spacing)) !important;
}
.mr-small {
  margin-right: calc(1px * var(--size-base-spacing)) !important;
}
.mb-small {
  margin-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.ml-small {
  margin-left: calc(1px * var(--size-base-spacing)) !important;
}
.my-small {
  margin-top: calc(1px * var(--size-base-spacing)) !important;
  margin-bottom: calc(1px * var(--size-base-spacing)) !important;
}
.mx-small {
  margin-right: calc(1px * var(--size-base-spacing)) !important;
  margin-left: calc(1px * var(--size-base-spacing)) !important;
}
.-m-small {
  margin: calc(-1px * var(--size-base-spacing)) !important;
}
.-mt-small {
  margin-top: calc(-1px * var(--size-base-spacing)) !important;
}
.-mr-small {
  margin-right: calc(-1px * var(--size-base-spacing)) !important;
}
.-mb-small {
  margin-bottom: calc(-1px * var(--size-base-spacing)) !important;
}
.-ml-small {
  margin-left: calc(-1px * var(--size-base-spacing)) !important;
}
.-my-small {
  margin-top: calc(-1px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-1px * var(--size-base-spacing)) !important;
}
.-mx-small {
  margin-right: calc(-1px * var(--size-base-spacing)) !important;
  margin-left: calc(-1px * var(--size-base-spacing)) !important;
}
.p-medium {
  padding: calc(2px * var(--size-base-spacing)) !important;
}
.pl-medium {
  padding-left: calc(2px * var(--size-base-spacing)) !important;
}
.pr-medium {
  padding-right: calc(2px * var(--size-base-spacing)) !important;
}
.pb-medium {
  padding-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.pt-medium {
  padding-top: calc(2px * var(--size-base-spacing)) !important;
}
.py-medium {
  padding-top: calc(2px * var(--size-base-spacing)) !important;
  padding-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.px-medium {
  padding-right: calc(2px * var(--size-base-spacing)) !important;
  padding-left: calc(2px * var(--size-base-spacing)) !important;
}
.m-medium {
  margin: calc(2px * var(--size-base-spacing)) !important;
}
.mt-medium {
  margin-top: calc(2px * var(--size-base-spacing)) !important;
}
.mr-medium {
  margin-right: calc(2px * var(--size-base-spacing)) !important;
}
.mb-medium {
  margin-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.ml-medium {
  margin-left: calc(2px * var(--size-base-spacing)) !important;
}
.my-medium {
  margin-top: calc(2px * var(--size-base-spacing)) !important;
  margin-bottom: calc(2px * var(--size-base-spacing)) !important;
}
.mx-medium {
  margin-right: calc(2px * var(--size-base-spacing)) !important;
  margin-left: calc(2px * var(--size-base-spacing)) !important;
}
.-m-medium {
  margin: calc(-2px * var(--size-base-spacing)) !important;
}
.-mt-medium {
  margin-top: calc(-2px * var(--size-base-spacing)) !important;
}
.-mr-medium {
  margin-right: calc(-2px * var(--size-base-spacing)) !important;
}
.-mb-medium {
  margin-bottom: calc(-2px * var(--size-base-spacing)) !important;
}
.-ml-medium {
  margin-left: calc(-2px * var(--size-base-spacing)) !important;
}
.-my-medium {
  margin-top: calc(-2px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-2px * var(--size-base-spacing)) !important;
}
.-mx-medium {
  margin-right: calc(-2px * var(--size-base-spacing)) !important;
  margin-left: calc(-2px * var(--size-base-spacing)) !important;
}
.p-global {
  padding: calc(3px * var(--size-base-spacing)) !important;
}
.pl-global {
  padding-left: calc(3px * var(--size-base-spacing)) !important;
}
.pr-global {
  padding-right: calc(3px * var(--size-base-spacing)) !important;
}
.pb-global {
  padding-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.pt-global {
  padding-top: calc(3px * var(--size-base-spacing)) !important;
}
.py-global {
  padding-top: calc(3px * var(--size-base-spacing)) !important;
  padding-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.px-global {
  padding-right: calc(3px * var(--size-base-spacing)) !important;
  padding-left: calc(3px * var(--size-base-spacing)) !important;
}
.m-global {
  margin: calc(3px * var(--size-base-spacing)) !important;
}
.mt-global {
  margin-top: calc(3px * var(--size-base-spacing)) !important;
}
.mr-global {
  margin-right: calc(3px * var(--size-base-spacing)) !important;
}
.mb-global {
  margin-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.ml-global {
  margin-left: calc(3px * var(--size-base-spacing)) !important;
}
.my-global {
  margin-top: calc(3px * var(--size-base-spacing)) !important;
  margin-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.mx-global {
  margin-right: calc(3px * var(--size-base-spacing)) !important;
  margin-left: calc(3px * var(--size-base-spacing)) !important;
}
.-m-global {
  margin: calc(-3px * var(--size-base-spacing)) !important;
}
.-mt-global {
  margin-top: calc(-3px * var(--size-base-spacing)) !important;
}
.-mr-global {
  margin-right: calc(-3px * var(--size-base-spacing)) !important;
}
.-mb-global {
  margin-bottom: calc(-3px * var(--size-base-spacing)) !important;
}
.-ml-global {
  margin-left: calc(-3px * var(--size-base-spacing)) !important;
}
.-my-global {
  margin-top: calc(-3px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-3px * var(--size-base-spacing)) !important;
}
.-mx-global {
  margin-right: calc(-3px * var(--size-base-spacing)) !important;
  margin-left: calc(-3px * var(--size-base-spacing)) !important;
}
.p-large {
  padding: calc(3px * var(--size-base-spacing)) !important;
}
.pl-large {
  padding-left: calc(3px * var(--size-base-spacing)) !important;
}
.pr-large {
  padding-right: calc(3px * var(--size-base-spacing)) !important;
}
.pb-large {
  padding-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.pt-large {
  padding-top: calc(3px * var(--size-base-spacing)) !important;
}
.py-large {
  padding-top: calc(3px * var(--size-base-spacing)) !important;
  padding-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.px-large {
  padding-right: calc(3px * var(--size-base-spacing)) !important;
  padding-left: calc(3px * var(--size-base-spacing)) !important;
}
.m-large {
  margin: calc(3px * var(--size-base-spacing)) !important;
}
.mt-large {
  margin-top: calc(3px * var(--size-base-spacing)) !important;
}
.mr-large {
  margin-right: calc(3px * var(--size-base-spacing)) !important;
}
.mb-large {
  margin-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.ml-large {
  margin-left: calc(3px * var(--size-base-spacing)) !important;
}
.my-large {
  margin-top: calc(3px * var(--size-base-spacing)) !important;
  margin-bottom: calc(3px * var(--size-base-spacing)) !important;
}
.mx-large {
  margin-right: calc(3px * var(--size-base-spacing)) !important;
  margin-left: calc(3px * var(--size-base-spacing)) !important;
}
.-m-large {
  margin: calc(-3px * var(--size-base-spacing)) !important;
}
.-mt-large {
  margin-top: calc(-3px * var(--size-base-spacing)) !important;
}
.-mr-large {
  margin-right: calc(-3px * var(--size-base-spacing)) !important;
}
.-mb-large {
  margin-bottom: calc(-3px * var(--size-base-spacing)) !important;
}
.-ml-large {
  margin-left: calc(-3px * var(--size-base-spacing)) !important;
}
.-my-large {
  margin-top: calc(-3px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-3px * var(--size-base-spacing)) !important;
}
.-mx-large {
  margin-right: calc(-3px * var(--size-base-spacing)) !important;
  margin-left: calc(-3px * var(--size-base-spacing)) !important;
}
.p-xlarge {
  padding: calc(3.5px * var(--size-base-spacing)) !important;
}
.pl-xlarge {
  padding-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.pr-xlarge {
  padding-right: calc(3.5px * var(--size-base-spacing)) !important;
}
.pb-xlarge {
  padding-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.pt-xlarge {
  padding-top: calc(3.5px * var(--size-base-spacing)) !important;
}
.py-xlarge {
  padding-top: calc(3.5px * var(--size-base-spacing)) !important;
  padding-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.px-xlarge {
  padding-right: calc(3.5px * var(--size-base-spacing)) !important;
  padding-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.m-xlarge {
  margin: calc(3.5px * var(--size-base-spacing)) !important;
}
.mt-xlarge {
  margin-top: calc(3.5px * var(--size-base-spacing)) !important;
}
.mr-xlarge {
  margin-right: calc(3.5px * var(--size-base-spacing)) !important;
}
.mb-xlarge {
  margin-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.ml-xlarge {
  margin-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.my-xlarge {
  margin-top: calc(3.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(3.5px * var(--size-base-spacing)) !important;
}
.mx-xlarge {
  margin-right: calc(3.5px * var(--size-base-spacing)) !important;
  margin-left: calc(3.5px * var(--size-base-spacing)) !important;
}
.-m-xlarge {
  margin: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mt-xlarge {
  margin-top: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mr-xlarge {
  margin-right: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mb-xlarge {
  margin-bottom: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-ml-xlarge {
  margin-left: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-my-xlarge {
  margin-top: calc(-3.5px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-3.5px * var(--size-base-spacing)) !important;
}
.-mx-xlarge {
  margin-right: calc(-3.5px * var(--size-base-spacing)) !important;
  margin-left: calc(-3.5px * var(--size-base-spacing)) !important;
}
.p-xxlarge {
  padding: calc(4px * var(--size-base-spacing)) !important;
}
.pl-xxlarge {
  padding-left: calc(4px * var(--size-base-spacing)) !important;
}
.pr-xxlarge {
  padding-right: calc(4px * var(--size-base-spacing)) !important;
}
.pb-xxlarge {
  padding-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.pt-xxlarge {
  padding-top: calc(4px * var(--size-base-spacing)) !important;
}
.py-xxlarge {
  padding-top: calc(4px * var(--size-base-spacing)) !important;
  padding-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.px-xxlarge {
  padding-right: calc(4px * var(--size-base-spacing)) !important;
  padding-left: calc(4px * var(--size-base-spacing)) !important;
}
.m-xxlarge {
  margin: calc(4px * var(--size-base-spacing)) !important;
}
.mt-xxlarge {
  margin-top: calc(4px * var(--size-base-spacing)) !important;
}
.mr-xxlarge {
  margin-right: calc(4px * var(--size-base-spacing)) !important;
}
.mb-xxlarge {
  margin-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.ml-xxlarge {
  margin-left: calc(4px * var(--size-base-spacing)) !important;
}
.my-xxlarge {
  margin-top: calc(4px * var(--size-base-spacing)) !important;
  margin-bottom: calc(4px * var(--size-base-spacing)) !important;
}
.mx-xxlarge {
  margin-right: calc(4px * var(--size-base-spacing)) !important;
  margin-left: calc(4px * var(--size-base-spacing)) !important;
}
.-m-xxlarge {
  margin: calc(-4px * var(--size-base-spacing)) !important;
}
.-mt-xxlarge {
  margin-top: calc(-4px * var(--size-base-spacing)) !important;
}
.-mr-xxlarge {
  margin-right: calc(-4px * var(--size-base-spacing)) !important;
}
.-mb-xxlarge {
  margin-bottom: calc(-4px * var(--size-base-spacing)) !important;
}
.-ml-xxlarge {
  margin-left: calc(-4px * var(--size-base-spacing)) !important;
}
.-my-xxlarge {
  margin-top: calc(-4px * var(--size-base-spacing)) !important;
  margin-bottom: calc(-4px * var(--size-base-spacing)) !important;
}
.-mx-xxlarge {
  margin-right: calc(-4px * var(--size-base-spacing)) !important;
  margin-left: calc(-4px * var(--size-base-spacing)) !important;
}