@font-face {
            font-family: "Clash Display";
            font-weight: 200 700;
            font-style: normal;
            font-display: swap;
            src: url("../fonts/clash-display-variable.woff2") format("woff2")
        }

        @font-face {
            font-family: "Archivo";
            font-weight: 100 900;
            font-style: normal;
            font-display: swap;
            src: url("../fonts/archivo-variable.woff2") format("woff2")
        }
        @keyframes spiner {
            to {
                transform: rotate(1turn)
            }
        }

        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(30px)
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }

        @keyframes fadeInDown {
            0% {
                opacity: 0;
                transform: translateY(-100%)
            }
            100% {
                opacity: 1;
                transform: translateY(0)
            }
        }

        @keyframes ripple {
            0% {
                -webkit-transform: scale(0.2);
                transform: scale(0.2)
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        .ScrollSmoother-wrapper .site {
            padding-top: var(--admin-bar-height, 0);
            will-change: transform
        }

        .ScrollSmoother-wrapper .sts-element.e-parent {
            position: relative
        }

        .ScrollSmoother-wrapper .sts-element.e-parent::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 2px;
            background-color: inherit;
            z-index: 10
        }

        :where(.states-side-animate-enabled [data-animate], .states-side-animate-enabled .states-side-animate) {
            opacity: 0
        }

        :root {
            --container-width: 100%;
            --container-narrow-width: 100%;
            --container-padding-left: 12px;
            --container-padding-right: 12px;
            --spacing-unit: 6px;
            --font-weight-regular: 400;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --font-size-sm: calc(14 / 16 * 1rem);
            --font-size-base: calc(16 / 16 * 1rem);
            --font-size-lg: calc(18 / 16 * 1rem);
            --font-size-xl: calc(20 / 16 * 1rem);
            --font-size-2xl: calc(22 / 16 * 1rem);
            --font-size-3xl: calc(24 / 16 * 1rem);
            --font-size-4xl: calc(40 / 16 * 1rem);
            --font-size-5xl: calc(48 / 16 * 1rem);
            --font-size-6xl: calc(60 / 16 * 1rem);
            --font-size-7xl: calc(64 / 16 * 1rem);
            --line-height-heading: 0.9333;
            --line-height-normal: 1.22;
            --letter-spacing-heading: -0.02em;
            --letter-spacing-normal: -0.02em;
            --letter-spacing-small: -0.01em;
            --heading-scale-ratio: 1;
            --heading-size-h1: calc(var(--heading-scale-ratio) * (62 / 16 * 1rem));
            --heading-size-h2: calc(var(--heading-scale-ratio) * (30 / 16 * 1rem));
            --heading-size-h3: calc(var(--heading-scale-ratio) * (22 / 16 * 1rem));
            --heading-size-h4: calc(var(--heading-scale-ratio) * (20 / 16 * 1rem));
            --heading-size-h5: calc(var(--heading-scale-ratio) * (18 / 16 * 1rem));
            --heading-size-h6: calc(var(--heading-scale-ratio) * (16 / 16 * 1rem));
            --heading-line-height-h1: var(--line-height-heading);
            --heading-line-height-h2: var(--line-height-heading);
            --heading-line-height-h3: var(--line-height-heading);
            --heading-line-height-h4: var(--line-height-heading);
            --heading-line-height-h5: var(--line-height-heading);
            --heading-line-height-h6: var(--line-height-heading);
            --font-size-display-1: calc(62 / 16 * 1rem);
            --line-height-display-1: calc(50/62);
            --font-size-display-2: calc(40 / 16 * 1rem);
            --line-height-display-2: calc(34/40);
            --font-size-display-3: calc(22 / 16 * 1rem);
            --line-height-display-3: calc(24/22);
            --font-size-heading-1: calc(16 / 16 * 1rem);
            --line-height-heading-1: calc(18/16);
            --font-size-heading-2: calc(16 / 16 * 1rem);
            --line-height-heading-2: calc(18/16);
            --font-size-body-1: calc(16 / 16 * 1rem);
            --line-height-body-1: calc(18/16);
            --font-size-body-2: calc(14 / 16 * 1rem);
            --line-height-body-2: calc(18/14);
            --font-size-body-3: calc(14 / 16 * 1rem);
            --line-height-body-3: calc(18/14);
            --font-size-caption: calc(12 / 16 * 1rem);
            --line-height-caption: calc(14/12);
            --color-dark: #000;
            --color-white: #fff;
            --color-snow-white: #f9f9f9;
            --color-white-80: rgba(255, 255, 255, 0.8);
            --color-white-70: rgba(255, 255, 255, 0.7);
            --color-white-60: rgba(255, 255, 255, 0.6);
            --color-white-50: rgba(255, 255, 255, 0.5);
            --color-white-40: rgba(255, 255, 255, 0.4);
            --color-white-30: rgba(255, 255, 255, 0.3);
            --color-white-20: rgba(255, 255, 255, 0.2);
            --color-white-16: rgba(255, 255, 255, 0.16);
            --color-white-12: rgba(255, 255, 255, 0.12);
            --color-white-10: rgba(255, 255, 255, 0.1);
            --color-white-6: rgba(255, 255, 255, 0.06);
            --color-white-4: rgba(255, 255, 255, 0.04);
            --color-primary: #f25b09;
            --color-pale-gold: #fae5b4;
            --color-text-primary-rgb: 255, 255, 255;
            --color-heading-rgb: 255, 255, 255;
            --color-text-primary: var(--color-white-60);
            --color-heading: var(--color-white);
            --color-link: var(--color-white);
            --color-link-hover: var(--color-primary);
            --color-border-primary: var(--color-white-16);
            --color-border-secondary: var(--color-white);
            --gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
            --shadow: inset 8px 2px 7.9px #fff, inset 0 -6px 7.8px rgba(0, 0, 0, 0.25);
            --shadow-primary: 0 5.64px 8.45px 0 rgb(253, 165, 118) inset;
            --border-radius-sm: 12px;
            --border-radius-md: 16px;
            --border-radius-lg: 20px;
            --border-radius-xl: 32px;
            --border-radius-circle: 99em;
            --body-font-size: var(--font-size-base);
            --body-line-height: var(--line-height-normal);
            --body-weight: var(--font-weight-regular);
            --body-letter-spacing: var(--letter-spacing-normal);
            --body-background-color: var(--color-dark);
            --font-family: "Archivo", sans-serif;
            --heading-font: "Clash Display", sans-serif;
            --heading-font-weight: var(--font-weight-semibold);
            --heading-font-style: normal;
            --subheading-weight: var(--font-weight-medium);
            --heading-text-transform: var(--typography-heading-text-transform);
            --heading-letter-spacing: var(--letter-spacing-heading);
            --heading-font-scale: var(--heading-scale-ratio);
            --heading-line-height: var(--line-height-heading);
            --heading-font-size-h1: var(--heading-size-h1);
            --heading-font-size-h2: var(--heading-size-h2);
            --heading-font-size-h3: var(--heading-size-h3);
            --heading-font-size-h4: var(--heading-size-h4);
            --heading-font-size-h5: var(--heading-size-h5);
            --heading-font-size-h6: var(--heading-size-h6);
            --color-text: var(--color-text-primary);
            --color-text--rgb: var(--color-text-primary-rgb);
            --background-color-primary: var(--color-dark);
            --background-color-white: var(--color-white);
            --background-overlay: var(--color-background-overlay);
            --background-overlay-show: var(--color-background-overlay-light);
            --color-border: var(--color-border-primary);
            --color-selection: var(--color-white-60);
            --background-color-selection: var(--color-white-12);
            --button-color: var(--color-white-60);
            --button-color-hover: var(--color-white);
            --button-background-color: var(--color-white-12);
            --button-background-color-hover: var(--color-primary);
            --button-font-family: var(--font-family);
            --button-font-size: var(--font-size-sm);
            --button-font-weight: var(--font-weight-medium);
            --button-line-height: 1;
            --button-padding-top: 14px;
            --button-padding-right: 18px;
            --button-padding-bottom: 14px;
            --button-padding-left: 18px;
            --button-border-width: 0;
            --button-border-style: solid;
            --button-border-color: transparent;
            --button-border-color-hover: transparent;
            --button-border-color-active: transparent;
            --button-border-radius: var(--border-radius-sm);
            --button-gap: 10px;
            --button-shadow: none;
            --button-shadow-hover: var(--shadow-primary);
            --button-height: 50px;
            --button-icon-size: 8px;
            --button-has-icon-size: 16px;
            --button-has-icon-width: 38px;
            --button-has-icon-height: 38px;
            --button-icon-color: var(--color-white);
            --button-icon-background-color: var(--color-primary);
            --button-icon-shadow: var(--shadow-primary);
            --button-icon-width: 22px;
            --button-icon-height: 22px;
            --button-has-icon-border-radius: 100px;
            --input-color: var(--color-white-60);
            --input-color-hover: var(--color-snow-white);
            --input-color-disabled: var(--color-white-6);
            --input-background-color: var(--color-white-6);
            --input-background-color-hover: var(--color-white-6);
            --input-background-color-disabled: var(--color-white-12);
            --input-border-width: 0px;
            --input-border-style: solid;
            --input-border-color: var(--color-white-6);
            --input-border-color-hover: var(--color-white-60);
            --input-border-color-disabled: var(--color-white-60);
            --input-font-size: var(--font-size-base);
            --input-line-height: var(--line-height-normal);
            --input-letter-spacing: var(--letter-spacing-normal);
            --input-padding-top: 17px;
            --input-padding-bottom: 17px;
            --input-padding-right: 20px;
            --input-padding-left: 20px;
            --input-border-radius: 0;
            --select-padding-top: 18.5px;
            --select-padding-bottom: 18.5px;
            --select-padding-left: 20px;
            --select-padding-right: 40px;
            --tags-font-size: var(--font-size-sm);
            --tags-font-weight: var(--font-weight-medium);
            --tags-color: var(--color-white-70);
            --tags-background-color: var(--color-white-12);
            --tags-background-blur: 16px;
            --tags-border-width: 0;
            --tags-border-style: solid;
            --tags-border-color: var(--color-white-12);
            --tags-border-radius: var(--border-radius-circle);
            --tags-color-hover: var(--color-dark);
            --tags-background-color-hover: var(--color-white);
            --tags-border-color-hover: var(--color-white);
            --tags-padding-top: 8px;
            --tags-padding-right: 13px;
            --tags-padding-bottom: 8px;
            --tags-padding-left: 13px;
            --badges-font-size: var(--font-size-sm);
            --badges-font-weight: var(--font-weight-medium);
            --badges-color: color-mix(in srgb, var(--color-dark) 80%, transparent);
            --badges-background-color: var(--color-white);
            --badges-background-blur: 32px;
            --badges-border-radius: var(--border-radius-circle);
            --badges-padding-top: 10px;
            --badges-padding-right: 16px;
            --badges-padding-bottom: 9px;
            --badges-padding-left: 16px;
            --project-font-size: var(--font-size-2xl)
        }

        @media(min-width: 768px) {
            :root {
                --container-padding-left: 30px;
                --container-padding-right: 30px;
                --body-font-size: var(--font-size-lg);
                --heading-size-h1: calc(var(--heading-scale-ratio) * (64 / 16 * 1rem));
                --heading-size-h2: calc(var(--heading-scale-ratio) * (48 / 16 * 1rem));
                --heading-size-h3: calc(var(--heading-scale-ratio) * (40 / 16 * 1rem));
                --heading-size-h4: calc(var(--heading-scale-ratio) * (24 / 16 * 1rem));
                --heading-size-h5: calc(var(--heading-scale-ratio) * (20 / 16 * 1rem));
                --heading-size-h6: calc(var(--heading-scale-ratio) * (18 / 16 * 1rem));
                --font-size-display-1: calc(150 / 16 * 1rem);
                --line-height-display-1: calc(200/272);
                --font-size-heading-1: calc(30 / 16 * 1rem);
                --line-height-heading-1: calc(32/30);
                --font-size-heading-2: calc(24 / 16 * 1rem);
                --line-height-heading-2: calc(31/24);
                --font-size-body-1: calc(22 / 16 * 1rem);
                --line-height-body-1: calc(28/22);
                --font-size-body-2: calc(18 / 16 * 1rem);
                --line-height-body-2: calc(22/18);
                --font-size-body-3: calc(16 / 16 * 1rem);
                --line-height-body-3: calc(22/16);
                --font-size-caption: calc(14 / 16 * 1rem);
                --line-height-caption: calc(18/14);
                --button-font-size: var(--font-size-base);
                --button-gap: 1em;
                --button-height: 78px;
                --button-icon-size: 18px;
                --button-has-icon-size: 28px;
                --button-has-icon-width: 62px;
                --button-has-icon-height: 62px;
                --button-icon-width: 46px;
                --button-icon-height: 46px;
                --input-padding-top: 29.5px;
                --input-padding-bottom: 29.5px;
                --tags-padding-top: 18px;
                --tags-padding-right: 25px;
                --tags-padding-bottom: 17px;
                --tags-padding-left: 25px;
                --project-font-size: var(--font-size-6xl)
            }
        }

        @media(min-width: 1024px) {
            :root {
                --container-width: 1440px;
                --container-narrow-width: 788px;
                --container-padding-left: 72px;
                --container-padding-right: 72px;
                --font-size-display-1: calc(272 / 16 * 1rem);
                --font-size-display-2: calc(120 / 16 * 1rem);
                --line-height-display-2: calc(100/120);
                --font-size-display-3: calc(60 / 16 * 1rem);
                --line-height-display-3: 1
            }
        }

        .theme-light {
            --color-white-80: rgba(0, 0, 0, 0.8);
            --color-white-70: rgba(0, 0, 0, 0.7);
            --color-white-60: rgba(0, 0, 0, 0.6);
            --color-white-50: rgba(0, 0, 0, 0.5);
            --color-white-40: rgba(0, 0, 0, 0.4);
            --color-white-30: rgba(0, 0, 0, 0.3);
            --color-white-20: rgba(0, 0, 0, 0.2);
            --color-white-16: rgba(0, 0, 0, 0.16);
            --color-white-12: rgba(0, 0, 0, 0.12);
            --color-white-10: rgba(0, 0, 0, 0.1);
            --color-white-8: rgba(0, 0, 0, 0.08);
            --color-white-6: rgba(0, 0, 0, 0.06);
            --color-white-4: rgba(0, 0, 0, 0.04);
            --color-text-primary-rgb: 0, 0, 0;
            --color-heading-rgb: 0, 0, 0;
            --color-text-primary: var(--color-white-60);
            --color-heading: var(--color-dark);
            --color-link: var(--color-dark);
            --color-link-hover: var(--color-primary);
            --color-border-primary: var(--color-white-16);
            --color-border-secondary: var(--color-dark);
            --body-background-color: var(--color-white);
            --color-text: rgba( 0, 0, 0, 0.5);
            --color-text--rgb: var(--color-text-primary-rgb);
            --background-color-primary: var(--color-dark);
            --background-color-white: var(--color-white);
            --background-overlay: var(--color-background-overlay);
            --background-overlay-show: var(--color-background-overlay-light);
            --color-border: var(--color-border-primary);
            --color-selection: var(--color-white-60);
            --background-color-selection: var(--color-white-12);
            --input-color: var(--color-white-60);
            --input-color-hover: var(--color-dark);
            --input-color-disabled: var(--color-white-6);
            --input-background-color: var(--color-white-6);
            --input-background-color-hover: var(--color-white-6);
            --input-background-color-disabled: var(--color-white-12);
            --input-border-color: var(--color-white-6);
            --input-border-color-hover: var(--color-white-60);
            --input-border-color-disabled: var(--color-white-60)
        }

        .theme-light .states-side-tags--inline {
            --tags-color: var(--color-white-40);
            --tags-background-color: var(--color-white-8);
            --tags-border-color: var(--color-white-12);
            --tags-color-hover: var(--color-white);
            --tags-background-color-hover: var(--color-dark);
            --tags-border-color-hover: var(--color-dark)
        }

        .theme-light .states-side-tags--inline.states-side-tags--small {
            --tags-color: var(--color-dark);
            --tags-background-color: var(--color-white-10)
        }

        .theme-light .comment-form .submit,
        .theme-light .top-categories__item {
            --button-color: var(--color-white-60);
            --button-color-hover: var(--color-white);
            --button-background-color: var(--color-white-12);
            --button-background-color-hover: var(--color-primary)
        }

        .theme-light {
            color: var(--color-text)
        }

        .theme-dark {
            --color-white-80: rgba(255, 255, 255, 0.8);
            --color-white-70: rgba(255, 255, 255, 0.7);
            --color-white-60: rgba(255, 255, 255, 0.6);
            --color-white-50: rgba(255, 255, 255, 0.5);
            --color-white-40: rgba(255, 255, 255, 0.4);
            --color-white-30: rgba(255, 255, 255, 0.3);
            --color-white-20: rgba(255, 255, 255, 0.2);
            --color-white-16: rgba(255, 255, 255, 0.16);
            --color-white-12: rgba(255, 255, 255, 0.12);
            --color-white-10: rgba(255, 255, 255, 0.1);
            --color-white-6: rgba(255, 255, 255, 0.06);
            --color-white-4: rgba(255, 255, 255, 0.04);
            --color-text-primary-rgb: 255, 255, 255;
            --color-heading-rgb: 255, 255, 255;
            --color-text-primary: var(--color-white-60);
            --color-heading: var(--color-white);
            --color-link: var(--color-white);
            --color-link-hover: var(--color-primary);
            --color-border-primary: var(--color-white-16);
            --color-border-secondary: var(--color-white);
            --body-background-color: var(--color-dark);
            --color-text: var(--color-text-primary);
            --color-text--rgb: var(--color-text-primary-rgb);
            --background-color-primary: var(--color-dark);
            --background-color-white: var(--color-white);
            --background-overlay: var(--color-background-overlay);
            --background-overlay-show: var(--color-background-overlay-light);
            --color-border: var(--color-border-primary);
            --color-selection: var(--color-white-60);
            --background-color-selection: var(--color-white-12);
            --input-color: var(--color-white-60);
            --input-color-hover: var(--color-snow-white);
            --input-color-disabled: var(--color-white-6);
            --input-background-color: var(--color-white-6);
            --input-background-color-hover: var(--color-white-6);
            --input-background-color-disabled: var(--color-white-12);
            --input-border-color: var(--color-white-6);
            --input-border-color-hover: var(--color-white-60);
            --input-border-color-disabled: var(--color-white-60)
        }

        .theme-dark .states-side-tags--inline {
            --tags-color: var(--color-white-70);
            --tags-background-color: var(--color-white-12);
            --tags-border-color: var(--color-white-12);
            --tags-color-hover: var(--color-dark);
            --tags-background-color-hover: var(--color-white);
            --tags-border-color-hover: var(--color-white)
        }

        .theme-dark .states-side-tags--inline.states-side-tags--small {
            --tags-color: var(--color-white);
            --tags-background-color: var(--color-white-10)
        }

        .theme-dark .comment-form .submit,
        .theme-dark .top-categories__item {
            --button-color: var(--color-white-60);
            --button-color-hover: var(--color-white);
            --button-background-color: var(--color-white-12);
            --button-background-color-hover: var(--color-primary)
        }

        .theme-dark {
            color: var(--color-text)
        }

        .states-side-color-scheme {
            background-color: var(--body-background-color)
        }

        .states-side-svg-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1
        }

        .states-side-svg-icon svg {
            display: inline-block;
            width: 1em;
            height: auto;
            color: currentColor;
            vertical-align: -0.125em
        }

        .block {
            display: block
        }

        .inline-block {
            display: inline-block
        }

        .inline {
            display: inline
        }

        .flex {
            display: flex
        }

        .inline-flex {
            display: inline-flex
        }

        .grid {
            display: grid
        }

        .inline-grid {
            display: inline-grid
        }

        .hidden {
            display: none
        }

        @media(min-width: 640px) {
            .sm\:block {
                display: block
            }
            .sm\:inline-block {
                display: inline-block
            }
            .sm\:inline {
                display: inline
            }
            .sm\:flex {
                display: flex
            }
            .sm\:inline-flex {
                display: inline-flex
            }
            .sm\:grid {
                display: grid
            }
            .sm\:inline-grid {
                display: inline-grid
            }
            .sm\:hidden {
                display: none
            }
        }

        @media(min-width: 768px) {
            .md\:block {
                display: block
            }
            .md\:inline-block {
                display: inline-block
            }
            .md\:inline {
                display: inline
            }
            .md\:flex {
                display: flex
            }
            .md\:inline-flex {
                display: inline-flex
            }
            .md\:grid {
                display: grid
            }
            .md\:inline-grid {
                display: inline-grid
            }
            .md\:hidden {
                display: none
            }
        }

        @media(min-width: 1024px) {
            .lg\:block {
                display: block
            }
            .lg\:inline-block {
                display: inline-block
            }
            .lg\:inline {
                display: inline
            }
            .lg\:flex {
                display: flex
            }
            .lg\:inline-flex {
                display: inline-flex
            }
            .lg\:grid {
                display: grid
            }
            .lg\:inline-grid {
                display: inline-grid
            }
            .lg\:hidden {
                display: none
            }
        }

        @media(min-width: 1280px) {
            .xl\:block {
                display: block
            }
            .xl\:inline-block {
                display: inline-block
            }
            .xl\:inline {
                display: inline
            }
            .xl\:flex {
                display: flex
            }
            .xl\:inline-flex {
                display: inline-flex
            }
            .xl\:grid {
                display: grid
            }
            .xl\:inline-grid {
                display: inline-grid
            }
            .xl\:hidden {
                display: none
            }
        }

        @media(max-width: 768px) {
            .sm\:no-br br {
                display: none
            }
        }

        .flex-row {
            flex-direction: row
        }

        .flex-row-reverse {
            flex-direction: row-reverse
        }

        .flex-col {
            flex-direction: column
        }

        .flex-col-reverse {
            flex-direction: column-reverse
        }

        .flex-wrap {
            flex-wrap: wrap
        }

        .flex-wrap-reverse {
            flex-wrap: wrap-reverse
        }

        .flex-nowrap {
            flex-wrap: nowrap
        }

        .flex-1 {
            flex: 1 1 0%
        }

        .flex-auto {
            flex: 1 1 auto
        }

        .flex-initial {
            flex: 0 1 auto
        }

        .flex-none {
            flex: none
        }

        .grow {
            flex-grow: 1
        }

        .grow-0 {
            flex-grow: 0
        }

        .shrink {
            flex-shrink: 1
        }

        .shrink-0 {
            flex-shrink: 0
        }

        .justify-start {
            justify-content: flex-start
        }

        .justify-end {
            justify-content: flex-end
        }

        .justify-center {
            justify-content: center
        }

        .justify-between {
            justify-content: space-between
        }

        .justify-around {
            justify-content: space-around
        }

        .justify-evenly {
            justify-content: space-evenly
        }

        .items-start {
            align-items: flex-start
        }

        .items-end {
            align-items: flex-end
        }

        .items-center {
            align-items: center
        }

        .items-baseline {
            align-items: baseline
        }

        .items-stretch {
            align-items: stretch
        }

        .content-start {
            align-content: flex-start
        }

        .content-end {
            align-content: flex-end
        }

        .content-center {
            align-content: center
        }

        .content-between {
            align-content: space-between
        }

        .content-around {
            align-content: space-around
        }

        .content-evenly {
            align-content: space-evenly
        }

        .self-auto {
            align-self: auto
        }

        .self-start {
            align-self: flex-start
        }

        .self-end {
            align-self: flex-end
        }

        .self-center {
            align-self: center
        }

        .self-stretch {
            align-self: stretch
        }

        .self-baseline {
            align-self: baseline
        }

        .justify-items-start {
            justify-items: start
        }

        .justify-items-end {
            justify-items: end
        }

        .justify-items-center {
            justify-items: center
        }

        .justify-items-stretch {
            justify-items: stretch
        }

        .justify-self-auto {
            justify-self: auto
        }

        .justify-self-start {
            justify-self: start
        }

        .justify-self-end {
            justify-self: end
        }

        .justify-self-center {
            justify-self: center
        }

        .justify-self-stretch {
            justify-self: stretch
        }

        .place-content-center {
            place-content: center
        }

        .place-content-start {
            place-content: start
        }

        .place-content-end {
            place-content: end
        }

        .place-content-between {
            place-content: space-between
        }

        .place-content-around {
            place-content: space-around
        }

        .place-content-evenly {
            place-content: space-evenly
        }

        .place-content-stretch {
            place-content: stretch
        }

        .place-items-start {
            place-items: start
        }

        .place-items-end {
            place-items: end
        }

        .place-items-center {
            place-items: center
        }

        .place-items-stretch {
            place-items: stretch
        }

        .place-self-auto {
            place-self: auto
        }

        .place-self-start {
            place-self: start
        }

        .place-self-end {
            place-self: end
        }

        .place-self-center {
            place-self: center
        }

        .place-self-stretch {
            place-self: stretch
        }

        @media(min-width: 640px) {
            .sm\:flex-row {
                flex-direction: row
            }
            .sm\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .sm\:flex-col {
                flex-direction: column
            }
            .sm\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .sm\:justify-start {
                justify-content: flex-start
            }
            .sm\:justify-end {
                justify-content: flex-end
            }
            .sm\:justify-center {
                justify-content: center
            }
            .sm\:justify-between {
                justify-content: space-between
            }
            .sm\:justify-around {
                justify-content: space-around
            }
            .sm\:justify-evenly {
                justify-content: space-evenly
            }
            .sm\:items-start {
                align-items: flex-start
            }
            .sm\:items-end {
                align-items: flex-end
            }
            .sm\:items-center {
                align-items: center
            }
            .sm\:items-baseline {
                align-items: baseline
            }
            .sm\:items-stretch {
                align-items: stretch
            }
            .sm\:content-start {
                align-content: flex-start
            }
            .sm\:content-end {
                align-content: flex-end
            }
            .sm\:content-center {
                align-content: center
            }
            .sm\:content-between {
                align-content: space-between
            }
            .sm\:content-around {
                align-content: space-around
            }
            .sm\:content-evenly {
                align-content: space-evenly
            }
            .sm\:self-auto {
                align-self: auto
            }
            .sm\:self-start {
                align-self: flex-start
            }
            .sm\:self-end {
                align-self: flex-end
            }
            .sm\:self-center {
                align-self: center
            }
            .sm\:self-stretch {
                align-self: stretch
            }
            .sm\:justify-items-start {
                justify-items: start
            }
            .sm\:justify-items-end {
                justify-items: end
            }
            .sm\:justify-items-center {
                justify-items: center
            }
            .sm\:justify-items-stretch {
                justify-items: stretch
            }
            .sm\:justify-self-auto {
                justify-self: auto
            }
            .sm\:justify-self-start {
                justify-self: start
            }
            .sm\:justify-self-end {
                justify-self: end
            }
            .sm\:justify-self-center {
                justify-self: center
            }
            .sm\:justify-self-stretch {
                justify-self: stretch
            }
        }

        @media(min-width: 768px) {
            .md\:flex-row {
                flex-direction: row
            }
            .md\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .md\:flex-col {
                flex-direction: column
            }
            .md\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .md\:justify-start {
                justify-content: flex-start
            }
            .md\:justify-end {
                justify-content: flex-end
            }
            .md\:justify-center {
                justify-content: center
            }
            .md\:justify-between {
                justify-content: space-between
            }
            .md\:justify-around {
                justify-content: space-around
            }
            .md\:justify-evenly {
                justify-content: space-evenly
            }
            .md\:items-start {
                align-items: flex-start
            }
            .md\:items-end {
                align-items: flex-end
            }
            .md\:items-center {
                align-items: center
            }
            .md\:items-baseline {
                align-items: baseline
            }
            .md\:items-stretch {
                align-items: stretch
            }
            .md\:content-start {
                align-content: flex-start
            }
            .md\:content-end {
                align-content: flex-end
            }
            .md\:content-center {
                align-content: center
            }
            .md\:content-between {
                align-content: space-between
            }
            .md\:content-around {
                align-content: space-around
            }
            .md\:content-evenly {
                align-content: space-evenly
            }
            .md\:self-auto {
                align-self: auto
            }
            .md\:self-start {
                align-self: flex-start
            }
            .md\:self-end {
                align-self: flex-end
            }
            .md\:self-center {
                align-self: center
            }
            .md\:self-stretch {
                align-self: stretch
            }
            .md\:justify-items-start {
                justify-items: start
            }
            .md\:justify-items-end {
                justify-items: end
            }
            .md\:justify-items-center {
                justify-items: center
            }
            .md\:justify-items-stretch {
                justify-items: stretch
            }
            .md\:justify-self-auto {
                justify-self: auto
            }
            .md\:justify-self-start {
                justify-self: start
            }
            .md\:justify-self-end {
                justify-self: end
            }
            .md\:justify-self-center {
                justify-self: center
            }
            .md\:justify-self-stretch {
                justify-self: stretch
            }
        }

        @media(min-width: 1024px) {
            .lg\:flex-row {
                flex-direction: row
            }
            .lg\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .lg\:flex-col {
                flex-direction: column
            }
            .lg\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .lg\:justify-start {
                justify-content: flex-start
            }
            .lg\:justify-end {
                justify-content: flex-end
            }
            .lg\:justify-center {
                justify-content: center
            }
            .lg\:justify-between {
                justify-content: space-between
            }
            .lg\:justify-around {
                justify-content: space-around
            }
            .lg\:justify-evenly {
                justify-content: space-evenly
            }
            .lg\:items-start {
                align-items: flex-start
            }
            .lg\:items-end {
                align-items: flex-end
            }
            .lg\:items-center {
                align-items: center
            }
            .lg\:items-baseline {
                align-items: baseline
            }
            .lg\:items-stretch {
                align-items: stretch
            }
            .lg\:content-start {
                align-content: flex-start
            }
            .lg\:content-end {
                align-content: flex-end
            }
            .lg\:content-center {
                align-content: center
            }
            .lg\:content-between {
                align-content: space-between
            }
            .lg\:content-around {
                align-content: space-around
            }
            .lg\:content-evenly {
                align-content: space-evenly
            }
            .lg\:self-auto {
                align-self: auto
            }
            .lg\:self-start {
                align-self: flex-start
            }
            .lg\:self-end {
                align-self: flex-end
            }
            .lg\:self-center {
                align-self: center
            }
            .lg\:self-stretch {
                align-self: stretch
            }
            .lg\:justify-items-start {
                justify-items: start
            }
            .lg\:justify-items-end {
                justify-items: end
            }
            .lg\:justify-items-center {
                justify-items: center
            }
            .lg\:justify-items-stretch {
                justify-items: stretch
            }
            .lg\:justify-self-auto {
                justify-self: auto
            }
            .lg\:justify-self-start {
                justify-self: start
            }
            .lg\:justify-self-end {
                justify-self: end
            }
            .lg\:justify-self-center {
                justify-self: center
            }
            .lg\:justify-self-stretch {
                justify-self: stretch
            }
        }

        @media(min-width: 1280px) {
            .xl\:flex-row {
                flex-direction: row
            }
            .xl\:flex-row-reverse {
                flex-direction: row-reverse
            }
            .xl\:flex-col {
                flex-direction: column
            }
            .xl\:flex-col-reverse {
                flex-direction: column-reverse
            }
            .xl\:justify-start {
                justify-content: flex-start
            }
            .xl\:justify-end {
                justify-content: flex-end
            }
            .xl\:justify-center {
                justify-content: center
            }
            .xl\:justify-between {
                justify-content: space-between
            }
            .xl\:justify-around {
                justify-content: space-around
            }
            .xl\:justify-evenly {
                justify-content: space-evenly
            }
            .xl\:items-start {
                align-items: flex-start
            }
            .xl\:items-end {
                align-items: flex-end
            }
            .xl\:items-center {
                align-items: center
            }
            .xl\:items-baseline {
                align-items: baseline
            }
            .xl\:items-stretch {
                align-items: stretch
            }
            .xl\:content-start {
                align-content: flex-start
            }
            .xl\:content-end {
                align-content: flex-end
            }
            .xl\:content-center {
                align-content: center
            }
            .xl\:content-between {
                align-content: space-between
            }
            .xl\:content-around {
                align-content: space-around
            }
            .xl\:content-evenly {
                align-content: space-evenly
            }
            .xl\:self-auto {
                align-self: auto
            }
            .xl\:self-start {
                align-self: flex-start
            }
            .xl\:self-end {
                align-self: flex-end
            }
            .xl\:self-center {
                align-self: center
            }
            .xl\:self-stretch {
                align-self: stretch
            }
            .xl\:justify-items-start {
                justify-items: start
            }
            .xl\:justify-items-end {
                justify-items: end
            }
            .xl\:justify-items-center {
                justify-items: center
            }
            .xl\:justify-items-stretch {
                justify-items: stretch
            }
            .xl\:justify-self-auto {
                justify-self: auto
            }
            .xl\:justify-self-start {
                justify-self: start
            }
            .xl\:justify-self-end {
                justify-self: end
            }
            .xl\:justify-self-center {
                justify-self: center
            }
            .xl\:justify-self-stretch {
                justify-self: stretch
            }
        }

        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .grid-cols-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr))
        }

        .grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }

        .grid-cols-9 {
            grid-template-columns: repeat(9, minmax(0, 1fr))
        }

        .grid-cols-10 {
            grid-template-columns: repeat(10, minmax(0, 1fr))
        }

        .grid-cols-11 {
            grid-template-columns: repeat(11, minmax(0, 1fr))
        }

        .grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .grid-cols-none {
            grid-template-columns: none
        }

        .auto-cols-auto {
            grid-template-columns: auto
        }

        .auto-cols-min {
            grid-template-columns: min-content
        }

        .auto-cols-max {
            grid-template-columns: max-content
        }

        .auto-cols-fr {
            grid-template-columns: minmax(0, 1fr)
        }

        .grid-rows-1 {
            grid-template-rows: repeat(1, minmax(0, 1fr))
        }

        .grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr))
        }

        .grid-rows-4 {
            grid-template-rows: repeat(4, minmax(0, 1fr))
        }

        .grid-rows-5 {
            grid-template-rows: repeat(5, minmax(0, 1fr))
        }

        .grid-rows-6 {
            grid-template-rows: repeat(6, minmax(0, 1fr))
        }

        .grid-rows-none {
            grid-template-rows: none
        }

        .col-auto {
            grid-column: auto
        }

        .col-span-1 {
            grid-column: span 1/span 1
        }

        .col-span-2 {
            grid-column: span 2/span 2
        }

        .col-span-3 {
            grid-column: span 3/span 3
        }

        .col-span-4 {
            grid-column: span 4/span 4
        }

        .col-span-5 {
            grid-column: span 5/span 5
        }

        .col-span-6 {
            grid-column: span 6/span 6
        }

        .col-span-7 {
            grid-column: span 7/span 7
        }

        .col-span-8 {
            grid-column: span 8/span 8
        }

        .col-span-9 {
            grid-column: span 9/span 9
        }

        .col-span-10 {
            grid-column: span 10/span 10
        }

        .col-span-11 {
            grid-column: span 11/span 11
        }

        .col-span-12 {
            grid-column: span 12/span 12
        }

        .col-span-full {
            grid-column: 1/-1
        }

        .col-start-1 {
            grid-column-start: 1
        }

        .col-start-2 {
            grid-column-start: 2
        }

        .col-start-3 {
            grid-column-start: 3
        }

        .col-start-4 {
            grid-column-start: 4
        }

        .col-start-5 {
            grid-column-start: 5
        }

        .col-start-6 {
            grid-column-start: 6
        }

        .col-start-7 {
            grid-column-start: 7
        }

        .col-start-8 {
            grid-column-start: 8
        }

        .col-start-9 {
            grid-column-start: 9
        }

        .col-start-10 {
            grid-column-start: 10
        }

        .col-start-11 {
            grid-column-start: 11
        }

        .col-start-12 {
            grid-column-start: 12
        }

        .col-start-13 {
            grid-column-start: 13
        }

        .col-start-auto {
            grid-column-start: auto
        }

        .col-end-1 {
            grid-column-end: 1
        }

        .col-end-2 {
            grid-column-end: 2
        }

        .col-end-3 {
            grid-column-end: 3
        }

        .col-end-4 {
            grid-column-end: 4
        }

        .col-end-5 {
            grid-column-end: 5
        }

        .col-end-6 {
            grid-column-end: 6
        }

        .col-end-7 {
            grid-column-end: 7
        }

        .col-end-8 {
            grid-column-end: 8
        }

        .col-end-9 {
            grid-column-end: 9
        }

        .col-end-10 {
            grid-column-end: 10
        }

        .col-end-11 {
            grid-column-end: 11
        }

        .col-end-12 {
            grid-column-end: 12
        }

        .col-end-13 {
            grid-column-end: 13
        }

        .col-end-auto {
            grid-column-end: auto
        }

        .row-auto {
            grid-row: auto
        }

        .row-span-1 {
            grid-row: span 1/span 1
        }

        .row-span-2 {
            grid-row: span 2/span 2
        }

        .row-span-3 {
            grid-row: span 3/span 3
        }

        .row-span-4 {
            grid-row: span 4/span 4
        }

        .row-span-5 {
            grid-row: span 5/span 5
        }

        .row-span-6 {
            grid-row: span 6/span 6
        }

        .row-span-full {
            grid-row: 1/-1
        }

        .row-start-1 {
            grid-row-start: 1
        }

        .row-start-2 {
            grid-row-start: 2
        }

        .row-start-3 {
            grid-row-start: 3
        }

        .row-start-4 {
            grid-row-start: 4
        }

        .row-start-5 {
            grid-row-start: 5
        }

        .row-start-6 {
            grid-row-start: 6
        }

        .row-start-7 {
            grid-row-start: 7
        }

        .row-start-auto {
            grid-row-start: auto
        }

        .row-end-1 {
            grid-row-end: 1
        }

        .row-end-2 {
            grid-row-end: 2
        }

        .row-end-3 {
            grid-row-end: 3
        }

        .row-end-4 {
            grid-row-end: 4
        }

        .row-end-5 {
            grid-row-end: 5
        }

        .row-end-6 {
            grid-row-end: 6
        }

        .row-end-7 {
            grid-row-end: 7
        }

        .row-end-auto {
            grid-row-end: auto
        }

        .grid-flow-row {
            grid-auto-flow: row
        }

        .grid-flow-column {
            grid-auto-flow: column
        }

        @media(min-width: 640px) {
            .sm\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .sm\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .sm\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .sm\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .sm\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .sm\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .sm\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .sm\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .sm\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .sm\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .sm\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
        }

        @media(min-width: 768px) {
            .md\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .md\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .md\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .md\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .md\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .md\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .md\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .md\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .md\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .md\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .md\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
        }

        @media(min-width: 1024px) {
            .lg\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .lg\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .lg\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .lg\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .lg\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .lg\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .lg\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .lg\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .lg\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .lg\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
        }

        @media(min-width: 1280px) {
            .xl\:grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr))
            }
            .xl\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
            .xl\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .xl\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }
            .xl\:grid-cols-5 {
                grid-template-columns: repeat(5, minmax(0, 1fr))
            }
            .xl\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
            .xl\:grid-cols-7 {
                grid-template-columns: repeat(7, minmax(0, 1fr))
            }
            .xl\:grid-cols-8 {
                grid-template-columns: repeat(8, minmax(0, 1fr))
            }
            .xl\:grid-cols-9 {
                grid-template-columns: repeat(9, minmax(0, 1fr))
            }
            .xl\:grid-cols-10 {
                grid-template-columns: repeat(10, minmax(0, 1fr))
            }
            .xl\:grid-cols-11 {
                grid-template-columns: repeat(11, minmax(0, 1fr))
            }
            .xl\:grid-cols-12 {
                grid-template-columns: repeat(12, minmax(0, 1fr))
            }
        }

        .static {
            position: static
        }

        .relative {
            position: relative
        }

        .absolute {
            position: absolute
        }

        .fixed {
            position: fixed
        }

        .sticky {
            position: sticky
        }

        .top-0 {
            top: 0
        }

        .right-0 {
            right: 0
        }

        .bottom-0 {
            bottom: 0
        }

        .left-0 {
            left: 0
        }

        .inset-0 {
            inset: 0
        }

        .inset-x-0 {
            inset-inline: 0
        }

        .inset-y-0 {
            inset-block: 0
        }

        .top-1\/2 {
            top: 50%
        }

        .right-1\/2 {
            right: 50%
        }

        .bottom-1\/2 {
            bottom: 50%
        }

        .left-1\/2 {
            left: 50%
        }

        .top-100 {
            top: 100%
        }

        .right-100 {
            right: 100%
        }

        .bottom-100 {
            bottom: 100%
        }

        .left-100 {
            left: 100%
        }

        .top-auto {
            top: auto
        }

        .right-auto {
            right: auto
        }

        .bottom-auto {
            bottom: auto
        }

        .left-auto {
            left: auto
        }

        .-translate-1\/2 {
            transform: translate(-50%, -50%)
        }

        .-translate-x-1\/2 {
            transform: translateX(-50%)
        }

        .-translate-y-1\/2 {
            transform: translateY(-50%)
        }

        .absolute-center {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        @media(min-width: 1024px) {
            .lg\:static {
                position: static
            }
            .lg\:relative {
                position: relative
            }
            .lg\:absolute {
                position: absolute
            }
            .lg\:fixed {
                position: fixed
            }
            .lg\:sticky {
                position: sticky
            }
        }

        .m-0 {
            margin: 0
        }

        .mx-0 {
            margin-left: 0;
            margin-right: 0
        }

        .my-0 {
            margin-top: 0;
            margin-bottom: 0
        }

        .ms-auto {
            margin-left: auto
        }

        .me-auto {
            margin-right: auto
        }

        .p-0 {
            padding: calc(var(--spacing-unit)*0)
        }

        .px-0 {
            padding-inline: calc(var(--spacing-unit)*0)
        }

        .py-0 {
            padding-block: calc(var(--spacing-unit)*0)
        }

        .pt-0 {
            padding-top: calc(var(--spacing-unit)*0)
        }

        .pb-0 {
            padding-bottom: calc(var(--spacing-unit)*0)
        }

        .pl-0 {
            padding-left: calc(var(--spacing-unit)*0)
        }

        .pr-0 {
            padding-right: calc(var(--spacing-unit)*0)
        }

        .m-0 {
            margin: calc(var(--spacing-unit)*0)
        }

        .mx-0 {
            margin-inline: calc(var(--spacing-unit)*0)
        }

        .my-0 {
            margin-block: calc(var(--spacing-unit)*0)
        }

        .mt-0 {
            margin-top: calc(var(--spacing-unit)*0)
        }

        .mb-0 {
            margin-bottom: calc(var(--spacing-unit)*0)
        }

        .ml-0 {
            margin-left: calc(var(--spacing-unit)*0)
        }

        .mr-0 {
            margin-right: calc(var(--spacing-unit)*0)
        }

        .gap-0 {
            gap: calc(var(--spacing-unit)*0)
        }

        .gap-x-0 {
            column-gap: calc(var(--spacing-unit)*0)
        }

        .gap-y-0 {
            row-gap: calc(var(--spacing-unit)*0)
        }

        .p-1 {
            padding: calc(var(--spacing-unit)*1)
        }

        .px-1 {
            padding-inline: calc(var(--spacing-unit)*1)
        }

        .py-1 {
            padding-block: calc(var(--spacing-unit)*1)
        }

        .pt-1 {
            padding-top: calc(var(--spacing-unit)*1)
        }

        .pb-1 {
            padding-bottom: calc(var(--spacing-unit)*1)
        }

        .pl-1 {
            padding-left: calc(var(--spacing-unit)*1)
        }

        .pr-1 {
            padding-right: calc(var(--spacing-unit)*1)
        }

        .m-1 {
            margin: calc(var(--spacing-unit)*1)
        }

        .mx-1 {
            margin-inline: calc(var(--spacing-unit)*1)
        }

        .my-1 {
            margin-block: calc(var(--spacing-unit)*1)
        }

        .mt-1 {
            margin-top: calc(var(--spacing-unit)*1)
        }

        .mb-1 {
            margin-bottom: calc(var(--spacing-unit)*1)
        }

        .ml-1 {
            margin-left: calc(var(--spacing-unit)*1)
        }

        .mr-1 {
            margin-right: calc(var(--spacing-unit)*1)
        }

        .gap-1 {
            gap: calc(var(--spacing-unit)*1)
        }

        .gap-x-1 {
            column-gap: calc(var(--spacing-unit)*1)
        }

        .gap-y-1 {
            row-gap: calc(var(--spacing-unit)*1)
        }

        .p-2 {
            padding: calc(var(--spacing-unit)*2)
        }

        .px-2 {
            padding-inline: calc(var(--spacing-unit)*2)
        }

        .py-2 {
            padding-block: calc(var(--spacing-unit)*2)
        }

        .pt-2 {
            padding-top: calc(var(--spacing-unit)*2)
        }

        .pb-2 {
            padding-bottom: calc(var(--spacing-unit)*2)
        }

        .pl-2 {
            padding-left: calc(var(--spacing-unit)*2)
        }

        .pr-2 {
            padding-right: calc(var(--spacing-unit)*2)
        }

        .m-2 {
            margin: calc(var(--spacing-unit)*2)
        }

        .mx-2 {
            margin-inline: calc(var(--spacing-unit)*2)
        }

        .my-2 {
            margin-block: calc(var(--spacing-unit)*2)
        }

        .mt-2 {
            margin-top: calc(var(--spacing-unit)*2)
        }

        .mb-2 {
            margin-bottom: calc(var(--spacing-unit)*2)
        }

        .ml-2 {
            margin-left: calc(var(--spacing-unit)*2)
        }

        .mr-2 {
            margin-right: calc(var(--spacing-unit)*2)
        }

        .gap-2 {
            gap: calc(var(--spacing-unit)*2)
        }

        .gap-x-2 {
            column-gap: calc(var(--spacing-unit)*2)
        }

        .gap-y-2 {
            row-gap: calc(var(--spacing-unit)*2)
        }

        .p-3 {
            padding: calc(var(--spacing-unit)*3)
        }

        .px-3 {
            padding-inline: calc(var(--spacing-unit)*3)
        }

        .py-3 {
            padding-block: calc(var(--spacing-unit)*3)
        }

        .pt-3 {
            padding-top: calc(var(--spacing-unit)*3)
        }

        .pb-3 {
            padding-bottom: calc(var(--spacing-unit)*3)
        }

        .pl-3 {
            padding-left: calc(var(--spacing-unit)*3)
        }

        .pr-3 {
            padding-right: calc(var(--spacing-unit)*3)
        }

        .m-3 {
            margin: calc(var(--spacing-unit)*3)
        }

        .mx-3 {
            margin-inline: calc(var(--spacing-unit)*3)
        }

        .my-3 {
            margin-block: calc(var(--spacing-unit)*3)
        }

        .mt-3 {
            margin-top: calc(var(--spacing-unit)*3)
        }

        .mb-3 {
            margin-bottom: calc(var(--spacing-unit)*3)
        }

        .ml-3 {
            margin-left: calc(var(--spacing-unit)*3)
        }

        .mr-3 {
            margin-right: calc(var(--spacing-unit)*3)
        }

        .gap-3 {
            gap: calc(var(--spacing-unit)*3)
        }

        .gap-x-3 {
            column-gap: calc(var(--spacing-unit)*3)
        }

        .gap-y-3 {
            row-gap: calc(var(--spacing-unit)*3)
        }

        .p-4 {
            padding: calc(var(--spacing-unit)*4)
        }

        .px-4 {
            padding-inline: calc(var(--spacing-unit)*4)
        }

        .py-4 {
            padding-block: calc(var(--spacing-unit)*4)
        }

        .pt-4 {
            padding-top: calc(var(--spacing-unit)*4)
        }

        .pb-4 {
            padding-bottom: calc(var(--spacing-unit)*4)
        }

        .pl-4 {
            padding-left: calc(var(--spacing-unit)*4)
        }

        .pr-4 {
            padding-right: calc(var(--spacing-unit)*4)
        }

        .m-4 {
            margin: calc(var(--spacing-unit)*4)
        }

        .mx-4 {
            margin-inline: calc(var(--spacing-unit)*4)
        }

        .my-4 {
            margin-block: calc(var(--spacing-unit)*4)
        }

        .mt-4 {
            margin-top: calc(var(--spacing-unit)*4)
        }

        .mb-4 {
            margin-bottom: calc(var(--spacing-unit)*4)
        }

        .ml-4 {
            margin-left: calc(var(--spacing-unit)*4)
        }

        .mr-4 {
            margin-right: calc(var(--spacing-unit)*4)
        }

        .gap-4 {
            gap: calc(var(--spacing-unit)*4)
        }

        .gap-x-4 {
            column-gap: calc(var(--spacing-unit)*4)
        }

        .gap-y-4 {
            row-gap: calc(var(--spacing-unit)*4)
        }

        .p-5 {
            padding: calc(var(--spacing-unit)*5)
        }

        .px-5 {
            padding-inline: calc(var(--spacing-unit)*5)
        }

        .py-5 {
            padding-block: calc(var(--spacing-unit)*5)
        }

        .pt-5 {
            padding-top: calc(var(--spacing-unit)*5)
        }

        .pb-5 {
            padding-bottom: calc(var(--spacing-unit)*5)
        }

        .pl-5 {
            padding-left: calc(var(--spacing-unit)*5)
        }

        .pr-5 {
            padding-right: calc(var(--spacing-unit)*5)
        }

        .m-5 {
            margin: calc(var(--spacing-unit)*5)
        }

        .mx-5 {
            margin-inline: calc(var(--spacing-unit)*5)
        }

        .my-5 {
            margin-block: calc(var(--spacing-unit)*5)
        }

        .mt-5 {
            margin-top: calc(var(--spacing-unit)*5)
        }

        .mb-5 {
            margin-bottom: calc(var(--spacing-unit)*5)
        }

        .ml-5 {
            margin-left: calc(var(--spacing-unit)*5)
        }

        .mr-5 {
            margin-right: calc(var(--spacing-unit)*5)
        }

        .gap-5 {
            gap: calc(var(--spacing-unit)*5)
        }

        .gap-x-5 {
            column-gap: calc(var(--spacing-unit)*5)
        }

        .gap-y-5 {
            row-gap: calc(var(--spacing-unit)*5)
        }

        .p-6 {
            padding: calc(var(--spacing-unit)*6)
        }

        .px-6 {
            padding-inline: calc(var(--spacing-unit)*6)
        }

        .py-6 {
            padding-block: calc(var(--spacing-unit)*6)
        }

        .pt-6 {
            padding-top: calc(var(--spacing-unit)*6)
        }

        .pb-6 {
            padding-bottom: calc(var(--spacing-unit)*6)
        }

        .pl-6 {
            padding-left: calc(var(--spacing-unit)*6)
        }

        .pr-6 {
            padding-right: calc(var(--spacing-unit)*6)
        }

        .m-6 {
            margin: calc(var(--spacing-unit)*6)
        }

        .mx-6 {
            margin-inline: calc(var(--spacing-unit)*6)
        }

        .my-6 {
            margin-block: calc(var(--spacing-unit)*6)
        }

        .mt-6 {
            margin-top: calc(var(--spacing-unit)*6)
        }

        .mb-6 {
            margin-bottom: calc(var(--spacing-unit)*6)
        }

        .ml-6 {
            margin-left: calc(var(--spacing-unit)*6)
        }

        .mr-6 {
            margin-right: calc(var(--spacing-unit)*6)
        }

        .gap-6 {
            gap: calc(var(--spacing-unit)*6)
        }

        .gap-x-6 {
            column-gap: calc(var(--spacing-unit)*6)
        }

        .gap-y-6 {
            row-gap: calc(var(--spacing-unit)*6)
        }

        .p-7 {
            padding: calc(var(--spacing-unit)*7)
        }

        .px-7 {
            padding-inline: calc(var(--spacing-unit)*7)
        }

        .py-7 {
            padding-block: calc(var(--spacing-unit)*7)
        }

        .pt-7 {
            padding-top: calc(var(--spacing-unit)*7)
        }

        .pb-7 {
            padding-bottom: calc(var(--spacing-unit)*7)
        }

        .pl-7 {
            padding-left: calc(var(--spacing-unit)*7)
        }

        .pr-7 {
            padding-right: calc(var(--spacing-unit)*7)
        }

        .m-7 {
            margin: calc(var(--spacing-unit)*7)
        }

        .mx-7 {
            margin-inline: calc(var(--spacing-unit)*7)
        }

        .my-7 {
            margin-block: calc(var(--spacing-unit)*7)
        }

        .mt-7 {
            margin-top: calc(var(--spacing-unit)*7)
        }

        .mb-7 {
            margin-bottom: calc(var(--spacing-unit)*7)
        }

        .ml-7 {
            margin-left: calc(var(--spacing-unit)*7)
        }

        .mr-7 {
            margin-right: calc(var(--spacing-unit)*7)
        }

        .gap-7 {
            gap: calc(var(--spacing-unit)*7)
        }

        .gap-x-7 {
            column-gap: calc(var(--spacing-unit)*7)
        }

        .gap-y-7 {
            row-gap: calc(var(--spacing-unit)*7)
        }

        .p-8 {
            padding: calc(var(--spacing-unit)*8)
        }

        .px-8 {
            padding-inline: calc(var(--spacing-unit)*8)
        }

        .py-8 {
            padding-block: calc(var(--spacing-unit)*8)
        }

        .pt-8 {
            padding-top: calc(var(--spacing-unit)*8)
        }

        .pb-8 {
            padding-bottom: calc(var(--spacing-unit)*8)
        }

        .pl-8 {
            padding-left: calc(var(--spacing-unit)*8)
        }

        .pr-8 {
            padding-right: calc(var(--spacing-unit)*8)
        }

        .m-8 {
            margin: calc(var(--spacing-unit)*8)
        }

        .mx-8 {
            margin-inline: calc(var(--spacing-unit)*8)
        }

        .my-8 {
            margin-block: calc(var(--spacing-unit)*8)
        }

        .mt-8 {
            margin-top: calc(var(--spacing-unit)*8)
        }

        .mb-8 {
            margin-bottom: calc(var(--spacing-unit)*8)
        }

        .ml-8 {
            margin-left: calc(var(--spacing-unit)*8)
        }

        .mr-8 {
            margin-right: calc(var(--spacing-unit)*8)
        }

        .gap-8 {
            gap: calc(var(--spacing-unit)*8)
        }

        .gap-x-8 {
            column-gap: calc(var(--spacing-unit)*8)
        }

        .gap-y-8 {
            row-gap: calc(var(--spacing-unit)*8)
        }

        .p-9 {
            padding: calc(var(--spacing-unit)*9)
        }

        .px-9 {
            padding-inline: calc(var(--spacing-unit)*9)
        }

        .py-9 {
            padding-block: calc(var(--spacing-unit)*9)
        }

        .pt-9 {
            padding-top: calc(var(--spacing-unit)*9)
        }

        .pb-9 {
            padding-bottom: calc(var(--spacing-unit)*9)
        }

        .pl-9 {
            padding-left: calc(var(--spacing-unit)*9)
        }

        .pr-9 {
            padding-right: calc(var(--spacing-unit)*9)
        }

        .m-9 {
            margin: calc(var(--spacing-unit)*9)
        }

        .mx-9 {
            margin-inline: calc(var(--spacing-unit)*9)
        }

        .my-9 {
            margin-block: calc(var(--spacing-unit)*9)
        }

        .mt-9 {
            margin-top: calc(var(--spacing-unit)*9)
        }

        .mb-9 {
            margin-bottom: calc(var(--spacing-unit)*9)
        }

        .ml-9 {
            margin-left: calc(var(--spacing-unit)*9)
        }

        .mr-9 {
            margin-right: calc(var(--spacing-unit)*9)
        }

        .gap-9 {
            gap: calc(var(--spacing-unit)*9)
        }

        .gap-x-9 {
            column-gap: calc(var(--spacing-unit)*9)
        }

        .gap-y-9 {
            row-gap: calc(var(--spacing-unit)*9)
        }

        .p-10 {
            padding: calc(var(--spacing-unit)*10)
        }

        .px-10 {
            padding-inline: calc(var(--spacing-unit)*10)
        }

        .py-10 {
            padding-block: calc(var(--spacing-unit)*10)
        }

        .pt-10 {
            padding-top: calc(var(--spacing-unit)*10)
        }

        .pb-10 {
            padding-bottom: calc(var(--spacing-unit)*10)
        }

        .pl-10 {
            padding-left: calc(var(--spacing-unit)*10)
        }

        .pr-10 {
            padding-right: calc(var(--spacing-unit)*10)
        }

        .m-10 {
            margin: calc(var(--spacing-unit)*10)
        }

        .mx-10 {
            margin-inline: calc(var(--spacing-unit)*10)
        }

        .my-10 {
            margin-block: calc(var(--spacing-unit)*10)
        }

        .mt-10 {
            margin-top: calc(var(--spacing-unit)*10)
        }

        .mb-10 {
            margin-bottom: calc(var(--spacing-unit)*10)
        }

        .ml-10 {
            margin-left: calc(var(--spacing-unit)*10)
        }

        .mr-10 {
            margin-right: calc(var(--spacing-unit)*10)
        }

        .gap-10 {
            gap: calc(var(--spacing-unit)*10)
        }

        .gap-x-10 {
            column-gap: calc(var(--spacing-unit)*10)
        }

        .gap-y-10 {
            row-gap: calc(var(--spacing-unit)*10)
        }

        .p-11 {
            padding: calc(var(--spacing-unit)*11)
        }

        .px-11 {
            padding-inline: calc(var(--spacing-unit)*11)
        }

        .py-11 {
            padding-block: calc(var(--spacing-unit)*11)
        }

        .pt-11 {
            padding-top: calc(var(--spacing-unit)*11)
        }

        .pb-11 {
            padding-bottom: calc(var(--spacing-unit)*11)
        }

        .pl-11 {
            padding-left: calc(var(--spacing-unit)*11)
        }

        .pr-11 {
            padding-right: calc(var(--spacing-unit)*11)
        }

        .m-11 {
            margin: calc(var(--spacing-unit)*11)
        }

        .mx-11 {
            margin-inline: calc(var(--spacing-unit)*11)
        }

        .my-11 {
            margin-block: calc(var(--spacing-unit)*11)
        }

        .mt-11 {
            margin-top: calc(var(--spacing-unit)*11)
        }

        .mb-11 {
            margin-bottom: calc(var(--spacing-unit)*11)
        }

        .ml-11 {
            margin-left: calc(var(--spacing-unit)*11)
        }

        .mr-11 {
            margin-right: calc(var(--spacing-unit)*11)
        }

        .gap-11 {
            gap: calc(var(--spacing-unit)*11)
        }

        .gap-x-11 {
            column-gap: calc(var(--spacing-unit)*11)
        }

        .gap-y-11 {
            row-gap: calc(var(--spacing-unit)*11)
        }

        .p-12 {
            padding: calc(var(--spacing-unit)*12)
        }

        .px-12 {
            padding-inline: calc(var(--spacing-unit)*12)
        }

        .py-12 {
            padding-block: calc(var(--spacing-unit)*12)
        }

        .pt-12 {
            padding-top: calc(var(--spacing-unit)*12)
        }

        .pb-12 {
            padding-bottom: calc(var(--spacing-unit)*12)
        }

        .pl-12 {
            padding-left: calc(var(--spacing-unit)*12)
        }

        .pr-12 {
            padding-right: calc(var(--spacing-unit)*12)
        }

        .m-12 {
            margin: calc(var(--spacing-unit)*12)
        }

        .mx-12 {
            margin-inline: calc(var(--spacing-unit)*12)
        }

        .my-12 {
            margin-block: calc(var(--spacing-unit)*12)
        }

        .mt-12 {
            margin-top: calc(var(--spacing-unit)*12)
        }

        .mb-12 {
            margin-bottom: calc(var(--spacing-unit)*12)
        }

        .ml-12 {
            margin-left: calc(var(--spacing-unit)*12)
        }

        .mr-12 {
            margin-right: calc(var(--spacing-unit)*12)
        }

        .gap-12 {
            gap: calc(var(--spacing-unit)*12)
        }

        .gap-x-12 {
            column-gap: calc(var(--spacing-unit)*12)
        }

        .gap-y-12 {
            row-gap: calc(var(--spacing-unit)*12)
        }

        .p-13 {
            padding: calc(var(--spacing-unit)*13)
        }

        .px-13 {
            padding-inline: calc(var(--spacing-unit)*13)
        }

        .py-13 {
            padding-block: calc(var(--spacing-unit)*13)
        }

        .pt-13 {
            padding-top: calc(var(--spacing-unit)*13)
        }

        .pb-13 {
            padding-bottom: calc(var(--spacing-unit)*13)
        }

        .pl-13 {
            padding-left: calc(var(--spacing-unit)*13)
        }

        .pr-13 {
            padding-right: calc(var(--spacing-unit)*13)
        }

        .m-13 {
            margin: calc(var(--spacing-unit)*13)
        }

        .mx-13 {
            margin-inline: calc(var(--spacing-unit)*13)
        }

        .my-13 {
            margin-block: calc(var(--spacing-unit)*13)
        }

        .mt-13 {
            margin-top: calc(var(--spacing-unit)*13)
        }

        .mb-13 {
            margin-bottom: calc(var(--spacing-unit)*13)
        }

        .ml-13 {
            margin-left: calc(var(--spacing-unit)*13)
        }

        .mr-13 {
            margin-right: calc(var(--spacing-unit)*13)
        }

        .gap-13 {
            gap: calc(var(--spacing-unit)*13)
        }

        .gap-x-13 {
            column-gap: calc(var(--spacing-unit)*13)
        }

        .gap-y-13 {
            row-gap: calc(var(--spacing-unit)*13)
        }

        .p-2px {
            padding: 2px
        }

        .px-2px {
            padding-inline: 2px
        }

        .py-2px {
            padding-block: 2px
        }

        .pt-2px {
            padding-top: 2px
        }

        .pb-2px {
            padding-bottom: 2px
        }

        .pl-2px {
            padding-left: 2px
        }

        .pr-2px {
            padding-right: 2px
        }

        .m-2px {
            margin: 2px
        }

        .mx-2px {
            margin-inline: 2px
        }

        .my-2px {
            margin-block: 2px
        }

        .mt-2px {
            margin-top: 2px
        }

        .mb-2px {
            margin-bottom: 2px
        }

        .ml-2px {
            margin-left: 2px
        }

        .mr-2px {
            margin-right: 2px
        }

        .gap-2px {
            gap: 2px
        }

        .gap-x-2px {
            column-gap: 2px
        }

        .gap-y-2px {
            row-gap: 2px
        }

        .p-4px {
            padding: 4px
        }

        .px-4px {
            padding-inline: 4px
        }

        .py-4px {
            padding-block: 4px
        }

        .pt-4px {
            padding-top: 4px
        }

        .pb-4px {
            padding-bottom: 4px
        }

        .pl-4px {
            padding-left: 4px
        }

        .pr-4px {
            padding-right: 4px
        }

        .m-4px {
            margin: 4px
        }

        .mx-4px {
            margin-inline: 4px
        }

        .my-4px {
            margin-block: 4px
        }

        .mt-4px {
            margin-top: 4px
        }

        .mb-4px {
            margin-bottom: 4px
        }

        .ml-4px {
            margin-left: 4px
        }

        .mr-4px {
            margin-right: 4px
        }

        .gap-4px {
            gap: 4px
        }

        .gap-x-4px {
            column-gap: 4px
        }

        .gap-y-4px {
            row-gap: 4px
        }

        .p-8px {
            padding: 8px
        }

        .px-8px {
            padding-inline: 8px
        }

        .py-8px {
            padding-block: 8px
        }

        .pt-8px {
            padding-top: 8px
        }

        .pb-8px {
            padding-bottom: 8px
        }

        .pl-8px {
            padding-left: 8px
        }

        .pr-8px {
            padding-right: 8px
        }

        .m-8px {
            margin: 8px
        }

        .mx-8px {
            margin-inline: 8px
        }

        .my-8px {
            margin-block: 8px
        }

        .mt-8px {
            margin-top: 8px
        }

        .mb-8px {
            margin-bottom: 8px
        }

        .ml-8px {
            margin-left: 8px
        }

        .mr-8px {
            margin-right: 8px
        }

        .gap-8px {
            gap: 8px
        }

        .gap-x-8px {
            column-gap: 8px
        }

        .gap-y-8px {
            row-gap: 8px
        }

        .p-9px {
            padding: 9px
        }

        .px-9px {
            padding-inline: 9px
        }

        .py-9px {
            padding-block: 9px
        }

        .pt-9px {
            padding-top: 9px
        }

        .pb-9px {
            padding-bottom: 9px
        }

        .pl-9px {
            padding-left: 9px
        }

        .pr-9px {
            padding-right: 9px
        }

        .m-9px {
            margin: 9px
        }

        .mx-9px {
            margin-inline: 9px
        }

        .my-9px {
            margin-block: 9px
        }

        .mt-9px {
            margin-top: 9px
        }

        .mb-9px {
            margin-bottom: 9px
        }

        .ml-9px {
            margin-left: 9px
        }

        .mr-9px {
            margin-right: 9px
        }

        .gap-9px {
            gap: 9px
        }

        .gap-x-9px {
            column-gap: 9px
        }

        .gap-y-9px {
            row-gap: 9px
        }

        .p-10px {
            padding: 10px
        }

        .px-10px {
            padding-inline: 10px
        }

        .py-10px {
            padding-block: 10px
        }

        .pt-10px {
            padding-top: 10px
        }

        .pb-10px {
            padding-bottom: 10px
        }

        .pl-10px {
            padding-left: 10px
        }

        .pr-10px {
            padding-right: 10px
        }

        .m-10px {
            margin: 10px
        }

        .mx-10px {
            margin-inline: 10px
        }

        .my-10px {
            margin-block: 10px
        }

        .mt-10px {
            margin-top: 10px
        }

        .mb-10px {
            margin-bottom: 10px
        }

        .ml-10px {
            margin-left: 10px
        }

        .mr-10px {
            margin-right: 10px
        }

        .gap-10px {
            gap: 10px
        }

        .gap-x-10px {
            column-gap: 10px
        }

        .gap-y-10px {
            row-gap: 10px
        }

        .p-11px {
            padding: 11px
        }

        .px-11px {
            padding-inline: 11px
        }

        .py-11px {
            padding-block: 11px
        }

        .pt-11px {
            padding-top: 11px
        }

        .pb-11px {
            padding-bottom: 11px
        }

        .pl-11px {
            padding-left: 11px
        }

        .pr-11px {
            padding-right: 11px
        }

        .m-11px {
            margin: 11px
        }

        .mx-11px {
            margin-inline: 11px
        }

        .my-11px {
            margin-block: 11px
        }

        .mt-11px {
            margin-top: 11px
        }

        .mb-11px {
            margin-bottom: 11px
        }

        .ml-11px {
            margin-left: 11px
        }

        .mr-11px {
            margin-right: 11px
        }

        .gap-11px {
            gap: 11px
        }

        .gap-x-11px {
            column-gap: 11px
        }

        .gap-y-11px {
            row-gap: 11px
        }

        .p-14px {
            padding: 14px
        }

        .px-14px {
            padding-inline: 14px
        }

        .py-14px {
            padding-block: 14px
        }

        .pt-14px {
            padding-top: 14px
        }

        .pb-14px {
            padding-bottom: 14px
        }

        .pl-14px {
            padding-left: 14px
        }

        .pr-14px {
            padding-right: 14px
        }

        .m-14px {
            margin: 14px
        }

        .mx-14px {
            margin-inline: 14px
        }

        .my-14px {
            margin-block: 14px
        }

        .mt-14px {
            margin-top: 14px
        }

        .mb-14px {
            margin-bottom: 14px
        }

        .ml-14px {
            margin-left: 14px
        }

        .mr-14px {
            margin-right: 14px
        }

        .gap-14px {
            gap: 14px
        }

        .gap-x-14px {
            column-gap: 14px
        }

        .gap-y-14px {
            row-gap: 14px
        }

        .p-16px {
            padding: 16px
        }

        .px-16px {
            padding-inline: 16px
        }

        .py-16px {
            padding-block: 16px
        }

        .pt-16px {
            padding-top: 16px
        }

        .pb-16px {
            padding-bottom: 16px
        }

        .pl-16px {
            padding-left: 16px
        }

        .pr-16px {
            padding-right: 16px
        }

        .m-16px {
            margin: 16px
        }

        .mx-16px {
            margin-inline: 16px
        }

        .my-16px {
            margin-block: 16px
        }

        .mt-16px {
            margin-top: 16px
        }

        .mb-16px {
            margin-bottom: 16px
        }

        .ml-16px {
            margin-left: 16px
        }

        .mr-16px {
            margin-right: 16px
        }

        .gap-16px {
            gap: 16px
        }

        .gap-x-16px {
            column-gap: 16px
        }

        .gap-y-16px {
            row-gap: 16px
        }

        .p-20px {
            padding: 20px
        }

        .px-20px {
            padding-inline: 20px
        }

        .py-20px {
            padding-block: 20px
        }

        .pt-20px {
            padding-top: 20px
        }

        .pb-20px {
            padding-bottom: 20px
        }

        .pl-20px {
            padding-left: 20px
        }

        .pr-20px {
            padding-right: 20px
        }

        .m-20px {
            margin: 20px
        }

        .mx-20px {
            margin-inline: 20px
        }

        .my-20px {
            margin-block: 20px
        }

        .mt-20px {
            margin-top: 20px
        }

        .mb-20px {
            margin-bottom: 20px
        }

        .ml-20px {
            margin-left: 20px
        }

        .mr-20px {
            margin-right: 20px
        }

        .gap-20px {
            gap: 20px
        }

        .gap-x-20px {
            column-gap: 20px
        }

        .gap-y-20px {
            row-gap: 20px
        }

        .p-22px {
            padding: 22px
        }

        .px-22px {
            padding-inline: 22px
        }

        .py-22px {
            padding-block: 22px
        }

        .pt-22px {
            padding-top: 22px
        }

        .pb-22px {
            padding-bottom: 22px
        }

        .pl-22px {
            padding-left: 22px
        }

        .pr-22px {
            padding-right: 22px
        }

        .m-22px {
            margin: 22px
        }

        .mx-22px {
            margin-inline: 22px
        }

        .my-22px {
            margin-block: 22px
        }

        .mt-22px {
            margin-top: 22px
        }

        .mb-22px {
            margin-bottom: 22px
        }

        .ml-22px {
            margin-left: 22px
        }

        .mr-22px {
            margin-right: 22px
        }

        .gap-22px {
            gap: 22px
        }

        .gap-x-22px {
            column-gap: 22px
        }

        .gap-y-22px {
            row-gap: 22px
        }

        .p-28px {
            padding: 28px
        }

        .px-28px {
            padding-inline: 28px
        }

        .py-28px {
            padding-block: 28px
        }

        .pt-28px {
            padding-top: 28px
        }

        .pb-28px {
            padding-bottom: 28px
        }

        .pl-28px {
            padding-left: 28px
        }

        .pr-28px {
            padding-right: 28px
        }

        .m-28px {
            margin: 28px
        }

        .mx-28px {
            margin-inline: 28px
        }

        .my-28px {
            margin-block: 28px
        }

        .mt-28px {
            margin-top: 28px
        }

        .mb-28px {
            margin-bottom: 28px
        }

        .ml-28px {
            margin-left: 28px
        }

        .mr-28px {
            margin-right: 28px
        }

        .gap-28px {
            gap: 28px
        }

        .gap-x-28px {
            column-gap: 28px
        }

        .gap-y-28px {
            row-gap: 28px
        }

        .p-32px {
            padding: 32px
        }

        .px-32px {
            padding-inline: 32px
        }

        .py-32px {
            padding-block: 32px
        }

        .pt-32px {
            padding-top: 32px
        }

        .pb-32px {
            padding-bottom: 32px
        }

        .pl-32px {
            padding-left: 32px
        }

        .pr-32px {
            padding-right: 32px
        }

        .m-32px {
            margin: 32px
        }

        .mx-32px {
            margin-inline: 32px
        }

        .my-32px {
            margin-block: 32px
        }

        .mt-32px {
            margin-top: 32px
        }

        .mb-32px {
            margin-bottom: 32px
        }

        .ml-32px {
            margin-left: 32px
        }

        .mr-32px {
            margin-right: 32px
        }

        .gap-32px {
            gap: 32px
        }

        .gap-x-32px {
            column-gap: 32px
        }

        .gap-y-32px {
            row-gap: 32px
        }

        .p-40px {
            padding: 40px
        }

        .px-40px {
            padding-inline: 40px
        }

        .py-40px {
            padding-block: 40px
        }

        .pt-40px {
            padding-top: 40px
        }

        .pb-40px {
            padding-bottom: 40px
        }

        .pl-40px {
            padding-left: 40px
        }

        .pr-40px {
            padding-right: 40px
        }

        .m-40px {
            margin: 40px
        }

        .mx-40px {
            margin-inline: 40px
        }

        .my-40px {
            margin-block: 40px
        }

        .mt-40px {
            margin-top: 40px
        }

        .mb-40px {
            margin-bottom: 40px
        }

        .ml-40px {
            margin-left: 40px
        }

        .mr-40px {
            margin-right: 40px
        }

        .gap-40px {
            gap: 40px
        }

        .gap-x-40px {
            column-gap: 40px
        }

        .gap-y-40px {
            row-gap: 40px
        }

        .p-45px {
            padding: 45px
        }

        .px-45px {
            padding-inline: 45px
        }

        .py-45px {
            padding-block: 45px
        }

        .pt-45px {
            padding-top: 45px
        }

        .pb-45px {
            padding-bottom: 45px
        }

        .pl-45px {
            padding-left: 45px
        }

        .pr-45px {
            padding-right: 45px
        }

        .m-45px {
            margin: 45px
        }

        .mx-45px {
            margin-inline: 45px
        }

        .my-45px {
            margin-block: 45px
        }

        .mt-45px {
            margin-top: 45px
        }

        .mb-45px {
            margin-bottom: 45px
        }

        .ml-45px {
            margin-left: 45px
        }

        .mr-45px {
            margin-right: 45px
        }

        .gap-45px {
            gap: 45px
        }

        .gap-x-45px {
            column-gap: 45px
        }

        .gap-y-45px {
            row-gap: 45px
        }

        .p-50px {
            padding: 50px
        }

        .px-50px {
            padding-inline: 50px
        }

        .py-50px {
            padding-block: 50px
        }

        .pt-50px {
            padding-top: 50px
        }

        .pb-50px {
            padding-bottom: 50px
        }

        .pl-50px {
            padding-left: 50px
        }

        .pr-50px {
            padding-right: 50px
        }

        .m-50px {
            margin: 50px
        }

        .mx-50px {
            margin-inline: 50px
        }

        .my-50px {
            margin-block: 50px
        }

        .mt-50px {
            margin-top: 50px
        }

        .mb-50px {
            margin-bottom: 50px
        }

        .ml-50px {
            margin-left: 50px
        }

        .mr-50px {
            margin-right: 50px
        }

        .gap-50px {
            gap: 50px
        }

        .gap-x-50px {
            column-gap: 50px
        }

        .gap-y-50px {
            row-gap: 50px
        }

        .gap {
            gap: var(--gap)
        }

        @media(min-width: 640px) {
            .sm\:p-0 {
                padding: calc(var(--spacing-unit)*0)
            }
            .sm\:px-0 {
                padding-inline: calc(var(--spacing-unit)*0)
            }
            .sm\:py-0 {
                padding-block: calc(var(--spacing-unit)*0)
            }
            .sm\:pt-0 {
                padding-top: calc(var(--spacing-unit)*0)
            }
            .sm\:pb-0 {
                padding-bottom: calc(var(--spacing-unit)*0)
            }
            .sm\:m-0 {
                margin: calc(var(--spacing-unit)*0)
            }
            .sm\:mx-0 {
                margin-inline: calc(var(--spacing-unit)*0)
            }
            .sm\:my-0 {
                margin-block: calc(var(--spacing-unit)*0)
            }
            .sm\:mt-0 {
                margin-top: calc(var(--spacing-unit)*0)
            }
            .sm\:mb-0 {
                margin-bottom: calc(var(--spacing-unit)*0)
            }
            .sm\:gap-0 {
                gap: calc(var(--spacing-unit)*0)
            }
            .sm\:gap-x-0 {
                column-gap: calc(var(--spacing-unit)*0)
            }
            .sm\:gap-y-0 {
                row-gap: calc(var(--spacing-unit)*0)
            }
            .sm\:p-1 {
                padding: calc(var(--spacing-unit)*1)
            }
            .sm\:px-1 {
                padding-inline: calc(var(--spacing-unit)*1)
            }
            .sm\:py-1 {
                padding-block: calc(var(--spacing-unit)*1)
            }
            .sm\:pt-1 {
                padding-top: calc(var(--spacing-unit)*1)
            }
            .sm\:pb-1 {
                padding-bottom: calc(var(--spacing-unit)*1)
            }
            .sm\:m-1 {
                margin: calc(var(--spacing-unit)*1)
            }
            .sm\:mx-1 {
                margin-inline: calc(var(--spacing-unit)*1)
            }
            .sm\:my-1 {
                margin-block: calc(var(--spacing-unit)*1)
            }
            .sm\:mt-1 {
                margin-top: calc(var(--spacing-unit)*1)
            }
            .sm\:mb-1 {
                margin-bottom: calc(var(--spacing-unit)*1)
            }
            .sm\:gap-1 {
                gap: calc(var(--spacing-unit)*1)
            }
            .sm\:gap-x-1 {
                column-gap: calc(var(--spacing-unit)*1)
            }
            .sm\:gap-y-1 {
                row-gap: calc(var(--spacing-unit)*1)
            }
            .sm\:p-2 {
                padding: calc(var(--spacing-unit)*2)
            }
            .sm\:px-2 {
                padding-inline: calc(var(--spacing-unit)*2)
            }
            .sm\:py-2 {
                padding-block: calc(var(--spacing-unit)*2)
            }
            .sm\:pt-2 {
                padding-top: calc(var(--spacing-unit)*2)
            }
            .sm\:pb-2 {
                padding-bottom: calc(var(--spacing-unit)*2)
            }
            .sm\:m-2 {
                margin: calc(var(--spacing-unit)*2)
            }
            .sm\:mx-2 {
                margin-inline: calc(var(--spacing-unit)*2)
            }
            .sm\:my-2 {
                margin-block: calc(var(--spacing-unit)*2)
            }
            .sm\:mt-2 {
                margin-top: calc(var(--spacing-unit)*2)
            }
            .sm\:mb-2 {
                margin-bottom: calc(var(--spacing-unit)*2)
            }
            .sm\:gap-2 {
                gap: calc(var(--spacing-unit)*2)
            }
            .sm\:gap-x-2 {
                column-gap: calc(var(--spacing-unit)*2)
            }
            .sm\:gap-y-2 {
                row-gap: calc(var(--spacing-unit)*2)
            }
            .sm\:p-3 {
                padding: calc(var(--spacing-unit)*3)
            }
            .sm\:px-3 {
                padding-inline: calc(var(--spacing-unit)*3)
            }
            .sm\:py-3 {
                padding-block: calc(var(--spacing-unit)*3)
            }
            .sm\:pt-3 {
                padding-top: calc(var(--spacing-unit)*3)
            }
            .sm\:pb-3 {
                padding-bottom: calc(var(--spacing-unit)*3)
            }
            .sm\:m-3 {
                margin: calc(var(--spacing-unit)*3)
            }
            .sm\:mx-3 {
                margin-inline: calc(var(--spacing-unit)*3)
            }
            .sm\:my-3 {
                margin-block: calc(var(--spacing-unit)*3)
            }
            .sm\:mt-3 {
                margin-top: calc(var(--spacing-unit)*3)
            }
            .sm\:mb-3 {
                margin-bottom: calc(var(--spacing-unit)*3)
            }
            .sm\:gap-3 {
                gap: calc(var(--spacing-unit)*3)
            }
            .sm\:gap-x-3 {
                column-gap: calc(var(--spacing-unit)*3)
            }
            .sm\:gap-y-3 {
                row-gap: calc(var(--spacing-unit)*3)
            }
            .sm\:p-4 {
                padding: calc(var(--spacing-unit)*4)
            }
            .sm\:px-4 {
                padding-inline: calc(var(--spacing-unit)*4)
            }
            .sm\:py-4 {
                padding-block: calc(var(--spacing-unit)*4)
            }
            .sm\:pt-4 {
                padding-top: calc(var(--spacing-unit)*4)
            }
            .sm\:pb-4 {
                padding-bottom: calc(var(--spacing-unit)*4)
            }
            .sm\:m-4 {
                margin: calc(var(--spacing-unit)*4)
            }
            .sm\:mx-4 {
                margin-inline: calc(var(--spacing-unit)*4)
            }
            .sm\:my-4 {
                margin-block: calc(var(--spacing-unit)*4)
            }
            .sm\:mt-4 {
                margin-top: calc(var(--spacing-unit)*4)
            }
            .sm\:mb-4 {
                margin-bottom: calc(var(--spacing-unit)*4)
            }
            .sm\:gap-4 {
                gap: calc(var(--spacing-unit)*4)
            }
            .sm\:gap-x-4 {
                column-gap: calc(var(--spacing-unit)*4)
            }
            .sm\:gap-y-4 {
                row-gap: calc(var(--spacing-unit)*4)
            }
            .sm\:p-5 {
                padding: calc(var(--spacing-unit)*5)
            }
            .sm\:px-5 {
                padding-inline: calc(var(--spacing-unit)*5)
            }
            .sm\:py-5 {
                padding-block: calc(var(--spacing-unit)*5)
            }
            .sm\:pt-5 {
                padding-top: calc(var(--spacing-unit)*5)
            }
            .sm\:pb-5 {
                padding-bottom: calc(var(--spacing-unit)*5)
            }
            .sm\:m-5 {
                margin: calc(var(--spacing-unit)*5)
            }
            .sm\:mx-5 {
                margin-inline: calc(var(--spacing-unit)*5)
            }
            .sm\:my-5 {
                margin-block: calc(var(--spacing-unit)*5)
            }
            .sm\:mt-5 {
                margin-top: calc(var(--spacing-unit)*5)
            }
            .sm\:mb-5 {
                margin-bottom: calc(var(--spacing-unit)*5)
            }
            .sm\:gap-5 {
                gap: calc(var(--spacing-unit)*5)
            }
            .sm\:gap-x-5 {
                column-gap: calc(var(--spacing-unit)*5)
            }
            .sm\:gap-y-5 {
                row-gap: calc(var(--spacing-unit)*5)
            }
            .sm\:p-6 {
                padding: calc(var(--spacing-unit)*6)
            }
            .sm\:px-6 {
                padding-inline: calc(var(--spacing-unit)*6)
            }
            .sm\:py-6 {
                padding-block: calc(var(--spacing-unit)*6)
            }
            .sm\:pt-6 {
                padding-top: calc(var(--spacing-unit)*6)
            }
            .sm\:pb-6 {
                padding-bottom: calc(var(--spacing-unit)*6)
            }
            .sm\:m-6 {
                margin: calc(var(--spacing-unit)*6)
            }
            .sm\:mx-6 {
                margin-inline: calc(var(--spacing-unit)*6)
            }
            .sm\:my-6 {
                margin-block: calc(var(--spacing-unit)*6)
            }
            .sm\:mt-6 {
                margin-top: calc(var(--spacing-unit)*6)
            }
            .sm\:mb-6 {
                margin-bottom: calc(var(--spacing-unit)*6)
            }
            .sm\:gap-6 {
                gap: calc(var(--spacing-unit)*6)
            }
            .sm\:gap-x-6 {
                column-gap: calc(var(--spacing-unit)*6)
            }
            .sm\:gap-y-6 {
                row-gap: calc(var(--spacing-unit)*6)
            }
            .sm\:p-7 {
                padding: calc(var(--spacing-unit)*7)
            }
            .sm\:px-7 {
                padding-inline: calc(var(--spacing-unit)*7)
            }
            .sm\:py-7 {
                padding-block: calc(var(--spacing-unit)*7)
            }
            .sm\:pt-7 {
                padding-top: calc(var(--spacing-unit)*7)
            }
            .sm\:pb-7 {
                padding-bottom: calc(var(--spacing-unit)*7)
            }
            .sm\:m-7 {
                margin: calc(var(--spacing-unit)*7)
            }
            .sm\:mx-7 {
                margin-inline: calc(var(--spacing-unit)*7)
            }
            .sm\:my-7 {
                margin-block: calc(var(--spacing-unit)*7)
            }
            .sm\:mt-7 {
                margin-top: calc(var(--spacing-unit)*7)
            }
            .sm\:mb-7 {
                margin-bottom: calc(var(--spacing-unit)*7)
            }
            .sm\:gap-7 {
                gap: calc(var(--spacing-unit)*7)
            }
            .sm\:gap-x-7 {
                column-gap: calc(var(--spacing-unit)*7)
            }
            .sm\:gap-y-7 {
                row-gap: calc(var(--spacing-unit)*7)
            }
            .sm\:p-8 {
                padding: calc(var(--spacing-unit)*8)
            }
            .sm\:px-8 {
                padding-inline: calc(var(--spacing-unit)*8)
            }
            .sm\:py-8 {
                padding-block: calc(var(--spacing-unit)*8)
            }
            .sm\:pt-8 {
                padding-top: calc(var(--spacing-unit)*8)
            }
            .sm\:pb-8 {
                padding-bottom: calc(var(--spacing-unit)*8)
            }
            .sm\:m-8 {
                margin: calc(var(--spacing-unit)*8)
            }
            .sm\:mx-8 {
                margin-inline: calc(var(--spacing-unit)*8)
            }
            .sm\:my-8 {
                margin-block: calc(var(--spacing-unit)*8)
            }
            .sm\:mt-8 {
                margin-top: calc(var(--spacing-unit)*8)
            }
            .sm\:mb-8 {
                margin-bottom: calc(var(--spacing-unit)*8)
            }
            .sm\:gap-8 {
                gap: calc(var(--spacing-unit)*8)
            }
            .sm\:gap-x-8 {
                column-gap: calc(var(--spacing-unit)*8)
            }
            .sm\:gap-y-8 {
                row-gap: calc(var(--spacing-unit)*8)
            }
            .sm\:p-9 {
                padding: calc(var(--spacing-unit)*9)
            }
            .sm\:px-9 {
                padding-inline: calc(var(--spacing-unit)*9)
            }
            .sm\:py-9 {
                padding-block: calc(var(--spacing-unit)*9)
            }
            .sm\:pt-9 {
                padding-top: calc(var(--spacing-unit)*9)
            }
            .sm\:pb-9 {
                padding-bottom: calc(var(--spacing-unit)*9)
            }
            .sm\:m-9 {
                margin: calc(var(--spacing-unit)*9)
            }
            .sm\:mx-9 {
                margin-inline: calc(var(--spacing-unit)*9)
            }
            .sm\:my-9 {
                margin-block: calc(var(--spacing-unit)*9)
            }
            .sm\:mt-9 {
                margin-top: calc(var(--spacing-unit)*9)
            }
            .sm\:mb-9 {
                margin-bottom: calc(var(--spacing-unit)*9)
            }
            .sm\:gap-9 {
                gap: calc(var(--spacing-unit)*9)
            }
            .sm\:gap-x-9 {
                column-gap: calc(var(--spacing-unit)*9)
            }
            .sm\:gap-y-9 {
                row-gap: calc(var(--spacing-unit)*9)
            }
            .sm\:p-10 {
                padding: calc(var(--spacing-unit)*10)
            }
            .sm\:px-10 {
                padding-inline: calc(var(--spacing-unit)*10)
            }
            .sm\:py-10 {
                padding-block: calc(var(--spacing-unit)*10)
            }
            .sm\:pt-10 {
                padding-top: calc(var(--spacing-unit)*10)
            }
            .sm\:pb-10 {
                padding-bottom: calc(var(--spacing-unit)*10)
            }
            .sm\:m-10 {
                margin: calc(var(--spacing-unit)*10)
            }
            .sm\:mx-10 {
                margin-inline: calc(var(--spacing-unit)*10)
            }
            .sm\:my-10 {
                margin-block: calc(var(--spacing-unit)*10)
            }
            .sm\:mt-10 {
                margin-top: calc(var(--spacing-unit)*10)
            }
            .sm\:mb-10 {
                margin-bottom: calc(var(--spacing-unit)*10)
            }
            .sm\:gap-10 {
                gap: calc(var(--spacing-unit)*10)
            }
            .sm\:gap-x-10 {
                column-gap: calc(var(--spacing-unit)*10)
            }
            .sm\:gap-y-10 {
                row-gap: calc(var(--spacing-unit)*10)
            }
            .sm\:p-11 {
                padding: calc(var(--spacing-unit)*11)
            }
            .sm\:px-11 {
                padding-inline: calc(var(--spacing-unit)*11)
            }
            .sm\:py-11 {
                padding-block: calc(var(--spacing-unit)*11)
            }
            .sm\:pt-11 {
                padding-top: calc(var(--spacing-unit)*11)
            }
            .sm\:pb-11 {
                padding-bottom: calc(var(--spacing-unit)*11)
            }
            .sm\:m-11 {
                margin: calc(var(--spacing-unit)*11)
            }
            .sm\:mx-11 {
                margin-inline: calc(var(--spacing-unit)*11)
            }
            .sm\:my-11 {
                margin-block: calc(var(--spacing-unit)*11)
            }
            .sm\:mt-11 {
                margin-top: calc(var(--spacing-unit)*11)
            }
            .sm\:mb-11 {
                margin-bottom: calc(var(--spacing-unit)*11)
            }
            .sm\:gap-11 {
                gap: calc(var(--spacing-unit)*11)
            }
            .sm\:gap-x-11 {
                column-gap: calc(var(--spacing-unit)*11)
            }
            .sm\:gap-y-11 {
                row-gap: calc(var(--spacing-unit)*11)
            }
            .sm\:p-12 {
                padding: calc(var(--spacing-unit)*12)
            }
            .sm\:px-12 {
                padding-inline: calc(var(--spacing-unit)*12)
            }
            .sm\:py-12 {
                padding-block: calc(var(--spacing-unit)*12)
            }
            .sm\:pt-12 {
                padding-top: calc(var(--spacing-unit)*12)
            }
            .sm\:pb-12 {
                padding-bottom: calc(var(--spacing-unit)*12)
            }
            .sm\:m-12 {
                margin: calc(var(--spacing-unit)*12)
            }
            .sm\:mx-12 {
                margin-inline: calc(var(--spacing-unit)*12)
            }
            .sm\:my-12 {
                margin-block: calc(var(--spacing-unit)*12)
            }
            .sm\:mt-12 {
                margin-top: calc(var(--spacing-unit)*12)
            }
            .sm\:mb-12 {
                margin-bottom: calc(var(--spacing-unit)*12)
            }
            .sm\:gap-12 {
                gap: calc(var(--spacing-unit)*12)
            }
            .sm\:gap-x-12 {
                column-gap: calc(var(--spacing-unit)*12)
            }
            .sm\:gap-y-12 {
                row-gap: calc(var(--spacing-unit)*12)
            }
            .sm\:p-13 {
                padding: calc(var(--spacing-unit)*13)
            }
            .sm\:px-13 {
                padding-inline: calc(var(--spacing-unit)*13)
            }
            .sm\:py-13 {
                padding-block: calc(var(--spacing-unit)*13)
            }
            .sm\:pt-13 {
                padding-top: calc(var(--spacing-unit)*13)
            }
            .sm\:pb-13 {
                padding-bottom: calc(var(--spacing-unit)*13)
            }
            .sm\:m-13 {
                margin: calc(var(--spacing-unit)*13)
            }
            .sm\:mx-13 {
                margin-inline: calc(var(--spacing-unit)*13)
            }
            .sm\:my-13 {
                margin-block: calc(var(--spacing-unit)*13)
            }
            .sm\:mt-13 {
                margin-top: calc(var(--spacing-unit)*13)
            }
            .sm\:mb-13 {
                margin-bottom: calc(var(--spacing-unit)*13)
            }
            .sm\:gap-13 {
                gap: calc(var(--spacing-unit)*13)
            }
            .sm\:gap-x-13 {
                column-gap: calc(var(--spacing-unit)*13)
            }
            .sm\:gap-y-13 {
                row-gap: calc(var(--spacing-unit)*13)
            }
            .sm\:p-2px {
                padding: 2px
            }
            .sm\:px-2px {
                padding-inline: 2px
            }
            .sm\:py-2px {
                padding-block: 2px
            }
            .sm\:pt-2px {
                padding-top: 2px
            }
            .sm\:pb-2px {
                padding-bottom: 2px
            }
            .sm\:m-2px {
                margin: 2px
            }
            .sm\:mx-2px {
                margin-inline: 2px
            }
            .sm\:my-2px {
                margin-block: 2px
            }
            .sm\:mt-2px {
                margin-top: 2px
            }
            .sm\:mb-2px {
                margin-bottom: 2px
            }
            .sm\:gap-2px {
                gap: 2px
            }
            .sm\:gap-x-2px {
                column-gap: 2px
            }
            .sm\:gap-y-2px {
                row-gap: 2px
            }
            .sm\:p-4px {
                padding: 4px
            }
            .sm\:px-4px {
                padding-inline: 4px
            }
            .sm\:py-4px {
                padding-block: 4px
            }
            .sm\:pt-4px {
                padding-top: 4px
            }
            .sm\:pb-4px {
                padding-bottom: 4px
            }
            .sm\:m-4px {
                margin: 4px
            }
            .sm\:mx-4px {
                margin-inline: 4px
            }
            .sm\:my-4px {
                margin-block: 4px
            }
            .sm\:mt-4px {
                margin-top: 4px
            }
            .sm\:mb-4px {
                margin-bottom: 4px
            }
            .sm\:gap-4px {
                gap: 4px
            }
            .sm\:gap-x-4px {
                column-gap: 4px
            }
            .sm\:gap-y-4px {
                row-gap: 4px
            }
            .sm\:p-8px {
                padding: 8px
            }
            .sm\:px-8px {
                padding-inline: 8px
            }
            .sm\:py-8px {
                padding-block: 8px
            }
            .sm\:pt-8px {
                padding-top: 8px
            }
            .sm\:pb-8px {
                padding-bottom: 8px
            }
            .sm\:m-8px {
                margin: 8px
            }
            .sm\:mx-8px {
                margin-inline: 8px
            }
            .sm\:my-8px {
                margin-block: 8px
            }
            .sm\:mt-8px {
                margin-top: 8px
            }
            .sm\:mb-8px {
                margin-bottom: 8px
            }
            .sm\:gap-8px {
                gap: 8px
            }
            .sm\:gap-x-8px {
                column-gap: 8px
            }
            .sm\:gap-y-8px {
                row-gap: 8px
            }
            .sm\:p-9px {
                padding: 9px
            }
            .sm\:px-9px {
                padding-inline: 9px
            }
            .sm\:py-9px {
                padding-block: 9px
            }
            .sm\:pt-9px {
                padding-top: 9px
            }
            .sm\:pb-9px {
                padding-bottom: 9px
            }
            .sm\:m-9px {
                margin: 9px
            }
            .sm\:mx-9px {
                margin-inline: 9px
            }
            .sm\:my-9px {
                margin-block: 9px
            }
            .sm\:mt-9px {
                margin-top: 9px
            }
            .sm\:mb-9px {
                margin-bottom: 9px
            }
            .sm\:gap-9px {
                gap: 9px
            }
            .sm\:gap-x-9px {
                column-gap: 9px
            }
            .sm\:gap-y-9px {
                row-gap: 9px
            }
            .sm\:p-10px {
                padding: 10px
            }
            .sm\:px-10px {
                padding-inline: 10px
            }
            .sm\:py-10px {
                padding-block: 10px
            }
            .sm\:pt-10px {
                padding-top: 10px
            }
            .sm\:pb-10px {
                padding-bottom: 10px
            }
            .sm\:m-10px {
                margin: 10px
            }
            .sm\:mx-10px {
                margin-inline: 10px
            }
            .sm\:my-10px {
                margin-block: 10px
            }
            .sm\:mt-10px {
                margin-top: 10px
            }
            .sm\:mb-10px {
                margin-bottom: 10px
            }
            .sm\:gap-10px {
                gap: 10px
            }
            .sm\:gap-x-10px {
                column-gap: 10px
            }
            .sm\:gap-y-10px {
                row-gap: 10px
            }
            .sm\:p-11px {
                padding: 11px
            }
            .sm\:px-11px {
                padding-inline: 11px
            }
            .sm\:py-11px {
                padding-block: 11px
            }
            .sm\:pt-11px {
                padding-top: 11px
            }
            .sm\:pb-11px {
                padding-bottom: 11px
            }
            .sm\:m-11px {
                margin: 11px
            }
            .sm\:mx-11px {
                margin-inline: 11px
            }
            .sm\:my-11px {
                margin-block: 11px
            }
            .sm\:mt-11px {
                margin-top: 11px
            }
            .sm\:mb-11px {
                margin-bottom: 11px
            }
            .sm\:gap-11px {
                gap: 11px
            }
            .sm\:gap-x-11px {
                column-gap: 11px
            }
            .sm\:gap-y-11px {
                row-gap: 11px
            }
            .sm\:p-14px {
                padding: 14px
            }
            .sm\:px-14px {
                padding-inline: 14px
            }
            .sm\:py-14px {
                padding-block: 14px
            }
            .sm\:pt-14px {
                padding-top: 14px
            }
            .sm\:pb-14px {
                padding-bottom: 14px
            }
            .sm\:m-14px {
                margin: 14px
            }
            .sm\:mx-14px {
                margin-inline: 14px
            }
            .sm\:my-14px {
                margin-block: 14px
            }
            .sm\:mt-14px {
                margin-top: 14px
            }
            .sm\:mb-14px {
                margin-bottom: 14px
            }
            .sm\:gap-14px {
                gap: 14px
            }
            .sm\:gap-x-14px {
                column-gap: 14px
            }
            .sm\:gap-y-14px {
                row-gap: 14px
            }
            .sm\:p-16px {
                padding: 16px
            }
            .sm\:px-16px {
                padding-inline: 16px
            }
            .sm\:py-16px {
                padding-block: 16px
            }
            .sm\:pt-16px {
                padding-top: 16px
            }
            .sm\:pb-16px {
                padding-bottom: 16px
            }
            .sm\:m-16px {
                margin: 16px
            }
            .sm\:mx-16px {
                margin-inline: 16px
            }
            .sm\:my-16px {
                margin-block: 16px
            }
            .sm\:mt-16px {
                margin-top: 16px
            }
            .sm\:mb-16px {
                margin-bottom: 16px
            }
            .sm\:gap-16px {
                gap: 16px
            }
            .sm\:gap-x-16px {
                column-gap: 16px
            }
            .sm\:gap-y-16px {
                row-gap: 16px
            }
            .sm\:p-20px {
                padding: 20px
            }
            .sm\:px-20px {
                padding-inline: 20px
            }
            .sm\:py-20px {
                padding-block: 20px
            }
            .sm\:pt-20px {
                padding-top: 20px
            }
            .sm\:pb-20px {
                padding-bottom: 20px
            }
            .sm\:m-20px {
                margin: 20px
            }
            .sm\:mx-20px {
                margin-inline: 20px
            }
            .sm\:my-20px {
                margin-block: 20px
            }
            .sm\:mt-20px {
                margin-top: 20px
            }
            .sm\:mb-20px {
                margin-bottom: 20px
            }
            .sm\:gap-20px {
                gap: 20px
            }
            .sm\:gap-x-20px {
                column-gap: 20px
            }
            .sm\:gap-y-20px {
                row-gap: 20px
            }
            .sm\:p-22px {
                padding: 22px
            }
            .sm\:px-22px {
                padding-inline: 22px
            }
            .sm\:py-22px {
                padding-block: 22px
            }
            .sm\:pt-22px {
                padding-top: 22px
            }
            .sm\:pb-22px {
                padding-bottom: 22px
            }
            .sm\:m-22px {
                margin: 22px
            }
            .sm\:mx-22px {
                margin-inline: 22px
            }
            .sm\:my-22px {
                margin-block: 22px
            }
            .sm\:mt-22px {
                margin-top: 22px
            }
            .sm\:mb-22px {
                margin-bottom: 22px
            }
            .sm\:gap-22px {
                gap: 22px
            }
            .sm\:gap-x-22px {
                column-gap: 22px
            }
            .sm\:gap-y-22px {
                row-gap: 22px
            }
            .sm\:p-28px {
                padding: 28px
            }
            .sm\:px-28px {
                padding-inline: 28px
            }
            .sm\:py-28px {
                padding-block: 28px
            }
            .sm\:pt-28px {
                padding-top: 28px
            }
            .sm\:pb-28px {
                padding-bottom: 28px
            }
            .sm\:m-28px {
                margin: 28px
            }
            .sm\:mx-28px {
                margin-inline: 28px
            }
            .sm\:my-28px {
                margin-block: 28px
            }
            .sm\:mt-28px {
                margin-top: 28px
            }
            .sm\:mb-28px {
                margin-bottom: 28px
            }
            .sm\:gap-28px {
                gap: 28px
            }
            .sm\:gap-x-28px {
                column-gap: 28px
            }
            .sm\:gap-y-28px {
                row-gap: 28px
            }
            .sm\:p-32px {
                padding: 32px
            }
            .sm\:px-32px {
                padding-inline: 32px
            }
            .sm\:py-32px {
                padding-block: 32px
            }
            .sm\:pt-32px {
                padding-top: 32px
            }
            .sm\:pb-32px {
                padding-bottom: 32px
            }
            .sm\:m-32px {
                margin: 32px
            }
            .sm\:mx-32px {
                margin-inline: 32px
            }
            .sm\:my-32px {
                margin-block: 32px
            }
            .sm\:mt-32px {
                margin-top: 32px
            }
            .sm\:mb-32px {
                margin-bottom: 32px
            }
            .sm\:gap-32px {
                gap: 32px
            }
            .sm\:gap-x-32px {
                column-gap: 32px
            }
            .sm\:gap-y-32px {
                row-gap: 32px
            }
            .sm\:p-40px {
                padding: 40px
            }
            .sm\:px-40px {
                padding-inline: 40px
            }
            .sm\:py-40px {
                padding-block: 40px
            }
            .sm\:pt-40px {
                padding-top: 40px
            }
            .sm\:pb-40px {
                padding-bottom: 40px
            }
            .sm\:m-40px {
                margin: 40px
            }
            .sm\:mx-40px {
                margin-inline: 40px
            }
            .sm\:my-40px {
                margin-block: 40px
            }
            .sm\:mt-40px {
                margin-top: 40px
            }
            .sm\:mb-40px {
                margin-bottom: 40px
            }
            .sm\:gap-40px {
                gap: 40px
            }
            .sm\:gap-x-40px {
                column-gap: 40px
            }
            .sm\:gap-y-40px {
                row-gap: 40px
            }
            .sm\:p-45px {
                padding: 45px
            }
            .sm\:px-45px {
                padding-inline: 45px
            }
            .sm\:py-45px {
                padding-block: 45px
            }
            .sm\:pt-45px {
                padding-top: 45px
            }
            .sm\:pb-45px {
                padding-bottom: 45px
            }
            .sm\:m-45px {
                margin: 45px
            }
            .sm\:mx-45px {
                margin-inline: 45px
            }
            .sm\:my-45px {
                margin-block: 45px
            }
            .sm\:mt-45px {
                margin-top: 45px
            }
            .sm\:mb-45px {
                margin-bottom: 45px
            }
            .sm\:gap-45px {
                gap: 45px
            }
            .sm\:gap-x-45px {
                column-gap: 45px
            }
            .sm\:gap-y-45px {
                row-gap: 45px
            }
            .sm\:p-50px {
                padding: 50px
            }
            .sm\:px-50px {
                padding-inline: 50px
            }
            .sm\:py-50px {
                padding-block: 50px
            }
            .sm\:pt-50px {
                padding-top: 50px
            }
            .sm\:pb-50px {
                padding-bottom: 50px
            }
            .sm\:m-50px {
                margin: 50px
            }
            .sm\:mx-50px {
                margin-inline: 50px
            }
            .sm\:my-50px {
                margin-block: 50px
            }
            .sm\:mt-50px {
                margin-top: 50px
            }
            .sm\:mb-50px {
                margin-bottom: 50px
            }
            .sm\:gap-50px {
                gap: 50px
            }
            .sm\:gap-x-50px {
                column-gap: 50px
            }
            .sm\:gap-y-50px {
                row-gap: 50px
            }
        }

        @media(min-width: 768px) {
            .md\:p-0 {
                padding: calc(var(--spacing-unit)*0)
            }
            .md\:px-0 {
                padding-inline: calc(var(--spacing-unit)*0)
            }
            .md\:py-0 {
                padding-block: calc(var(--spacing-unit)*0)
            }
            .md\:pt-0 {
                padding-top: calc(var(--spacing-unit)*0)
            }
            .md\:pb-0 {
                padding-bottom: calc(var(--spacing-unit)*0)
            }
            .md\:m-0 {
                margin: calc(var(--spacing-unit)*0)
            }
            .md\:mx-0 {
                margin-inline: calc(var(--spacing-unit)*0)
            }
            .md\:my-0 {
                margin-block: calc(var(--spacing-unit)*0)
            }
            .md\:mt-0 {
                margin-top: calc(var(--spacing-unit)*0)
            }
            .md\:mb-0 {
                margin-bottom: calc(var(--spacing-unit)*0)
            }
            .md\:gap-0 {
                gap: calc(var(--spacing-unit)*0)
            }
            .md\:gap-x-0 {
                column-gap: calc(var(--spacing-unit)*0)
            }
            .md\:gap-y-0 {
                row-gap: calc(var(--spacing-unit)*0)
            }
            .md\:p-1 {
                padding: calc(var(--spacing-unit)*1)
            }
            .md\:px-1 {
                padding-inline: calc(var(--spacing-unit)*1)
            }
            .md\:py-1 {
                padding-block: calc(var(--spacing-unit)*1)
            }
            .md\:pt-1 {
                padding-top: calc(var(--spacing-unit)*1)
            }
            .md\:pb-1 {
                padding-bottom: calc(var(--spacing-unit)*1)
            }
            .md\:m-1 {
                margin: calc(var(--spacing-unit)*1)
            }
            .md\:mx-1 {
                margin-inline: calc(var(--spacing-unit)*1)
            }
            .md\:my-1 {
                margin-block: calc(var(--spacing-unit)*1)
            }
            .md\:mt-1 {
                margin-top: calc(var(--spacing-unit)*1)
            }
            .md\:mb-1 {
                margin-bottom: calc(var(--spacing-unit)*1)
            }
            .md\:gap-1 {
                gap: calc(var(--spacing-unit)*1)
            }
            .md\:gap-x-1 {
                column-gap: calc(var(--spacing-unit)*1)
            }
            .md\:gap-y-1 {
                row-gap: calc(var(--spacing-unit)*1)
            }
            .md\:p-2 {
                padding: calc(var(--spacing-unit)*2)
            }
            .md\:px-2 {
                padding-inline: calc(var(--spacing-unit)*2)
            }
            .md\:py-2 {
                padding-block: calc(var(--spacing-unit)*2)
            }
            .md\:pt-2 {
                padding-top: calc(var(--spacing-unit)*2)
            }
            .md\:pb-2 {
                padding-bottom: calc(var(--spacing-unit)*2)
            }
            .md\:m-2 {
                margin: calc(var(--spacing-unit)*2)
            }
            .md\:mx-2 {
                margin-inline: calc(var(--spacing-unit)*2)
            }
            .md\:my-2 {
                margin-block: calc(var(--spacing-unit)*2)
            }
            .md\:mt-2 {
                margin-top: calc(var(--spacing-unit)*2)
            }
            .md\:mb-2 {
                margin-bottom: calc(var(--spacing-unit)*2)
            }
            .md\:gap-2 {
                gap: calc(var(--spacing-unit)*2)
            }
            .md\:gap-x-2 {
                column-gap: calc(var(--spacing-unit)*2)
            }
            .md\:gap-y-2 {
                row-gap: calc(var(--spacing-unit)*2)
            }
            .md\:p-3 {
                padding: calc(var(--spacing-unit)*3)
            }
            .md\:px-3 {
                padding-inline: calc(var(--spacing-unit)*3)
            }
            .md\:py-3 {
                padding-block: calc(var(--spacing-unit)*3)
            }
            .md\:pt-3 {
                padding-top: calc(var(--spacing-unit)*3)
            }
            .md\:pb-3 {
                padding-bottom: calc(var(--spacing-unit)*3)
            }
            .md\:m-3 {
                margin: calc(var(--spacing-unit)*3)
            }
            .md\:mx-3 {
                margin-inline: calc(var(--spacing-unit)*3)
            }
            .md\:my-3 {
                margin-block: calc(var(--spacing-unit)*3)
            }
            .md\:mt-3 {
                margin-top: calc(var(--spacing-unit)*3)
            }
            .md\:mb-3 {
                margin-bottom: calc(var(--spacing-unit)*3)
            }
            .md\:gap-3 {
                gap: calc(var(--spacing-unit)*3)
            }
            .md\:gap-x-3 {
                column-gap: calc(var(--spacing-unit)*3)
            }
            .md\:gap-y-3 {
                row-gap: calc(var(--spacing-unit)*3)
            }
            .md\:p-4 {
                padding: calc(var(--spacing-unit)*4)
            }
            .md\:px-4 {
                padding-inline: calc(var(--spacing-unit)*4)
            }
            .md\:py-4 {
                padding-block: calc(var(--spacing-unit)*4)
            }
            .md\:pt-4 {
                padding-top: calc(var(--spacing-unit)*4)
            }
            .md\:pb-4 {
                padding-bottom: calc(var(--spacing-unit)*4)
            }
            .md\:m-4 {
                margin: calc(var(--spacing-unit)*4)
            }
            .md\:mx-4 {
                margin-inline: calc(var(--spacing-unit)*4)
            }
            .md\:my-4 {
                margin-block: calc(var(--spacing-unit)*4)
            }
            .md\:mt-4 {
                margin-top: calc(var(--spacing-unit)*4)
            }
            .md\:mb-4 {
                margin-bottom: calc(var(--spacing-unit)*4)
            }
            .md\:gap-4 {
                gap: calc(var(--spacing-unit)*4)
            }
            .md\:gap-x-4 {
                column-gap: calc(var(--spacing-unit)*4)
            }
            .md\:gap-y-4 {
                row-gap: calc(var(--spacing-unit)*4)
            }
            .md\:p-5 {
                padding: calc(var(--spacing-unit)*5)
            }
            .md\:px-5 {
                padding-inline: calc(var(--spacing-unit)*5)
            }
            .md\:py-5 {
                padding-block: calc(var(--spacing-unit)*5)
            }
            .md\:pt-5 {
                padding-top: calc(var(--spacing-unit)*5)
            }
            .md\:pb-5 {
                padding-bottom: calc(var(--spacing-unit)*5)
            }
            .md\:m-5 {
                margin: calc(var(--spacing-unit)*5)
            }
            .md\:mx-5 {
                margin-inline: calc(var(--spacing-unit)*5)
            }
            .md\:my-5 {
                margin-block: calc(var(--spacing-unit)*5)
            }
            .md\:mt-5 {
                margin-top: calc(var(--spacing-unit)*5)
            }
            .md\:mb-5 {
                margin-bottom: calc(var(--spacing-unit)*5)
            }
            .md\:gap-5 {
                gap: calc(var(--spacing-unit)*5)
            }
            .md\:gap-x-5 {
                column-gap: calc(var(--spacing-unit)*5)
            }
            .md\:gap-y-5 {
                row-gap: calc(var(--spacing-unit)*5)
            }
            .md\:p-6 {
                padding: calc(var(--spacing-unit)*6)
            }
            .md\:px-6 {
                padding-inline: calc(var(--spacing-unit)*6)
            }
            .md\:py-6 {
                padding-block: calc(var(--spacing-unit)*6)
            }
            .md\:pt-6 {
                padding-top: calc(var(--spacing-unit)*6)
            }
            .md\:pb-6 {
                padding-bottom: calc(var(--spacing-unit)*6)
            }
            .md\:m-6 {
                margin: calc(var(--spacing-unit)*6)
            }
            .md\:mx-6 {
                margin-inline: calc(var(--spacing-unit)*6)
            }
            .md\:my-6 {
                margin-block: calc(var(--spacing-unit)*6)
            }
            .md\:mt-6 {
                margin-top: calc(var(--spacing-unit)*6)
            }
            .md\:mb-6 {
                margin-bottom: calc(var(--spacing-unit)*6)
            }
            .md\:gap-6 {
                gap: calc(var(--spacing-unit)*6)
            }
            .md\:gap-x-6 {
                column-gap: calc(var(--spacing-unit)*6)
            }
            .md\:gap-y-6 {
                row-gap: calc(var(--spacing-unit)*6)
            }
            .md\:p-7 {
                padding: calc(var(--spacing-unit)*7)
            }
            .md\:px-7 {
                padding-inline: calc(var(--spacing-unit)*7)
            }
            .md\:py-7 {
                padding-block: calc(var(--spacing-unit)*7)
            }
            .md\:pt-7 {
                padding-top: calc(var(--spacing-unit)*7)
            }
            .md\:pb-7 {
                padding-bottom: calc(var(--spacing-unit)*7)
            }
            .md\:m-7 {
                margin: calc(var(--spacing-unit)*7)
            }
            .md\:mx-7 {
                margin-inline: calc(var(--spacing-unit)*7)
            }
            .md\:my-7 {
                margin-block: calc(var(--spacing-unit)*7)
            }
            .md\:mt-7 {
                margin-top: calc(var(--spacing-unit)*7)
            }
            .md\:mb-7 {
                margin-bottom: calc(var(--spacing-unit)*7)
            }
            .md\:gap-7 {
                gap: calc(var(--spacing-unit)*7)
            }
            .md\:gap-x-7 {
                column-gap: calc(var(--spacing-unit)*7)
            }
            .md\:gap-y-7 {
                row-gap: calc(var(--spacing-unit)*7)
            }
            .md\:p-8 {
                padding: calc(var(--spacing-unit)*8)
            }
            .md\:px-8 {
                padding-inline: calc(var(--spacing-unit)*8)
            }
            .md\:py-8 {
                padding-block: calc(var(--spacing-unit)*8)
            }
            .md\:pt-8 {
                padding-top: calc(var(--spacing-unit)*8)
            }
            .md\:pb-8 {
                padding-bottom: calc(var(--spacing-unit)*8)
            }
            .md\:m-8 {
                margin: calc(var(--spacing-unit)*8)
            }
            .md\:mx-8 {
                margin-inline: calc(var(--spacing-unit)*8)
            }
            .md\:my-8 {
                margin-block: calc(var(--spacing-unit)*8)
            }
            .md\:mt-8 {
                margin-top: calc(var(--spacing-unit)*8)
            }
            .md\:mb-8 {
                margin-bottom: calc(var(--spacing-unit)*8)
            }
            .md\:gap-8 {
                gap: calc(var(--spacing-unit)*8)
            }
            .md\:gap-x-8 {
                column-gap: calc(var(--spacing-unit)*8)
            }
            .md\:gap-y-8 {
                row-gap: calc(var(--spacing-unit)*8)
            }
            .md\:p-9 {
                padding: calc(var(--spacing-unit)*9)
            }
            .md\:px-9 {
                padding-inline: calc(var(--spacing-unit)*9)
            }
            .md\:py-9 {
                padding-block: calc(var(--spacing-unit)*9)
            }
            .md\:pt-9 {
                padding-top: calc(var(--spacing-unit)*9)
            }
            .md\:pb-9 {
                padding-bottom: calc(var(--spacing-unit)*9)
            }
            .md\:m-9 {
                margin: calc(var(--spacing-unit)*9)
            }
            .md\:mx-9 {
                margin-inline: calc(var(--spacing-unit)*9)
            }
            .md\:my-9 {
                margin-block: calc(var(--spacing-unit)*9)
            }
            .md\:mt-9 {
                margin-top: calc(var(--spacing-unit)*9)
            }
            .md\:mb-9 {
                margin-bottom: calc(var(--spacing-unit)*9)
            }
            .md\:gap-9 {
                gap: calc(var(--spacing-unit)*9)
            }
            .md\:gap-x-9 {
                column-gap: calc(var(--spacing-unit)*9)
            }
            .md\:gap-y-9 {
                row-gap: calc(var(--spacing-unit)*9)
            }
            .md\:p-10 {
                padding: calc(var(--spacing-unit)*10)
            }
            .md\:px-10 {
                padding-inline: calc(var(--spacing-unit)*10)
            }
            .md\:py-10 {
                padding-block: calc(var(--spacing-unit)*10)
            }
            .md\:pt-10 {
                padding-top: calc(var(--spacing-unit)*10)
            }
            .md\:pb-10 {
                padding-bottom: calc(var(--spacing-unit)*10)
            }
            .md\:m-10 {
                margin: calc(var(--spacing-unit)*10)
            }
            .md\:mx-10 {
                margin-inline: calc(var(--spacing-unit)*10)
            }
            .md\:my-10 {
                margin-block: calc(var(--spacing-unit)*10)
            }
            .md\:mt-10 {
                margin-top: calc(var(--spacing-unit)*10)
            }
            .md\:mb-10 {
                margin-bottom: calc(var(--spacing-unit)*10)
            }
            .md\:gap-10 {
                gap: calc(var(--spacing-unit)*10)
            }
            .md\:gap-x-10 {
                column-gap: calc(var(--spacing-unit)*10)
            }
            .md\:gap-y-10 {
                row-gap: calc(var(--spacing-unit)*10)
            }
            .md\:p-11 {
                padding: calc(var(--spacing-unit)*11)
            }
            .md\:px-11 {
                padding-inline: calc(var(--spacing-unit)*11)
            }
            .md\:py-11 {
                padding-block: calc(var(--spacing-unit)*11)
            }
            .md\:pt-11 {
                padding-top: calc(var(--spacing-unit)*11)
            }
            .md\:pb-11 {
                padding-bottom: calc(var(--spacing-unit)*11)
            }
            .md\:m-11 {
                margin: calc(var(--spacing-unit)*11)
            }
            .md\:mx-11 {
                margin-inline: calc(var(--spacing-unit)*11)
            }
            .md\:my-11 {
                margin-block: calc(var(--spacing-unit)*11)
            }
            .md\:mt-11 {
                margin-top: calc(var(--spacing-unit)*11)
            }
            .md\:mb-11 {
                margin-bottom: calc(var(--spacing-unit)*11)
            }
            .md\:gap-11 {
                gap: calc(var(--spacing-unit)*11)
            }
            .md\:gap-x-11 {
                column-gap: calc(var(--spacing-unit)*11)
            }
            .md\:gap-y-11 {
                row-gap: calc(var(--spacing-unit)*11)
            }
            .md\:p-12 {
                padding: calc(var(--spacing-unit)*12)
            }
            .md\:px-12 {
                padding-inline: calc(var(--spacing-unit)*12)
            }
            .md\:py-12 {
                padding-block: calc(var(--spacing-unit)*12)
            }
            .md\:pt-12 {
                padding-top: calc(var(--spacing-unit)*12)
            }
            .md\:pb-12 {
                padding-bottom: calc(var(--spacing-unit)*12)
            }
            .md\:m-12 {
                margin: calc(var(--spacing-unit)*12)
            }
            .md\:mx-12 {
                margin-inline: calc(var(--spacing-unit)*12)
            }
            .md\:my-12 {
                margin-block: calc(var(--spacing-unit)*12)
            }
            .md\:mt-12 {
                margin-top: calc(var(--spacing-unit)*12)
            }
            .md\:mb-12 {
                margin-bottom: calc(var(--spacing-unit)*12)
            }
            .md\:gap-12 {
                gap: calc(var(--spacing-unit)*12)
            }
            .md\:gap-x-12 {
                column-gap: calc(var(--spacing-unit)*12)
            }
            .md\:gap-y-12 {
                row-gap: calc(var(--spacing-unit)*12)
            }
            .md\:p-13 {
                padding: calc(var(--spacing-unit)*13)
            }
            .md\:px-13 {
                padding-inline: calc(var(--spacing-unit)*13)
            }
            .md\:py-13 {
                padding-block: calc(var(--spacing-unit)*13)
            }
            .md\:pt-13 {
                padding-top: calc(var(--spacing-unit)*13)
            }
            .md\:pb-13 {
                padding-bottom: calc(var(--spacing-unit)*13)
            }
            .md\:m-13 {
                margin: calc(var(--spacing-unit)*13)
            }
            .md\:mx-13 {
                margin-inline: calc(var(--spacing-unit)*13)
            }
            .md\:my-13 {
                margin-block: calc(var(--spacing-unit)*13)
            }
            .md\:mt-13 {
                margin-top: calc(var(--spacing-unit)*13)
            }
            .md\:mb-13 {
                margin-bottom: calc(var(--spacing-unit)*13)
            }
            .md\:gap-13 {
                gap: calc(var(--spacing-unit)*13)
            }
            .md\:gap-x-13 {
                column-gap: calc(var(--spacing-unit)*13)
            }
            .md\:gap-y-13 {
                row-gap: calc(var(--spacing-unit)*13)
            }
            .md\:p-2px {
                padding: 2px
            }
            .md\:px-2px {
                padding-inline: 2px
            }
            .md\:py-2px {
                padding-block: 2px
            }
            .md\:pt-2px {
                padding-top: 2px
            }
            .md\:pb-2px {
                padding-bottom: 2px
            }
            .md\:m-2px {
                margin: 2px
            }
            .md\:mx-2px {
                margin-inline: 2px
            }
            .md\:my-2px {
                margin-block: 2px
            }
            .md\:mt-2px {
                margin-top: 2px
            }
            .md\:mb-2px {
                margin-bottom: 2px
            }
            .md\:gap-2px {
                gap: 2px
            }
            .md\:gap-x-2px {
                column-gap: 2px
            }
            .md\:gap-y-2px {
                row-gap: 2px
            }
            .md\:p-4px {
                padding: 4px
            }
            .md\:px-4px {
                padding-inline: 4px
            }
            .md\:py-4px {
                padding-block: 4px
            }
            .md\:pt-4px {
                padding-top: 4px
            }
            .md\:pb-4px {
                padding-bottom: 4px
            }
            .md\:m-4px {
                margin: 4px
            }
            .md\:mx-4px {
                margin-inline: 4px
            }
            .md\:my-4px {
                margin-block: 4px
            }
            .md\:mt-4px {
                margin-top: 4px
            }
            .md\:mb-4px {
                margin-bottom: 4px
            }
            .md\:gap-4px {
                gap: 4px
            }
            .md\:gap-x-4px {
                column-gap: 4px
            }
            .md\:gap-y-4px {
                row-gap: 4px
            }
            .md\:p-8px {
                padding: 8px
            }
            .md\:px-8px {
                padding-inline: 8px
            }
            .md\:py-8px {
                padding-block: 8px
            }
            .md\:pt-8px {
                padding-top: 8px
            }
            .md\:pb-8px {
                padding-bottom: 8px
            }
            .md\:m-8px {
                margin: 8px
            }
            .md\:mx-8px {
                margin-inline: 8px
            }
            .md\:my-8px {
                margin-block: 8px
            }
            .md\:mt-8px {
                margin-top: 8px
            }
            .md\:mb-8px {
                margin-bottom: 8px
            }
            .md\:gap-8px {
                gap: 8px
            }
            .md\:gap-x-8px {
                column-gap: 8px
            }
            .md\:gap-y-8px {
                row-gap: 8px
            }
            .md\:p-9px {
                padding: 9px
            }
            .md\:px-9px {
                padding-inline: 9px
            }
            .md\:py-9px {
                padding-block: 9px
            }
            .md\:pt-9px {
                padding-top: 9px
            }
            .md\:pb-9px {
                padding-bottom: 9px
            }
            .md\:m-9px {
                margin: 9px
            }
            .md\:mx-9px {
                margin-inline: 9px
            }
            .md\:my-9px {
                margin-block: 9px
            }
            .md\:mt-9px {
                margin-top: 9px
            }
            .md\:mb-9px {
                margin-bottom: 9px
            }
            .md\:gap-9px {
                gap: 9px
            }
            .md\:gap-x-9px {
                column-gap: 9px
            }
            .md\:gap-y-9px {
                row-gap: 9px
            }
            .md\:p-10px {
                padding: 10px
            }
            .md\:px-10px {
                padding-inline: 10px
            }
            .md\:py-10px {
                padding-block: 10px
            }
            .md\:pt-10px {
                padding-top: 10px
            }
            .md\:pb-10px {
                padding-bottom: 10px
            }
            .md\:m-10px {
                margin: 10px
            }
            .md\:mx-10px {
                margin-inline: 10px
            }
            .md\:my-10px {
                margin-block: 10px
            }
            .md\:mt-10px {
                margin-top: 10px
            }
            .md\:mb-10px {
                margin-bottom: 10px
            }
            .md\:gap-10px {
                gap: 10px
            }
            .md\:gap-x-10px {
                column-gap: 10px
            }
            .md\:gap-y-10px {
                row-gap: 10px
            }
            .md\:p-11px {
                padding: 11px
            }
            .md\:px-11px {
                padding-inline: 11px
            }
            .md\:py-11px {
                padding-block: 11px
            }
            .md\:pt-11px {
                padding-top: 11px
            }
            .md\:pb-11px {
                padding-bottom: 11px
            }
            .md\:m-11px {
                margin: 11px
            }
            .md\:mx-11px {
                margin-inline: 11px
            }
            .md\:my-11px {
                margin-block: 11px
            }
            .md\:mt-11px {
                margin-top: 11px
            }
            .md\:mb-11px {
                margin-bottom: 11px
            }
            .md\:gap-11px {
                gap: 11px
            }
            .md\:gap-x-11px {
                column-gap: 11px
            }
            .md\:gap-y-11px {
                row-gap: 11px
            }
            .md\:p-14px {
                padding: 14px
            }
            .md\:px-14px {
                padding-inline: 14px
            }
            .md\:py-14px {
                padding-block: 14px
            }
            .md\:pt-14px {
                padding-top: 14px
            }
            .md\:pb-14px {
                padding-bottom: 14px
            }
            .md\:m-14px {
                margin: 14px
            }
            .md\:mx-14px {
                margin-inline: 14px
            }
            .md\:my-14px {
                margin-block: 14px
            }
            .md\:mt-14px {
                margin-top: 14px
            }
            .md\:mb-14px {
                margin-bottom: 14px
            }
            .md\:gap-14px {
                gap: 14px
            }
            .md\:gap-x-14px {
                column-gap: 14px
            }
            .md\:gap-y-14px {
                row-gap: 14px
            }
            .md\:p-16px {
                padding: 16px
            }
            .md\:px-16px {
                padding-inline: 16px
            }
            .md\:py-16px {
                padding-block: 16px
            }
            .md\:pt-16px {
                padding-top: 16px
            }
            .md\:pb-16px {
                padding-bottom: 16px
            }
            .md\:m-16px {
                margin: 16px
            }
            .md\:mx-16px {
                margin-inline: 16px
            }
            .md\:my-16px {
                margin-block: 16px
            }
            .md\:mt-16px {
                margin-top: 16px
            }
            .md\:mb-16px {
                margin-bottom: 16px
            }
            .md\:gap-16px {
                gap: 16px
            }
            .md\:gap-x-16px {
                column-gap: 16px
            }
            .md\:gap-y-16px {
                row-gap: 16px
            }
            .md\:p-20px {
                padding: 20px
            }
            .md\:px-20px {
                padding-inline: 20px
            }
            .md\:py-20px {
                padding-block: 20px
            }
            .md\:pt-20px {
                padding-top: 20px
            }
            .md\:pb-20px {
                padding-bottom: 20px
            }
            .md\:m-20px {
                margin: 20px
            }
            .md\:mx-20px {
                margin-inline: 20px
            }
            .md\:my-20px {
                margin-block: 20px
            }
            .md\:mt-20px {
                margin-top: 20px
            }
            .md\:mb-20px {
                margin-bottom: 20px
            }
            .md\:gap-20px {
                gap: 20px
            }
            .md\:gap-x-20px {
                column-gap: 20px
            }
            .md\:gap-y-20px {
                row-gap: 20px
            }
            .md\:p-22px {
                padding: 22px
            }
            .md\:px-22px {
                padding-inline: 22px
            }
            .md\:py-22px {
                padding-block: 22px
            }
            .md\:pt-22px {
                padding-top: 22px
            }
            .md\:pb-22px {
                padding-bottom: 22px
            }
            .md\:m-22px {
                margin: 22px
            }
            .md\:mx-22px {
                margin-inline: 22px
            }
            .md\:my-22px {
                margin-block: 22px
            }
            .md\:mt-22px {
                margin-top: 22px
            }
            .md\:mb-22px {
                margin-bottom: 22px
            }
            .md\:gap-22px {
                gap: 22px
            }
            .md\:gap-x-22px {
                column-gap: 22px
            }
            .md\:gap-y-22px {
                row-gap: 22px
            }
            .md\:p-28px {
                padding: 28px
            }
            .md\:px-28px {
                padding-inline: 28px
            }
            .md\:py-28px {
                padding-block: 28px
            }
            .md\:pt-28px {
                padding-top: 28px
            }
            .md\:pb-28px {
                padding-bottom: 28px
            }
            .md\:m-28px {
                margin: 28px
            }
            .md\:mx-28px {
                margin-inline: 28px
            }
            .md\:my-28px {
                margin-block: 28px
            }
            .md\:mt-28px {
                margin-top: 28px
            }
            .md\:mb-28px {
                margin-bottom: 28px
            }
            .md\:gap-28px {
                gap: 28px
            }
            .md\:gap-x-28px {
                column-gap: 28px
            }
            .md\:gap-y-28px {
                row-gap: 28px
            }
            .md\:p-32px {
                padding: 32px
            }
            .md\:px-32px {
                padding-inline: 32px
            }
            .md\:py-32px {
                padding-block: 32px
            }
            .md\:pt-32px {
                padding-top: 32px
            }
            .md\:pb-32px {
                padding-bottom: 32px
            }
            .md\:m-32px {
                margin: 32px
            }
            .md\:mx-32px {
                margin-inline: 32px
            }
            .md\:my-32px {
                margin-block: 32px
            }
            .md\:mt-32px {
                margin-top: 32px
            }
            .md\:mb-32px {
                margin-bottom: 32px
            }
            .md\:gap-32px {
                gap: 32px
            }
            .md\:gap-x-32px {
                column-gap: 32px
            }
            .md\:gap-y-32px {
                row-gap: 32px
            }
            .md\:p-40px {
                padding: 40px
            }
            .md\:px-40px {
                padding-inline: 40px
            }
            .md\:py-40px {
                padding-block: 40px
            }
            .md\:pt-40px {
                padding-top: 40px
            }
            .md\:pb-40px {
                padding-bottom: 40px
            }
            .md\:m-40px {
                margin: 40px
            }
            .md\:mx-40px {
                margin-inline: 40px
            }
            .md\:my-40px {
                margin-block: 40px
            }
            .md\:mt-40px {
                margin-top: 40px
            }
            .md\:mb-40px {
                margin-bottom: 40px
            }
            .md\:gap-40px {
                gap: 40px
            }
            .md\:gap-x-40px {
                column-gap: 40px
            }
            .md\:gap-y-40px {
                row-gap: 40px
            }
            .md\:p-45px {
                padding: 45px
            }
            .md\:px-45px {
                padding-inline: 45px
            }
            .md\:py-45px {
                padding-block: 45px
            }
            .md\:pt-45px {
                padding-top: 45px
            }
            .md\:pb-45px {
                padding-bottom: 45px
            }
            .md\:m-45px {
                margin: 45px
            }
            .md\:mx-45px {
                margin-inline: 45px
            }
            .md\:my-45px {
                margin-block: 45px
            }
            .md\:mt-45px {
                margin-top: 45px
            }
            .md\:mb-45px {
                margin-bottom: 45px
            }
            .md\:gap-45px {
                gap: 45px
            }
            .md\:gap-x-45px {
                column-gap: 45px
            }
            .md\:gap-y-45px {
                row-gap: 45px
            }
            .md\:p-50px {
                padding: 50px
            }
            .md\:px-50px {
                padding-inline: 50px
            }
            .md\:py-50px {
                padding-block: 50px
            }
            .md\:pt-50px {
                padding-top: 50px
            }
            .md\:pb-50px {
                padding-bottom: 50px
            }
            .md\:m-50px {
                margin: 50px
            }
            .md\:mx-50px {
                margin-inline: 50px
            }
            .md\:my-50px {
                margin-block: 50px
            }
            .md\:mt-50px {
                margin-top: 50px
            }
            .md\:mb-50px {
                margin-bottom: 50px
            }
            .md\:gap-50px {
                gap: 50px
            }
            .md\:gap-x-50px {
                column-gap: 50px
            }
            .md\:gap-y-50px {
                row-gap: 50px
            }
        }

        @media(min-width: 1024px) {
            .lg\:p-0 {
                padding: calc(var(--spacing-unit)*0)
            }
            .lg\:px-0 {
                padding-inline: calc(var(--spacing-unit)*0)
            }
            .lg\:py-0 {
                padding-block: calc(var(--spacing-unit)*0)
            }
            .lg\:pt-0 {
                padding-top: calc(var(--spacing-unit)*0)
            }
            .lg\:pb-0 {
                padding-bottom: calc(var(--spacing-unit)*0)
            }
            .lg\:m-0 {
                margin: calc(var(--spacing-unit)*0)
            }
            .lg\:mx-0 {
                margin-inline: calc(var(--spacing-unit)*0)
            }
            .lg\:my-0 {
                margin-block: calc(var(--spacing-unit)*0)
            }
            .lg\:mt-0 {
                margin-top: calc(var(--spacing-unit)*0)
            }
            .lg\:mb-0 {
                margin-bottom: calc(var(--spacing-unit)*0)
            }
            .lg\:gap-0 {
                gap: calc(var(--spacing-unit)*0)
            }
            .lg\:gap-x-0 {
                column-gap: calc(var(--spacing-unit)*0)
            }
            .lg\:gap-y-0 {
                row-gap: calc(var(--spacing-unit)*0)
            }
            .lg\:p-1 {
                padding: calc(var(--spacing-unit)*1)
            }
            .lg\:px-1 {
                padding-inline: calc(var(--spacing-unit)*1)
            }
            .lg\:py-1 {
                padding-block: calc(var(--spacing-unit)*1)
            }
            .lg\:pt-1 {
                padding-top: calc(var(--spacing-unit)*1)
            }
            .lg\:pb-1 {
                padding-bottom: calc(var(--spacing-unit)*1)
            }
            .lg\:m-1 {
                margin: calc(var(--spacing-unit)*1)
            }
            .lg\:mx-1 {
                margin-inline: calc(var(--spacing-unit)*1)
            }
            .lg\:my-1 {
                margin-block: calc(var(--spacing-unit)*1)
            }
            .lg\:mt-1 {
                margin-top: calc(var(--spacing-unit)*1)
            }
            .lg\:mb-1 {
                margin-bottom: calc(var(--spacing-unit)*1)
            }
            .lg\:gap-1 {
                gap: calc(var(--spacing-unit)*1)
            }
            .lg\:gap-x-1 {
                column-gap: calc(var(--spacing-unit)*1)
            }
            .lg\:gap-y-1 {
                row-gap: calc(var(--spacing-unit)*1)
            }
            .lg\:p-2 {
                padding: calc(var(--spacing-unit)*2)
            }
            .lg\:px-2 {
                padding-inline: calc(var(--spacing-unit)*2)
            }
            .lg\:py-2 {
                padding-block: calc(var(--spacing-unit)*2)
            }
            .lg\:pt-2 {
                padding-top: calc(var(--spacing-unit)*2)
            }
            .lg\:pb-2 {
                padding-bottom: calc(var(--spacing-unit)*2)
            }
            .lg\:m-2 {
                margin: calc(var(--spacing-unit)*2)
            }
            .lg\:mx-2 {
                margin-inline: calc(var(--spacing-unit)*2)
            }
            .lg\:my-2 {
                margin-block: calc(var(--spacing-unit)*2)
            }
            .lg\:mt-2 {
                margin-top: calc(var(--spacing-unit)*2)
            }
            .lg\:mb-2 {
                margin-bottom: calc(var(--spacing-unit)*2)
            }
            .lg\:gap-2 {
                gap: calc(var(--spacing-unit)*2)
            }
            .lg\:gap-x-2 {
                column-gap: calc(var(--spacing-unit)*2)
            }
            .lg\:gap-y-2 {
                row-gap: calc(var(--spacing-unit)*2)
            }
            .lg\:p-3 {
                padding: calc(var(--spacing-unit)*3)
            }
            .lg\:px-3 {
                padding-inline: calc(var(--spacing-unit)*3)
            }
            .lg\:py-3 {
                padding-block: calc(var(--spacing-unit)*3)
            }
            .lg\:pt-3 {
                padding-top: calc(var(--spacing-unit)*3)
            }
            .lg\:pb-3 {
                padding-bottom: calc(var(--spacing-unit)*3)
            }
            .lg\:m-3 {
                margin: calc(var(--spacing-unit)*3)
            }
            .lg\:mx-3 {
                margin-inline: calc(var(--spacing-unit)*3)
            }
            .lg\:my-3 {
                margin-block: calc(var(--spacing-unit)*3)
            }
            .lg\:mt-3 {
                margin-top: calc(var(--spacing-unit)*3)
            }
            .lg\:mb-3 {
                margin-bottom: calc(var(--spacing-unit)*3)
            }
            .lg\:gap-3 {
                gap: calc(var(--spacing-unit)*3)
            }
            .lg\:gap-x-3 {
                column-gap: calc(var(--spacing-unit)*3)
            }
            .lg\:gap-y-3 {
                row-gap: calc(var(--spacing-unit)*3)
            }
            .lg\:p-4 {
                padding: calc(var(--spacing-unit)*4)
            }
            .lg\:px-4 {
                padding-inline: calc(var(--spacing-unit)*4)
            }
            .lg\:py-4 {
                padding-block: calc(var(--spacing-unit)*4)
            }
            .lg\:pt-4 {
                padding-top: calc(var(--spacing-unit)*4)
            }
            .lg\:pb-4 {
                padding-bottom: calc(var(--spacing-unit)*4)
            }
            .lg\:m-4 {
                margin: calc(var(--spacing-unit)*4)
            }
            .lg\:mx-4 {
                margin-inline: calc(var(--spacing-unit)*4)
            }
            .lg\:my-4 {
                margin-block: calc(var(--spacing-unit)*4)
            }
            .lg\:mt-4 {
                margin-top: calc(var(--spacing-unit)*4)
            }
            .lg\:mb-4 {
                margin-bottom: calc(var(--spacing-unit)*4)
            }
            .lg\:gap-4 {
                gap: calc(var(--spacing-unit)*4)
            }
            .lg\:gap-x-4 {
                column-gap: calc(var(--spacing-unit)*4)
            }
            .lg\:gap-y-4 {
                row-gap: calc(var(--spacing-unit)*4)
            }
            .lg\:p-5 {
                padding: calc(var(--spacing-unit)*5)
            }
            .lg\:px-5 {
                padding-inline: calc(var(--spacing-unit)*5)
            }
            .lg\:py-5 {
                padding-block: calc(var(--spacing-unit)*5)
            }
            .lg\:pt-5 {
                padding-top: calc(var(--spacing-unit)*5)
            }
            .lg\:pb-5 {
                padding-bottom: calc(var(--spacing-unit)*5)
            }
            .lg\:m-5 {
                margin: calc(var(--spacing-unit)*5)
            }
            .lg\:mx-5 {
                margin-inline: calc(var(--spacing-unit)*5)
            }
            .lg\:my-5 {
                margin-block: calc(var(--spacing-unit)*5)
            }
            .lg\:mt-5 {
                margin-top: calc(var(--spacing-unit)*5)
            }
            .lg\:mb-5 {
                margin-bottom: calc(var(--spacing-unit)*5)
            }
            .lg\:gap-5 {
                gap: calc(var(--spacing-unit)*5)
            }
            .lg\:gap-x-5 {
                column-gap: calc(var(--spacing-unit)*5)
            }
            .lg\:gap-y-5 {
                row-gap: calc(var(--spacing-unit)*5)
            }
            .lg\:p-6 {
                padding: calc(var(--spacing-unit)*6)
            }
            .lg\:px-6 {
                padding-inline: calc(var(--spacing-unit)*6)
            }
            .lg\:py-6 {
                padding-block: calc(var(--spacing-unit)*6)
            }
            .lg\:pt-6 {
                padding-top: calc(var(--spacing-unit)*6)
            }
            .lg\:pb-6 {
                padding-bottom: calc(var(--spacing-unit)*6)
            }
            .lg\:m-6 {
                margin: calc(var(--spacing-unit)*6)
            }
            .lg\:mx-6 {
                margin-inline: calc(var(--spacing-unit)*6)
            }
            .lg\:my-6 {
                margin-block: calc(var(--spacing-unit)*6)
            }
            .lg\:mt-6 {
                margin-top: calc(var(--spacing-unit)*6)
            }
            .lg\:mb-6 {
                margin-bottom: calc(var(--spacing-unit)*6)
            }
            .lg\:gap-6 {
                gap: calc(var(--spacing-unit)*6)
            }
            .lg\:gap-x-6 {
                column-gap: calc(var(--spacing-unit)*6)
            }
            .lg\:gap-y-6 {
                row-gap: calc(var(--spacing-unit)*6)
            }
            .lg\:p-7 {
                padding: calc(var(--spacing-unit)*7)
            }
            .lg\:px-7 {
                padding-inline: calc(var(--spacing-unit)*7)
            }
            .lg\:py-7 {
                padding-block: calc(var(--spacing-unit)*7)
            }
            .lg\:pt-7 {
                padding-top: calc(var(--spacing-unit)*7)
            }
            .lg\:pb-7 {
                padding-bottom: calc(var(--spacing-unit)*7)
            }
            .lg\:m-7 {
                margin: calc(var(--spacing-unit)*7)
            }
            .lg\:mx-7 {
                margin-inline: calc(var(--spacing-unit)*7)
            }
            .lg\:my-7 {
                margin-block: calc(var(--spacing-unit)*7)
            }
            .lg\:mt-7 {
                margin-top: calc(var(--spacing-unit)*7)
            }
            .lg\:mb-7 {
                margin-bottom: calc(var(--spacing-unit)*7)
            }
            .lg\:gap-7 {
                gap: calc(var(--spacing-unit)*7)
            }
            .lg\:gap-x-7 {
                column-gap: calc(var(--spacing-unit)*7)
            }
            .lg\:gap-y-7 {
                row-gap: calc(var(--spacing-unit)*7)
            }
            .lg\:p-8 {
                padding: calc(var(--spacing-unit)*8)
            }
            .lg\:px-8 {
                padding-inline: calc(var(--spacing-unit)*8)
            }
            .lg\:py-8 {
                padding-block: calc(var(--spacing-unit)*8)
            }
            .lg\:pt-8 {
                padding-top: calc(var(--spacing-unit)*8)
            }
            .lg\:pb-8 {
                padding-bottom: calc(var(--spacing-unit)*8)
            }
            .lg\:m-8 {
                margin: calc(var(--spacing-unit)*8)
            }
            .lg\:mx-8 {
                margin-inline: calc(var(--spacing-unit)*8)
            }
            .lg\:my-8 {
                margin-block: calc(var(--spacing-unit)*8)
            }
            .lg\:mt-8 {
                margin-top: calc(var(--spacing-unit)*8)
            }
            .lg\:mb-8 {
                margin-bottom: calc(var(--spacing-unit)*8)
            }
            .lg\:gap-8 {
                gap: calc(var(--spacing-unit)*8)
            }
            .lg\:gap-x-8 {
                column-gap: calc(var(--spacing-unit)*8)
            }
            .lg\:gap-y-8 {
                row-gap: calc(var(--spacing-unit)*8)
            }
            .lg\:p-9 {
                padding: calc(var(--spacing-unit)*9)
            }
            .lg\:px-9 {
                padding-inline: calc(var(--spacing-unit)*9)
            }
            .lg\:py-9 {
                padding-block: calc(var(--spacing-unit)*9)
            }
            .lg\:pt-9 {
                padding-top: calc(var(--spacing-unit)*9)
            }
            .lg\:pb-9 {
                padding-bottom: calc(var(--spacing-unit)*9)
            }
            .lg\:m-9 {
                margin: calc(var(--spacing-unit)*9)
            }
            .lg\:mx-9 {
                margin-inline: calc(var(--spacing-unit)*9)
            }
            .lg\:my-9 {
                margin-block: calc(var(--spacing-unit)*9)
            }
            .lg\:mt-9 {
                margin-top: calc(var(--spacing-unit)*9)
            }
            .lg\:mb-9 {
                margin-bottom: calc(var(--spacing-unit)*9)
            }
            .lg\:gap-9 {
                gap: calc(var(--spacing-unit)*9)
            }
            .lg\:gap-x-9 {
                column-gap: calc(var(--spacing-unit)*9)
            }
            .lg\:gap-y-9 {
                row-gap: calc(var(--spacing-unit)*9)
            }
            .lg\:p-10 {
                padding: calc(var(--spacing-unit)*10)
            }
            .lg\:px-10 {
                padding-inline: calc(var(--spacing-unit)*10)
            }
            .lg\:py-10 {
                padding-block: calc(var(--spacing-unit)*10)
            }
            .lg\:pt-10 {
                padding-top: calc(var(--spacing-unit)*10)
            }
            .lg\:pb-10 {
                padding-bottom: calc(var(--spacing-unit)*10)
            }
            .lg\:m-10 {
                margin: calc(var(--spacing-unit)*10)
            }
            .lg\:mx-10 {
                margin-inline: calc(var(--spacing-unit)*10)
            }
            .lg\:my-10 {
                margin-block: calc(var(--spacing-unit)*10)
            }
            .lg\:mt-10 {
                margin-top: calc(var(--spacing-unit)*10)
            }
            .lg\:mb-10 {
                margin-bottom: calc(var(--spacing-unit)*10)
            }
            .lg\:gap-10 {
                gap: calc(var(--spacing-unit)*10)
            }
            .lg\:gap-x-10 {
                column-gap: calc(var(--spacing-unit)*10)
            }
            .lg\:gap-y-10 {
                row-gap: calc(var(--spacing-unit)*10)
            }
            .lg\:p-11 {
                padding: calc(var(--spacing-unit)*11)
            }
            .lg\:px-11 {
                padding-inline: calc(var(--spacing-unit)*11)
            }
            .lg\:py-11 {
                padding-block: calc(var(--spacing-unit)*11)
            }
            .lg\:pt-11 {
                padding-top: calc(var(--spacing-unit)*11)
            }
            .lg\:pb-11 {
                padding-bottom: calc(var(--spacing-unit)*11)
            }
            .lg\:m-11 {
                margin: calc(var(--spacing-unit)*11)
            }
            .lg\:mx-11 {
                margin-inline: calc(var(--spacing-unit)*11)
            }
            .lg\:my-11 {
                margin-block: calc(var(--spacing-unit)*11)
            }
            .lg\:mt-11 {
                margin-top: calc(var(--spacing-unit)*11)
            }
            .lg\:mb-11 {
                margin-bottom: calc(var(--spacing-unit)*11)
            }
            .lg\:gap-11 {
                gap: calc(var(--spacing-unit)*11)
            }
            .lg\:gap-x-11 {
                column-gap: calc(var(--spacing-unit)*11)
            }
            .lg\:gap-y-11 {
                row-gap: calc(var(--spacing-unit)*11)
            }
            .lg\:p-12 {
                padding: calc(var(--spacing-unit)*12)
            }
            .lg\:px-12 {
                padding-inline: calc(var(--spacing-unit)*12)
            }
            .lg\:py-12 {
                padding-block: calc(var(--spacing-unit)*12)
            }
            .lg\:pt-12 {
                padding-top: calc(var(--spacing-unit)*12)
            }
            .lg\:pb-12 {
                padding-bottom: calc(var(--spacing-unit)*12)
            }
            .lg\:m-12 {
                margin: calc(var(--spacing-unit)*12)
            }
            .lg\:mx-12 {
                margin-inline: calc(var(--spacing-unit)*12)
            }
            .lg\:my-12 {
                margin-block: calc(var(--spacing-unit)*12)
            }
            .lg\:mt-12 {
                margin-top: calc(var(--spacing-unit)*12)
            }
            .lg\:mb-12 {
                margin-bottom: calc(var(--spacing-unit)*12)
            }
            .lg\:gap-12 {
                gap: calc(var(--spacing-unit)*12)
            }
            .lg\:gap-x-12 {
                column-gap: calc(var(--spacing-unit)*12)
            }
            .lg\:gap-y-12 {
                row-gap: calc(var(--spacing-unit)*12)
            }
            .lg\:p-13 {
                padding: calc(var(--spacing-unit)*13)
            }
            .lg\:px-13 {
                padding-inline: calc(var(--spacing-unit)*13)
            }
            .lg\:py-13 {
                padding-block: calc(var(--spacing-unit)*13)
            }
            .lg\:pt-13 {
                padding-top: calc(var(--spacing-unit)*13)
            }
            .lg\:pb-13 {
                padding-bottom: calc(var(--spacing-unit)*13)
            }
            .lg\:m-13 {
                margin: calc(var(--spacing-unit)*13)
            }
            .lg\:mx-13 {
                margin-inline: calc(var(--spacing-unit)*13)
            }
            .lg\:my-13 {
                margin-block: calc(var(--spacing-unit)*13)
            }
            .lg\:mt-13 {
                margin-top: calc(var(--spacing-unit)*13)
            }
            .lg\:mb-13 {
                margin-bottom: calc(var(--spacing-unit)*13)
            }
            .lg\:gap-13 {
                gap: calc(var(--spacing-unit)*13)
            }
            .lg\:gap-x-13 {
                column-gap: calc(var(--spacing-unit)*13)
            }
            .lg\:gap-y-13 {
                row-gap: calc(var(--spacing-unit)*13)
            }
            .lg\:p-2px {
                padding: 2px
            }
            .lg\:px-2px {
                padding-inline: 2px
            }
            .lg\:py-2px {
                padding-block: 2px
            }
            .lg\:pt-2px {
                padding-top: 2px
            }
            .lg\:pb-2px {
                padding-bottom: 2px
            }
            .lg\:m-2px {
                margin: 2px
            }
            .lg\:mx-2px {
                margin-inline: 2px
            }
            .lg\:my-2px {
                margin-block: 2px
            }
            .lg\:mt-2px {
                margin-top: 2px
            }
            .lg\:mb-2px {
                margin-bottom: 2px
            }
            .lg\:gap-2px {
                gap: 2px
            }
            .lg\:gap-x-2px {
                column-gap: 2px
            }
            .lg\:gap-y-2px {
                row-gap: 2px
            }
            .lg\:p-4px {
                padding: 4px
            }
            .lg\:px-4px {
                padding-inline: 4px
            }
            .lg\:py-4px {
                padding-block: 4px
            }
            .lg\:pt-4px {
                padding-top: 4px
            }
            .lg\:pb-4px {
                padding-bottom: 4px
            }
            .lg\:m-4px {
                margin: 4px
            }
            .lg\:mx-4px {
                margin-inline: 4px
            }
            .lg\:my-4px {
                margin-block: 4px
            }
            .lg\:mt-4px {
                margin-top: 4px
            }
            .lg\:mb-4px {
                margin-bottom: 4px
            }
            .lg\:gap-4px {
                gap: 4px
            }
            .lg\:gap-x-4px {
                column-gap: 4px
            }
            .lg\:gap-y-4px {
                row-gap: 4px
            }
            .lg\:p-8px {
                padding: 8px
            }
            .lg\:px-8px {
                padding-inline: 8px
            }
            .lg\:py-8px {
                padding-block: 8px
            }
            .lg\:pt-8px {
                padding-top: 8px
            }
            .lg\:pb-8px {
                padding-bottom: 8px
            }
            .lg\:m-8px {
                margin: 8px
            }
            .lg\:mx-8px {
                margin-inline: 8px
            }
            .lg\:my-8px {
                margin-block: 8px
            }
            .lg\:mt-8px {
                margin-top: 8px
            }
            .lg\:mb-8px {
                margin-bottom: 8px
            }
            .lg\:gap-8px {
                gap: 8px
            }
            .lg\:gap-x-8px {
                column-gap: 8px
            }
            .lg\:gap-y-8px {
                row-gap: 8px
            }
            .lg\:p-9px {
                padding: 9px
            }
            .lg\:px-9px {
                padding-inline: 9px
            }
            .lg\:py-9px {
                padding-block: 9px
            }
            .lg\:pt-9px {
                padding-top: 9px
            }
            .lg\:pb-9px {
                padding-bottom: 9px
            }
            .lg\:m-9px {
                margin: 9px
            }
            .lg\:mx-9px {
                margin-inline: 9px
            }
            .lg\:my-9px {
                margin-block: 9px
            }
            .lg\:mt-9px {
                margin-top: 9px
            }
            .lg\:mb-9px {
                margin-bottom: 9px
            }
            .lg\:gap-9px {
                gap: 9px
            }
            .lg\:gap-x-9px {
                column-gap: 9px
            }
            .lg\:gap-y-9px {
                row-gap: 9px
            }
            .lg\:p-10px {
                padding: 10px
            }
            .lg\:px-10px {
                padding-inline: 10px
            }
            .lg\:py-10px {
                padding-block: 10px
            }
            .lg\:pt-10px {
                padding-top: 10px
            }
            .lg\:pb-10px {
                padding-bottom: 10px
            }
            .lg\:m-10px {
                margin: 10px
            }
            .lg\:mx-10px {
                margin-inline: 10px
            }
            .lg\:my-10px {
                margin-block: 10px
            }
            .lg\:mt-10px {
                margin-top: 10px
            }
            .lg\:mb-10px {
                margin-bottom: 10px
            }
            .lg\:gap-10px {
                gap: 10px
            }
            .lg\:gap-x-10px {
                column-gap: 10px
            }
            .lg\:gap-y-10px {
                row-gap: 10px
            }
            .lg\:p-11px {
                padding: 11px
            }
            .lg\:px-11px {
                padding-inline: 11px
            }
            .lg\:py-11px {
                padding-block: 11px
            }
            .lg\:pt-11px {
                padding-top: 11px
            }
            .lg\:pb-11px {
                padding-bottom: 11px
            }
            .lg\:m-11px {
                margin: 11px
            }
            .lg\:mx-11px {
                margin-inline: 11px
            }
            .lg\:my-11px {
                margin-block: 11px
            }
            .lg\:mt-11px {
                margin-top: 11px
            }
            .lg\:mb-11px {
                margin-bottom: 11px
            }
            .lg\:gap-11px {
                gap: 11px
            }
            .lg\:gap-x-11px {
                column-gap: 11px
            }
            .lg\:gap-y-11px {
                row-gap: 11px
            }
            .lg\:p-14px {
                padding: 14px
            }
            .lg\:px-14px {
                padding-inline: 14px
            }
            .lg\:py-14px {
                padding-block: 14px
            }
            .lg\:pt-14px {
                padding-top: 14px
            }
            .lg\:pb-14px {
                padding-bottom: 14px
            }
            .lg\:m-14px {
                margin: 14px
            }
            .lg\:mx-14px {
                margin-inline: 14px
            }
            .lg\:my-14px {
                margin-block: 14px
            }
            .lg\:mt-14px {
                margin-top: 14px
            }
            .lg\:mb-14px {
                margin-bottom: 14px
            }
            .lg\:gap-14px {
                gap: 14px
            }
            .lg\:gap-x-14px {
                column-gap: 14px
            }
            .lg\:gap-y-14px {
                row-gap: 14px
            }
            .lg\:p-16px {
                padding: 16px
            }
            .lg\:px-16px {
                padding-inline: 16px
            }
            .lg\:py-16px {
                padding-block: 16px
            }
            .lg\:pt-16px {
                padding-top: 16px
            }
            .lg\:pb-16px {
                padding-bottom: 16px
            }
            .lg\:m-16px {
                margin: 16px
            }
            .lg\:mx-16px {
                margin-inline: 16px
            }
            .lg\:my-16px {
                margin-block: 16px
            }
            .lg\:mt-16px {
                margin-top: 16px
            }
            .lg\:mb-16px {
                margin-bottom: 16px
            }
            .lg\:gap-16px {
                gap: 16px
            }
            .lg\:gap-x-16px {
                column-gap: 16px
            }
            .lg\:gap-y-16px {
                row-gap: 16px
            }
            .lg\:p-20px {
                padding: 20px
            }
            .lg\:px-20px {
                padding-inline: 20px
            }
            .lg\:py-20px {
                padding-block: 20px
            }
            .lg\:pt-20px {
                padding-top: 20px
            }
            .lg\:pb-20px {
                padding-bottom: 20px
            }
            .lg\:m-20px {
                margin: 20px
            }
            .lg\:mx-20px {
                margin-inline: 20px
            }
            .lg\:my-20px {
                margin-block: 20px
            }
            .lg\:mt-20px {
                margin-top: 20px
            }
            .lg\:mb-20px {
                margin-bottom: 20px
            }
            .lg\:gap-20px {
                gap: 20px
            }
            .lg\:gap-x-20px {
                column-gap: 20px
            }
            .lg\:gap-y-20px {
                row-gap: 20px
            }
            .lg\:p-22px {
                padding: 22px
            }
            .lg\:px-22px {
                padding-inline: 22px
            }
            .lg\:py-22px {
                padding-block: 22px
            }
            .lg\:pt-22px {
                padding-top: 22px
            }
            .lg\:pb-22px {
                padding-bottom: 22px
            }
            .lg\:m-22px {
                margin: 22px
            }
            .lg\:mx-22px {
                margin-inline: 22px
            }
            .lg\:my-22px {
                margin-block: 22px
            }
            .lg\:mt-22px {
                margin-top: 22px
            }
            .lg\:mb-22px {
                margin-bottom: 22px
            }
            .lg\:gap-22px {
                gap: 22px
            }
            .lg\:gap-x-22px {
                column-gap: 22px
            }
            .lg\:gap-y-22px {
                row-gap: 22px
            }
            .lg\:p-28px {
                padding: 28px
            }
            .lg\:px-28px {
                padding-inline: 28px
            }
            .lg\:py-28px {
                padding-block: 28px
            }
            .lg\:pt-28px {
                padding-top: 28px
            }
            .lg\:pb-28px {
                padding-bottom: 28px
            }
            .lg\:m-28px {
                margin: 28px
            }
            .lg\:mx-28px {
                margin-inline: 28px
            }
            .lg\:my-28px {
                margin-block: 28px
            }
            .lg\:mt-28px {
                margin-top: 28px
            }
            .lg\:mb-28px {
                margin-bottom: 28px
            }
            .lg\:gap-28px {
                gap: 28px
            }
            .lg\:gap-x-28px {
                column-gap: 28px
            }
            .lg\:gap-y-28px {
                row-gap: 28px
            }
            .lg\:p-32px {
                padding: 32px
            }
            .lg\:px-32px {
                padding-inline: 32px
            }
            .lg\:py-32px {
                padding-block: 32px
            }
            .lg\:pt-32px {
                padding-top: 32px
            }
            .lg\:pb-32px {
                padding-bottom: 32px
            }
            .lg\:m-32px {
                margin: 32px
            }
            .lg\:mx-32px {
                margin-inline: 32px
            }
            .lg\:my-32px {
                margin-block: 32px
            }
            .lg\:mt-32px {
                margin-top: 32px
            }
            .lg\:mb-32px {
                margin-bottom: 32px
            }
            .lg\:gap-32px {
                gap: 32px
            }
            .lg\:gap-x-32px {
                column-gap: 32px
            }
            .lg\:gap-y-32px {
                row-gap: 32px
            }
            .lg\:p-40px {
                padding: 40px
            }
            .lg\:px-40px {
                padding-inline: 40px
            }
            .lg\:py-40px {
                padding-block: 40px
            }
            .lg\:pt-40px {
                padding-top: 40px
            }
            .lg\:pb-40px {
                padding-bottom: 40px
            }
            .lg\:m-40px {
                margin: 40px
            }
            .lg\:mx-40px {
                margin-inline: 40px
            }
            .lg\:my-40px {
                margin-block: 40px
            }
            .lg\:mt-40px {
                margin-top: 40px
            }
            .lg\:mb-40px {
                margin-bottom: 40px
            }
            .lg\:gap-40px {
                gap: 40px
            }
            .lg\:gap-x-40px {
                column-gap: 40px
            }
            .lg\:gap-y-40px {
                row-gap: 40px
            }
            .lg\:p-45px {
                padding: 45px
            }
            .lg\:px-45px {
                padding-inline: 45px
            }
            .lg\:py-45px {
                padding-block: 45px
            }
            .lg\:pt-45px {
                padding-top: 45px
            }
            .lg\:pb-45px {
                padding-bottom: 45px
            }
            .lg\:m-45px {
                margin: 45px
            }
            .lg\:mx-45px {
                margin-inline: 45px
            }
            .lg\:my-45px {
                margin-block: 45px
            }
            .lg\:mt-45px {
                margin-top: 45px
            }
            .lg\:mb-45px {
                margin-bottom: 45px
            }
            .lg\:gap-45px {
                gap: 45px
            }
            .lg\:gap-x-45px {
                column-gap: 45px
            }
            .lg\:gap-y-45px {
                row-gap: 45px
            }
            .lg\:p-50px {
                padding: 50px
            }
            .lg\:px-50px {
                padding-inline: 50px
            }
            .lg\:py-50px {
                padding-block: 50px
            }
            .lg\:pt-50px {
                padding-top: 50px
            }
            .lg\:pb-50px {
                padding-bottom: 50px
            }
            .lg\:m-50px {
                margin: 50px
            }
            .lg\:mx-50px {
                margin-inline: 50px
            }
            .lg\:my-50px {
                margin-block: 50px
            }
            .lg\:mt-50px {
                margin-top: 50px
            }
            .lg\:mb-50px {
                margin-bottom: 50px
            }
            .lg\:gap-50px {
                gap: 50px
            }
            .lg\:gap-x-50px {
                column-gap: 50px
            }
            .lg\:gap-y-50px {
                row-gap: 50px
            }
        }

        @media(min-width: 1280px) {
            .xl\:p-0 {
                padding: calc(var(--spacing-unit)*0)
            }
            .xl\:px-0 {
                padding-inline: calc(var(--spacing-unit)*0)
            }
            .xl\:py-0 {
                padding-block: calc(var(--spacing-unit)*0)
            }
            .xl\:pt-0 {
                padding-top: calc(var(--spacing-unit)*0)
            }
            .xl\:pb-0 {
                padding-bottom: calc(var(--spacing-unit)*0)
            }
            .xl\:m-0 {
                margin: calc(var(--spacing-unit)*0)
            }
            .xl\:mx-0 {
                margin-inline: calc(var(--spacing-unit)*0)
            }
            .xl\:my-0 {
                margin-block: calc(var(--spacing-unit)*0)
            }
            .xl\:mt-0 {
                margin-top: calc(var(--spacing-unit)*0)
            }
            .xl\:mb-0 {
                margin-bottom: calc(var(--spacing-unit)*0)
            }
            .xl\:gap-0 {
                gap: calc(var(--spacing-unit)*0)
            }
            .xl\:gap-x-0 {
                column-gap: calc(var(--spacing-unit)*0)
            }
            .xl\:gap-y-0 {
                row-gap: calc(var(--spacing-unit)*0)
            }
            .xl\:p-1 {
                padding: calc(var(--spacing-unit)*1)
            }
            .xl\:px-1 {
                padding-inline: calc(var(--spacing-unit)*1)
            }
            .xl\:py-1 {
                padding-block: calc(var(--spacing-unit)*1)
            }
            .xl\:pt-1 {
                padding-top: calc(var(--spacing-unit)*1)
            }
            .xl\:pb-1 {
                padding-bottom: calc(var(--spacing-unit)*1)
            }
            .xl\:m-1 {
                margin: calc(var(--spacing-unit)*1)
            }
            .xl\:mx-1 {
                margin-inline: calc(var(--spacing-unit)*1)
            }
            .xl\:my-1 {
                margin-block: calc(var(--spacing-unit)*1)
            }
            .xl\:mt-1 {
                margin-top: calc(var(--spacing-unit)*1)
            }
            .xl\:mb-1 {
                margin-bottom: calc(var(--spacing-unit)*1)
            }
            .xl\:gap-1 {
                gap: calc(var(--spacing-unit)*1)
            }
            .xl\:gap-x-1 {
                column-gap: calc(var(--spacing-unit)*1)
            }
            .xl\:gap-y-1 {
                row-gap: calc(var(--spacing-unit)*1)
            }
            .xl\:p-2 {
                padding: calc(var(--spacing-unit)*2)
            }
            .xl\:px-2 {
                padding-inline: calc(var(--spacing-unit)*2)
            }
            .xl\:py-2 {
                padding-block: calc(var(--spacing-unit)*2)
            }
            .xl\:pt-2 {
                padding-top: calc(var(--spacing-unit)*2)
            }
            .xl\:pb-2 {
                padding-bottom: calc(var(--spacing-unit)*2)
            }
            .xl\:m-2 {
                margin: calc(var(--spacing-unit)*2)
            }
            .xl\:mx-2 {
                margin-inline: calc(var(--spacing-unit)*2)
            }
            .xl\:my-2 {
                margin-block: calc(var(--spacing-unit)*2)
            }
            .xl\:mt-2 {
                margin-top: calc(var(--spacing-unit)*2)
            }
            .xl\:mb-2 {
                margin-bottom: calc(var(--spacing-unit)*2)
            }
            .xl\:gap-2 {
                gap: calc(var(--spacing-unit)*2)
            }
            .xl\:gap-x-2 {
                column-gap: calc(var(--spacing-unit)*2)
            }
            .xl\:gap-y-2 {
                row-gap: calc(var(--spacing-unit)*2)
            }
            .xl\:p-3 {
                padding: calc(var(--spacing-unit)*3)
            }
            .xl\:px-3 {
                padding-inline: calc(var(--spacing-unit)*3)
            }
            .xl\:py-3 {
                padding-block: calc(var(--spacing-unit)*3)
            }
            .xl\:pt-3 {
                padding-top: calc(var(--spacing-unit)*3)
            }
            .xl\:pb-3 {
                padding-bottom: calc(var(--spacing-unit)*3)
            }
            .xl\:m-3 {
                margin: calc(var(--spacing-unit)*3)
            }
            .xl\:mx-3 {
                margin-inline: calc(var(--spacing-unit)*3)
            }
            .xl\:my-3 {
                margin-block: calc(var(--spacing-unit)*3)
            }
            .xl\:mt-3 {
                margin-top: calc(var(--spacing-unit)*3)
            }
            .xl\:mb-3 {
                margin-bottom: calc(var(--spacing-unit)*3)
            }
            .xl\:gap-3 {
                gap: calc(var(--spacing-unit)*3)
            }
            .xl\:gap-x-3 {
                column-gap: calc(var(--spacing-unit)*3)
            }
            .xl\:gap-y-3 {
                row-gap: calc(var(--spacing-unit)*3)
            }
            .xl\:p-4 {
                padding: calc(var(--spacing-unit)*4)
            }
            .xl\:px-4 {
                padding-inline: calc(var(--spacing-unit)*4)
            }
            .xl\:py-4 {
                padding-block: calc(var(--spacing-unit)*4)
            }
            .xl\:pt-4 {
                padding-top: calc(var(--spacing-unit)*4)
            }
            .xl\:pb-4 {
                padding-bottom: calc(var(--spacing-unit)*4)
            }
            .xl\:m-4 {
                margin: calc(var(--spacing-unit)*4)
            }
            .xl\:mx-4 {
                margin-inline: calc(var(--spacing-unit)*4)
            }
            .xl\:my-4 {
                margin-block: calc(var(--spacing-unit)*4)
            }
            .xl\:mt-4 {
                margin-top: calc(var(--spacing-unit)*4)
            }
            .xl\:mb-4 {
                margin-bottom: calc(var(--spacing-unit)*4)
            }
            .xl\:gap-4 {
                gap: calc(var(--spacing-unit)*4)
            }
            .xl\:gap-x-4 {
                column-gap: calc(var(--spacing-unit)*4)
            }
            .xl\:gap-y-4 {
                row-gap: calc(var(--spacing-unit)*4)
            }
            .xl\:p-5 {
                padding: calc(var(--spacing-unit)*5)
            }
            .xl\:px-5 {
                padding-inline: calc(var(--spacing-unit)*5)
            }
            .xl\:py-5 {
                padding-block: calc(var(--spacing-unit)*5)
            }
            .xl\:pt-5 {
                padding-top: calc(var(--spacing-unit)*5)
            }
            .xl\:pb-5 {
                padding-bottom: calc(var(--spacing-unit)*5)
            }
            .xl\:m-5 {
                margin: calc(var(--spacing-unit)*5)
            }
            .xl\:mx-5 {
                margin-inline: calc(var(--spacing-unit)*5)
            }
            .xl\:my-5 {
                margin-block: calc(var(--spacing-unit)*5)
            }
            .xl\:mt-5 {
                margin-top: calc(var(--spacing-unit)*5)
            }
            .xl\:mb-5 {
                margin-bottom: calc(var(--spacing-unit)*5)
            }
            .xl\:gap-5 {
                gap: calc(var(--spacing-unit)*5)
            }
            .xl\:gap-x-5 {
                column-gap: calc(var(--spacing-unit)*5)
            }
            .xl\:gap-y-5 {
                row-gap: calc(var(--spacing-unit)*5)
            }
            .xl\:p-6 {
                padding: calc(var(--spacing-unit)*6)
            }
            .xl\:px-6 {
                padding-inline: calc(var(--spacing-unit)*6)
            }
            .xl\:py-6 {
                padding-block: calc(var(--spacing-unit)*6)
            }
            .xl\:pt-6 {
                padding-top: calc(var(--spacing-unit)*6)
            }
            .xl\:pb-6 {
                padding-bottom: calc(var(--spacing-unit)*6)
            }
            .xl\:m-6 {
                margin: calc(var(--spacing-unit)*6)
            }
            .xl\:mx-6 {
                margin-inline: calc(var(--spacing-unit)*6)
            }
            .xl\:my-6 {
                margin-block: calc(var(--spacing-unit)*6)
            }
            .xl\:mt-6 {
                margin-top: calc(var(--spacing-unit)*6)
            }
            .xl\:mb-6 {
                margin-bottom: calc(var(--spacing-unit)*6)
            }
            .xl\:gap-6 {
                gap: calc(var(--spacing-unit)*6)
            }
            .xl\:gap-x-6 {
                column-gap: calc(var(--spacing-unit)*6)
            }
            .xl\:gap-y-6 {
                row-gap: calc(var(--spacing-unit)*6)
            }
            .xl\:p-7 {
                padding: calc(var(--spacing-unit)*7)
            }
            .xl\:px-7 {
                padding-inline: calc(var(--spacing-unit)*7)
            }
            .xl\:py-7 {
                padding-block: calc(var(--spacing-unit)*7)
            }
            .xl\:pt-7 {
                padding-top: calc(var(--spacing-unit)*7)
            }
            .xl\:pb-7 {
                padding-bottom: calc(var(--spacing-unit)*7)
            }
            .xl\:m-7 {
                margin: calc(var(--spacing-unit)*7)
            }
            .xl\:mx-7 {
                margin-inline: calc(var(--spacing-unit)*7)
            }
            .xl\:my-7 {
                margin-block: calc(var(--spacing-unit)*7)
            }
            .xl\:mt-7 {
                margin-top: calc(var(--spacing-unit)*7)
            }
            .xl\:mb-7 {
                margin-bottom: calc(var(--spacing-unit)*7)
            }
            .xl\:gap-7 {
                gap: calc(var(--spacing-unit)*7)
            }
            .xl\:gap-x-7 {
                column-gap: calc(var(--spacing-unit)*7)
            }
            .xl\:gap-y-7 {
                row-gap: calc(var(--spacing-unit)*7)
            }
            .xl\:p-8 {
                padding: calc(var(--spacing-unit)*8)
            }
            .xl\:px-8 {
                padding-inline: calc(var(--spacing-unit)*8)
            }
            .xl\:py-8 {
                padding-block: calc(var(--spacing-unit)*8)
            }
            .xl\:pt-8 {
                padding-top: calc(var(--spacing-unit)*8)
            }
            .xl\:pb-8 {
                padding-bottom: calc(var(--spacing-unit)*8)
            }
            .xl\:m-8 {
                margin: calc(var(--spacing-unit)*8)
            }
            .xl\:mx-8 {
                margin-inline: calc(var(--spacing-unit)*8)
            }
            .xl\:my-8 {
                margin-block: calc(var(--spacing-unit)*8)
            }
            .xl\:mt-8 {
                margin-top: calc(var(--spacing-unit)*8)
            }
            .xl\:mb-8 {
                margin-bottom: calc(var(--spacing-unit)*8)
            }
            .xl\:gap-8 {
                gap: calc(var(--spacing-unit)*8)
            }
            .xl\:gap-x-8 {
                column-gap: calc(var(--spacing-unit)*8)
            }
            .xl\:gap-y-8 {
                row-gap: calc(var(--spacing-unit)*8)
            }
            .xl\:p-9 {
                padding: calc(var(--spacing-unit)*9)
            }
            .xl\:px-9 {
                padding-inline: calc(var(--spacing-unit)*9)
            }
            .xl\:py-9 {
                padding-block: calc(var(--spacing-unit)*9)
            }
            .xl\:pt-9 {
                padding-top: calc(var(--spacing-unit)*9)
            }
            .xl\:pb-9 {
                padding-bottom: calc(var(--spacing-unit)*9)
            }
            .xl\:m-9 {
                margin: calc(var(--spacing-unit)*9)
            }
            .xl\:mx-9 {
                margin-inline: calc(var(--spacing-unit)*9)
            }
            .xl\:my-9 {
                margin-block: calc(var(--spacing-unit)*9)
            }
            .xl\:mt-9 {
                margin-top: calc(var(--spacing-unit)*9)
            }
            .xl\:mb-9 {
                margin-bottom: calc(var(--spacing-unit)*9)
            }
            .xl\:gap-9 {
                gap: calc(var(--spacing-unit)*9)
            }
            .xl\:gap-x-9 {
                column-gap: calc(var(--spacing-unit)*9)
            }
            .xl\:gap-y-9 {
                row-gap: calc(var(--spacing-unit)*9)
            }
            .xl\:p-10 {
                padding: calc(var(--spacing-unit)*10)
            }
            .xl\:px-10 {
                padding-inline: calc(var(--spacing-unit)*10)
            }
            .xl\:py-10 {
                padding-block: calc(var(--spacing-unit)*10)
            }
            .xl\:pt-10 {
                padding-top: calc(var(--spacing-unit)*10)
            }
            .xl\:pb-10 {
                padding-bottom: calc(var(--spacing-unit)*10)
            }
            .xl\:m-10 {
                margin: calc(var(--spacing-unit)*10)
            }
            .xl\:mx-10 {
                margin-inline: calc(var(--spacing-unit)*10)
            }
            .xl\:my-10 {
                margin-block: calc(var(--spacing-unit)*10)
            }
            .xl\:mt-10 {
                margin-top: calc(var(--spacing-unit)*10)
            }
            .xl\:mb-10 {
                margin-bottom: calc(var(--spacing-unit)*10)
            }
            .xl\:gap-10 {
                gap: calc(var(--spacing-unit)*10)
            }
            .xl\:gap-x-10 {
                column-gap: calc(var(--spacing-unit)*10)
            }
            .xl\:gap-y-10 {
                row-gap: calc(var(--spacing-unit)*10)
            }
            .xl\:p-11 {
                padding: calc(var(--spacing-unit)*11)
            }
            .xl\:px-11 {
                padding-inline: calc(var(--spacing-unit)*11)
            }
            .xl\:py-11 {
                padding-block: calc(var(--spacing-unit)*11)
            }
            .xl\:pt-11 {
                padding-top: calc(var(--spacing-unit)*11)
            }
            .xl\:pb-11 {
                padding-bottom: calc(var(--spacing-unit)*11)
            }
            .xl\:m-11 {
                margin: calc(var(--spacing-unit)*11)
            }
            .xl\:mx-11 {
                margin-inline: calc(var(--spacing-unit)*11)
            }
            .xl\:my-11 {
                margin-block: calc(var(--spacing-unit)*11)
            }
            .xl\:mt-11 {
                margin-top: calc(var(--spacing-unit)*11)
            }
            .xl\:mb-11 {
                margin-bottom: calc(var(--spacing-unit)*11)
            }
            .xl\:gap-11 {
                gap: calc(var(--spacing-unit)*11)
            }
            .xl\:gap-x-11 {
                column-gap: calc(var(--spacing-unit)*11)
            }
            .xl\:gap-y-11 {
                row-gap: calc(var(--spacing-unit)*11)
            }
            .xl\:p-12 {
                padding: calc(var(--spacing-unit)*12)
            }
            .xl\:px-12 {
                padding-inline: calc(var(--spacing-unit)*12)
            }
            .xl\:py-12 {
                padding-block: calc(var(--spacing-unit)*12)
            }
            .xl\:pt-12 {
                padding-top: calc(var(--spacing-unit)*12)
            }
            .xl\:pb-12 {
                padding-bottom: calc(var(--spacing-unit)*12)
            }
            .xl\:m-12 {
                margin: calc(var(--spacing-unit)*12)
            }
            .xl\:mx-12 {
                margin-inline: calc(var(--spacing-unit)*12)
            }
            .xl\:my-12 {
                margin-block: calc(var(--spacing-unit)*12)
            }
            .xl\:mt-12 {
                margin-top: calc(var(--spacing-unit)*12)
            }
            .xl\:mb-12 {
                margin-bottom: calc(var(--spacing-unit)*12)
            }
            .xl\:gap-12 {
                gap: calc(var(--spacing-unit)*12)
            }
            .xl\:gap-x-12 {
                column-gap: calc(var(--spacing-unit)*12)
            }
            .xl\:gap-y-12 {
                row-gap: calc(var(--spacing-unit)*12)
            }
            .xl\:p-13 {
                padding: calc(var(--spacing-unit)*13)
            }
            .xl\:px-13 {
                padding-inline: calc(var(--spacing-unit)*13)
            }
            .xl\:py-13 {
                padding-block: calc(var(--spacing-unit)*13)
            }
            .xl\:pt-13 {
                padding-top: calc(var(--spacing-unit)*13)
            }
            .xl\:pb-13 {
                padding-bottom: calc(var(--spacing-unit)*13)
            }
            .xl\:m-13 {
                margin: calc(var(--spacing-unit)*13)
            }
            .xl\:mx-13 {
                margin-inline: calc(var(--spacing-unit)*13)
            }
            .xl\:my-13 {
                margin-block: calc(var(--spacing-unit)*13)
            }
            .xl\:mt-13 {
                margin-top: calc(var(--spacing-unit)*13)
            }
            .xl\:mb-13 {
                margin-bottom: calc(var(--spacing-unit)*13)
            }
            .xl\:gap-13 {
                gap: calc(var(--spacing-unit)*13)
            }
            .xl\:gap-x-13 {
                column-gap: calc(var(--spacing-unit)*13)
            }
            .xl\:gap-y-13 {
                row-gap: calc(var(--spacing-unit)*13)
            }
            .xl\:p-2px {
                padding: 2px
            }
            .xl\:px-2px {
                padding-inline: 2px
            }
            .xl\:py-2px {
                padding-block: 2px
            }
            .xl\:pt-2px {
                padding-top: 2px
            }
            .xl\:pb-2px {
                padding-bottom: 2px
            }
            .xl\:m-2px {
                margin: 2px
            }
            .xl\:mx-2px {
                margin-inline: 2px
            }
            .xl\:my-2px {
                margin-block: 2px
            }
            .xl\:mt-2px {
                margin-top: 2px
            }
            .xl\:mb-2px {
                margin-bottom: 2px
            }
            .xl\:gap-2px {
                gap: 2px
            }
            .xl\:gap-x-2px {
                column-gap: 2px
            }
            .xl\:gap-y-2px {
                row-gap: 2px
            }
            .xl\:p-4px {
                padding: 4px
            }
            .xl\:px-4px {
                padding-inline: 4px
            }
            .xl\:py-4px {
                padding-block: 4px
            }
            .xl\:pt-4px {
                padding-top: 4px
            }
            .xl\:pb-4px {
                padding-bottom: 4px
            }
            .xl\:m-4px {
                margin: 4px
            }
            .xl\:mx-4px {
                margin-inline: 4px
            }
            .xl\:my-4px {
                margin-block: 4px
            }
            .xl\:mt-4px {
                margin-top: 4px
            }
            .xl\:mb-4px {
                margin-bottom: 4px
            }
            .xl\:gap-4px {
                gap: 4px
            }
            .xl\:gap-x-4px {
                column-gap: 4px
            }
            .xl\:gap-y-4px {
                row-gap: 4px
            }
            .xl\:p-8px {
                padding: 8px
            }
            .xl\:px-8px {
                padding-inline: 8px
            }
            .xl\:py-8px {
                padding-block: 8px
            }
            .xl\:pt-8px {
                padding-top: 8px
            }
            .xl\:pb-8px {
                padding-bottom: 8px
            }
            .xl\:m-8px {
                margin: 8px
            }
            .xl\:mx-8px {
                margin-inline: 8px
            }
            .xl\:my-8px {
                margin-block: 8px
            }
            .xl\:mt-8px {
                margin-top: 8px
            }
            .xl\:mb-8px {
                margin-bottom: 8px
            }
            .xl\:gap-8px {
                gap: 8px
            }
            .xl\:gap-x-8px {
                column-gap: 8px
            }
            .xl\:gap-y-8px {
                row-gap: 8px
            }
            .xl\:p-9px {
                padding: 9px
            }
            .xl\:px-9px {
                padding-inline: 9px
            }
            .xl\:py-9px {
                padding-block: 9px
            }
            .xl\:pt-9px {
                padding-top: 9px
            }
            .xl\:pb-9px {
                padding-bottom: 9px
            }
            .xl\:m-9px {
                margin: 9px
            }
            .xl\:mx-9px {
                margin-inline: 9px
            }
            .xl\:my-9px {
                margin-block: 9px
            }
            .xl\:mt-9px {
                margin-top: 9px
            }
            .xl\:mb-9px {
                margin-bottom: 9px
            }
            .xl\:gap-9px {
                gap: 9px
            }
            .xl\:gap-x-9px {
                column-gap: 9px
            }
            .xl\:gap-y-9px {
                row-gap: 9px
            }
            .xl\:p-10px {
                padding: 10px
            }
            .xl\:px-10px {
                padding-inline: 10px
            }
            .xl\:py-10px {
                padding-block: 10px
            }
            .xl\:pt-10px {
                padding-top: 10px
            }
            .xl\:pb-10px {
                padding-bottom: 10px
            }
            .xl\:m-10px {
                margin: 10px
            }
            .xl\:mx-10px {
                margin-inline: 10px
            }
            .xl\:my-10px {
                margin-block: 10px
            }
            .xl\:mt-10px {
                margin-top: 10px
            }
            .xl\:mb-10px {
                margin-bottom: 10px
            }
            .xl\:gap-10px {
                gap: 10px
            }
            .xl\:gap-x-10px {
                column-gap: 10px
            }
            .xl\:gap-y-10px {
                row-gap: 10px
            }
            .xl\:p-11px {
                padding: 11px
            }
            .xl\:px-11px {
                padding-inline: 11px
            }
            .xl\:py-11px {
                padding-block: 11px
            }
            .xl\:pt-11px {
                padding-top: 11px
            }
            .xl\:pb-11px {
                padding-bottom: 11px
            }
            .xl\:m-11px {
                margin: 11px
            }
            .xl\:mx-11px {
                margin-inline: 11px
            }
            .xl\:my-11px {
                margin-block: 11px
            }
            .xl\:mt-11px {
                margin-top: 11px
            }
            .xl\:mb-11px {
                margin-bottom: 11px
            }
            .xl\:gap-11px {
                gap: 11px
            }
            .xl\:gap-x-11px {
                column-gap: 11px
            }
            .xl\:gap-y-11px {
                row-gap: 11px
            }
            .xl\:p-14px {
                padding: 14px
            }
            .xl\:px-14px {
                padding-inline: 14px
            }
            .xl\:py-14px {
                padding-block: 14px
            }
            .xl\:pt-14px {
                padding-top: 14px
            }
            .xl\:pb-14px {
                padding-bottom: 14px
            }
            .xl\:m-14px {
                margin: 14px
            }
            .xl\:mx-14px {
                margin-inline: 14px
            }
            .xl\:my-14px {
                margin-block: 14px
            }
            .xl\:mt-14px {
                margin-top: 14px
            }
            .xl\:mb-14px {
                margin-bottom: 14px
            }
            .xl\:gap-14px {
                gap: 14px
            }
            .xl\:gap-x-14px {
                column-gap: 14px
            }
            .xl\:gap-y-14px {
                row-gap: 14px
            }
            .xl\:p-16px {
                padding: 16px
            }
            .xl\:px-16px {
                padding-inline: 16px
            }
            .xl\:py-16px {
                padding-block: 16px
            }
            .xl\:pt-16px {
                padding-top: 16px
            }
            .xl\:pb-16px {
                padding-bottom: 16px
            }
            .xl\:m-16px {
                margin: 16px
            }
            .xl\:mx-16px {
                margin-inline: 16px
            }
            .xl\:my-16px {
                margin-block: 16px
            }
            .xl\:mt-16px {
                margin-top: 16px
            }
            .xl\:mb-16px {
                margin-bottom: 16px
            }
            .xl\:gap-16px {
                gap: 16px
            }
            .xl\:gap-x-16px {
                column-gap: 16px
            }
            .xl\:gap-y-16px {
                row-gap: 16px
            }
            .xl\:p-20px {
                padding: 20px
            }
            .xl\:px-20px {
                padding-inline: 20px
            }
            .xl\:py-20px {
                padding-block: 20px
            }
            .xl\:pt-20px {
                padding-top: 20px
            }
            .xl\:pb-20px {
                padding-bottom: 20px
            }
            .xl\:m-20px {
                margin: 20px
            }
            .xl\:mx-20px {
                margin-inline: 20px
            }
            .xl\:my-20px {
                margin-block: 20px
            }
            .xl\:mt-20px {
                margin-top: 20px
            }
            .xl\:mb-20px {
                margin-bottom: 20px
            }
            .xl\:gap-20px {
                gap: 20px
            }
            .xl\:gap-x-20px {
                column-gap: 20px
            }
            .xl\:gap-y-20px {
                row-gap: 20px
            }
            .xl\:p-22px {
                padding: 22px
            }
            .xl\:px-22px {
                padding-inline: 22px
            }
            .xl\:py-22px {
                padding-block: 22px
            }
            .xl\:pt-22px {
                padding-top: 22px
            }
            .xl\:pb-22px {
                padding-bottom: 22px
            }
            .xl\:m-22px {
                margin: 22px
            }
            .xl\:mx-22px {
                margin-inline: 22px
            }
            .xl\:my-22px {
                margin-block: 22px
            }
            .xl\:mt-22px {
                margin-top: 22px
            }
            .xl\:mb-22px {
                margin-bottom: 22px
            }
            .xl\:gap-22px {
                gap: 22px
            }
            .xl\:gap-x-22px {
                column-gap: 22px
            }
            .xl\:gap-y-22px {
                row-gap: 22px
            }
            .xl\:p-28px {
                padding: 28px
            }
            .xl\:px-28px {
                padding-inline: 28px
            }
            .xl\:py-28px {
                padding-block: 28px
            }
            .xl\:pt-28px {
                padding-top: 28px
            }
            .xl\:pb-28px {
                padding-bottom: 28px
            }
            .xl\:m-28px {
                margin: 28px
            }
            .xl\:mx-28px {
                margin-inline: 28px
            }
            .xl\:my-28px {
                margin-block: 28px
            }
            .xl\:mt-28px {
                margin-top: 28px
            }
            .xl\:mb-28px {
                margin-bottom: 28px
            }
            .xl\:gap-28px {
                gap: 28px
            }
            .xl\:gap-x-28px {
                column-gap: 28px
            }
            .xl\:gap-y-28px {
                row-gap: 28px
            }
            .xl\:p-32px {
                padding: 32px
            }
            .xl\:px-32px {
                padding-inline: 32px
            }
            .xl\:py-32px {
                padding-block: 32px
            }
            .xl\:pt-32px {
                padding-top: 32px
            }
            .xl\:pb-32px {
                padding-bottom: 32px
            }
            .xl\:m-32px {
                margin: 32px
            }
            .xl\:mx-32px {
                margin-inline: 32px
            }
            .xl\:my-32px {
                margin-block: 32px
            }
            .xl\:mt-32px {
                margin-top: 32px
            }
            .xl\:mb-32px {
                margin-bottom: 32px
            }
            .xl\:gap-32px {
                gap: 32px
            }
            .xl\:gap-x-32px {
                column-gap: 32px
            }
            .xl\:gap-y-32px {
                row-gap: 32px
            }
            .xl\:p-40px {
                padding: 40px
            }
            .xl\:px-40px {
                padding-inline: 40px
            }
            .xl\:py-40px {
                padding-block: 40px
            }
            .xl\:pt-40px {
                padding-top: 40px
            }
            .xl\:pb-40px {
                padding-bottom: 40px
            }
            .xl\:m-40px {
                margin: 40px
            }
            .xl\:mx-40px {
                margin-inline: 40px
            }
            .xl\:my-40px {
                margin-block: 40px
            }
            .xl\:mt-40px {
                margin-top: 40px
            }
            .xl\:mb-40px {
                margin-bottom: 40px
            }
            .xl\:gap-40px {
                gap: 40px
            }
            .xl\:gap-x-40px {
                column-gap: 40px
            }
            .xl\:gap-y-40px {
                row-gap: 40px
            }
            .xl\:p-45px {
                padding: 45px
            }
            .xl\:px-45px {
                padding-inline: 45px
            }
            .xl\:py-45px {
                padding-block: 45px
            }
            .xl\:pt-45px {
                padding-top: 45px
            }
            .xl\:pb-45px {
                padding-bottom: 45px
            }
            .xl\:m-45px {
                margin: 45px
            }
            .xl\:mx-45px {
                margin-inline: 45px
            }
            .xl\:my-45px {
                margin-block: 45px
            }
            .xl\:mt-45px {
                margin-top: 45px
            }
            .xl\:mb-45px {
                margin-bottom: 45px
            }
            .xl\:gap-45px {
                gap: 45px
            }
            .xl\:gap-x-45px {
                column-gap: 45px
            }
            .xl\:gap-y-45px {
                row-gap: 45px
            }
            .xl\:p-50px {
                padding: 50px
            }
            .xl\:px-50px {
                padding-inline: 50px
            }
            .xl\:py-50px {
                padding-block: 50px
            }
            .xl\:pt-50px {
                padding-top: 50px
            }
            .xl\:pb-50px {
                padding-bottom: 50px
            }
            .xl\:m-50px {
                margin: 50px
            }
            .xl\:mx-50px {
                margin-inline: 50px
            }
            .xl\:my-50px {
                margin-block: 50px
            }
            .xl\:mt-50px {
                margin-top: 50px
            }
            .xl\:mb-50px {
                margin-bottom: 50px
            }
            .xl\:gap-50px {
                gap: 50px
            }
            .xl\:gap-x-50px {
                column-gap: 50px
            }
            .xl\:gap-y-50px {
                row-gap: 50px
            }
        }

        .w-auto {
            width: auto
        }

        .w-full {
            width: 100%
        }

        .w-screen {
            width: 100vw
        }

        .w-1\/2 {
            width: 50%
        }

        .h-auto {
            height: auto
        }

        .h-full {
            height: 100%
        }

        .h-screen {
            height: calc(100svh - var(--admin-bar-height, 0px))
        }

        .h-screen-custom {
            height: calc(100svh - var(--admin-bar-height, 0px) - var(--custom-height, 100px))
        }

        @media(min-width: 640px) {
            .sm\:w-auto {
                width: auto
            }
            .sm\:w-full {
                width: 100%
            }
            .sm\:w-screen {
                width: 100vw
            }
            .sm\:w-1\/2 {
                width: 50%
            }
            .sm\:h-auto {
                height: auto
            }
            .sm\:h-full {
                height: 100%
            }
            .sm\:h-screen {
                height: calc(100svh - var(--admin-bar-height, 0px))
            }
            .sm\:h-screen-custom {
                height: calc(100svh - var(--admin-bar-height, 0px) - var(--custom-height, 100px))
            }
        }

        @media(min-width: 768px) {
            .md\:w-auto {
                width: auto
            }
            .md\:w-full {
                width: 100%
            }
            .md\:w-screen {
                width: 100vw
            }
            .md\:w-1\/2 {
                width: 50%
            }
            .md\:h-auto {
                height: auto
            }
            .md\:h-full {
                height: 100%
            }
            .md\:h-screen {
                height: calc(100svh - var(--admin-bar-height, 0px))
            }
            .md\:h-screen-custom {
                height: calc(100svh - var(--admin-bar-height, 0px) - var(--custom-height, 100px))
            }
        }

        @media(min-width: 1024px) {
            .lg\:w-auto {
                width: auto
            }
            .lg\:w-full {
                width: 100%
            }
            .lg\:w-screen {
                width: 100vw
            }
            .lg\:w-1\/2 {
                width: 50%
            }
            .lg\:h-auto {
                height: auto
            }
            .lg\:h-full {
                height: 100%
            }
            .lg\:h-screen {
                height: calc(100svh - var(--admin-bar-height, 0px))
            }
            .lg\:h-screen-custom {
                height: calc(100svh - var(--admin-bar-height, 0px) - var(--custom-height, 100px))
            }
        }

        @media(min-width: 1280px) {
            .xl\:w-auto {
                width: auto
            }
            .xl\:w-full {
                width: 100%
            }
            .xl\:w-screen {
                width: 100vw
            }
            .xl\:w-1\/2 {
                width: 50%
            }
            .xl\:h-auto {
                height: auto
            }
            .xl\:h-full {
                height: 100%
            }
            .xl\:h-screen {
                height: calc(100svh - var(--admin-bar-height, 0px))
            }
            .xl\:h-screen-custom {
                height: calc(100svh - var(--admin-bar-height, 0px) - var(--custom-height, 100px))
            }
        }

        .overflow-hidden {
            overflow: hidden
        }

        .overflow-visible {
            overflow: visible
        }

        .overflow-scroll {
            overflow: scroll
        }

        .overflow-auto {
            overflow: auto
        }

        .object-contain {
            object-fit: contain
        }

        .object-cover {
            object-fit: cover
        }

        .object-fill {
            object-fit: fill
        }

        .object-none {
            object-fit: none
        }

        .object-scale-down {
            object-fit: scale-down
        }

        .ratio-image {
            overflow: hidden
        }

        .ratio-image img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .pointer-events-auto {
            pointer-events: auto
        }

        .pointer-events-none {
            pointer-events: none
        }

        .font-sans {
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
        }

        .font-serif {
            font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
        }

        .font-mono {
            font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace
        }

        .font-heading {
            font-family: var(--heading-font)
        }

        .text-display-1,
        :where(.has-text-display-1-font-size) {
            font-size: var(--font-size-display-1);
            font-family: var(--heading-font);
            font-weight: var(--font-weight-semibold);
            line-height: var(--line-height-display-1);
            letter-spacing: var(--letter-spacing-heading)
        }

        .text-display-2,
        :where(.has-text-display-2-font-size) {
            font-size: var(--font-size-display-2);
            font-family: var(--heading-font);
            font-weight: var(--font-weight-semibold);
            line-height: var(--line-height-display-2)
        }

        .text-display-3,
        :where(.has-text-display-3-font-size) {
            font-size: var(--font-size-display-3);
            font-family: var(--heading-font);
            font-weight: var(--font-weight-semibold);
            line-height: var(--line-height-display-3);
            letter-spacing: var(--letter-spacing-heading)
        }

        .text-heading-1,
        :where(.has-text-heading-1-font-size) {
            font-size: var(--font-size-heading-1);
            font-family: var(--heading-font);
            line-height: var(--line-height-heading-1)
        }

        .text-heading-2,
        :where(.has-text-heading-2-font-size) {
            font-size: var(--font-size-heading-2);
            line-height: var(--line-height-heading-2)
        }

        .text-body-1,
        :where(.has-text-body-1-font-size) {
            font-size: var(--font-size-body-1);
            font-family: var(--heading-font);
            font-weight: var(--heading-font-weight);
            line-height: var(--line-height-body-1);
            letter-spacing: var(--letter-spacing-small)
        }

        .text-body-2,
        :where(.has-text-body-2-font-size) {
            font-size: var(--font-size-body-2);
            font-weight: var(--font-weight-medium);
            line-height: var(--line-height-body-2);
            letter-spacing: var(--letter-spacing-normal)
        }

        .text-body-3,
        :where(.has-text-body-3-font-size) {
            font-size: var(--font-size-body-3);
            font-weight: var(--font-weight-regular);
            line-height: var(--line-height-body-3);
            letter-spacing: var(--letter-spacing-small)
        }

        .caption,
        :where(.has-caption-font-size) {
            font-size: var(--font-size-caption);
            line-height: var(--line-height-caption)
        }

        .font-sm {
            font-size: var(--font-size-sm)
        }

        .font-base {
            font-size: var(--font-size-base)
        }

        .font-lg {
            font-size: var(--font-size-lg)
        }

        .font-xl {
            font-size: var(--font-size-xl)
        }

        .font-2xl {
            font-size: var(--font-size-2xl)
        }

        .font-3xl {
            font-size: var(--font-size-3xl)
        }

        .font-4xl {
            font-size: var(--font-size-4xl)
        }

        .font-5xl {
            font-size: var(--font-size-5xl)
        }

        .font-6xl {
            font-size: var(--font-size-6xl)
        }

        .font-7xl {
            font-size: var(--font-size-7xl)
        }

        .font-thin {
            font-weight: 100
        }

        .font-extralight {
            font-weight: 200
        }

        .font-light {
            font-weight: 300
        }

        .font-normal {
            font-weight: 400
        }

        .font-medium {
            font-weight: 500
        }

        .font-semibold {
            font-weight: 600
        }

        .font-bold {
            font-weight: 700
        }

        .font-extrabold {
            font-weight: 800
        }

        .font-black {
            font-weight: 900
        }

        .italic {
            font-style: italic
        }

        .not-italic {
            font-style: normal
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-right {
            text-align: right
        }

        .text-justify {
            text-align: justify
        }

        .uppercase {
            text-transform: uppercase
        }

        .lowercase {
            text-transform: lowercase
        }

        .capitalize {
            text-transform: capitalize
        }

        .normal-case {
            text-transform: none
        }

        .underline {
            text-decoration-line: underline
        }

        .overline {
            text-decoration-line: overline
        }

        .line-through {
            text-decoration-line: line-through
        }

        .no-underline {
            text-decoration-line: none
        }

        .leading-normal {
            line-height: var(--line-height-normal)
        }

        .leading-heading {
            line-height: var(--line-height-heading)
        }

        .leading-none {
            line-height: 1
        }

        .tracking-normal {
            letter-spacing: var(--letter-spacing-normal)
        }

        .tracking-heading {
            letter-spacing: var(--letter-spacing-heading)
        }

        .tracking-small {
            letter-spacing: var(--letter-spacing-small)
        }

        .whitespace-normal {
            white-space: normal
        }

        .whitespace-nowrap {
            white-space: nowrap
        }

        .whitespace-pre {
            white-space: pre
        }

        @media(min-width: 1024px) {
            .lg\:text-left {
                text-align: left
            }
            .lg\:text-center {
                text-align: center
            }
            .lg\:text-right {
                text-align: right
            }
            .lg\:text-justify {
                text-align: justify
            }
        }

        .border {
            border: 1px solid var(--color-border-primary)
        }

        .border-top {
            border-top: 1px solid var(--color-border-primary)
        }

        .border-bottom {
            border-bottom: 1px solid var(--color-border-primary)
        }

        .border-left {
            border-left: 1px solid var(--color-border-primary)
        }

        .border-right {
            border-right: 1px solid var(--color-border-primary)
        }

        .rounded-sm {
            border-radius: var(--border-radius-sm)
        }

        .rounded-md {
            border-radius: var(--border-radius-md)
        }

        .rounded-lg {
            border-radius: var(--border-radius-lg)
        }

        .rounded-xl {
            border-radius: var(--border-radius-xl)
        }

        .circle {
            border-radius: var(--border-radius-circle)
        }

        @media(min-width: 640px) {
            .sm\:rounded-sm {
                border-radius: var(--border-radius-sm)
            }
            .sm\:rounded-md {
                border-radius: var(--border-radius-md)
            }
            .sm\:rounded-lg {
                border-radius: var(--border-radius-lg)
            }
            .sm\:rounded-xl {
                border-radius: var(--border-radius-xl)
            }
            .sm\:circle {
                border-radius: var(--border-radius-circle)
            }
        }

        @media(min-width: 768px) {
            .md\:rounded-sm {
                border-radius: var(--border-radius-sm)
            }
            .md\:rounded-md {
                border-radius: var(--border-radius-md)
            }
            .md\:rounded-lg {
                border-radius: var(--border-radius-lg)
            }
            .md\:rounded-xl {
                border-radius: var(--border-radius-xl)
            }
            .md\:circle {
                border-radius: var(--border-radius-circle)
            }
        }

        @media(min-width: 1024px) {
            .lg\:rounded-sm {
                border-radius: var(--border-radius-sm)
            }
            .lg\:rounded-md {
                border-radius: var(--border-radius-md)
            }
            .lg\:rounded-lg {
                border-radius: var(--border-radius-lg)
            }
            .lg\:rounded-xl {
                border-radius: var(--border-radius-xl)
            }
            .lg\:circle {
                border-radius: var(--border-radius-circle)
            }
        }

        @media(min-width: 1280px) {
            .xl\:rounded-sm {
                border-radius: var(--border-radius-sm)
            }
            .xl\:rounded-md {
                border-radius: var(--border-radius-md)
            }
            .xl\:rounded-lg {
                border-radius: var(--border-radius-lg)
            }
            .xl\:rounded-xl {
                border-radius: var(--border-radius-xl)
            }
            .xl\:circle {
                border-radius: var(--border-radius-circle)
            }
        }

        .text-base {
            color: var(--color-text)
        }

        .text-primary {
            color: var(--color-primary)
        }

        .text-dark {
            color: var(--color-dark)
        }

        .text-white {
            color: var(--color-white)
        }

        .text-snow-white {
            color: var(--color-snow-white)
        }

        .text-heading {
            color: var(--color-heading)
        }

        .z-n1 {
            z-index: -1
        }

        .z-1 {
            z-index: 1
        }

        .z-2 {
            z-index: 2
        }

        .z-3 {
            z-index: 3
        }

        .gradient {
            background-image: var(--gradient)
        }

        .bg-white {
            background-color: var(--color-white)
        }

        .bg-dark {
            background-color: var(--color-dark)
        }

        .bg-primary {
            background-color: var(--color-primary)
        }

        .states-side-fadeinup {
            animation: fadeInUp var(--states-side-fadeinup-delay, 0.5s) ease forwards
        }

        .opacity-0 {
            opacity: 0
        }

        .opacity-1 {
            opacity: 1
        }

        .transition {
            transition: .4s
        }
        img:is([sizes=auto i], [sizes^="auto," i]) {
            contain-intrinsic-size: 3000px 1500px
        }

        /*# sourceURL=wp-img-auto-sizes-contain-inline-css */
        :root {
            --wp--preset--aspect-ratio--square: 1;
            --wp--preset--aspect-ratio--4-3: 4/3;
            --wp--preset--aspect-ratio--3-4: 3/4;
            --wp--preset--aspect-ratio--3-2: 3/2;
            --wp--preset--aspect-ratio--2-3: 2/3;
            --wp--preset--aspect-ratio--16-9: 16/9;
            --wp--preset--aspect-ratio--9-16: 9/16;
            --wp--preset--color--black: #000000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #ffffff;
            --wp--preset--color--pale-pink: #f78da7;
            --wp--preset--color--vivid-red: #cf2e2e;
            --wp--preset--color--luminous-vivid-orange: #ff6900;
            --wp--preset--color--luminous-vivid-amber: #fcb900;
            --wp--preset--color--light-green-cyan: #7bdcb5;
            --wp--preset--color--vivid-green-cyan: #00d084;
            --wp--preset--color--pale-cyan-blue: #8ed1fc;
            --wp--preset--color--vivid-cyan-blue: #0693e3;
            --wp--preset--color--vivid-purple: #9b51e0;
            --wp--preset--color--primary: #f25b09;
            --wp--preset--color--pale-gold: #fae5b4;
            --wp--preset--color--dark: #000000;
            --wp--preset--color--charcoal: #242424;
            --wp--preset--color--snow-white: #f9f9f9;
            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
            --wp--preset--font-size--small: 13px;
            --wp--preset--font-size--medium: 20px;
            --wp--preset--font-size--large: 36px;
            --wp--preset--font-size--x-large: 42px;
            --wp--preset--font-size--text-display-1: 272px;
            --wp--preset--font-size--text-display-2: 120px;
            --wp--preset--font-size--text-display-3: 60px;
            --wp--preset--font-size--text-heading-1: 30px;
            --wp--preset--font-size--text-heading-2: 24px;
            --wp--preset--font-size--text-body-1: 22px;
            --wp--preset--font-size--text-body-2: 18px;
            --wp--preset--font-size--text-body-3: 16px;
            --wp--preset--font-size--caption: 14px;
            --wp--preset--spacing--20: 0.44rem;
            --wp--preset--spacing--30: 0.67rem;
            --wp--preset--spacing--40: 1rem;
            --wp--preset--spacing--50: 1.5rem;
            --wp--preset--spacing--60: 2.25rem;
            --wp--preset--spacing--70: 3.38rem;
            --wp--preset--spacing--80: 5.06rem;
            --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
            --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
            --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
        }

        :root {
            --wp--style--global--content-size: 640px;
            --wp--style--global--wide-size: 1296px;
        }

        :where(body) {
            margin: 0;
        }

        .wp-site-blocks>.alignleft {
            float: left;
            margin-right: 2em;
        }

        .wp-site-blocks>.alignright {
            float: right;
            margin-left: 2em;
        }

        .wp-site-blocks>.aligncenter {
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
        }

        :where(.is-layout-flex) {
            gap: 0.5em;
        }

        :where(.is-layout-grid) {
            gap: 0.5em;
        }

        .is-layout-flow>.alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em;
        }

        .is-layout-flow>.alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0;
        }

        .is-layout-flow>.aligncenter {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained>.alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em;
        }

        .is-layout-constrained>.alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0;
        }

        .is-layout-constrained>.aligncenter {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
            max-width: var(--wp--style--global--content-size);
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained>.alignwide {
            max-width: var(--wp--style--global--wide-size);
        }

        body .is-layout-flex {
            display: flex;
        }

        .is-layout-flex {
            flex-wrap: wrap;
            align-items: center;
        }

        .is-layout-flex> :is(*, div) {
            margin: 0;
        }

        body .is-layout-grid {
            display: grid;
        }

        .is-layout-grid> :is(*, div) {
            margin: 0;
        }

        body {
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
        }

        :root :where(.wp-element-button, .wp-block-button__link) {
            background-color: #32373c;
            border-width: 0;
            color: #fff;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            line-height: inherit;
            padding-top: calc(0.667em + 2px);
            padding-right: calc(1.333em + 2px);
            padding-bottom: calc(0.667em + 2px);
            padding-left: calc(1.333em + 2px);
            text-decoration: none;
            text-transform: inherit;
        }

        .has-black-color {
            color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-color {
            color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-color {
            color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-color {
            color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-color {
            color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-color {
            color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-color {
            color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-color {
            color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-color {
            color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-color {
            color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-color {
            color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-color {
            color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-primary-color {
            color: var(--wp--preset--color--primary) !important;
        }

        .has-pale-gold-color {
            color: var(--wp--preset--color--pale-gold) !important;
        }

        .has-dark-color {
            color: var(--wp--preset--color--dark) !important;
        }

        .has-charcoal-color {
            color: var(--wp--preset--color--charcoal) !important;
        }

        .has-snow-white-color {
            color: var(--wp--preset--color--snow-white) !important;
        }

        .has-black-background-color {
            background-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-background-color {
            background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-background-color {
            background-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-background-color {
            background-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-background-color {
            background-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-background-color {
            background-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-background-color {
            background-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-background-color {
            background-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-background-color {
            background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-background-color {
            background-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-primary-background-color {
            background-color: var(--wp--preset--color--primary) !important;
        }

        .has-pale-gold-background-color {
            background-color: var(--wp--preset--color--pale-gold) !important;
        }

        .has-dark-background-color {
            background-color: var(--wp--preset--color--dark) !important;
        }

        .has-charcoal-background-color {
            background-color: var(--wp--preset--color--charcoal) !important;
        }

        .has-snow-white-background-color {
            background-color: var(--wp--preset--color--snow-white) !important;
        }

        .has-black-border-color {
            border-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-border-color {
            border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-border-color {
            border-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-border-color {
            border-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-border-color {
            border-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-border-color {
            border-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-border-color {
            border-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-border-color {
            border-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-border-color {
            border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-border-color {
            border-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-primary-border-color {
            border-color: var(--wp--preset--color--primary) !important;
        }

        .has-pale-gold-border-color {
            border-color: var(--wp--preset--color--pale-gold) !important;
        }

        .has-dark-border-color {
            border-color: var(--wp--preset--color--dark) !important;
        }

        .has-charcoal-border-color {
            border-color: var(--wp--preset--color--charcoal) !important;
        }

        .has-snow-white-border-color {
            border-color: var(--wp--preset--color--snow-white) !important;
        }

        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
            background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
        }

        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
            background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
        }

        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
        }

        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
            background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
        }

        .has-cool-to-warm-spectrum-gradient-background {
            background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
        }

        .has-blush-light-purple-gradient-background {
            background: var(--wp--preset--gradient--blush-light-purple) !important;
        }

        .has-blush-bordeaux-gradient-background {
            background: var(--wp--preset--gradient--blush-bordeaux) !important;
        }

        .has-luminous-dusk-gradient-background {
            background: var(--wp--preset--gradient--luminous-dusk) !important;
        }

        .has-pale-ocean-gradient-background {
            background: var(--wp--preset--gradient--pale-ocean) !important;
        }

        .has-electric-grass-gradient-background {
            background: var(--wp--preset--gradient--electric-grass) !important;
        }

        .has-midnight-gradient-background {
            background: var(--wp--preset--gradient--midnight) !important;
        }

        .has-small-font-size {
            font-size: var(--wp--preset--font-size--small) !important;
        }

        .has-medium-font-size {
            font-size: var(--wp--preset--font-size--medium) !important;
        }

        .has-large-font-size {
            font-size: var(--wp--preset--font-size--large) !important;
        }

        .has-x-large-font-size {
            font-size: var(--wp--preset--font-size--x-large) !important;
        }

        .has-text-display-1-font-size {
            font-size: var(--wp--preset--font-size--text-display-1) !important;
        }

        .has-text-display-2-font-size {
            font-size: var(--wp--preset--font-size--text-display-2) !important;
        }

        .has-text-display-3-font-size {
            font-size: var(--wp--preset--font-size--text-display-3) !important;
        }

        .has-text-heading-1-font-size {
            font-size: var(--wp--preset--font-size--text-heading-1) !important;
        }

        .has-text-heading-2-font-size {
            font-size: var(--wp--preset--font-size--text-heading-2) !important;
        }

        .has-text-body-1-font-size {
            font-size: var(--wp--preset--font-size--text-body-1) !important;
        }

        .has-text-body-2-font-size {
            font-size: var(--wp--preset--font-size--text-body-2) !important;
        }

        .has-text-body-3-font-size {
            font-size: var(--wp--preset--font-size--text-body-3) !important;
        }

        .has-caption-font-size {
            font-size: var(--wp--preset--font-size--caption) !important;
        }

        :root :where(.wp-block-icon svg) {
            width: 24px;
        }

        :where(.wp-block-post-template.is-layout-flex) {
            gap: 1.25em;
        }

        :where(.wp-block-post-template.is-layout-grid) {
            gap: 1.25em;
        }

        :where(.wp-block-term-template.is-layout-flex) {
            gap: 1.25em;
        }

        :where(.wp-block-term-template.is-layout-grid) {
            gap: 1.25em;
        }

        :where(.wp-block-columns.is-layout-flex) {
            gap: 2em;
        }

        :where(.wp-block-columns.is-layout-grid) {
            gap: 2em;
        }

        :root :where(.wp-block-pullquote) {
            font-size: 1.5em;
            line-height: 1.6;
        }

        /*# sourceURL=global-styles-inline-css */