/* CSS utilities generated from Pollen CSS variables using AWK.*/
/* by Weav Retail Ltd. 2025 */
/* Extra utilities not necessarily based on pollen variables */
.absolute {position: absolute !important;}
.relative {position: relative !important;}
.fixed {position: fixed !important;}
.sticky {position: sticky !important;}
.top-0 {top: 0 !important;}
.left-0 {left: 0 !important;}
.right-0 {right: 0 !important;}
.bottom-0 {bottom: 0 !important;}
.m-0 {margin: 0 !important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.p-0 {padding: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.px-0 {padding-left: 0 !important; padding-right: 0 !important;}
.d-block {display: block !important;}
.d-inline-block {display: inline-block !important;}
.d-inline {display: inline !important;}
.d-none {display: none !important;}
.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.flex-column {flex-direction: column !important;}
.flex-row {flex-direction: row !important;}
.justify-start {justify-content: start !important;}
.justify-between {justify-content: space-between !important;}
.justify-around {justify-content: space-around !important;}
.justify-evenly {justify-content: space-evenly !important;}
.justify-stretch {justify-content: space-stretch !important;}
.justify-center {justify-content: center !important;}
.justify-end {justify-content: end !important;}
.align-start {align-items: start !important;}
.align-center {align-items: center !important;}
.align-end {align-items: end !important;}
.align-self-start {align-self: start !important;}
.align-self-center {align-self: center !important;}
.align-self-end {align-self: end !important;}
.flex-grow-1 {flex-grow: 1 !important;}
.flex-grow-0 {flex-grow: 0 !important;}
.flex-shrink-1 {flex-shrink: 1 !important;}
.flex-shrink-0 {flex-shrink: 0 !important;}
.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-decoration-none {text-decoration: none !important;}
.text-underlined {text-decoration: underlined !important;}
.color-inherit {color: inherit !important;}
.color-text {color: var(--color-text) !important;}
.color-bg {color: var(--color-bg) !important;}
.border {border-style: solid !important;}
.border-none {border: none !important;}
.border-left-none {border-left: none !important;}
.border-right-none {border-right: none !important;}
.border-top-none {border-top: none !important;}
.border-bottom-none {border-bottom: none !important;}
.border-top {border-top: solid !important;}
.border-bottom {border-bottom: solid !important;}
.border-left {border-left: solid !important;}
.border-right {border-right: solid !important;}
.border-thin {border-width: 2px !important;}
.border-left-thin {border-left-width: 2px !important;}
.border-right-thin {border-right-width: 2px !important;}
.border-bottom-thin {border-bottom-width: 2px !important;}
.opacity-0 {opacity: 0 !important;}
.opacity-20 {opacity: 0.2 !important;}
.opacity-40 {opacity: 0.4 !important;}
.opacity-50 {opacity: 0.5 !important;}
.opacity-60 {opacity: 0.6 !important;}
.opacity-80 {opacity: 0.8 !important;}
.opacity-100 {opacity: 1 !important;}
.overflow-hidden { overflow: hidden !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-auto { overflow: auto !important; }
.nowrap { white-space: nowrap !important; }
.wrap { white-space: wrap !important; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.italic { font-style: italic !important; }
.oblique { font-style: oblique !important; }
.list-unstyled { list-style: none !important; padding: 0 !important; }
  .scale-0 {font-size: 1rem !important;}
  .scale-1 {font-size: 1.125rem !important;}
  .scale-2 {font-size: 1.25rem !important;}
  .scale-3 {font-size: 1.5rem !important;}
  .scale-4 {font-size: 1.875rem !important;}
  .scale-5 {font-size: 2.25rem !important;}
  .scale-6 {font-size: 3rem !important;}
  .scale-7 {font-size: 3.75rem !important;}
  .scale-8 {font-size: 4.5rem !important;}
  .scale-9 {font-size: 6rem !important;}
  .scale-10 {font-size: 8rem !important;}
  .scale-000 {font-size: 0.75rem !important;}
  .scale-00 {font-size: 0.875rem !important;}
  .scale-fluid-0 {font-size: clamp(0.875rem, 0.8rem + 0.25vw, 1rem) !important;}
  .scale-fluid-1 {font-size: clamp(1rem, 0.925rem + 0.25vw, 1.125rem) !important;}
  .scale-fluid-2 {font-size: clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem) !important;}
  .scale-fluid-3 {font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem) !important;}
  .scale-fluid-4 {font-size: clamp(1.5rem, 1.275rem + 0.75vw, 1.875rem) !important;}
  .scale-fluid-5 {font-size: clamp(1.875rem, 1.65rem + 0.75vw, 2.25rem) !important;}
  .scale-fluid-6 {font-size: clamp(2.25rem, 1.8rem + 1.5vw, 3rem) !important;}
  .scale-fluid-7 {font-size: clamp(3rem, 2.55rem + 1.5vw, 3.75rem) !important;}
  .scale-fluid-8 {font-size: clamp(3.75rem, 3.3rem + 1.5vw, 4.5rem) !important;}
  .scale-fluid-9 {font-size: clamp(4.5rem, 3.6rem + 3vw, 6rem) !important;}
  .scale-fluid-10 {font-size: clamp(6rem, 4.8rem + 4vw, 8rem) !important;}
  .scale-fluid-000 {font-size: clamp(0.625rem, 0.55rem + 0.25vw, 0.75rem) !important;}
  .scale-fluid-00 {font-size: clamp(0.75rem, 0.675rem + 0.25vw, 0.875rem) !important;}
  .font-sans {font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue !important;}
  .font-serif {font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;}
  .font-mono {font-family: Consolas, Menlo, Monaco, "Liberation Mono", monospace !important;}
  .weight-light {font-weight: 300 !important;}
  .weight-regular {font-weight: 400 !important;}
  .weight-medium {font-weight: 500 !important;}
  .weight-semibold {font-weight: 600 !important;}
  .weight-bold {font-weight: 700 !important;}
  .weight-extrabold {font-weight: 800 !important;}
  .weight-black {font-weight: 900 !important;}
  .line-none {line-height: 1 !important;}
  .line-xs {line-height: 1.125 !important;}
  .line-sm {line-height: 1.275 !important;}
  .line-md {line-height: 1.5 !important;}
  .line-lg {line-height: 1.625 !important;}
  .line-xl {line-height: 2 !important;}
  .letter-xs {letter-spacing: -0.05em !important;}
  .letter-sm {letter-spacing: -0.025em !important;}
  .letter-none {letter-spacing: 0em !important;}
  .letter-lg {letter-spacing: 0.025em !important;}
  .letter-xl {letter-spacing: 0.05em !important;}
  .prose-xs {font-size: 45ch !important;}
  .prose-sm {font-size: 55ch !important;}
  .prose-md {font-size: 65ch !important;}
  .prose-lg {font-size: 75ch !important;}
  .prose-xl {font-size: 85ch !important;}
  .top-1 {top: 4px !important;}
  .left-1 {left: 4px !important;}
  .right-1 {right: 4px !important;}
  .bottom-1 {bottom: 4px !important;}
  .p-1 {padding: 4px !important;}
  .px-1 {padding-left: 4px !important; padding-right: 4px !important;}
  .py-1 {padding-top: 4px !important; padding-bottom: 4px !important;}
  .pl-1 {padding-left: 4px !important;}
  .pr-1 {padding-right: 4px !important;}
  .pt-1 {padding-top: 4px !important;}
  .pb-1 {padding-bottom: 4px !important;}
  .m-1 {margin: 4px !important;}
  .m-1n {margin: calc(-1 * 4px) !important;}
  .mx-1 {margin-left: 4px !important; margin-right: 4px !important; }
  .mx-1n {margin-left: calc(-1 * 4px) !important; margin-right: calc(-1 * 4px) !important;}
  .my-1 {margin-top: 4px !important; margin-bottom: 4px !important;}
  .my-1n {margin-top: calc(-1 * 4px) !important; margin-bottom: calc(-1 * 4px) !important}
  .ml-1 {margin-left: 4px !important;}
  .ml-1n {margin-left: calc(-1 * 4px) !important;}
  .mr-1 {margin-right: 4px !important;}
  .mr-1n {margin-right: calc(-1 * 4px) !important;}
  .mt-1 {margin-top: 4px !important;}
  .mt-1n {margin-top: calc(-1 * 4px) !important;}
  .mb-1 {margin-bottom: 4px !important;}
  .mb-1n {margin-bottom: calc(-1 * 4px) !important;}
  .width-1 {width: 4px !important;}
  .maxwidth-1 {max-width: 4px !important;}
  .minwidth-1 {min-width: 4px !important;}
  .height-1 {height: 4px !important;}
  .maxheight-1 {max-height: 4px !important;}
  .minheight-1 {min-height: 4px !important;}
  .grid-gap-1 {grid-gap: 4px !important;}
  .gap-1 {gap: 4px !important;}
  .border-1 {border-width: 4px !important;}
  .border-left-1 {border-left-width: 4px !important;}
  .border-right-1 {border-right-width: 4px !important;}
  .border-top-1 {border-top-width: 4px !important;}
  .border-bottom-1 {border-bottom-width: 4px !important;}
  .top-2 {top: 8px !important;}
  .left-2 {left: 8px !important;}
  .right-2 {right: 8px !important;}
  .bottom-2 {bottom: 8px !important;}
  .p-2 {padding: 8px !important;}
  .px-2 {padding-left: 8px !important; padding-right: 8px !important;}
  .py-2 {padding-top: 8px !important; padding-bottom: 8px !important;}
  .pl-2 {padding-left: 8px !important;}
  .pr-2 {padding-right: 8px !important;}
  .pt-2 {padding-top: 8px !important;}
  .pb-2 {padding-bottom: 8px !important;}
  .m-2 {margin: 8px !important;}
  .m-2n {margin: calc(-1 * 8px) !important;}
  .mx-2 {margin-left: 8px !important; margin-right: 8px !important; }
  .mx-2n {margin-left: calc(-1 * 8px) !important; margin-right: calc(-1 * 8px) !important;}
  .my-2 {margin-top: 8px !important; margin-bottom: 8px !important;}
  .my-2n {margin-top: calc(-1 * 8px) !important; margin-bottom: calc(-1 * 8px) !important}
  .ml-2 {margin-left: 8px !important;}
  .ml-2n {margin-left: calc(-1 * 8px) !important;}
  .mr-2 {margin-right: 8px !important;}
  .mr-2n {margin-right: calc(-1 * 8px) !important;}
  .mt-2 {margin-top: 8px !important;}
  .mt-2n {margin-top: calc(-1 * 8px) !important;}
  .mb-2 {margin-bottom: 8px !important;}
  .mb-2n {margin-bottom: calc(-1 * 8px) !important;}
  .width-2 {width: 8px !important;}
  .maxwidth-2 {max-width: 8px !important;}
  .minwidth-2 {min-width: 8px !important;}
  .height-2 {height: 8px !important;}
  .maxheight-2 {max-height: 8px !important;}
  .minheight-2 {min-height: 8px !important;}
  .grid-gap-2 {grid-gap: 8px !important;}
  .gap-2 {gap: 8px !important;}
  .border-2 {border-width: 8px !important;}
  .border-left-2 {border-left-width: 8px !important;}
  .border-right-2 {border-right-width: 8px !important;}
  .border-top-2 {border-top-width: 8px !important;}
  .border-bottom-2 {border-bottom-width: 8px !important;}
  .top-3 {top: 12px !important;}
  .left-3 {left: 12px !important;}
  .right-3 {right: 12px !important;}
  .bottom-3 {bottom: 12px !important;}
  .p-3 {padding: 12px !important;}
  .px-3 {padding-left: 12px !important; padding-right: 12px !important;}
  .py-3 {padding-top: 12px !important; padding-bottom: 12px !important;}
  .pl-3 {padding-left: 12px !important;}
  .pr-3 {padding-right: 12px !important;}
  .pt-3 {padding-top: 12px !important;}
  .pb-3 {padding-bottom: 12px !important;}
  .m-3 {margin: 12px !important;}
  .m-3n {margin: calc(-1 * 12px) !important;}
  .mx-3 {margin-left: 12px !important; margin-right: 12px !important; }
  .mx-3n {margin-left: calc(-1 * 12px) !important; margin-right: calc(-1 * 12px) !important;}
  .my-3 {margin-top: 12px !important; margin-bottom: 12px !important;}
  .my-3n {margin-top: calc(-1 * 12px) !important; margin-bottom: calc(-1 * 12px) !important}
  .ml-3 {margin-left: 12px !important;}
  .ml-3n {margin-left: calc(-1 * 12px) !important;}
  .mr-3 {margin-right: 12px !important;}
  .mr-3n {margin-right: calc(-1 * 12px) !important;}
  .mt-3 {margin-top: 12px !important;}
  .mt-3n {margin-top: calc(-1 * 12px) !important;}
  .mb-3 {margin-bottom: 12px !important;}
  .mb-3n {margin-bottom: calc(-1 * 12px) !important;}
  .width-3 {width: 12px !important;}
  .maxwidth-3 {max-width: 12px !important;}
  .minwidth-3 {min-width: 12px !important;}
  .height-3 {height: 12px !important;}
  .maxheight-3 {max-height: 12px !important;}
  .minheight-3 {min-height: 12px !important;}
  .grid-gap-3 {grid-gap: 12px !important;}
  .gap-3 {gap: 12px !important;}
  .border-3 {border-width: 12px !important;}
  .border-left-3 {border-left-width: 12px !important;}
  .border-right-3 {border-right-width: 12px !important;}
  .border-top-3 {border-top-width: 12px !important;}
  .border-bottom-3 {border-bottom-width: 12px !important;}
  .top-4 {top: 16px !important;}
  .left-4 {left: 16px !important;}
  .right-4 {right: 16px !important;}
  .bottom-4 {bottom: 16px !important;}
  .p-4 {padding: 16px !important;}
  .px-4 {padding-left: 16px !important; padding-right: 16px !important;}
  .py-4 {padding-top: 16px !important; padding-bottom: 16px !important;}
  .pl-4 {padding-left: 16px !important;}
  .pr-4 {padding-right: 16px !important;}
  .pt-4 {padding-top: 16px !important;}
  .pb-4 {padding-bottom: 16px !important;}
  .m-4 {margin: 16px !important;}
  .m-4n {margin: calc(-1 * 16px) !important;}
  .mx-4 {margin-left: 16px !important; margin-right: 16px !important; }
  .mx-4n {margin-left: calc(-1 * 16px) !important; margin-right: calc(-1 * 16px) !important;}
  .my-4 {margin-top: 16px !important; margin-bottom: 16px !important;}
  .my-4n {margin-top: calc(-1 * 16px) !important; margin-bottom: calc(-1 * 16px) !important}
  .ml-4 {margin-left: 16px !important;}
  .ml-4n {margin-left: calc(-1 * 16px) !important;}
  .mr-4 {margin-right: 16px !important;}
  .mr-4n {margin-right: calc(-1 * 16px) !important;}
  .mt-4 {margin-top: 16px !important;}
  .mt-4n {margin-top: calc(-1 * 16px) !important;}
  .mb-4 {margin-bottom: 16px !important;}
  .mb-4n {margin-bottom: calc(-1 * 16px) !important;}
  .width-4 {width: 16px !important;}
  .maxwidth-4 {max-width: 16px !important;}
  .minwidth-4 {min-width: 16px !important;}
  .height-4 {height: 16px !important;}
  .maxheight-4 {max-height: 16px !important;}
  .minheight-4 {min-height: 16px !important;}
  .grid-gap-4 {grid-gap: 16px !important;}
  .gap-4 {gap: 16px !important;}
  .border-4 {border-width: 16px !important;}
  .border-left-4 {border-left-width: 16px !important;}
  .border-right-4 {border-right-width: 16px !important;}
  .border-top-4 {border-top-width: 16px !important;}
  .border-bottom-4 {border-bottom-width: 16px !important;}
  .top-5 {top: 20px !important;}
  .left-5 {left: 20px !important;}
  .right-5 {right: 20px !important;}
  .bottom-5 {bottom: 20px !important;}
  .p-5 {padding: 20px !important;}
  .px-5 {padding-left: 20px !important; padding-right: 20px !important;}
  .py-5 {padding-top: 20px !important; padding-bottom: 20px !important;}
  .pl-5 {padding-left: 20px !important;}
  .pr-5 {padding-right: 20px !important;}
  .pt-5 {padding-top: 20px !important;}
  .pb-5 {padding-bottom: 20px !important;}
  .m-5 {margin: 20px !important;}
  .m-5n {margin: calc(-1 * 20px) !important;}
  .mx-5 {margin-left: 20px !important; margin-right: 20px !important; }
  .mx-5n {margin-left: calc(-1 * 20px) !important; margin-right: calc(-1 * 20px) !important;}
  .my-5 {margin-top: 20px !important; margin-bottom: 20px !important;}
  .my-5n {margin-top: calc(-1 * 20px) !important; margin-bottom: calc(-1 * 20px) !important}
  .ml-5 {margin-left: 20px !important;}
  .ml-5n {margin-left: calc(-1 * 20px) !important;}
  .mr-5 {margin-right: 20px !important;}
  .mr-5n {margin-right: calc(-1 * 20px) !important;}
  .mt-5 {margin-top: 20px !important;}
  .mt-5n {margin-top: calc(-1 * 20px) !important;}
  .mb-5 {margin-bottom: 20px !important;}
  .mb-5n {margin-bottom: calc(-1 * 20px) !important;}
  .width-5 {width: 20px !important;}
  .maxwidth-5 {max-width: 20px !important;}
  .minwidth-5 {min-width: 20px !important;}
  .height-5 {height: 20px !important;}
  .maxheight-5 {max-height: 20px !important;}
  .minheight-5 {min-height: 20px !important;}
  .grid-gap-5 {grid-gap: 20px !important;}
  .gap-5 {gap: 20px !important;}
  .border-5 {border-width: 20px !important;}
  .border-left-5 {border-left-width: 20px !important;}
  .border-right-5 {border-right-width: 20px !important;}
  .border-top-5 {border-top-width: 20px !important;}
  .border-bottom-5 {border-bottom-width: 20px !important;}
  .top-6 {top: 24px !important;}
  .left-6 {left: 24px !important;}
  .right-6 {right: 24px !important;}
  .bottom-6 {bottom: 24px !important;}
  .p-6 {padding: 24px !important;}
  .px-6 {padding-left: 24px !important; padding-right: 24px !important;}
  .py-6 {padding-top: 24px !important; padding-bottom: 24px !important;}
  .pl-6 {padding-left: 24px !important;}
  .pr-6 {padding-right: 24px !important;}
  .pt-6 {padding-top: 24px !important;}
  .pb-6 {padding-bottom: 24px !important;}
  .m-6 {margin: 24px !important;}
  .m-6n {margin: calc(-1 * 24px) !important;}
  .mx-6 {margin-left: 24px !important; margin-right: 24px !important; }
  .mx-6n {margin-left: calc(-1 * 24px) !important; margin-right: calc(-1 * 24px) !important;}
  .my-6 {margin-top: 24px !important; margin-bottom: 24px !important;}
  .my-6n {margin-top: calc(-1 * 24px) !important; margin-bottom: calc(-1 * 24px) !important}
  .ml-6 {margin-left: 24px !important;}
  .ml-6n {margin-left: calc(-1 * 24px) !important;}
  .mr-6 {margin-right: 24px !important;}
  .mr-6n {margin-right: calc(-1 * 24px) !important;}
  .mt-6 {margin-top: 24px !important;}
  .mt-6n {margin-top: calc(-1 * 24px) !important;}
  .mb-6 {margin-bottom: 24px !important;}
  .mb-6n {margin-bottom: calc(-1 * 24px) !important;}
  .width-6 {width: 24px !important;}
  .maxwidth-6 {max-width: 24px !important;}
  .minwidth-6 {min-width: 24px !important;}
  .height-6 {height: 24px !important;}
  .maxheight-6 {max-height: 24px !important;}
  .minheight-6 {min-height: 24px !important;}
  .grid-gap-6 {grid-gap: 24px !important;}
  .gap-6 {gap: 24px !important;}
  .border-6 {border-width: 24px !important;}
  .border-left-6 {border-left-width: 24px !important;}
  .border-right-6 {border-right-width: 24px !important;}
  .border-top-6 {border-top-width: 24px !important;}
  .border-bottom-6 {border-bottom-width: 24px !important;}
  .top-7 {top: 28px !important;}
  .left-7 {left: 28px !important;}
  .right-7 {right: 28px !important;}
  .bottom-7 {bottom: 28px !important;}
  .p-7 {padding: 28px !important;}
  .px-7 {padding-left: 28px !important; padding-right: 28px !important;}
  .py-7 {padding-top: 28px !important; padding-bottom: 28px !important;}
  .pl-7 {padding-left: 28px !important;}
  .pr-7 {padding-right: 28px !important;}
  .pt-7 {padding-top: 28px !important;}
  .pb-7 {padding-bottom: 28px !important;}
  .m-7 {margin: 28px !important;}
  .m-7n {margin: calc(-1 * 28px) !important;}
  .mx-7 {margin-left: 28px !important; margin-right: 28px !important; }
  .mx-7n {margin-left: calc(-1 * 28px) !important; margin-right: calc(-1 * 28px) !important;}
  .my-7 {margin-top: 28px !important; margin-bottom: 28px !important;}
  .my-7n {margin-top: calc(-1 * 28px) !important; margin-bottom: calc(-1 * 28px) !important}
  .ml-7 {margin-left: 28px !important;}
  .ml-7n {margin-left: calc(-1 * 28px) !important;}
  .mr-7 {margin-right: 28px !important;}
  .mr-7n {margin-right: calc(-1 * 28px) !important;}
  .mt-7 {margin-top: 28px !important;}
  .mt-7n {margin-top: calc(-1 * 28px) !important;}
  .mb-7 {margin-bottom: 28px !important;}
  .mb-7n {margin-bottom: calc(-1 * 28px) !important;}
  .width-7 {width: 28px !important;}
  .maxwidth-7 {max-width: 28px !important;}
  .minwidth-7 {min-width: 28px !important;}
  .height-7 {height: 28px !important;}
  .maxheight-7 {max-height: 28px !important;}
  .minheight-7 {min-height: 28px !important;}
  .grid-gap-7 {grid-gap: 28px !important;}
  .gap-7 {gap: 28px !important;}
  .border-7 {border-width: 28px !important;}
  .border-left-7 {border-left-width: 28px !important;}
  .border-right-7 {border-right-width: 28px !important;}
  .border-top-7 {border-top-width: 28px !important;}
  .border-bottom-7 {border-bottom-width: 28px !important;}
  .top-8 {top: 32px !important;}
  .left-8 {left: 32px !important;}
  .right-8 {right: 32px !important;}
  .bottom-8 {bottom: 32px !important;}
  .p-8 {padding: 32px !important;}
  .px-8 {padding-left: 32px !important; padding-right: 32px !important;}
  .py-8 {padding-top: 32px !important; padding-bottom: 32px !important;}
  .pl-8 {padding-left: 32px !important;}
  .pr-8 {padding-right: 32px !important;}
  .pt-8 {padding-top: 32px !important;}
  .pb-8 {padding-bottom: 32px !important;}
  .m-8 {margin: 32px !important;}
  .m-8n {margin: calc(-1 * 32px) !important;}
  .mx-8 {margin-left: 32px !important; margin-right: 32px !important; }
  .mx-8n {margin-left: calc(-1 * 32px) !important; margin-right: calc(-1 * 32px) !important;}
  .my-8 {margin-top: 32px !important; margin-bottom: 32px !important;}
  .my-8n {margin-top: calc(-1 * 32px) !important; margin-bottom: calc(-1 * 32px) !important}
  .ml-8 {margin-left: 32px !important;}
  .ml-8n {margin-left: calc(-1 * 32px) !important;}
  .mr-8 {margin-right: 32px !important;}
  .mr-8n {margin-right: calc(-1 * 32px) !important;}
  .mt-8 {margin-top: 32px !important;}
  .mt-8n {margin-top: calc(-1 * 32px) !important;}
  .mb-8 {margin-bottom: 32px !important;}
  .mb-8n {margin-bottom: calc(-1 * 32px) !important;}
  .width-8 {width: 32px !important;}
  .maxwidth-8 {max-width: 32px !important;}
  .minwidth-8 {min-width: 32px !important;}
  .height-8 {height: 32px !important;}
  .maxheight-8 {max-height: 32px !important;}
  .minheight-8 {min-height: 32px !important;}
  .grid-gap-8 {grid-gap: 32px !important;}
  .gap-8 {gap: 32px !important;}
  .border-8 {border-width: 32px !important;}
  .border-left-8 {border-left-width: 32px !important;}
  .border-right-8 {border-right-width: 32px !important;}
  .border-top-8 {border-top-width: 32px !important;}
  .border-bottom-8 {border-bottom-width: 32px !important;}
  .top-9 {top: 36px !important;}
  .left-9 {left: 36px !important;}
  .right-9 {right: 36px !important;}
  .bottom-9 {bottom: 36px !important;}
  .p-9 {padding: 36px !important;}
  .px-9 {padding-left: 36px !important; padding-right: 36px !important;}
  .py-9 {padding-top: 36px !important; padding-bottom: 36px !important;}
  .pl-9 {padding-left: 36px !important;}
  .pr-9 {padding-right: 36px !important;}
  .pt-9 {padding-top: 36px !important;}
  .pb-9 {padding-bottom: 36px !important;}
  .m-9 {margin: 36px !important;}
  .m-9n {margin: calc(-1 * 36px) !important;}
  .mx-9 {margin-left: 36px !important; margin-right: 36px !important; }
  .mx-9n {margin-left: calc(-1 * 36px) !important; margin-right: calc(-1 * 36px) !important;}
  .my-9 {margin-top: 36px !important; margin-bottom: 36px !important;}
  .my-9n {margin-top: calc(-1 * 36px) !important; margin-bottom: calc(-1 * 36px) !important}
  .ml-9 {margin-left: 36px !important;}
  .ml-9n {margin-left: calc(-1 * 36px) !important;}
  .mr-9 {margin-right: 36px !important;}
  .mr-9n {margin-right: calc(-1 * 36px) !important;}
  .mt-9 {margin-top: 36px !important;}
  .mt-9n {margin-top: calc(-1 * 36px) !important;}
  .mb-9 {margin-bottom: 36px !important;}
  .mb-9n {margin-bottom: calc(-1 * 36px) !important;}
  .width-9 {width: 36px !important;}
  .maxwidth-9 {max-width: 36px !important;}
  .minwidth-9 {min-width: 36px !important;}
  .height-9 {height: 36px !important;}
  .maxheight-9 {max-height: 36px !important;}
  .minheight-9 {min-height: 36px !important;}
  .grid-gap-9 {grid-gap: 36px !important;}
  .gap-9 {gap: 36px !important;}
  .border-9 {border-width: 36px !important;}
  .border-left-9 {border-left-width: 36px !important;}
  .border-right-9 {border-right-width: 36px !important;}
  .border-top-9 {border-top-width: 36px !important;}
  .border-bottom-9 {border-bottom-width: 36px !important;}
  .top-10 {top: 40px !important;}
  .left-10 {left: 40px !important;}
  .right-10 {right: 40px !important;}
  .bottom-10 {bottom: 40px !important;}
  .p-10 {padding: 40px !important;}
  .px-10 {padding-left: 40px !important; padding-right: 40px !important;}
  .py-10 {padding-top: 40px !important; padding-bottom: 40px !important;}
  .pl-10 {padding-left: 40px !important;}
  .pr-10 {padding-right: 40px !important;}
  .pt-10 {padding-top: 40px !important;}
  .pb-10 {padding-bottom: 40px !important;}
  .m-10 {margin: 40px !important;}
  .m-10n {margin: calc(-1 * 40px) !important;}
  .mx-10 {margin-left: 40px !important; margin-right: 40px !important; }
  .mx-10n {margin-left: calc(-1 * 40px) !important; margin-right: calc(-1 * 40px) !important;}
  .my-10 {margin-top: 40px !important; margin-bottom: 40px !important;}
  .my-10n {margin-top: calc(-1 * 40px) !important; margin-bottom: calc(-1 * 40px) !important}
  .ml-10 {margin-left: 40px !important;}
  .ml-10n {margin-left: calc(-1 * 40px) !important;}
  .mr-10 {margin-right: 40px !important;}
  .mr-10n {margin-right: calc(-1 * 40px) !important;}
  .mt-10 {margin-top: 40px !important;}
  .mt-10n {margin-top: calc(-1 * 40px) !important;}
  .mb-10 {margin-bottom: 40px !important;}
  .mb-10n {margin-bottom: calc(-1 * 40px) !important;}
  .width-10 {width: 40px !important;}
  .maxwidth-10 {max-width: 40px !important;}
  .minwidth-10 {min-width: 40px !important;}
  .height-10 {height: 40px !important;}
  .maxheight-10 {max-height: 40px !important;}
  .minheight-10 {min-height: 40px !important;}
  .grid-gap-10 {grid-gap: 40px !important;}
  .gap-10 {gap: 40px !important;}
  .border-10 {border-width: 40px !important;}
  .border-left-10 {border-left-width: 40px !important;}
  .border-right-10 {border-right-width: 40px !important;}
  .border-top-10 {border-top-width: 40px !important;}
  .border-bottom-10 {border-bottom-width: 40px !important;}
  .top-11 {top: 44px !important;}
  .left-11 {left: 44px !important;}
  .right-11 {right: 44px !important;}
  .bottom-11 {bottom: 44px !important;}
  .p-11 {padding: 44px !important;}
  .px-11 {padding-left: 44px !important; padding-right: 44px !important;}
  .py-11 {padding-top: 44px !important; padding-bottom: 44px !important;}
  .pl-11 {padding-left: 44px !important;}
  .pr-11 {padding-right: 44px !important;}
  .pt-11 {padding-top: 44px !important;}
  .pb-11 {padding-bottom: 44px !important;}
  .m-11 {margin: 44px !important;}
  .m-11n {margin: calc(-1 * 44px) !important;}
  .mx-11 {margin-left: 44px !important; margin-right: 44px !important; }
  .mx-11n {margin-left: calc(-1 * 44px) !important; margin-right: calc(-1 * 44px) !important;}
  .my-11 {margin-top: 44px !important; margin-bottom: 44px !important;}
  .my-11n {margin-top: calc(-1 * 44px) !important; margin-bottom: calc(-1 * 44px) !important}
  .ml-11 {margin-left: 44px !important;}
  .ml-11n {margin-left: calc(-1 * 44px) !important;}
  .mr-11 {margin-right: 44px !important;}
  .mr-11n {margin-right: calc(-1 * 44px) !important;}
  .mt-11 {margin-top: 44px !important;}
  .mt-11n {margin-top: calc(-1 * 44px) !important;}
  .mb-11 {margin-bottom: 44px !important;}
  .mb-11n {margin-bottom: calc(-1 * 44px) !important;}
  .width-11 {width: 44px !important;}
  .maxwidth-11 {max-width: 44px !important;}
  .minwidth-11 {min-width: 44px !important;}
  .height-11 {height: 44px !important;}
  .maxheight-11 {max-height: 44px !important;}
  .minheight-11 {min-height: 44px !important;}
  .grid-gap-11 {grid-gap: 44px !important;}
  .gap-11 {gap: 44px !important;}
  .border-11 {border-width: 44px !important;}
  .border-left-11 {border-left-width: 44px !important;}
  .border-right-11 {border-right-width: 44px !important;}
  .border-top-11 {border-top-width: 44px !important;}
  .border-bottom-11 {border-bottom-width: 44px !important;}
  .top-12 {top: 48px !important;}
  .left-12 {left: 48px !important;}
  .right-12 {right: 48px !important;}
  .bottom-12 {bottom: 48px !important;}
  .p-12 {padding: 48px !important;}
  .px-12 {padding-left: 48px !important; padding-right: 48px !important;}
  .py-12 {padding-top: 48px !important; padding-bottom: 48px !important;}
  .pl-12 {padding-left: 48px !important;}
  .pr-12 {padding-right: 48px !important;}
  .pt-12 {padding-top: 48px !important;}
  .pb-12 {padding-bottom: 48px !important;}
  .m-12 {margin: 48px !important;}
  .m-12n {margin: calc(-1 * 48px) !important;}
  .mx-12 {margin-left: 48px !important; margin-right: 48px !important; }
  .mx-12n {margin-left: calc(-1 * 48px) !important; margin-right: calc(-1 * 48px) !important;}
  .my-12 {margin-top: 48px !important; margin-bottom: 48px !important;}
  .my-12n {margin-top: calc(-1 * 48px) !important; margin-bottom: calc(-1 * 48px) !important}
  .ml-12 {margin-left: 48px !important;}
  .ml-12n {margin-left: calc(-1 * 48px) !important;}
  .mr-12 {margin-right: 48px !important;}
  .mr-12n {margin-right: calc(-1 * 48px) !important;}
  .mt-12 {margin-top: 48px !important;}
  .mt-12n {margin-top: calc(-1 * 48px) !important;}
  .mb-12 {margin-bottom: 48px !important;}
  .mb-12n {margin-bottom: calc(-1 * 48px) !important;}
  .width-12 {width: 48px !important;}
  .maxwidth-12 {max-width: 48px !important;}
  .minwidth-12 {min-width: 48px !important;}
  .height-12 {height: 48px !important;}
  .maxheight-12 {max-height: 48px !important;}
  .minheight-12 {min-height: 48px !important;}
  .grid-gap-12 {grid-gap: 48px !important;}
  .gap-12 {gap: 48px !important;}
  .border-12 {border-width: 48px !important;}
  .border-left-12 {border-left-width: 48px !important;}
  .border-right-12 {border-right-width: 48px !important;}
  .border-top-12 {border-top-width: 48px !important;}
  .border-bottom-12 {border-bottom-width: 48px !important;}
  .top-14 {top: 56px !important;}
  .left-14 {left: 56px !important;}
  .right-14 {right: 56px !important;}
  .bottom-14 {bottom: 56px !important;}
  .p-14 {padding: 56px !important;}
  .px-14 {padding-left: 56px !important; padding-right: 56px !important;}
  .py-14 {padding-top: 56px !important; padding-bottom: 56px !important;}
  .pl-14 {padding-left: 56px !important;}
  .pr-14 {padding-right: 56px !important;}
  .pt-14 {padding-top: 56px !important;}
  .pb-14 {padding-bottom: 56px !important;}
  .m-14 {margin: 56px !important;}
  .m-14n {margin: calc(-1 * 56px) !important;}
  .mx-14 {margin-left: 56px !important; margin-right: 56px !important; }
  .mx-14n {margin-left: calc(-1 * 56px) !important; margin-right: calc(-1 * 56px) !important;}
  .my-14 {margin-top: 56px !important; margin-bottom: 56px !important;}
  .my-14n {margin-top: calc(-1 * 56px) !important; margin-bottom: calc(-1 * 56px) !important}
  .ml-14 {margin-left: 56px !important;}
  .ml-14n {margin-left: calc(-1 * 56px) !important;}
  .mr-14 {margin-right: 56px !important;}
  .mr-14n {margin-right: calc(-1 * 56px) !important;}
  .mt-14 {margin-top: 56px !important;}
  .mt-14n {margin-top: calc(-1 * 56px) !important;}
  .mb-14 {margin-bottom: 56px !important;}
  .mb-14n {margin-bottom: calc(-1 * 56px) !important;}
  .width-14 {width: 56px !important;}
  .maxwidth-14 {max-width: 56px !important;}
  .minwidth-14 {min-width: 56px !important;}
  .height-14 {height: 56px !important;}
  .maxheight-14 {max-height: 56px !important;}
  .minheight-14 {min-height: 56px !important;}
  .grid-gap-14 {grid-gap: 56px !important;}
  .gap-14 {gap: 56px !important;}
  .border-14 {border-width: 56px !important;}
  .border-left-14 {border-left-width: 56px !important;}
  .border-right-14 {border-right-width: 56px !important;}
  .border-top-14 {border-top-width: 56px !important;}
  .border-bottom-14 {border-bottom-width: 56px !important;}
  .top-16 {top: 64px !important;}
  .left-16 {left: 64px !important;}
  .right-16 {right: 64px !important;}
  .bottom-16 {bottom: 64px !important;}
  .p-16 {padding: 64px !important;}
  .px-16 {padding-left: 64px !important; padding-right: 64px !important;}
  .py-16 {padding-top: 64px !important; padding-bottom: 64px !important;}
  .pl-16 {padding-left: 64px !important;}
  .pr-16 {padding-right: 64px !important;}
  .pt-16 {padding-top: 64px !important;}
  .pb-16 {padding-bottom: 64px !important;}
  .m-16 {margin: 64px !important;}
  .m-16n {margin: calc(-1 * 64px) !important;}
  .mx-16 {margin-left: 64px !important; margin-right: 64px !important; }
  .mx-16n {margin-left: calc(-1 * 64px) !important; margin-right: calc(-1 * 64px) !important;}
  .my-16 {margin-top: 64px !important; margin-bottom: 64px !important;}
  .my-16n {margin-top: calc(-1 * 64px) !important; margin-bottom: calc(-1 * 64px) !important}
  .ml-16 {margin-left: 64px !important;}
  .ml-16n {margin-left: calc(-1 * 64px) !important;}
  .mr-16 {margin-right: 64px !important;}
  .mr-16n {margin-right: calc(-1 * 64px) !important;}
  .mt-16 {margin-top: 64px !important;}
  .mt-16n {margin-top: calc(-1 * 64px) !important;}
  .mb-16 {margin-bottom: 64px !important;}
  .mb-16n {margin-bottom: calc(-1 * 64px) !important;}
  .width-16 {width: 64px !important;}
  .maxwidth-16 {max-width: 64px !important;}
  .minwidth-16 {min-width: 64px !important;}
  .height-16 {height: 64px !important;}
  .maxheight-16 {max-height: 64px !important;}
  .minheight-16 {min-height: 64px !important;}
  .grid-gap-16 {grid-gap: 64px !important;}
  .gap-16 {gap: 64px !important;}
  .border-16 {border-width: 64px !important;}
  .border-left-16 {border-left-width: 64px !important;}
  .border-right-16 {border-right-width: 64px !important;}
  .border-top-16 {border-top-width: 64px !important;}
  .border-bottom-16 {border-bottom-width: 64px !important;}
  .top-20 {top: 80px !important;}
  .left-20 {left: 80px !important;}
  .right-20 {right: 80px !important;}
  .bottom-20 {bottom: 80px !important;}
  .p-20 {padding: 80px !important;}
  .px-20 {padding-left: 80px !important; padding-right: 80px !important;}
  .py-20 {padding-top: 80px !important; padding-bottom: 80px !important;}
  .pl-20 {padding-left: 80px !important;}
  .pr-20 {padding-right: 80px !important;}
  .pt-20 {padding-top: 80px !important;}
  .pb-20 {padding-bottom: 80px !important;}
  .m-20 {margin: 80px !important;}
  .m-20n {margin: calc(-1 * 80px) !important;}
  .mx-20 {margin-left: 80px !important; margin-right: 80px !important; }
  .mx-20n {margin-left: calc(-1 * 80px) !important; margin-right: calc(-1 * 80px) !important;}
  .my-20 {margin-top: 80px !important; margin-bottom: 80px !important;}
  .my-20n {margin-top: calc(-1 * 80px) !important; margin-bottom: calc(-1 * 80px) !important}
  .ml-20 {margin-left: 80px !important;}
  .ml-20n {margin-left: calc(-1 * 80px) !important;}
  .mr-20 {margin-right: 80px !important;}
  .mr-20n {margin-right: calc(-1 * 80px) !important;}
  .mt-20 {margin-top: 80px !important;}
  .mt-20n {margin-top: calc(-1 * 80px) !important;}
  .mb-20 {margin-bottom: 80px !important;}
  .mb-20n {margin-bottom: calc(-1 * 80px) !important;}
  .width-20 {width: 80px !important;}
  .maxwidth-20 {max-width: 80px !important;}
  .minwidth-20 {min-width: 80px !important;}
  .height-20 {height: 80px !important;}
  .maxheight-20 {max-height: 80px !important;}
  .minheight-20 {min-height: 80px !important;}
  .grid-gap-20 {grid-gap: 80px !important;}
  .gap-20 {gap: 80px !important;}
  .border-20 {border-width: 80px !important;}
  .border-left-20 {border-left-width: 80px !important;}
  .border-right-20 {border-right-width: 80px !important;}
  .border-top-20 {border-top-width: 80px !important;}
  .border-bottom-20 {border-bottom-width: 80px !important;}
  .top-24 {top: 96px !important;}
  .left-24 {left: 96px !important;}
  .right-24 {right: 96px !important;}
  .bottom-24 {bottom: 96px !important;}
  .p-24 {padding: 96px !important;}
  .px-24 {padding-left: 96px !important; padding-right: 96px !important;}
  .py-24 {padding-top: 96px !important; padding-bottom: 96px !important;}
  .pl-24 {padding-left: 96px !important;}
  .pr-24 {padding-right: 96px !important;}
  .pt-24 {padding-top: 96px !important;}
  .pb-24 {padding-bottom: 96px !important;}
  .m-24 {margin: 96px !important;}
  .m-24n {margin: calc(-1 * 96px) !important;}
  .mx-24 {margin-left: 96px !important; margin-right: 96px !important; }
  .mx-24n {margin-left: calc(-1 * 96px) !important; margin-right: calc(-1 * 96px) !important;}
  .my-24 {margin-top: 96px !important; margin-bottom: 96px !important;}
  .my-24n {margin-top: calc(-1 * 96px) !important; margin-bottom: calc(-1 * 96px) !important}
  .ml-24 {margin-left: 96px !important;}
  .ml-24n {margin-left: calc(-1 * 96px) !important;}
  .mr-24 {margin-right: 96px !important;}
  .mr-24n {margin-right: calc(-1 * 96px) !important;}
  .mt-24 {margin-top: 96px !important;}
  .mt-24n {margin-top: calc(-1 * 96px) !important;}
  .mb-24 {margin-bottom: 96px !important;}
  .mb-24n {margin-bottom: calc(-1 * 96px) !important;}
  .width-24 {width: 96px !important;}
  .maxwidth-24 {max-width: 96px !important;}
  .minwidth-24 {min-width: 96px !important;}
  .height-24 {height: 96px !important;}
  .maxheight-24 {max-height: 96px !important;}
  .minheight-24 {min-height: 96px !important;}
  .grid-gap-24 {grid-gap: 96px !important;}
  .gap-24 {gap: 96px !important;}
  .border-24 {border-width: 96px !important;}
  .border-left-24 {border-left-width: 96px !important;}
  .border-right-24 {border-right-width: 96px !important;}
  .border-top-24 {border-top-width: 96px !important;}
  .border-bottom-24 {border-bottom-width: 96px !important;}
  .top-28 {top: 112px !important;}
  .left-28 {left: 112px !important;}
  .right-28 {right: 112px !important;}
  .bottom-28 {bottom: 112px !important;}
  .p-28 {padding: 112px !important;}
  .px-28 {padding-left: 112px !important; padding-right: 112px !important;}
  .py-28 {padding-top: 112px !important; padding-bottom: 112px !important;}
  .pl-28 {padding-left: 112px !important;}
  .pr-28 {padding-right: 112px !important;}
  .pt-28 {padding-top: 112px !important;}
  .pb-28 {padding-bottom: 112px !important;}
  .m-28 {margin: 112px !important;}
  .m-28n {margin: calc(-1 * 112px) !important;}
  .mx-28 {margin-left: 112px !important; margin-right: 112px !important; }
  .mx-28n {margin-left: calc(-1 * 112px) !important; margin-right: calc(-1 * 112px) !important;}
  .my-28 {margin-top: 112px !important; margin-bottom: 112px !important;}
  .my-28n {margin-top: calc(-1 * 112px) !important; margin-bottom: calc(-1 * 112px) !important}
  .ml-28 {margin-left: 112px !important;}
  .ml-28n {margin-left: calc(-1 * 112px) !important;}
  .mr-28 {margin-right: 112px !important;}
  .mr-28n {margin-right: calc(-1 * 112px) !important;}
  .mt-28 {margin-top: 112px !important;}
  .mt-28n {margin-top: calc(-1 * 112px) !important;}
  .mb-28 {margin-bottom: 112px !important;}
  .mb-28n {margin-bottom: calc(-1 * 112px) !important;}
  .width-28 {width: 112px !important;}
  .maxwidth-28 {max-width: 112px !important;}
  .minwidth-28 {min-width: 112px !important;}
  .height-28 {height: 112px !important;}
  .maxheight-28 {max-height: 112px !important;}
  .minheight-28 {min-height: 112px !important;}
  .grid-gap-28 {grid-gap: 112px !important;}
  .gap-28 {gap: 112px !important;}
  .border-28 {border-width: 112px !important;}
  .border-left-28 {border-left-width: 112px !important;}
  .border-right-28 {border-right-width: 112px !important;}
  .border-top-28 {border-top-width: 112px !important;}
  .border-bottom-28 {border-bottom-width: 112px !important;}
  .top-32 {top: 128px !important;}
  .left-32 {left: 128px !important;}
  .right-32 {right: 128px !important;}
  .bottom-32 {bottom: 128px !important;}
  .p-32 {padding: 128px !important;}
  .px-32 {padding-left: 128px !important; padding-right: 128px !important;}
  .py-32 {padding-top: 128px !important; padding-bottom: 128px !important;}
  .pl-32 {padding-left: 128px !important;}
  .pr-32 {padding-right: 128px !important;}
  .pt-32 {padding-top: 128px !important;}
  .pb-32 {padding-bottom: 128px !important;}
  .m-32 {margin: 128px !important;}
  .m-32n {margin: calc(-1 * 128px) !important;}
  .mx-32 {margin-left: 128px !important; margin-right: 128px !important; }
  .mx-32n {margin-left: calc(-1 * 128px) !important; margin-right: calc(-1 * 128px) !important;}
  .my-32 {margin-top: 128px !important; margin-bottom: 128px !important;}
  .my-32n {margin-top: calc(-1 * 128px) !important; margin-bottom: calc(-1 * 128px) !important}
  .ml-32 {margin-left: 128px !important;}
  .ml-32n {margin-left: calc(-1 * 128px) !important;}
  .mr-32 {margin-right: 128px !important;}
  .mr-32n {margin-right: calc(-1 * 128px) !important;}
  .mt-32 {margin-top: 128px !important;}
  .mt-32n {margin-top: calc(-1 * 128px) !important;}
  .mb-32 {margin-bottom: 128px !important;}
  .mb-32n {margin-bottom: calc(-1 * 128px) !important;}
  .width-32 {width: 128px !important;}
  .maxwidth-32 {max-width: 128px !important;}
  .minwidth-32 {min-width: 128px !important;}
  .height-32 {height: 128px !important;}
  .maxheight-32 {max-height: 128px !important;}
  .minheight-32 {min-height: 128px !important;}
  .grid-gap-32 {grid-gap: 128px !important;}
  .gap-32 {gap: 128px !important;}
  .border-32 {border-width: 128px !important;}
  .border-left-32 {border-left-width: 128px !important;}
  .border-right-32 {border-right-width: 128px !important;}
  .border-top-32 {border-top-width: 128px !important;}
  .border-bottom-32 {border-bottom-width: 128px !important;}
  .top-36 {top: 144px !important;}
  .left-36 {left: 144px !important;}
  .right-36 {right: 144px !important;}
  .bottom-36 {bottom: 144px !important;}
  .p-36 {padding: 144px !important;}
  .px-36 {padding-left: 144px !important; padding-right: 144px !important;}
  .py-36 {padding-top: 144px !important; padding-bottom: 144px !important;}
  .pl-36 {padding-left: 144px !important;}
  .pr-36 {padding-right: 144px !important;}
  .pt-36 {padding-top: 144px !important;}
  .pb-36 {padding-bottom: 144px !important;}
  .m-36 {margin: 144px !important;}
  .m-36n {margin: calc(-1 * 144px) !important;}
  .mx-36 {margin-left: 144px !important; margin-right: 144px !important; }
  .mx-36n {margin-left: calc(-1 * 144px) !important; margin-right: calc(-1 * 144px) !important;}
  .my-36 {margin-top: 144px !important; margin-bottom: 144px !important;}
  .my-36n {margin-top: calc(-1 * 144px) !important; margin-bottom: calc(-1 * 144px) !important}
  .ml-36 {margin-left: 144px !important;}
  .ml-36n {margin-left: calc(-1 * 144px) !important;}
  .mr-36 {margin-right: 144px !important;}
  .mr-36n {margin-right: calc(-1 * 144px) !important;}
  .mt-36 {margin-top: 144px !important;}
  .mt-36n {margin-top: calc(-1 * 144px) !important;}
  .mb-36 {margin-bottom: 144px !important;}
  .mb-36n {margin-bottom: calc(-1 * 144px) !important;}
  .width-36 {width: 144px !important;}
  .maxwidth-36 {max-width: 144px !important;}
  .minwidth-36 {min-width: 144px !important;}
  .height-36 {height: 144px !important;}
  .maxheight-36 {max-height: 144px !important;}
  .minheight-36 {min-height: 144px !important;}
  .grid-gap-36 {grid-gap: 144px !important;}
  .gap-36 {gap: 144px !important;}
  .border-36 {border-width: 144px !important;}
  .border-left-36 {border-left-width: 144px !important;}
  .border-right-36 {border-right-width: 144px !important;}
  .border-top-36 {border-top-width: 144px !important;}
  .border-bottom-36 {border-bottom-width: 144px !important;}
  .top-40 {top: 160px !important;}
  .left-40 {left: 160px !important;}
  .right-40 {right: 160px !important;}
  .bottom-40 {bottom: 160px !important;}
  .p-40 {padding: 160px !important;}
  .px-40 {padding-left: 160px !important; padding-right: 160px !important;}
  .py-40 {padding-top: 160px !important; padding-bottom: 160px !important;}
  .pl-40 {padding-left: 160px !important;}
  .pr-40 {padding-right: 160px !important;}
  .pt-40 {padding-top: 160px !important;}
  .pb-40 {padding-bottom: 160px !important;}
  .m-40 {margin: 160px !important;}
  .m-40n {margin: calc(-1 * 160px) !important;}
  .mx-40 {margin-left: 160px !important; margin-right: 160px !important; }
  .mx-40n {margin-left: calc(-1 * 160px) !important; margin-right: calc(-1 * 160px) !important;}
  .my-40 {margin-top: 160px !important; margin-bottom: 160px !important;}
  .my-40n {margin-top: calc(-1 * 160px) !important; margin-bottom: calc(-1 * 160px) !important}
  .ml-40 {margin-left: 160px !important;}
  .ml-40n {margin-left: calc(-1 * 160px) !important;}
  .mr-40 {margin-right: 160px !important;}
  .mr-40n {margin-right: calc(-1 * 160px) !important;}
  .mt-40 {margin-top: 160px !important;}
  .mt-40n {margin-top: calc(-1 * 160px) !important;}
  .mb-40 {margin-bottom: 160px !important;}
  .mb-40n {margin-bottom: calc(-1 * 160px) !important;}
  .width-40 {width: 160px !important;}
  .maxwidth-40 {max-width: 160px !important;}
  .minwidth-40 {min-width: 160px !important;}
  .height-40 {height: 160px !important;}
  .maxheight-40 {max-height: 160px !important;}
  .minheight-40 {min-height: 160px !important;}
  .grid-gap-40 {grid-gap: 160px !important;}
  .gap-40 {gap: 160px !important;}
  .border-40 {border-width: 160px !important;}
  .border-left-40 {border-left-width: 160px !important;}
  .border-right-40 {border-right-width: 160px !important;}
  .border-top-40 {border-top-width: 160px !important;}
  .border-bottom-40 {border-bottom-width: 160px !important;}
  .top-44 {top: 176px !important;}
  .left-44 {left: 176px !important;}
  .right-44 {right: 176px !important;}
  .bottom-44 {bottom: 176px !important;}
  .p-44 {padding: 176px !important;}
  .px-44 {padding-left: 176px !important; padding-right: 176px !important;}
  .py-44 {padding-top: 176px !important; padding-bottom: 176px !important;}
  .pl-44 {padding-left: 176px !important;}
  .pr-44 {padding-right: 176px !important;}
  .pt-44 {padding-top: 176px !important;}
  .pb-44 {padding-bottom: 176px !important;}
  .m-44 {margin: 176px !important;}
  .m-44n {margin: calc(-1 * 176px) !important;}
  .mx-44 {margin-left: 176px !important; margin-right: 176px !important; }
  .mx-44n {margin-left: calc(-1 * 176px) !important; margin-right: calc(-1 * 176px) !important;}
  .my-44 {margin-top: 176px !important; margin-bottom: 176px !important;}
  .my-44n {margin-top: calc(-1 * 176px) !important; margin-bottom: calc(-1 * 176px) !important}
  .ml-44 {margin-left: 176px !important;}
  .ml-44n {margin-left: calc(-1 * 176px) !important;}
  .mr-44 {margin-right: 176px !important;}
  .mr-44n {margin-right: calc(-1 * 176px) !important;}
  .mt-44 {margin-top: 176px !important;}
  .mt-44n {margin-top: calc(-1 * 176px) !important;}
  .mb-44 {margin-bottom: 176px !important;}
  .mb-44n {margin-bottom: calc(-1 * 176px) !important;}
  .width-44 {width: 176px !important;}
  .maxwidth-44 {max-width: 176px !important;}
  .minwidth-44 {min-width: 176px !important;}
  .height-44 {height: 176px !important;}
  .maxheight-44 {max-height: 176px !important;}
  .minheight-44 {min-height: 176px !important;}
  .grid-gap-44 {grid-gap: 176px !important;}
  .gap-44 {gap: 176px !important;}
  .border-44 {border-width: 176px !important;}
  .border-left-44 {border-left-width: 176px !important;}
  .border-right-44 {border-right-width: 176px !important;}
  .border-top-44 {border-top-width: 176px !important;}
  .border-bottom-44 {border-bottom-width: 176px !important;}
  .top-48 {top: 192px !important;}
  .left-48 {left: 192px !important;}
  .right-48 {right: 192px !important;}
  .bottom-48 {bottom: 192px !important;}
  .p-48 {padding: 192px !important;}
  .px-48 {padding-left: 192px !important; padding-right: 192px !important;}
  .py-48 {padding-top: 192px !important; padding-bottom: 192px !important;}
  .pl-48 {padding-left: 192px !important;}
  .pr-48 {padding-right: 192px !important;}
  .pt-48 {padding-top: 192px !important;}
  .pb-48 {padding-bottom: 192px !important;}
  .m-48 {margin: 192px !important;}
  .m-48n {margin: calc(-1 * 192px) !important;}
  .mx-48 {margin-left: 192px !important; margin-right: 192px !important; }
  .mx-48n {margin-left: calc(-1 * 192px) !important; margin-right: calc(-1 * 192px) !important;}
  .my-48 {margin-top: 192px !important; margin-bottom: 192px !important;}
  .my-48n {margin-top: calc(-1 * 192px) !important; margin-bottom: calc(-1 * 192px) !important}
  .ml-48 {margin-left: 192px !important;}
  .ml-48n {margin-left: calc(-1 * 192px) !important;}
  .mr-48 {margin-right: 192px !important;}
  .mr-48n {margin-right: calc(-1 * 192px) !important;}
  .mt-48 {margin-top: 192px !important;}
  .mt-48n {margin-top: calc(-1 * 192px) !important;}
  .mb-48 {margin-bottom: 192px !important;}
  .mb-48n {margin-bottom: calc(-1 * 192px) !important;}
  .width-48 {width: 192px !important;}
  .maxwidth-48 {max-width: 192px !important;}
  .minwidth-48 {min-width: 192px !important;}
  .height-48 {height: 192px !important;}
  .maxheight-48 {max-height: 192px !important;}
  .minheight-48 {min-height: 192px !important;}
  .grid-gap-48 {grid-gap: 192px !important;}
  .gap-48 {gap: 192px !important;}
  .border-48 {border-width: 192px !important;}
  .border-left-48 {border-left-width: 192px !important;}
  .border-right-48 {border-right-width: 192px !important;}
  .border-top-48 {border-top-width: 192px !important;}
  .border-bottom-48 {border-bottom-width: 192px !important;}
  .top-52 {top: 208px !important;}
  .left-52 {left: 208px !important;}
  .right-52 {right: 208px !important;}
  .bottom-52 {bottom: 208px !important;}
  .p-52 {padding: 208px !important;}
  .px-52 {padding-left: 208px !important; padding-right: 208px !important;}
  .py-52 {padding-top: 208px !important; padding-bottom: 208px !important;}
  .pl-52 {padding-left: 208px !important;}
  .pr-52 {padding-right: 208px !important;}
  .pt-52 {padding-top: 208px !important;}
  .pb-52 {padding-bottom: 208px !important;}
  .m-52 {margin: 208px !important;}
  .m-52n {margin: calc(-1 * 208px) !important;}
  .mx-52 {margin-left: 208px !important; margin-right: 208px !important; }
  .mx-52n {margin-left: calc(-1 * 208px) !important; margin-right: calc(-1 * 208px) !important;}
  .my-52 {margin-top: 208px !important; margin-bottom: 208px !important;}
  .my-52n {margin-top: calc(-1 * 208px) !important; margin-bottom: calc(-1 * 208px) !important}
  .ml-52 {margin-left: 208px !important;}
  .ml-52n {margin-left: calc(-1 * 208px) !important;}
  .mr-52 {margin-right: 208px !important;}
  .mr-52n {margin-right: calc(-1 * 208px) !important;}
  .mt-52 {margin-top: 208px !important;}
  .mt-52n {margin-top: calc(-1 * 208px) !important;}
  .mb-52 {margin-bottom: 208px !important;}
  .mb-52n {margin-bottom: calc(-1 * 208px) !important;}
  .width-52 {width: 208px !important;}
  .maxwidth-52 {max-width: 208px !important;}
  .minwidth-52 {min-width: 208px !important;}
  .height-52 {height: 208px !important;}
  .maxheight-52 {max-height: 208px !important;}
  .minheight-52 {min-height: 208px !important;}
  .grid-gap-52 {grid-gap: 208px !important;}
  .gap-52 {gap: 208px !important;}
  .border-52 {border-width: 208px !important;}
  .border-left-52 {border-left-width: 208px !important;}
  .border-right-52 {border-right-width: 208px !important;}
  .border-top-52 {border-top-width: 208px !important;}
  .border-bottom-52 {border-bottom-width: 208px !important;}
  .top-56 {top: 224px !important;}
  .left-56 {left: 224px !important;}
  .right-56 {right: 224px !important;}
  .bottom-56 {bottom: 224px !important;}
  .p-56 {padding: 224px !important;}
  .px-56 {padding-left: 224px !important; padding-right: 224px !important;}
  .py-56 {padding-top: 224px !important; padding-bottom: 224px !important;}
  .pl-56 {padding-left: 224px !important;}
  .pr-56 {padding-right: 224px !important;}
  .pt-56 {padding-top: 224px !important;}
  .pb-56 {padding-bottom: 224px !important;}
  .m-56 {margin: 224px !important;}
  .m-56n {margin: calc(-1 * 224px) !important;}
  .mx-56 {margin-left: 224px !important; margin-right: 224px !important; }
  .mx-56n {margin-left: calc(-1 * 224px) !important; margin-right: calc(-1 * 224px) !important;}
  .my-56 {margin-top: 224px !important; margin-bottom: 224px !important;}
  .my-56n {margin-top: calc(-1 * 224px) !important; margin-bottom: calc(-1 * 224px) !important}
  .ml-56 {margin-left: 224px !important;}
  .ml-56n {margin-left: calc(-1 * 224px) !important;}
  .mr-56 {margin-right: 224px !important;}
  .mr-56n {margin-right: calc(-1 * 224px) !important;}
  .mt-56 {margin-top: 224px !important;}
  .mt-56n {margin-top: calc(-1 * 224px) !important;}
  .mb-56 {margin-bottom: 224px !important;}
  .mb-56n {margin-bottom: calc(-1 * 224px) !important;}
  .width-56 {width: 224px !important;}
  .maxwidth-56 {max-width: 224px !important;}
  .minwidth-56 {min-width: 224px !important;}
  .height-56 {height: 224px !important;}
  .maxheight-56 {max-height: 224px !important;}
  .minheight-56 {min-height: 224px !important;}
  .grid-gap-56 {grid-gap: 224px !important;}
  .gap-56 {gap: 224px !important;}
  .border-56 {border-width: 224px !important;}
  .border-left-56 {border-left-width: 224px !important;}
  .border-right-56 {border-right-width: 224px !important;}
  .border-top-56 {border-top-width: 224px !important;}
  .border-bottom-56 {border-bottom-width: 224px !important;}
  .top-60 {top: 240px !important;}
  .left-60 {left: 240px !important;}
  .right-60 {right: 240px !important;}
  .bottom-60 {bottom: 240px !important;}
  .p-60 {padding: 240px !important;}
  .px-60 {padding-left: 240px !important; padding-right: 240px !important;}
  .py-60 {padding-top: 240px !important; padding-bottom: 240px !important;}
  .pl-60 {padding-left: 240px !important;}
  .pr-60 {padding-right: 240px !important;}
  .pt-60 {padding-top: 240px !important;}
  .pb-60 {padding-bottom: 240px !important;}
  .m-60 {margin: 240px !important;}
  .m-60n {margin: calc(-1 * 240px) !important;}
  .mx-60 {margin-left: 240px !important; margin-right: 240px !important; }
  .mx-60n {margin-left: calc(-1 * 240px) !important; margin-right: calc(-1 * 240px) !important;}
  .my-60 {margin-top: 240px !important; margin-bottom: 240px !important;}
  .my-60n {margin-top: calc(-1 * 240px) !important; margin-bottom: calc(-1 * 240px) !important}
  .ml-60 {margin-left: 240px !important;}
  .ml-60n {margin-left: calc(-1 * 240px) !important;}
  .mr-60 {margin-right: 240px !important;}
  .mr-60n {margin-right: calc(-1 * 240px) !important;}
  .mt-60 {margin-top: 240px !important;}
  .mt-60n {margin-top: calc(-1 * 240px) !important;}
  .mb-60 {margin-bottom: 240px !important;}
  .mb-60n {margin-bottom: calc(-1 * 240px) !important;}
  .width-60 {width: 240px !important;}
  .maxwidth-60 {max-width: 240px !important;}
  .minwidth-60 {min-width: 240px !important;}
  .height-60 {height: 240px !important;}
  .maxheight-60 {max-height: 240px !important;}
  .minheight-60 {min-height: 240px !important;}
  .grid-gap-60 {grid-gap: 240px !important;}
  .gap-60 {gap: 240px !important;}
  .border-60 {border-width: 240px !important;}
  .border-left-60 {border-left-width: 240px !important;}
  .border-right-60 {border-right-width: 240px !important;}
  .border-top-60 {border-top-width: 240px !important;}
  .border-bottom-60 {border-bottom-width: 240px !important;}
  .top-64 {top: 256px !important;}
  .left-64 {left: 256px !important;}
  .right-64 {right: 256px !important;}
  .bottom-64 {bottom: 256px !important;}
  .p-64 {padding: 256px !important;}
  .px-64 {padding-left: 256px !important; padding-right: 256px !important;}
  .py-64 {padding-top: 256px !important; padding-bottom: 256px !important;}
  .pl-64 {padding-left: 256px !important;}
  .pr-64 {padding-right: 256px !important;}
  .pt-64 {padding-top: 256px !important;}
  .pb-64 {padding-bottom: 256px !important;}
  .m-64 {margin: 256px !important;}
  .m-64n {margin: calc(-1 * 256px) !important;}
  .mx-64 {margin-left: 256px !important; margin-right: 256px !important; }
  .mx-64n {margin-left: calc(-1 * 256px) !important; margin-right: calc(-1 * 256px) !important;}
  .my-64 {margin-top: 256px !important; margin-bottom: 256px !important;}
  .my-64n {margin-top: calc(-1 * 256px) !important; margin-bottom: calc(-1 * 256px) !important}
  .ml-64 {margin-left: 256px !important;}
  .ml-64n {margin-left: calc(-1 * 256px) !important;}
  .mr-64 {margin-right: 256px !important;}
  .mr-64n {margin-right: calc(-1 * 256px) !important;}
  .mt-64 {margin-top: 256px !important;}
  .mt-64n {margin-top: calc(-1 * 256px) !important;}
  .mb-64 {margin-bottom: 256px !important;}
  .mb-64n {margin-bottom: calc(-1 * 256px) !important;}
  .width-64 {width: 256px !important;}
  .maxwidth-64 {max-width: 256px !important;}
  .minwidth-64 {min-width: 256px !important;}
  .height-64 {height: 256px !important;}
  .maxheight-64 {max-height: 256px !important;}
  .minheight-64 {min-height: 256px !important;}
  .grid-gap-64 {grid-gap: 256px !important;}
  .gap-64 {gap: 256px !important;}
  .border-64 {border-width: 256px !important;}
  .border-left-64 {border-left-width: 256px !important;}
  .border-right-64 {border-right-width: 256px !important;}
  .border-top-64 {border-top-width: 256px !important;}
  .border-bottom-64 {border-bottom-width: 256px !important;}
  .top-72 {top: 288px !important;}
  .left-72 {left: 288px !important;}
  .right-72 {right: 288px !important;}
  .bottom-72 {bottom: 288px !important;}
  .p-72 {padding: 288px !important;}
  .px-72 {padding-left: 288px !important; padding-right: 288px !important;}
  .py-72 {padding-top: 288px !important; padding-bottom: 288px !important;}
  .pl-72 {padding-left: 288px !important;}
  .pr-72 {padding-right: 288px !important;}
  .pt-72 {padding-top: 288px !important;}
  .pb-72 {padding-bottom: 288px !important;}
  .m-72 {margin: 288px !important;}
  .m-72n {margin: calc(-1 * 288px) !important;}
  .mx-72 {margin-left: 288px !important; margin-right: 288px !important; }
  .mx-72n {margin-left: calc(-1 * 288px) !important; margin-right: calc(-1 * 288px) !important;}
  .my-72 {margin-top: 288px !important; margin-bottom: 288px !important;}
  .my-72n {margin-top: calc(-1 * 288px) !important; margin-bottom: calc(-1 * 288px) !important}
  .ml-72 {margin-left: 288px !important;}
  .ml-72n {margin-left: calc(-1 * 288px) !important;}
  .mr-72 {margin-right: 288px !important;}
  .mr-72n {margin-right: calc(-1 * 288px) !important;}
  .mt-72 {margin-top: 288px !important;}
  .mt-72n {margin-top: calc(-1 * 288px) !important;}
  .mb-72 {margin-bottom: 288px !important;}
  .mb-72n {margin-bottom: calc(-1 * 288px) !important;}
  .width-72 {width: 288px !important;}
  .maxwidth-72 {max-width: 288px !important;}
  .minwidth-72 {min-width: 288px !important;}
  .height-72 {height: 288px !important;}
  .maxheight-72 {max-height: 288px !important;}
  .minheight-72 {min-height: 288px !important;}
  .grid-gap-72 {grid-gap: 288px !important;}
  .gap-72 {gap: 288px !important;}
  .border-72 {border-width: 288px !important;}
  .border-left-72 {border-left-width: 288px !important;}
  .border-right-72 {border-right-width: 288px !important;}
  .border-top-72 {border-top-width: 288px !important;}
  .border-bottom-72 {border-bottom-width: 288px !important;}
  .top-80 {top: 320px !important;}
  .left-80 {left: 320px !important;}
  .right-80 {right: 320px !important;}
  .bottom-80 {bottom: 320px !important;}
  .p-80 {padding: 320px !important;}
  .px-80 {padding-left: 320px !important; padding-right: 320px !important;}
  .py-80 {padding-top: 320px !important; padding-bottom: 320px !important;}
  .pl-80 {padding-left: 320px !important;}
  .pr-80 {padding-right: 320px !important;}
  .pt-80 {padding-top: 320px !important;}
  .pb-80 {padding-bottom: 320px !important;}
  .m-80 {margin: 320px !important;}
  .m-80n {margin: calc(-1 * 320px) !important;}
  .mx-80 {margin-left: 320px !important; margin-right: 320px !important; }
  .mx-80n {margin-left: calc(-1 * 320px) !important; margin-right: calc(-1 * 320px) !important;}
  .my-80 {margin-top: 320px !important; margin-bottom: 320px !important;}
  .my-80n {margin-top: calc(-1 * 320px) !important; margin-bottom: calc(-1 * 320px) !important}
  .ml-80 {margin-left: 320px !important;}
  .ml-80n {margin-left: calc(-1 * 320px) !important;}
  .mr-80 {margin-right: 320px !important;}
  .mr-80n {margin-right: calc(-1 * 320px) !important;}
  .mt-80 {margin-top: 320px !important;}
  .mt-80n {margin-top: calc(-1 * 320px) !important;}
  .mb-80 {margin-bottom: 320px !important;}
  .mb-80n {margin-bottom: calc(-1 * 320px) !important;}
  .width-80 {width: 320px !important;}
  .maxwidth-80 {max-width: 320px !important;}
  .minwidth-80 {min-width: 320px !important;}
  .height-80 {height: 320px !important;}
  .maxheight-80 {max-height: 320px !important;}
  .minheight-80 {min-height: 320px !important;}
  .grid-gap-80 {grid-gap: 320px !important;}
  .gap-80 {gap: 320px !important;}
  .border-80 {border-width: 320px !important;}
  .border-left-80 {border-left-width: 320px !important;}
  .border-right-80 {border-right-width: 320px !important;}
  .border-top-80 {border-top-width: 320px !important;}
  .border-bottom-80 {border-bottom-width: 320px !important;}
  .top-96 {top: 384px !important;}
  .left-96 {left: 384px !important;}
  .right-96 {right: 384px !important;}
  .bottom-96 {bottom: 384px !important;}
  .p-96 {padding: 384px !important;}
  .px-96 {padding-left: 384px !important; padding-right: 384px !important;}
  .py-96 {padding-top: 384px !important; padding-bottom: 384px !important;}
  .pl-96 {padding-left: 384px !important;}
  .pr-96 {padding-right: 384px !important;}
  .pt-96 {padding-top: 384px !important;}
  .pb-96 {padding-bottom: 384px !important;}
  .m-96 {margin: 384px !important;}
  .m-96n {margin: calc(-1 * 384px) !important;}
  .mx-96 {margin-left: 384px !important; margin-right: 384px !important; }
  .mx-96n {margin-left: calc(-1 * 384px) !important; margin-right: calc(-1 * 384px) !important;}
  .my-96 {margin-top: 384px !important; margin-bottom: 384px !important;}
  .my-96n {margin-top: calc(-1 * 384px) !important; margin-bottom: calc(-1 * 384px) !important}
  .ml-96 {margin-left: 384px !important;}
  .ml-96n {margin-left: calc(-1 * 384px) !important;}
  .mr-96 {margin-right: 384px !important;}
  .mr-96n {margin-right: calc(-1 * 384px) !important;}
  .mt-96 {margin-top: 384px !important;}
  .mt-96n {margin-top: calc(-1 * 384px) !important;}
  .mb-96 {margin-bottom: 384px !important;}
  .mb-96n {margin-bottom: calc(-1 * 384px) !important;}
  .width-96 {width: 384px !important;}
  .maxwidth-96 {max-width: 384px !important;}
  .minwidth-96 {min-width: 384px !important;}
  .height-96 {height: 384px !important;}
  .maxheight-96 {max-height: 384px !important;}
  .minheight-96 {min-height: 384px !important;}
  .grid-gap-96 {grid-gap: 384px !important;}
  .gap-96 {gap: 384px !important;}
  .border-96 {border-width: 384px !important;}
  .border-left-96 {border-left-width: 384px !important;}
  .border-right-96 {border-right-width: 384px !important;}
  .border-top-96 {border-top-width: 384px !important;}
  .border-bottom-96 {border-bottom-width: 384px !important;}
  .top-px {top: 1px !important;}
  .left-px {left: 1px !important;}
  .right-px {right: 1px !important;}
  .bottom-px {bottom: 1px !important;}
  .p-px {padding: 1px !important;}
  .px-px {padding-left: 1px !important; padding-right: 1px !important;}
  .py-px {padding-top: 1px !important; padding-bottom: 1px !important;}
  .pl-px {padding-left: 1px !important;}
  .pr-px {padding-right: 1px !important;}
  .pt-px {padding-top: 1px !important;}
  .pb-px {padding-bottom: 1px !important;}
  .m-px {margin: 1px !important;}
  .m-pxn {margin: calc(-1 * 1px) !important;}
  .mx-px {margin-left: 1px !important; margin-right: 1px !important; }
  .mx-pxn {margin-left: calc(-1 * 1px) !important; margin-right: calc(-1 * 1px) !important;}
  .my-px {margin-top: 1px !important; margin-bottom: 1px !important;}
  .my-pxn {margin-top: calc(-1 * 1px) !important; margin-bottom: calc(-1 * 1px) !important}
  .ml-px {margin-left: 1px !important;}
  .ml-pxn {margin-left: calc(-1 * 1px) !important;}
  .mr-px {margin-right: 1px !important;}
  .mr-pxn {margin-right: calc(-1 * 1px) !important;}
  .mt-px {margin-top: 1px !important;}
  .mt-pxn {margin-top: calc(-1 * 1px) !important;}
  .mb-px {margin-bottom: 1px !important;}
  .mb-pxn {margin-bottom: calc(-1 * 1px) !important;}
  .width-px {width: 1px !important;}
  .maxwidth-px {max-width: 1px !important;}
  .minwidth-px {min-width: 1px !important;}
  .height-px {height: 1px !important;}
  .maxheight-px {max-height: 1px !important;}
  .minheight-px {min-height: 1px !important;}
  .grid-gap-px {grid-gap: 1px !important;}
  .gap-px {gap: 1px !important;}
  .border-px {border-width: 1px !important;}
  .border-left-px {border-left-width: 1px !important;}
  .border-right-px {border-right-width: 1px !important;}
  .border-top-px {border-top-width: 1px !important;}
  .border-bottom-px {border-bottom-width: 1px !important;}
  .top-full {top: 100% !important;}
  .left-full {left: 100% !important;}
  .right-full {right: 100% !important;}
  .bottom-full {bottom: 100% !important;}
  .p-full {padding: 100% !important;}
  .px-full {padding-left: 100% !important; padding-right: 100% !important;}
  .py-full {padding-top: 100% !important; padding-bottom: 100% !important;}
  .pl-full {padding-left: 100% !important;}
  .pr-full {padding-right: 100% !important;}
  .pt-full {padding-top: 100% !important;}
  .pb-full {padding-bottom: 100% !important;}
  .m-full {margin: 100% !important;}
  .m-fulln {margin: calc(-1 * 100%) !important;}
  .mx-full {margin-left: 100% !important; margin-right: 100% !important; }
  .mx-fulln {margin-left: calc(-1 * 100%) !important; margin-right: calc(-1 * 100%) !important;}
  .my-full {margin-top: 100% !important; margin-bottom: 100% !important;}
  .my-fulln {margin-top: calc(-1 * 100%) !important; margin-bottom: calc(-1 * 100%) !important}
  .ml-full {margin-left: 100% !important;}
  .ml-fulln {margin-left: calc(-1 * 100%) !important;}
  .mr-full {margin-right: 100% !important;}
  .mr-fulln {margin-right: calc(-1 * 100%) !important;}
  .mt-full {margin-top: 100% !important;}
  .mt-fulln {margin-top: calc(-1 * 100%) !important;}
  .mb-full {margin-bottom: 100% !important;}
  .mb-fulln {margin-bottom: calc(-1 * 100%) !important;}
  .width-full {width: 100% !important;}
  .maxwidth-full {max-width: 100% !important;}
  .minwidth-full {min-width: 100% !important;}
  .height-full {height: 100% !important;}
  .maxheight-full {max-height: 100% !important;}
  .minheight-full {min-height: 100% !important;}
  .grid-gap-full {grid-gap: 100% !important;}
  .gap-full {gap: 100% !important;}
  .border-full {border-width: 100% !important;}
  .border-left-full {border-left-width: 100% !important;}
  .border-right-full {border-right-width: 100% !important;}
  .border-top-full {border-top-width: 100% !important;}
  .border-bottom-full {border-bottom-width: 100% !important;}
  .top-screen {top: 100vw !important;}
  .left-screen {left: 100vw !important;}
  .right-screen {right: 100vw !important;}
  .bottom-screen {bottom: 100vw !important;}
  .p-screen {padding: 100vw !important;}
  .px-screen {padding-left: 100vw !important; padding-right: 100vw !important;}
  .py-screen {padding-top: 100vw !important; padding-bottom: 100vw !important;}
  .pl-screen {padding-left: 100vw !important;}
  .pr-screen {padding-right: 100vw !important;}
  .pt-screen {padding-top: 100vw !important;}
  .pb-screen {padding-bottom: 100vw !important;}
  .m-screen {margin: 100vw !important;}
  .m-screenn {margin: calc(-1 * 100vw) !important;}
  .mx-screen {margin-left: 100vw !important; margin-right: 100vw !important; }
  .mx-screenn {margin-left: calc(-1 * 100vw) !important; margin-right: calc(-1 * 100vw) !important;}
  .my-screen {margin-top: 100vw !important; margin-bottom: 100vw !important;}
  .my-screenn {margin-top: calc(-1 * 100vw) !important; margin-bottom: calc(-1 * 100vw) !important}
  .ml-screen {margin-left: 100vw !important;}
  .ml-screenn {margin-left: calc(-1 * 100vw) !important;}
  .mr-screen {margin-right: 100vw !important;}
  .mr-screenn {margin-right: calc(-1 * 100vw) !important;}
  .mt-screen {margin-top: 100vw !important;}
  .mt-screenn {margin-top: calc(-1 * 100vw) !important;}
  .mb-screen {margin-bottom: 100vw !important;}
  .mb-screenn {margin-bottom: calc(-1 * 100vw) !important;}
  .width-screen {width: 100vw !important;}
  .maxwidth-screen {max-width: 100vw !important;}
  .minwidth-screen {min-width: 100vw !important;}
  .height-screen {height: 100vw !important;}
  .maxheight-screen {max-height: 100vw !important;}
  .minheight-screen {min-height: 100vw !important;}
  .grid-gap-screen {grid-gap: 100vw !important;}
  .gap-screen {gap: 100vw !important;}
  .border-screen {border-width: 100vw !important;}
  .border-left-screen {border-left-width: 100vw !important;}
  .border-right-screen {border-right-width: 100vw !important;}
  .border-top-screen {border-top-width: 100vw !important;}
  .border-bottom-screen {border-bottom-width: 100vw !important;}
  .top-min {top: min-content !important;}
  .left-min {left: min-content !important;}
  .right-min {right: min-content !important;}
  .bottom-min {bottom: min-content !important;}
  .p-min {padding: min-content !important;}
  .px-min {padding-left: min-content !important; padding-right: min-content !important;}
  .py-min {padding-top: min-content !important; padding-bottom: min-content !important;}
  .pl-min {padding-left: min-content !important;}
  .pr-min {padding-right: min-content !important;}
  .pt-min {padding-top: min-content !important;}
  .pb-min {padding-bottom: min-content !important;}
  .m-min {margin: min-content !important;}
  .m-minn {margin: calc(-1 * min-content) !important;}
  .mx-min {margin-left: min-content !important; margin-right: min-content !important; }
  .mx-minn {margin-left: calc(-1 * min-content) !important; margin-right: calc(-1 * min-content) !important;}
  .my-min {margin-top: min-content !important; margin-bottom: min-content !important;}
  .my-minn {margin-top: calc(-1 * min-content) !important; margin-bottom: calc(-1 * min-content) !important}
  .ml-min {margin-left: min-content !important;}
  .ml-minn {margin-left: calc(-1 * min-content) !important;}
  .mr-min {margin-right: min-content !important;}
  .mr-minn {margin-right: calc(-1 * min-content) !important;}
  .mt-min {margin-top: min-content !important;}
  .mt-minn {margin-top: calc(-1 * min-content) !important;}
  .mb-min {margin-bottom: min-content !important;}
  .mb-minn {margin-bottom: calc(-1 * min-content) !important;}
  .width-min {width: min-content !important;}
  .maxwidth-min {max-width: min-content !important;}
  .minwidth-min {min-width: min-content !important;}
  .height-min {height: min-content !important;}
  .maxheight-min {max-height: min-content !important;}
  .minheight-min {min-height: min-content !important;}
  .grid-gap-min {grid-gap: min-content !important;}
  .gap-min {gap: min-content !important;}
  .border-min {border-width: min-content !important;}
  .border-left-min {border-left-width: min-content !important;}
  .border-right-min {border-right-width: min-content !important;}
  .border-top-min {border-top-width: min-content !important;}
  .border-bottom-min {border-bottom-width: min-content !important;}
  .top-max {top: max-content !important;}
  .left-max {left: max-content !important;}
  .right-max {right: max-content !important;}
  .bottom-max {bottom: max-content !important;}
  .p-max {padding: max-content !important;}
  .px-max {padding-left: max-content !important; padding-right: max-content !important;}
  .py-max {padding-top: max-content !important; padding-bottom: max-content !important;}
  .pl-max {padding-left: max-content !important;}
  .pr-max {padding-right: max-content !important;}
  .pt-max {padding-top: max-content !important;}
  .pb-max {padding-bottom: max-content !important;}
  .m-max {margin: max-content !important;}
  .m-maxn {margin: calc(-1 * max-content) !important;}
  .mx-max {margin-left: max-content !important; margin-right: max-content !important; }
  .mx-maxn {margin-left: calc(-1 * max-content) !important; margin-right: calc(-1 * max-content) !important;}
  .my-max {margin-top: max-content !important; margin-bottom: max-content !important;}
  .my-maxn {margin-top: calc(-1 * max-content) !important; margin-bottom: calc(-1 * max-content) !important}
  .ml-max {margin-left: max-content !important;}
  .ml-maxn {margin-left: calc(-1 * max-content) !important;}
  .mr-max {margin-right: max-content !important;}
  .mr-maxn {margin-right: calc(-1 * max-content) !important;}
  .mt-max {margin-top: max-content !important;}
  .mt-maxn {margin-top: calc(-1 * max-content) !important;}
  .mb-max {margin-bottom: max-content !important;}
  .mb-maxn {margin-bottom: calc(-1 * max-content) !important;}
  .width-max {width: max-content !important;}
  .maxwidth-max {max-width: max-content !important;}
  .minwidth-max {min-width: max-content !important;}
  .height-max {height: max-content !important;}
  .maxheight-max {max-height: max-content !important;}
  .minheight-max {min-height: max-content !important;}
  .grid-gap-max {grid-gap: max-content !important;}
  .gap-max {gap: max-content !important;}
  .border-max {border-width: max-content !important;}
  .border-left-max {border-left-width: max-content !important;}
  .border-right-max {border-right-width: max-content !important;}
  .border-top-max {border-top-width: max-content !important;}
  .border-bottom-max {border-bottom-width: max-content !important;}
  .ratio-square {aspect-ratio: 1/1 !important;}
  .ratio-portrait {aspect-ratio: 3/4 !important;}
  .ratio-landscape {aspect-ratio: 4/3 !important;}
  .ratio-tall {aspect-ratio: 2/3 !important;}
  .ratio-wide {aspect-ratio: 3/2 !important;}
  .ratio-widescreen {aspect-ratio: 16/9 !important;}
  .ratio-golden {aspect-ratio: 1.618/1 !important;}
  .radius-100 {border-radius: 100% !important;}
  .radius-xs {border-radius: 3px !important;}
  .radius-sm {border-radius: 6px !important;}
  .radius-md {border-radius: 8px !important;}
  .radius-lg {border-radius: 12px !important;}
  .radius-xl {border-radius: 16px !important;}
  .radius-full {border-radius: 9999px !important;}
  .blur-xs {filter: blur(4px) !important;}
  .blur-sm {filter: blur(8px) !important;}
  .blur-md {filter: blur(16px) !important;}
  .blur-lg {filter: blur(24px) !important;}
  .blur-xl {filter: blur(40px) !important;}
  .layer-1 {z-index: 10 !important;}
  .layer-2 {z-index: 20 !important;}
  .layer-3 {z-index: 30 !important;}
  .layer-4 {z-index: 40 !important;}
  .layer-5 {z-index: 50 !important;}
  .layer-below {z-index: -1 !important;}
  .layer-top {z-index: 2147483647 !important;}
  .transition-in-sine {transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) !important;}
  .transition-out-sine {transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;}
  .transition-in-out-sine {transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;}
  .transition-in-quad {transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;}
  .transition-out-quad {transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;}
  .transition-in-out-quad {transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;}
  .transition-in-cubic {transition: all 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19) !important;}
  .transition-out-cubic {transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) !important;}
  .transition-in-out-cubic {transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;}
  .transition-in-quart {transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22) !important;}
  .transition-out-quart {transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) !important;}
  .transition-in-out-quart {transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) !important;}
  .transition-in-quint {transition: all 300ms cubic-bezier(0.755, 0.05, 0.855, 0.06) !important;}
  .transition-out-quint {transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;}
  .transition-in-out-quint {transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1) !important;}
  .transition-in-expo {transition: all 300ms cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;}
  .transition-out-expo {transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) !important;}
  .transition-in-out-expo {transition: all 300ms cubic-bezier(1, 0, 0, 1) !important;}
  .transition-in-circ {transition: all 300ms cubic-bezier(0.6, 0.04, 0.98, 0.335) !important;}
  .transition-out-circ {transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) !important;}
  .transition-in-out-circ {transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) !important;}
  .transition-in-back {transition: all 300ms cubic-bezier(0.6, -0.28, 0.735, 0.045) !important;}
  .transition-out-back {transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;}
  .transition-in-out-back {transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;}
  .elevation-1 {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;}
  .elevation-2 {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;}
  .elevation-3 {box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06) !important;}
  .elevation-4 {box-shadow: 0 12px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;}
  .elevation-5 {box-shadow: 0 20px 24px -4px rgba(0, 0, 0, 0.1), 0 8px 8px -4px rgba(0, 0, 0, 0.04) !important;}
  .elevation-6 {box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.25) !important;}
  .elevation-7 {box-shadow: 0 32px 64px -12px rgba(0, 0, 0, 0.2) !important;}
  .color-white {color: #ffffff !important;}
  .bg-white {background-color: #ffffff !important;}
  .border-white {border-color: #ffffff !important;}
  .color-grey-50 {color: #f9fafb !important;}
  .bg-grey-50 {background-color: #f9fafb !important;}
  .border-grey-50 {border-color: #f9fafb !important;}
  .color-grey-100 {color: #f2f4f5 !important;}
  .bg-grey-100 {background-color: #f2f4f5 !important;}
  .border-grey-100 {border-color: #f2f4f5 !important;}
  .color-grey-200 {color: #e8eaed !important;}
  .bg-grey-200 {background-color: #e8eaed !important;}
  .border-grey-200 {border-color: #e8eaed !important;}
  .color-grey-300 {color: #d4d7dd !important;}
  .bg-grey-300 {background-color: #d4d7dd !important;}
  .border-grey-300 {border-color: #d4d7dd !important;}
  .color-grey-400 {color: #a5aab4 !important;}
  .bg-grey-400 {background-color: #a5aab4 !important;}
  .border-grey-400 {border-color: #a5aab4 !important;}
  .color-grey-500 {color: #767c89 !important;}
  .bg-grey-500 {background-color: #767c89 !important;}
  .border-grey-500 {border-color: #767c89 !important;}
  .color-grey-600 {color: #666666 !important;} /* #555d6e */
  .bg-grey-600 {background-color: #666666 !important;} /* #555d6e */
  .border-grey-600 {border-color: #666666 !important;} /* #555d6e */
  .color-grey-700 {color: #555555 !important;} /* #3f4754 */
  .bg-grey-700 {background-color: #555555 !important;} /* #3f4754 */
  .border-grey-700 {border-color: #555555 !important;} /* #3f4754 */
  .color-grey-800 {color: #444444 !important;} /* #2c343f */
  .bg-grey-800 {background-color: #444444 !important;} /* #2c343f */
  .border-grey-800 {border-color: #444444 !important;} /* #2c343f */
  .color-grey-900 {color: #333333 !important;} /* #10181c */
  .bg-grey-900 {background-color: #333333 !important;} /* #10181c */
  .border-grey-900 {border-color: #333333 !important;} /* #10181c */
  .color-black {color: #232020 !important;} /* #14141b */
  .bg-black {background-color: #232020 !important;} /* #14141b */
  .border-black {border-color: #232020 !important;} /* #14141b */
  .color-grey {color: var(--color-grey-500) !important;}
  .bg-grey {background-color: var(--color-grey-500) !important;}
  .border-grey {border-color: var(--color-grey-500) !important;}
  .color-red-200 {color: #fcc1c1 !important;}
  .bg-red-200 {background-color: #fcc1c1 !important;}
  .border-red-200 {border-color: #fcc1c1 !important;}
  .color-red-300 {color: #fc8181 !important;}
  .bg-red-300 {background-color: #fc8181 !important;}
  .border-red-300 {border-color: #fc8181 !important;}
  .color-red-500 {color: #e85130 !important;} /* #e53e3e */
  .bg-red-500 {background-color: #e85130 !important;} /* #e53e3e */
  .border-red-500 {border-color: #e85130 !important;} /* #e53e3e */
  .color-red-700 {color: #c53030 !important;}
  .bg-red-700 {background-color: #c53030 !important;}
  .border-red-700 {border-color: #c53030 !important;}
  .color-red {color: var(--color-red-500) !important;}
  .bg-red {background-color: var(--color-red-500) !important;}
  .border-red {border-color: var(--color-red-500) !important;}
  .color-green-200 {color: #eaf3e7 !important;} /* #9ae6b4 */
  .bg-green-200 {background-color: #eaf3e7 !important;} /* #9ae6b4 */
  .border-green-200 {border-color: #eaf3e7 !important;} /* #9ae6b4 */
  .color-green-300 {color: #c0eeaa !important;} /* #9ae6b4 */
  .bg-green-300 {background-color: #c0eeaa !important;} /* #9ae6b4 */
  .border-green-300 {border-color: #c0eeaa !important;} /* #9ae6b4 */
  .color-green-500 {color: #77da49 !important;} /* #48bb78 */
  .bg-green-500 {background-color: #77da49 !important;} /* #48bb78 */
  .border-green-500 {border-color: #77da49 !important;} /* #48bb78 */
  .color-green-700 {color: #3a801a !important;} /* #2f855a */
  .bg-green-700 {background-color: #3a801a !important;} /* #2f855a */
  .border-green-700 {border-color: #3a801a !important;} /* #2f855a */
  .color-green {color: var(--color-green-500) !important;}
  .bg-green {background-color: var(--color-green-500) !important;}
  .border-green {border-color: var(--color-green-500) !important;}
  .color-blue-200 {color: #a3d3fd !important;} /* #63b3ed */
  .bg-blue-200 {background-color: #a3d3fd !important;} /* #63b3ed */
  .border-blue-200 {border-color: #a3d3fd !important;} /* #63b3ed */
  .color-blue-300 {color: #63b3ed !important;} /* #63b3ed */
  .bg-blue-300 {background-color: #63b3ed !important;} /* #63b3ed */
  .border-blue-300 {border-color: #63b3ed !important;} /* #63b3ed */
  .color-blue-500 {color: #4299e1 !important;} /* #4299e1 */
  .bg-blue-500 {background-color: #4299e1 !important;} /* #4299e1 */
  .border-blue-500 {border-color: #4299e1 !important;} /* #4299e1 */
  .color-blue-700 {color: #4a3e96 !important;} /* #3182ce */
  .bg-blue-700 {background-color: #4a3e96 !important;} /* #3182ce */
  .border-blue-700 {border-color: #4a3e96 !important;} /* #3182ce */
  .color-blue {color: var(--color-blue-700) !important;} /* var(--color-blue-500) */
  .bg-blue {background-color: var(--color-blue-700) !important;} /* var(--color-blue-500) */
  .border-blue {border-color: var(--color-blue-700) !important;} /* var(--color-blue-500) */
  .color-pink-200 {color: #fbd6ee !important;}
  .bg-pink-200 {background-color: #fbd6ee !important;}
  .border-pink-200 {border-color: #fbd6ee !important;}
  .color-pink-300 {color: #fbb6ce !important;}
  .bg-pink-300 {background-color: #fbb6ce !important;}
  .border-pink-300 {border-color: #fbb6ce !important;}
  .color-pink-500 {color: #ed64a6 !important;}
  .bg-pink-500 {background-color: #ed64a6 !important;}
  .border-pink-500 {border-color: #ed64a6 !important;}
  .color-pink-700 {color: #d53f8c !important;}
  .bg-pink-700 {background-color: #d53f8c !important;}
  .border-pink-700 {border-color: #d53f8c !important;}
  .color-pink {color: var(--color-pink-500) !important;}
  .bg-pink {background-color: var(--color-pink-500) !important;}
  .border-pink {border-color: var(--color-pink-500) !important;}
  .color-purple-200 {color: #c7c4f4 !important;}
  .bg-purple-200 {background-color: #c7c4f4 !important;}
  .border-purple-200 {border-color: #c7c4f4 !important;}
  .color-purple-300 {color: #b794f4 !important;}
  .bg-purple-300 {background-color: #b794f4 !important;}
  .border-purple-300 {border-color: #b794f4 !important;}
  .color-purple-500 {color: #805ad5 !important;}
  .bg-purple-500 {background-color: #805ad5 !important;}
  .border-purple-500 {border-color: #805ad5 !important;}
  .color-purple-700 {color: #6b46c1 !important;}
  .bg-purple-700 {background-color: #6b46c1 !important;}
  .border-purple-700 {border-color: #6b46c1 !important;}
  .color-purple {color: var(--color-purple-500) !important;}
  .bg-purple {background-color: var(--color-purple-500) !important;}
  .border-purple {border-color: var(--color-purple-500) !important;}
  .color-teal-200 {color: #b1f6e9 !important;}
  .bg-teal-200 {background-color: #b1f6e9 !important;}
  .border-teal-200 {border-color: #b1f6e9 !important;}
  .color-teal-300 {color: #81e6d9 !important;}
  .bg-teal-300 {background-color: #81e6d9 !important;}
  .border-teal-300 {border-color: #81e6d9 !important;}
  .color-teal-500 {color: #38b2ac !important;}
  .bg-teal-500 {background-color: #38b2ac !important;}
  .border-teal-500 {border-color: #38b2ac !important;}
  .color-teal-700 {color: #2c7a7b !important;}
  .bg-teal-700 {background-color: #2c7a7b !important;}
  .border-teal-700 {border-color: #2c7a7b !important;}
  .color-teal {color: var(--color-teal-500) !important;}
  .bg-teal {background-color: var(--color-teal-500) !important;}
  .border-teal {border-color: var(--color-teal-500) !important;}
  .color-yellow-200 {color: #fff8e4 !important;} /* #faf0c9 */
  .bg-yellow-200 {background-color: #fff8e4 !important;} /* #faf0c9 */
  .border-yellow-200 {border-color: #fff8e4 !important;} /* #faf0c9 */
  .color-yellow-300 {color: #faf089 !important;}
  .bg-yellow-300 {background-color: #faf089 !important;}
  .border-yellow-300 {border-color: #faf089 !important;}
  .color-yellow-500 {color: #fbe309 !important;} /* #ecc94b */
  .bg-yellow-500 {background-color: #fbe309 !important;} /* #ecc94b */
  .border-yellow-500 {border-color: #fbe309 !important;} /* #ecc94b */
  .color-yellow-700 {color: #d69e2e !important;}
  .bg-yellow-700 {background-color: #d69e2e !important;}
  .border-yellow-700 {border-color: #d69e2e !important;}
  .color-yellow {color: var(--color-yellow-500) !important;}
  .bg-yellow {background-color: var(--color-yellow-500) !important;}
  .border-yellow {border-color: var(--color-yellow-500) !important;}
  .color-orange-200 {color: #fbe3bd !important;}
  .bg-orange-200 {background-color: #fbe3bd !important;}
  .border-orange-200 {border-color: #fbe3bd !important;}
  .color-orange-300 {color: #fbd38d !important;}
  .bg-orange-300 {background-color: #fbd38d !important;}
  .border-orange-300 {border-color: #fbd38d !important;}
  .color-orange-500 {color: #ed8936 !important;}
  .bg-orange-500 {background-color: #ed8936 !important;}
  .border-orange-500 {border-color: #ed8936 !important;}
  .color-orange-700 {color: #dd6b20 !important;}
  .bg-orange-700 {background-color: #dd6b20 !important;}
  .border-orange-700 {border-color: #dd6b20 !important;}
  .color-orange {color: var(--color-orange-500) !important;}
  .bg-orange {background-color: var(--color-orange-500) !important;}
  .border-orange {border-color: var(--color-orange-500) !important;}
  .color-brown-200 {color: #d1b8af !important;}
  .bg-brown-200 {background-color: #d1b8af !important;}
  .border-brown-200 {border-color: #d1b8af !important;}
  .color-brown-300 {color: #a1887f !important;}
  .bg-brown-300 {background-color: #a1887f !important;}
  .border-brown-300 {border-color: #a1887f !important;}
  .color-brown-500 {color: #795548 !important;}
  .bg-brown-500 {background-color: #795548 !important;}
  .border-brown-500 {border-color: #795548 !important;}
  .color-brown-700 {color: #5d4037 !important;}
  .bg-brown-700 {background-color: #5d4037 !important;}
  .border-brown-700 {border-color: #5d4037 !important;}
  .color-brown {color: var(--color-brown-500) !important;}
  .bg-brown {background-color: var(--color-brown-500) !important;}
  .border-brown {border-color: var(--color-brown-500) !important;}
  .color-success {color: var(--color-green-500) !important;}
  .bg-success {background-color: var(--color-green-500) !important;}
  .border-success {border-color: var(--color-green-500) !important;}
  .color-warning {color: var(--color-yellow-500) !important;}
  .bg-warning {background-color: var(--color-yellow-500) !important;}
  .border-warning {border-color: var(--color-yellow-500) !important;}
  .color-error {color: var(--color-red-500) !important;}
  .bg-error {background-color: var(--color-red-500) !important;}
  .border-error {border-color: var(--color-red-500) !important;}
  .grid-2 {display: grid; grid-template: repeat(2, minmax(0, 1fr)) !important;}
  .grid-3 {display: grid; grid-template: repeat(3, minmax(0, 1fr)) !important;}
  .grid-4 {display: grid; grid-template: repeat(4, minmax(0, 1fr)) !important;}
  .grid-5 {display: grid; grid-template: repeat(5, minmax(0, 1fr)) !important;}
  .grid-6 {display: grid; grid-template: repeat(6, minmax(0, 1fr)) !important;}
  .grid-7 {display: grid; grid-template: repeat(7, minmax(0, 1fr)) !important;}
  .grid-8 {display: grid; grid-template: repeat(8, minmax(0, 1fr)) !important;}
  .grid-9 {display: grid; grid-template: repeat(9, minmax(0, 1fr)) !important;}
  .grid-10 {display: grid; grid-template: repeat(10, minmax(0, 1fr)) !important;}
  .grid-11 {display: grid; grid-template: repeat(11, minmax(0, 1fr)) !important;}
  .grid-12 {display: grid; grid-template: repeat(12, minmax(0, 1fr)) !important;}