:root {
    --app-primary: #06451a;
    --app-primary-rgb: 6, 69, 26;
    --app-primary-theme: #043112;
    --app-primary-theme-rgb: 4, 49, 18;
    --app-primary-foreground: #f8f9fa;
    --app-primary-foreground-rgb: 248, 249, 250;
    --app-secondary: #e6ece8;
    --app-secondary-rgb: 230, 236, 232;
    --app-secondary-theme: #b0c5b7;
    --app-secondary-theme-rgb: 176, 197, 183;
    --app-secondary-foreground: #1a1d20;
    --app-secondary-foreground-rgb: 26, 29, 32;
    --app-light: #f8f9fa;
    --app-light-rgb: 248, 249, 250;
    --app-light-theme: #d3d3d3;
    --app-light-theme-rgb: 206, 211, 211;
    --app-light-foreground: #2e3033;
    --app-light-foreground-rgb: 46, 48, 51;
    --app-dark: #1a1d20;
    --app-dark-rgb: 26, 29, 32;
    --app-dark-theme: #2e3033;
    --app-dark-theme-rgb: 128, 48, 51;
    --app-dark-foreground: #f8f9fa;
    --app-dark-foreground-rgb: 248, 249, 250;
    --app-muted-light: #e5e7eb;
    --app-muted-light-rgb: 229, 231, 235;
    --app-muted-light-theme: #ced0d3;
    --app-muted-light-theme-rgb: 206, 208, 211;
    --app-muted-light-foreground: #1a1d20;
    --app-muted-light-foreground-rgb: 26, 29, 32;
    --app-muted-dark: #9a9a9a;
    --app-muted-dark-rgb: 154, 154, 154;
    --app-muted-dark-theme: #808080;
    --app-muted-dark-theme-rgb: 128, 128, 128;
    --app-muted-dark-foreground: #f8f9fa;
    --app-muted-dark-foreground-rgb: 248, 249, 250;
    --app-foreground-light: #1a1d20;
    --app-foreground-light-rgb: 26, 29, 32;
    --app-foreground-light-theme: #2e3033;
    --app-foreground-light-theme-rgb: 46, 48, 51;
    --app-background-light: #f8f9fa;
    --app-background-light-rgb: 248, 249, 250;
    --app-background-light-theme: #d3d3d3;
    --app-background-light-theme-rgb: 211, 211, 211;
    --app-foreground-dark: #f8f9fa;
    --app-foreground-dark-rgb: 248, 249, 250;
    --app-foreground-dark-theme: #d3d3d3;
    --app-foreground-dark-theme-rgb: 211, 211, 211;
    --app-background-dark: #1a1d20;
    --app-background-dark-rgb: 26, 29, 32;
    --app-background-dark-theme: #2e3033;
    --app-background-dark-theme-rgb: 46, 48, 51;
    --app-layout-light: #fff;
    --app-layout-dark: #000;
    --app-border-light: #b0c5b7;
    --app-border-dark: #3b443e
}

:root {
    --app-muted: var(--app-muted-light);
    --app-muted-rgb: var(--app-muted-light-rgb);
    --app-muted-theme: var(--app-muted-light-theme);
    --app-muted-theme-rgb: var(--app-muted-light-theme-rgb);
    --app-muted-foreground: var(--app-muted-light-foreground);
    --app-muted-foreground-rgb: var(--app-muted-light-foreground-rgb);
    --app-foreground: var(--app-foreground-light);
    --app-foreground-rgb: var(--app-foreground-light-rgb);
    --app-foreground-theme: var(--app-foreground-light-theme);
    --app-foreground-theme-rgb: var(--app-foreground-light-theme-rgb);
    --app-background: var(--app-background-light);
    --app-background-rgb: var(--app-background-light-rgb);
    --app-background-theme: var(--app-background-light-theme);
    --app-background-theme-rgb: var(--app-background-light-theme-rgb);
    --app-layout: var(--app-layout-light);
    --app-border: var(--app-border-light)
}

:root .dark {
    --app-muted: var(--app-muted-dark);
    --app-muted-rgb: var(--app-muted-dark-rgb);
    --app-muted-theme: var(--app-muted-dark-theme);
    --app-muted-theme-rgb: var(--app-muted-dark-theme-rgb);
    --app-muted-foreground: var(--app-muted-dark-foreground);
    --app-muted-foreground-rgb: var(--app-muted-dark-foreground-rgb);
    --app-foreground: var(--app-foreground-dark);
    --app-foreground-rgb: var(--app-foreground-dark-rgb);
    --app-foreground-theme: var(--app-foreground-dark-theme);
    --app-foreground-theme-rgb: var(--app-foreground-dark-theme-rgb);
    --app-background: var(--app-background-dark);
    --app-background-rgb: var(--app-background-dark-rgb);
    --app-background-theme: var(--app-background-dark-theme);
    --app-background-theme-rgb: var(--app-background-dark-theme-rgb);
    --app-layout: var(--app-layout-dark);
    --app-border: var(--app-border-dark)
}

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

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

.accent-app-primary {
    accent-color: var(--app-primary)
}

.caret-app-primary {
    caret-color: var(--app-primary)
}

.border-app-primary {
    border-color: var(--app-primary)
}

.border-t-app-primary {
    border-top-color: var(--app-primary)
}

.border-b-app-primary {
    border-bottom-color: var(--app-primary)
}

.\!border-s-app-primary {
    border-inline-start-color: var(--app-primary)
}

.\!border-e-app-primary {
    border-inline-end-color: var(--app-primary)
}

.border-l-app-primary {
    border-left-color: var(--app-primary)
}

.border-r-app-primary {
    border-right-color: var(--app-primary)
}

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

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

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

.accent-app-primary-theme {
    accent-color: var(--app-primary-theme)
}

.caret-app-primary-theme {
    caret-color: var(--app-primary-theme)
}

.border-app-primary-theme {
    border-color: var(--app-primary-theme)
}

.border-t-app-primary-theme {
    border-top-color: var(--app-primary-theme)
}

.border-b-app-primary-theme {
    border-bottom-color: var(--app-primary-theme)
}

.\!border-s-app-primary-theme {
    border-inline-start-color: var(--app-primary-theme)
}

.\!border-e-app-primary-theme {
    border-inline-end-color: var(--app-primary-theme)
}

.border-l-app-primary-theme {
    border-left-color: var(--app-primary-theme)
}

.border-r-app-primary-theme {
    border-right-color: var(--app-primary-theme)
}

.decoration-app-primary-theme {
    text-decoration-color: var(--app-primary-theme)
}

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

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

.accent-app-primary-foreground {
    accent-color: var(--app-primary-foreground)
}

.caret-app-primary-foreground {
    caret-color: var(--app-primary-foreground)
}

.border-app-primary-foreground {
    border-color: var(--app-primary-foreground)
}

.border-t-app-primary-foreground {
    border-top-color: var(--app-primary-foreground)
}

.border-b-app-primary-foreground {
    border-bottom-color: var(--app-primary-foreground)
}

.\!border-s-app-primary-foreground {
    border-inline-start-color: var(--app-primary-foreground)
}

.\!border-e-app-primary-foreground {
    border-inline-end-color: var(--app-primary-foreground)
}

.border-l-app-primary-foreground {
    border-left-color: var(--app-primary-foreground)
}

.border-r-app-primary-foreground {
    border-right-color: var(--app-primary-foreground)
}

.decoration-app-primary-foreground {
    text-decoration-color: var(--app-primary-foreground)
}

.bg-app-secondary {
    background-color: var(--app-secondary)
}

.text-app-secondary {
    color: var(--app-secondary)
}

.accent-app-secondary {
    accent-color: var(--app-secondary)
}

.caret-app-secondary {
    caret-color: var(--app-secondary)
}

.border-app-secondary {
    border-color: var(--app-secondary)
}

.border-t-app-secondary {
    border-top-color: var(--app-secondary)
}

.border-b-app-secondary {
    border-bottom-color: var(--app-secondary)
}

.\!border-s-app-secondary {
    border-inline-start-color: var(--app-secondary)
}

.\!border-e-app-secondary {
    border-inline-end-color: var(--app-secondary)
}

.border-l-app-secondary {
    border-left-color: var(--app-secondary)
}

.border-r-app-secondary {
    border-right-color: var(--app-secondary)
}

.decoration-app-secondary {
    text-decoration-color: var(--app-secondary)
}

.bg-app-secondary-theme {
    background-color: var(--app-secondary-theme)
}

.text-app-secondary-theme {
    color: var(--app-secondary-theme)
}

.accent-app-secondary-theme {
    accent-color: var(--app-secondary-theme)
}

.caret-app-secondary-theme {
    caret-color: var(--app-secondary-theme)
}

.border-app-secondary-theme {
    border-color: var(--app-secondary-theme)
}

.border-t-app-secondary-theme {
    border-top-color: var(--app-secondary-theme)
}

.border-b-app-secondary-theme {
    border-bottom-color: var(--app-secondary-theme)
}

.\!border-s-app-secondary-theme {
    border-inline-start-color: var(--app-secondary-theme)
}

.\!border-e-app-secondary-theme {
    border-inline-end-color: var(--app-secondary-theme)
}

.border-l-app-secondary-theme {
    border-left-color: var(--app-secondary-theme)
}

.border-r-app-secondary-theme {
    border-right-color: var(--app-secondary-theme)
}

.decoration-app-secondary-theme {
    text-decoration-color: var(--app-secondary-theme)
}

.bg-app-secondary-foreground {
    background-color: var(--app-secondary-foreground)
}

.text-app-secondary-foreground {
    color: var(--app-secondary-foreground)
}

.accent-app-secondary-foreground {
    accent-color: var(--app-secondary-foreground)
}

.caret-app-secondary-foreground {
    caret-color: var(--app-secondary-foreground)
}

.border-app-secondary-foreground {
    border-color: var(--app-secondary-foreground)
}

.border-t-app-secondary-foreground {
    border-top-color: var(--app-secondary-foreground)
}

.border-b-app-secondary-foreground {
    border-bottom-color: var(--app-secondary-foreground)
}

.\!border-s-app-secondary-foreground {
    border-inline-start-color: var(--app-secondary-foreground)
}

.\!border-e-app-secondary-foreground {
    border-inline-end-color: var(--app-secondary-foreground)
}

.border-l-app-secondary-foreground {
    border-left-color: var(--app-secondary-foreground)
}

.border-r-app-secondary-foreground {
    border-right-color: var(--app-secondary-foreground)
}

.decoration-app-secondary-foreground {
    text-decoration-color: var(--app-secondary-foreground)
}

.bg-app-light {
    background-color: var(--app-light)
}

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

.accent-app-light {
    accent-color: var(--app-light)
}

.caret-app-light {
    caret-color: var(--app-light)
}

.border-app-light {
    border-color: var(--app-light)
}

.border-t-app-light {
    border-top-color: var(--app-light)
}

.border-b-app-light {
    border-bottom-color: var(--app-light)
}

.\!border-s-app-light {
    border-inline-start-color: var(--app-light)
}

.\!border-e-app-light {
    border-inline-end-color: var(--app-light)
}

.border-l-app-light {
    border-left-color: var(--app-light)
}

.border-r-app-light {
    border-right-color: var(--app-light)
}

.decoration-app-light {
    text-decoration-color: var(--app-light)
}

.bg-app-light-theme {
    background-color: var(--app-light-theme)
}

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

.accent-app-light-theme {
    accent-color: var(--app-light-theme)
}

.caret-app-light-theme {
    caret-color: var(--app-light-theme)
}

.border-app-light-theme {
    border-color: var(--app-light-theme)
}

.border-t-app-light-theme {
    border-top-color: var(--app-light-theme)
}

.border-b-app-light-theme {
    border-bottom-color: var(--app-light-theme)
}

.\!border-s-app-light-theme {
    border-inline-start-color: var(--app-light-theme)
}

.\!border-e-app-light-theme {
    border-inline-end-color: var(--app-light-theme)
}

.border-l-app-light-theme {
    border-left-color: var(--app-light-theme)
}

.border-r-app-light-theme {
    border-right-color: var(--app-light-theme)
}

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

.bg-app-light-foreground {
    background-color: var(--app-light-foreground)
}

.text-app-light-foreground {
    color: var(--app-light-foreground)
}

.accent-app-light-foreground {
    accent-color: var(--app-light-foreground)
}

.caret-app-light-foreground {
    caret-color: var(--app-light-foreground)
}

.border-app-light-foreground {
    border-color: var(--app-light-foreground)
}

.border-t-app-light-foreground {
    border-top-color: var(--app-light-foreground)
}

.border-b-app-light-foreground {
    border-bottom-color: var(--app-light-foreground)
}

.\!border-s-app-light-foreground {
    border-inline-start-color: var(--app-light-foreground)
}

.\!border-e-app-light-foreground {
    border-inline-end-color: var(--app-light-foreground)
}

.border-l-app-light-foreground {
    border-left-color: var(--app-light-foreground)
}

.border-r-app-light-foreground {
    border-right-color: var(--app-light-foreground)
}

.decoration-app-light-foreground {
    text-decoration-color: var(--app-light-foreground)
}

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

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

.accent-app-dark {
    accent-color: var(--app-dark)
}

.caret-app-dark {
    caret-color: var(--app-dark)
}

.border-app-dark {
    border-color: var(--app-dark)
}

.border-t-app-dark {
    border-top-color: var(--app-dark)
}

.border-b-app-dark {
    border-bottom-color: var(--app-dark)
}

.\!border-s-app-dark {
    border-inline-start-color: var(--app-dark)
}

.\!border-e-app-dark {
    border-inline-end-color: var(--app-dark)
}

.border-l-app-dark {
    border-left-color: var(--app-dark)
}

.border-r-app-dark {
    border-right-color: var(--app-dark)
}

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

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

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

.accent-app-dark-theme {
    accent-color: var(--app-dark-theme)
}

.caret-app-dark-theme {
    caret-color: var(--app-dark-theme)
}

.border-app-dark-theme {
    border-color: var(--app-dark-theme)
}

.border-t-app-dark-theme {
    border-top-color: var(--app-dark-theme)
}

.border-b-app-dark-theme {
    border-bottom-color: var(--app-dark-theme)
}

.\!border-s-app-dark-theme {
    border-inline-start-color: var(--app-dark-theme)
}

.\!border-e-app-dark-theme {
    border-inline-end-color: var(--app-dark-theme)
}

.border-l-app-dark-theme {
    border-left-color: var(--app-dark-theme)
}

.border-r-app-dark-theme {
    border-right-color: var(--app-dark-theme)
}

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

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

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

.accent-app-dark-foreground {
    accent-color: var(--app-dark-foreground)
}

.caret-app-dark-foreground {
    caret-color: var(--app-dark-foreground)
}

.border-app-dark-foreground {
    border-color: var(--app-dark-foreground)
}

.border-t-app-dark-foreground {
    border-top-color: var(--app-dark-foreground)
}

.border-b-app-dark-foreground {
    border-bottom-color: var(--app-dark-foreground)
}

.\!border-s-app-dark-foreground {
    border-inline-start-color: var(--app-dark-foreground)
}

.\!border-e-app-dark-foreground {
    border-inline-end-color: var(--app-dark-foreground)
}

.border-l-app-dark-foreground {
    border-left-color: var(--app-dark-foreground)
}

.border-r-app-dark-foreground {
    border-right-color: var(--app-dark-foreground)
}

.decoration-app-dark-foreground {
    text-decoration-color: var(--app-dark-foreground)
}

.bg-app-muted {
    background-color: var(--app-muted)
}

.text-app-muted {
    color: var(--app-muted)
}

.accent-app-muted {
    accent-color: var(--app-muted)
}

.caret-app-muted {
    caret-color: var(--app-muted)
}

.border-app-muted {
    border-color: var(--app-muted)
}

.border-t-app-muted {
    border-top-color: var(--app-muted)
}

.border-b-app-muted {
    border-bottom-color: var(--app-muted)
}

.\!border-s-app-muted {
    border-inline-start-color: var(--app-muted)
}

.\!border-e-app-muted {
    border-inline-end-color: var(--app-muted)
}

.border-l-app-muted {
    border-left-color: var(--app-muted)
}

.border-r-app-muted {
    border-right-color: var(--app-muted)
}

.decoration-app-muted {
    text-decoration-color: var(--app-muted)
}

.bg-app-muted-theme {
    background-color: var(--app-muted-theme)
}

.text-app-muted-theme {
    color: var(--app-muted-theme)
}

.accent-app-muted-theme {
    accent-color: var(--app-muted-theme)
}

.caret-app-muted-theme {
    caret-color: var(--app-muted-theme)
}

.border-app-muted-theme {
    border-color: var(--app-muted-theme)
}

.border-t-app-muted-theme {
    border-top-color: var(--app-muted-theme)
}

.border-b-app-muted-theme {
    border-bottom-color: var(--app-muted-theme)
}

.\!border-s-app-muted-theme {
    border-inline-start-color: var(--app-muted-theme)
}

.\!border-e-app-muted-theme {
    border-inline-end-color: var(--app-muted-theme)
}

.border-l-app-muted-theme {
    border-left-color: var(--app-muted-theme)
}

.border-r-app-muted-theme {
    border-right-color: var(--app-muted-theme)
}

.decoration-app-muted-theme {
    text-decoration-color: var(--app-muted-theme)
}

.bg-app-muted-foreground {
    background-color: var(--app-muted-foreground)
}

.text-app-muted-foreground {
    color: var(--app-muted-foreground)
}

.accent-app-muted-foreground {
    accent-color: var(--app-muted-foreground)
}

.caret-app-muted-foreground {
    caret-color: var(--app-muted-foreground)
}

.border-app-muted-foreground {
    border-color: var(--app-muted-foreground)
}

.border-t-app-muted-foreground {
    border-top-color: var(--app-muted-foreground)
}

.border-b-app-muted-foreground {
    border-bottom-color: var(--app-muted-foreground)
}

.\!border-s-app-muted-foreground {
    border-inline-start-color: var(--app-muted-foreground)
}

.\!border-e-app-muted-foreground {
    border-inline-end-color: var(--app-muted-foreground)
}

.border-l-app-muted-foreground {
    border-left-color: var(--app-muted-foreground)
}

.border-r-app-muted-foreground {
    border-right-color: var(--app-muted-foreground)
}

.decoration-app-muted-foreground {
    text-decoration-color: var(--app-muted-foreground)
}

.bg-app-foreground {
    background-color: var(--app-foreground)
}

.text-app-foreground {
    color: var(--app-foreground)
}

.accent-app-foreground {
    accent-color: var(--app-foreground)
}

.caret-app-foreground {
    caret-color: var(--app-foreground)
}

.border-app-foreground {
    border-color: var(--app-foreground)
}

.border-t-app-foreground {
    border-top-color: var(--app-foreground)
}

.border-b-app-foreground {
    border-bottom-color: var(--app-foreground)
}

.\!border-s-app-foreground {
    border-inline-start-color: var(--app-foreground)
}

.\!border-e-app-foreground {
    border-inline-end-color: var(--app-foreground)
}

.border-l-app-foreground {
    border-left-color: var(--app-foreground)
}

.border-r-app-foreground {
    border-right-color: var(--app-foreground)
}

.decoration-app-foreground {
    text-decoration-color: var(--app-foreground)
}

.bg-app-foreground-theme {
    background-color: var(--app-foreground-theme)
}

.text-app-foreground-theme {
    color: var(--app-foreground-theme)
}

.accent-app-foreground-theme {
    accent-color: var(--app-foreground-theme)
}

.caret-app-foreground-theme {
    caret-color: var(--app-foreground-theme)
}

.border-app-foreground-theme {
    border-color: var(--app-foreground-theme)
}

.border-t-app-foreground-theme {
    border-top-color: var(--app-foreground-theme)
}

.border-b-app-foreground-theme {
    border-bottom-color: var(--app-foreground-theme)
}

.\!border-s-app-foreground-theme {
    border-inline-start-color: var(--app-foreground-theme)
}

.\!border-e-app-foreground-theme {
    border-inline-end-color: var(--app-foreground-theme)
}

.border-l-app-foreground-theme {
    border-left-color: var(--app-foreground-theme)
}

.border-r-app-foreground-theme {
    border-right-color: var(--app-foreground-theme)
}

.decoration-app-foreground-theme {
    text-decoration-color: var(--app-foreground-theme)
}

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

.text-app-background {
    color: var(--app-background)
}

.accent-app-background {
    accent-color: var(--app-background)
}

.caret-app-background {
    caret-color: var(--app-background)
}

.border-app-background {
    border-color: var(--app-background)
}

.border-t-app-background {
    border-top-color: var(--app-background)
}

.border-b-app-background {
    border-bottom-color: var(--app-background)
}

.\!border-s-app-background {
    border-inline-start-color: var(--app-background)
}

.\!border-e-app-background {
    border-inline-end-color: var(--app-background)
}

.border-l-app-background {
    border-left-color: var(--app-background)
}

.border-r-app-background {
    border-right-color: var(--app-background)
}

.decoration-app-background {
    text-decoration-color: var(--app-background)
}

.bg-app-background-theme {
    background-color: var(--app-background-theme)
}

.text-app-background-theme {
    color: var(--app-background-theme)
}

.accent-app-background-theme {
    accent-color: var(--app-background-theme)
}

.caret-app-background-theme {
    caret-color: var(--app-background-theme)
}

.border-app-background-theme {
    border-color: var(--app-background-theme)
}

.border-t-app-background-theme {
    border-top-color: var(--app-background-theme)
}

.border-b-app-background-theme {
    border-bottom-color: var(--app-background-theme)
}

.\!border-s-app-background-theme {
    border-inline-start-color: var(--app-background-theme)
}

.\!border-e-app-background-theme {
    border-inline-end-color: var(--app-background-theme)
}

.border-l-app-background-theme {
    border-left-color: var(--app-background-theme)
}

.border-r-app-background-theme {
    border-right-color: var(--app-background-theme)
}

.decoration-app-background-theme {
    text-decoration-color: var(--app-background-theme)
}

.bg-app-layout {
    background-color: var(--app-layout)
}

.text-app-layout {
    color: var(--app-layout)
}

.accent-app-layout {
    accent-color: var(--app-layout)
}

.caret-app-layout {
    caret-color: var(--app-layout)
}

.border-app-layout {
    border-color: var(--app-layout)
}

.border-t-app-layout {
    border-top-color: var(--app-layout)
}

.border-b-app-layout {
    border-bottom-color: var(--app-layout)
}

.\!border-s-app-layout {
    border-inline-start-color: var(--app-layout)
}

.\!border-e-app-layout {
    border-inline-end-color: var(--app-layout)
}

.border-l-app-layout {
    border-left-color: var(--app-layout)
}

.border-r-app-layout {
    border-right-color: var(--app-layout)
}

.decoration-app-layout {
    text-decoration-color: var(--app-layout)
}

:root {
    --transition-function: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-duration-fast: 150ms;
    --transition-duration-slow: 220ms
}

body {
    background-color: var(--app-background);
    color: var(--app-foreground)
}

body * {
    border-width: 0;
    border-color: var(--app-border);
    border-style: solid
}

[data-show-dark] {
    display: unset
}

[data-show-dark] {
    display: none
}

.dark [data-show-light] {
    display: none
}

.dark [data-show-dark] {
    display: unset
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-old-screen {
    aspect-ratio: 4/3
}

.cursor-pointer {
    cursor: pointer
}

.cursor-auto {
    cursor: auto
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.outline-none {
    outline: none
}

.square-dropdown {
    padding: 0;
    width: 2rem;
    aspect-ratio: 1/1;
    overflow: hidden
}

.square-dropdown::after {
    content: none
}

.form-group {
    display: flex
}

.form-group .form-group-start {
    width: 100%;
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.form-group .form-group-end {
    width: unset;
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

::-webkit-scrollbar {
    width: .35rem;
    height: .35rem
}

::-webkit-scrollbar-track {
    background-color: var(--app-background)
}

::-webkit-scrollbar-thumb {
    background-color: var(--app-border);
    border-radius: 9999px;
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--app-secondary)
}

@supports (-moz-appearance: none) {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--app-border) rgba(0, 0, 0, 0)
    }
}

.btn-app-foreground {
    --bs-btn-color: var(--app-background);
    --bs-btn-bg: var(--app-foreground);
    --bs-btn-border-color: var(--app-foreground);
    --bs-btn-hover-color: var(--app-background);
    --bs-btn-hover-bg: var(--app-foreground-theme);
    --bs-btn-hover-border-color: var(--app-foreground-theme);
    --bs-btn-focus-shadow-rgb: var(--app-foreground-rgb);
    --bs-btn-active-color: var(--app-background);
    --bs-btn-active-bg: var(--app-foreground-theme);
    --bs-btn-active-border-color: var(--app-foreground-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--app-background);
    --bs-btn-disabled-bg: var(--app-foreground);
    --bs-btn-disabled-border-color: var(--app-foreground)
}

.btn-app-foreground:disabled {
    filter: brightness(120%)
}

.btn-stealth-app-foreground {
    --bs-btn-color: var(--app-foreground);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--app-foreground-theme);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--app-foreground-theme);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: var(--app-foreground);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent
}

.btn-stealth-app-foreground:disabled {
    filter: brightness(120%)
}

.btn-stealth-app-background {
    --bs-btn-color: var(--app-background);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--app-background-theme);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--app-background-theme);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: var(--app-background);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent
}

.btn-stealth-app-background:disabled {
    filter: brightness(120%)
}

.btn-stealth-app-primary {
    --bs-btn-color: var(--app-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--app-primary-theme);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--app-primary-theme);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: var(--app-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent
}

.btn-stealth-app-primary:disabled {
    filter: brightness(120%)
}

.btn-app-primary {
    --bs-btn-color: var(--app-primary-foreground);
    --bs-btn-bg: var(--app-primary);
    --bs-btn-border-color: var(--app-primary);
    --bs-btn-hover-color: var(--app-primary-foreground);
    --bs-btn-hover-bg: var(--app-primary-theme);
    --bs-btn-hover-border-color: var(--app-primary-theme);
    --bs-btn-focus-shadow-rgb: var(--app-primary-rgb);
    --bs-btn-active-color: var(--app-primary-foreground);
    --bs-btn-active-bg: var(--app-primary-theme);
    --bs-btn-active-border-color: var(--app-primary-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--app-primary-foreground);
    --bs-btn-disabled-bg: var(--app-primary);
    --bs-btn-disabled-border-color: var(--app-primary)
}

.btn-app-primary:disabled {
    filter: brightness(120%)
}

.btn-outline-app-primary {
    --bs-btn-color: var(--app-primary);
    --bs-btn-border-color: var(--app-primary);
    --bs-btn-hover-color: var(--app-primary-foreground);
    --bs-btn-hover-bg: var(--app-primary);
    --bs-btn-hover-border-color: var(--app-primary);
    --bs-btn-focus-shadow-rgb: var(--app-primary-rgb);
    --bs-btn-active-color: var(--app-primary-foreground);
    --bs-btn-active-bg: var(--app-primary);
    --bs-btn-active-border-color: var(--app-primary);
    --bs-btn-disabled-color: var(--app-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--app-primary);
    --bs-gradient: none
}

.btn-outline-app-primary:disabled {
    filter: brightness(120%)
}

.form-control.app-primary:focus, .form-select.app-primary:focus {
    caret-color: var(--app-primary);
    border-color: var(--app-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--app-primary-rgb), 0.25)
}

.form-check.app-primary .form-check-input:focus {
    border-color: var(--app-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--app-primary-rgb), 0.25)
}

.form-check.app-primary .form-check-input:checked {
    background-color: var(--app-primary);
    border-color: var(--app-primary)
}

.accordion-shadow-app-primary, .accordion-app-primary {
    --accordion-shadow: var(--app-primary-rgb)
}

.accordion-app-primary {
    --bs-accordion-color: var(--app-primary);
    --bs-accordion-btn-color: var(--app-primary);
    --bs-accordion-active-color: var(--app-primary)
}

.text-bg-app-primary {
    color: var(--app-primary-foreground);
    background-color: var(--app-primary)
}

.btn-stealth-app-secondary {
    --bs-btn-color: var(--app-secondary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--app-secondary-theme);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--app-secondary-theme);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: var(--app-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent
}

.btn-stealth-app-secondary:disabled {
    filter: brightness(120%)
}

.btn-app-secondary {
    --bs-btn-color: var(--app-secondary-foreground);
    --bs-btn-bg: var(--app-secondary);
    --bs-btn-border-color: var(--app-secondary);
    --bs-btn-hover-color: var(--app-secondary-foreground);
    --bs-btn-hover-bg: var(--app-secondary-theme);
    --bs-btn-hover-border-color: var(--app-secondary-theme);
    --bs-btn-focus-shadow-rgb: var(--app-secondary-rgb);
    --bs-btn-active-color: var(--app-secondary-foreground);
    --bs-btn-active-bg: var(--app-secondary-theme);
    --bs-btn-active-border-color: var(--app-secondary-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--app-secondary-foreground);
    --bs-btn-disabled-bg: var(--app-secondary);
    --bs-btn-disabled-border-color: var(--app-secondary)
}

.btn-app-secondary:disabled {
    filter: brightness(120%)
}

.btn-outline-app-secondary {
    --bs-btn-color: var(--app-secondary);
    --bs-btn-border-color: var(--app-secondary);
    --bs-btn-hover-color: var(--app-secondary-foreground);
    --bs-btn-hover-bg: var(--app-secondary);
    --bs-btn-hover-border-color: var(--app-secondary);
    --bs-btn-focus-shadow-rgb: var(--app-secondary-rgb);
    --bs-btn-active-color: var(--app-secondary-foreground);
    --bs-btn-active-bg: var(--app-secondary);
    --bs-btn-active-border-color: var(--app-secondary);
    --bs-btn-disabled-color: var(--app-secondary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--app-secondary);
    --bs-gradient: none
}

.btn-outline-app-secondary:disabled {
    filter: brightness(120%)
}

.form-control.app-secondary:focus, .form-select.app-secondary:focus {
    caret-color: var(--app-secondary);
    border-color: var(--app-secondary);
    box-shadow: 0 0 0 .25rem rgba(var(--app-secondary-rgb), 0.25)
}

.form-check.app-secondary .form-check-input:focus {
    border-color: var(--app-secondary);
    box-shadow: 0 0 0 .25rem rgba(var(--app-secondary-rgb), 0.25)
}

.form-check.app-secondary .form-check-input:checked {
    background-color: var(--app-secondary);
    border-color: var(--app-secondary)
}

.accordion-shadow-app-secondary, .accordion-app-secondary {
    --accordion-shadow: var(--app-secondary-rgb)
}

.accordion-app-secondary {
    --bs-accordion-color: var(--app-secondary);
    --bs-accordion-btn-color: var(--app-secondary);
    --bs-accordion-active-color: var(--app-secondary)
}

.text-bg-app-secondary {
    color: var(--app-secondary-foreground);
    background-color: var(--app-secondary)
}

.btn-stealth-app-muted {
    --bs-btn-color: var(--app-muted);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--app-muted-theme);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--app-muted-theme);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: var(--app-muted);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent
}

.btn-stealth-app-muted:disabled {
    filter: brightness(120%)
}

.btn-app-muted {
    --bs-btn-color: var(--app-muted-foreground);
    --bs-btn-bg: var(--app-muted);
    --bs-btn-border-color: var(--app-muted);
    --bs-btn-hover-color: var(--app-muted-foreground);
    --bs-btn-hover-bg: var(--app-muted-theme);
    --bs-btn-hover-border-color: var(--app-muted-theme);
    --bs-btn-focus-shadow-rgb: var(--app-muted-rgb);
    --bs-btn-active-color: var(--app-muted-foreground);
    --bs-btn-active-bg: var(--app-muted-theme);
    --bs-btn-active-border-color: var(--app-muted-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--app-muted-foreground);
    --bs-btn-disabled-bg: var(--app-muted);
    --bs-btn-disabled-border-color: var(--app-muted)
}

.btn-app-muted:disabled {
    filter: brightness(120%)
}

.btn-outline-app-muted {
    --bs-btn-color: var(--app-muted);
    --bs-btn-border-color: var(--app-muted);
    --bs-btn-hover-color: var(--app-muted-foreground);
    --bs-btn-hover-bg: var(--app-muted);
    --bs-btn-hover-border-color: var(--app-muted);
    --bs-btn-focus-shadow-rgb: var(--app-muted-rgb);
    --bs-btn-active-color: var(--app-muted-foreground);
    --bs-btn-active-bg: var(--app-muted);
    --bs-btn-active-border-color: var(--app-muted);
    --bs-btn-disabled-color: var(--app-muted);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--app-muted);
    --bs-gradient: none
}

.btn-outline-app-muted:disabled {
    filter: brightness(120%)
}

.form-control.app-muted:focus, .form-select.app-muted:focus {
    caret-color: var(--app-muted);
    border-color: var(--app-muted);
    box-shadow: 0 0 0 .25rem rgba(var(--app-muted-rgb), 0.25)
}

.form-check.app-muted .form-check-input:focus {
    border-color: var(--app-muted);
    box-shadow: 0 0 0 .25rem rgba(var(--app-muted-rgb), 0.25)
}

.form-check.app-muted .form-check-input:checked {
    background-color: var(--app-muted);
    border-color: var(--app-muted)
}

.accordion-shadow-app-muted, .accordion-app-muted {
    --accordion-shadow: var(--app-muted-rgb)
}

.accordion-app-muted {
    --bs-accordion-color: var(--app-muted);
    --bs-accordion-btn-color: var(--app-muted);
    --bs-accordion-active-color: var(--app-muted)
}

.text-bg-app-muted {
    color: var(--app-muted-foreground);
    background-color: var(--app-muted)
}

.btn-stealth-app-light {
    --bs-btn-color: var(--app-light);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--app-light-theme);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--app-light-theme);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: var(--app-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent
}

.btn-stealth-app-light:disabled {
    filter: brightness(120%)
}

.btn-app-light {
    --bs-btn-color: var(--app-light-foreground);
    --bs-btn-bg: var(--app-light);
    --bs-btn-border-color: var(--app-light);
    --bs-btn-hover-color: var(--app-light-foreground);
    --bs-btn-hover-bg: var(--app-light-theme);
    --bs-btn-hover-border-color: var(--app-light-theme);
    --bs-btn-focus-shadow-rgb: var(--app-light-rgb);
    --bs-btn-active-color: var(--app-light-foreground);
    --bs-btn-active-bg: var(--app-light-theme);
    --bs-btn-active-border-color: var(--app-light-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--app-light-foreground);
    --bs-btn-disabled-bg: var(--app-light);
    --bs-btn-disabled-border-color: var(--app-light)
}

.btn-app-light:disabled {
    filter: brightness(120%)
}

.btn-outline-app-light {
    --bs-btn-color: var(--app-light);
    --bs-btn-border-color: var(--app-light);
    --bs-btn-hover-color: var(--app-light-foreground);
    --bs-btn-hover-bg: var(--app-light);
    --bs-btn-hover-border-color: var(--app-light);
    --bs-btn-focus-shadow-rgb: var(--app-light-rgb);
    --bs-btn-active-color: var(--app-light-foreground);
    --bs-btn-active-bg: var(--app-light);
    --bs-btn-active-border-color: var(--app-light);
    --bs-btn-disabled-color: var(--app-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--app-light);
    --bs-gradient: none
}

.btn-outline-app-light:disabled {
    filter: brightness(120%)
}

.form-control.app-light:focus, .form-select.app-light:focus {
    caret-color: var(--app-light);
    border-color: var(--app-light);
    box-shadow: 0 0 0 .25rem rgba(var(--app-light-rgb), 0.25)
}

.form-check.app-light .form-check-input:focus {
    border-color: var(--app-light);
    box-shadow: 0 0 0 .25rem rgba(var(--app-light-rgb), 0.25)
}

.form-check.app-light .form-check-input:checked {
    background-color: var(--app-light);
    border-color: var(--app-light)
}

.accordion-shadow-app-light, .accordion-app-light {
    --accordion-shadow: var(--app-light-rgb)
}

.accordion-app-light {
    --bs-accordion-color: var(--app-light);
    --bs-accordion-btn-color: var(--app-light);
    --bs-accordion-active-color: var(--app-light)
}

.text-bg-app-light {
    color: var(--app-light-foreground);
    background-color: var(--app-light)
}

.btn-stealth-app-dark {
    --bs-btn-color: var(--app-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--app-dark-theme);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: transparent;
    --bs-btn-active-color: var(--app-dark-theme);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: transparent;
    --bs-btn-disabled-color: var(--app-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent
}

.btn-stealth-app-dark:disabled {
    filter: brightness(120%)
}

.btn-app-dark {
    --bs-btn-color: var(--app-dark-foreground);
    --bs-btn-bg: var(--app-dark);
    --bs-btn-border-color: var(--app-dark);
    --bs-btn-hover-color: var(--app-dark-foreground);
    --bs-btn-hover-bg: var(--app-dark-theme);
    --bs-btn-hover-border-color: var(--app-dark-theme);
    --bs-btn-focus-shadow-rgb: var(--app-dark-rgb);
    --bs-btn-active-color: var(--app-dark-foreground);
    --bs-btn-active-bg: var(--app-dark-theme);
    --bs-btn-active-border-color: var(--app-dark-theme);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--app-dark-foreground);
    --bs-btn-disabled-bg: var(--app-dark);
    --bs-btn-disabled-border-color: var(--app-dark)
}

.btn-app-dark:disabled {
    filter: brightness(120%)
}

.btn-outline-app-dark {
    --bs-btn-color: var(--app-dark);
    --bs-btn-border-color: var(--app-dark);
    --bs-btn-hover-color: var(--app-dark-foreground);
    --bs-btn-hover-bg: var(--app-dark);
    --bs-btn-hover-border-color: var(--app-dark);
    --bs-btn-focus-shadow-rgb: var(--app-dark-rgb);
    --bs-btn-active-color: var(--app-dark-foreground);
    --bs-btn-active-bg: var(--app-dark);
    --bs-btn-active-border-color: var(--app-dark);
    --bs-btn-disabled-color: var(--app-dark);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--app-dark);
    --bs-gradient: none
}

.btn-outline-app-dark:disabled {
    filter: brightness(120%)
}

.form-control.app-dark:focus, .form-select.app-dark:focus {
    caret-color: var(--app-dark);
    border-color: var(--app-dark);
    box-shadow: 0 0 0 .25rem rgba(var(--app-dark-rgb), 0.25)
}

.form-check.app-dark .form-check-input:focus {
    border-color: var(--app-dark);
    box-shadow: 0 0 0 .25rem rgba(var(--app-dark-rgb), 0.25)
}

.form-check.app-dark .form-check-input:checked {
    background-color: var(--app-dark);
    border-color: var(--app-dark)
}

.accordion-shadow-app-dark, .accordion-app-dark {
    --accordion-shadow: var(--app-dark-rgb)
}

.accordion-app-dark {
    --bs-accordion-color: var(--app-dark);
    --bs-accordion-btn-color: var(--app-dark);
    --bs-accordion-active-color: var(--app-dark)
}

.text-bg-app-dark {
    color: var(--app-dark-foreground);
    background-color: var(--app-dark)
}

.mx-app-auto {
    margin-inline-start: auto;
    margin-inline-end: auto
}

.ms-app-auto {
    margin-inline-start: auto
}

.me-app-auto {
    margin-inline-end: auto
}

.px-app-auto {
    padding-inline-start: auto;
    padding-inline-end: auto
}

.ps-app-auto {
    padding-inline-start: auto
}

.pe-app-auto {
    padding-inline-end: auto
}

.mx-app-0 {
    margin-inline-start: 0;
    margin-inline-end: 0
}

.ms-app-0 {
    margin-inline-start: 0
}

.me-app-0 {
    margin-inline-end: 0
}

.px-app-0 {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.ps-app-0 {
    padding-inline-start: 0
}

.pe-app-0 {
    padding-inline-end: 0
}

.mx-app-1 {
    margin-inline-start: 0.25rem;
    margin-inline-end: 0.25rem
}

.ms-app-1 {
    margin-inline-start: 0.25rem
}

.me-app-1 {
    margin-inline-end: 0.25rem
}

.px-app-1 {
    padding-inline-start: 0.25rem;
    padding-inline-end: 0.25rem
}

.ps-app-1 {
    padding-inline-start: 0.25rem
}

.pe-app-1 {
    padding-inline-end: 0.25rem
}

.mx-app-2 {
    margin-inline-start: 0.5rem;
    margin-inline-end: 0.5rem
}

.ms-app-2 {
    margin-inline-start: 0.5rem
}

.me-app-2 {
    margin-inline-end: 0.5rem
}

.px-app-2 {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem
}

.ps-app-2 {
    padding-inline-start: 0.5rem
}

.pe-app-2 {
    padding-inline-end: 0.5rem
}

.mx-app-3 {
    margin-inline-start: 1rem;
    margin-inline-end: 1rem
}

.ms-app-3 {
    margin-inline-start: 1rem
}

.me-app-3 {
    margin-inline-end: 1rem
}

.px-app-3 {
    padding-inline-start: 1rem;
    padding-inline-end: 1rem
}

.ps-app-3 {
    padding-inline-start: 1rem
}

.pe-app-3 {
    padding-inline-end: 1rem
}

.mx-app-4 {
    margin-inline-start: 1.5rem;
    margin-inline-end: 1.5rem
}

.ms-app-4 {
    margin-inline-start: 1.5rem
}

.me-app-4 {
    margin-inline-end: 1.5rem
}

.px-app-4 {
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem
}

.ps-app-4 {
    padding-inline-start: 1.5rem
}

.pe-app-4 {
    padding-inline-end: 1.5rem
}

.mx-app-5 {
    margin-inline-start: 3rem;
    margin-inline-end: 3rem
}

.ms-app-5 {
    margin-inline-start: 3rem
}

.me-app-5 {
    margin-inline-end: 3rem
}

.px-app-5 {
    padding-inline-start: 3rem;
    padding-inline-end: 3rem
}

.ps-app-5 {
    padding-inline-start: 3rem
}

.pe-app-5 {
    padding-inline-end: 3rem
}

.mx-app-unset {
    margin-inline-start: unset;
    margin-inline-end: unset
}

.ms-app-unset {
    margin-inline-start: unset
}

.me-app-unset {
    margin-inline-end: unset
}

.px-app-unset {
    padding-inline-start: unset;
    padding-inline-end: unset
}

.ps-app-unset {
    padding-inline-start: unset
}

.pe-app-unset {
    padding-inline-end: unset
}

@media screen and (min-width: 576px) {
    .mx-app-sm-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .ms-app-sm-auto {
        margin-inline-start: auto
    }

    .me-app-sm-auto {
        margin-inline-end: auto
    }

    .px-app-sm-auto {
        padding-inline-start: auto;
        padding-inline-end: auto
    }

    .ps-app-sm-auto {
        padding-inline-start: auto
    }

    .pe-app-sm-auto {
        padding-inline-end: auto
    }
}

@media screen and (min-width: 576px) {
    .mx-app-sm-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .ms-app-sm-0 {
        margin-inline-start: 0
    }

    .me-app-sm-0 {
        margin-inline-end: 0
    }

    .px-app-sm-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .ps-app-sm-0 {
        padding-inline-start: 0
    }

    .pe-app-sm-0 {
        padding-inline-end: 0
    }
}

@media screen and (min-width: 576px) {
    .mx-app-sm-1 {
        margin-inline-start: 0.25rem;
        margin-inline-end: 0.25rem
    }

    .ms-app-sm-1 {
        margin-inline-start: 0.25rem
    }

    .me-app-sm-1 {
        margin-inline-end: 0.25rem
    }

    .px-app-sm-1 {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem
    }

    .ps-app-sm-1 {
        padding-inline-start: 0.25rem
    }

    .pe-app-sm-1 {
        padding-inline-end: 0.25rem
    }
}

@media screen and (min-width: 576px) {
    .mx-app-sm-2 {
        margin-inline-start: 0.5rem;
        margin-inline-end: 0.5rem
    }

    .ms-app-sm-2 {
        margin-inline-start: 0.5rem
    }

    .me-app-sm-2 {
        margin-inline-end: 0.5rem
    }

    .px-app-sm-2 {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem
    }

    .ps-app-sm-2 {
        padding-inline-start: 0.5rem
    }

    .pe-app-sm-2 {
        padding-inline-end: 0.5rem
    }
}

@media screen and (min-width: 576px) {
    .mx-app-sm-3 {
        margin-inline-start: 1rem;
        margin-inline-end: 1rem
    }

    .ms-app-sm-3 {
        margin-inline-start: 1rem
    }

    .me-app-sm-3 {
        margin-inline-end: 1rem
    }

    .px-app-sm-3 {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem
    }

    .ps-app-sm-3 {
        padding-inline-start: 1rem
    }

    .pe-app-sm-3 {
        padding-inline-end: 1rem
    }
}

@media screen and (min-width: 576px) {
    .mx-app-sm-4 {
        margin-inline-start: 1.5rem;
        margin-inline-end: 1.5rem
    }

    .ms-app-sm-4 {
        margin-inline-start: 1.5rem
    }

    .me-app-sm-4 {
        margin-inline-end: 1.5rem
    }

    .px-app-sm-4 {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem
    }

    .ps-app-sm-4 {
        padding-inline-start: 1.5rem
    }

    .pe-app-sm-4 {
        padding-inline-end: 1.5rem
    }
}

@media screen and (min-width: 576px) {
    .mx-app-sm-5 {
        margin-inline-start: 3rem;
        margin-inline-end: 3rem
    }

    .ms-app-sm-5 {
        margin-inline-start: 3rem
    }

    .me-app-sm-5 {
        margin-inline-end: 3rem
    }

    .px-app-sm-5 {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem
    }

    .ps-app-sm-5 {
        padding-inline-start: 3rem
    }

    .pe-app-sm-5 {
        padding-inline-end: 3rem
    }
}

@media screen and (min-width: 576px) {
    .mx-app-sm-unset {
        margin-inline-start: unset;
        margin-inline-end: unset
    }

    .ms-app-sm-unset {
        margin-inline-start: unset
    }

    .me-app-sm-unset {
        margin-inline-end: unset
    }

    .px-app-sm-unset {
        padding-inline-start: unset;
        padding-inline-end: unset
    }

    .ps-app-sm-unset {
        padding-inline-start: unset
    }

    .pe-app-sm-unset {
        padding-inline-end: unset
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .ms-app-md-auto {
        margin-inline-start: auto
    }

    .me-app-md-auto {
        margin-inline-end: auto
    }

    .px-app-md-auto {
        padding-inline-start: auto;
        padding-inline-end: auto
    }

    .ps-app-md-auto {
        padding-inline-start: auto
    }

    .pe-app-md-auto {
        padding-inline-end: auto
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .ms-app-md-0 {
        margin-inline-start: 0
    }

    .me-app-md-0 {
        margin-inline-end: 0
    }

    .px-app-md-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .ps-app-md-0 {
        padding-inline-start: 0
    }

    .pe-app-md-0 {
        padding-inline-end: 0
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-1 {
        margin-inline-start: 0.25rem;
        margin-inline-end: 0.25rem
    }

    .ms-app-md-1 {
        margin-inline-start: 0.25rem
    }

    .me-app-md-1 {
        margin-inline-end: 0.25rem
    }

    .px-app-md-1 {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem
    }

    .ps-app-md-1 {
        padding-inline-start: 0.25rem
    }

    .pe-app-md-1 {
        padding-inline-end: 0.25rem
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-2 {
        margin-inline-start: 0.5rem;
        margin-inline-end: 0.5rem
    }

    .ms-app-md-2 {
        margin-inline-start: 0.5rem
    }

    .me-app-md-2 {
        margin-inline-end: 0.5rem
    }

    .px-app-md-2 {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem
    }

    .ps-app-md-2 {
        padding-inline-start: 0.5rem
    }

    .pe-app-md-2 {
        padding-inline-end: 0.5rem
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-3 {
        margin-inline-start: 1rem;
        margin-inline-end: 1rem
    }

    .ms-app-md-3 {
        margin-inline-start: 1rem
    }

    .me-app-md-3 {
        margin-inline-end: 1rem
    }

    .px-app-md-3 {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem
    }

    .ps-app-md-3 {
        padding-inline-start: 1rem
    }

    .pe-app-md-3 {
        padding-inline-end: 1rem
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-4 {
        margin-inline-start: 1.5rem;
        margin-inline-end: 1.5rem
    }

    .ms-app-md-4 {
        margin-inline-start: 1.5rem
    }

    .me-app-md-4 {
        margin-inline-end: 1.5rem
    }

    .px-app-md-4 {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem
    }

    .ps-app-md-4 {
        padding-inline-start: 1.5rem
    }

    .pe-app-md-4 {
        padding-inline-end: 1.5rem
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-5 {
        margin-inline-start: 3rem;
        margin-inline-end: 3rem
    }

    .ms-app-md-5 {
        margin-inline-start: 3rem
    }

    .me-app-md-5 {
        margin-inline-end: 3rem
    }

    .px-app-md-5 {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem
    }

    .ps-app-md-5 {
        padding-inline-start: 3rem
    }

    .pe-app-md-5 {
        padding-inline-end: 3rem
    }
}

@media screen and (min-width: 768px) {
    .mx-app-md-unset {
        margin-inline-start: unset;
        margin-inline-end: unset
    }

    .ms-app-md-unset {
        margin-inline-start: unset
    }

    .me-app-md-unset {
        margin-inline-end: unset
    }

    .px-app-md-unset {
        padding-inline-start: unset;
        padding-inline-end: unset
    }

    .ps-app-md-unset {
        padding-inline-start: unset
    }

    .pe-app-md-unset {
        padding-inline-end: unset
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .ms-app-lg-auto {
        margin-inline-start: auto
    }

    .me-app-lg-auto {
        margin-inline-end: auto
    }

    .px-app-lg-auto {
        padding-inline-start: auto;
        padding-inline-end: auto
    }

    .ps-app-lg-auto {
        padding-inline-start: auto
    }

    .pe-app-lg-auto {
        padding-inline-end: auto
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .ms-app-lg-0 {
        margin-inline-start: 0
    }

    .me-app-lg-0 {
        margin-inline-end: 0
    }

    .px-app-lg-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .ps-app-lg-0 {
        padding-inline-start: 0
    }

    .pe-app-lg-0 {
        padding-inline-end: 0
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-1 {
        margin-inline-start: 0.25rem;
        margin-inline-end: 0.25rem
    }

    .ms-app-lg-1 {
        margin-inline-start: 0.25rem
    }

    .me-app-lg-1 {
        margin-inline-end: 0.25rem
    }

    .px-app-lg-1 {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem
    }

    .ps-app-lg-1 {
        padding-inline-start: 0.25rem
    }

    .pe-app-lg-1 {
        padding-inline-end: 0.25rem
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-2 {
        margin-inline-start: 0.5rem;
        margin-inline-end: 0.5rem
    }

    .ms-app-lg-2 {
        margin-inline-start: 0.5rem
    }

    .me-app-lg-2 {
        margin-inline-end: 0.5rem
    }

    .px-app-lg-2 {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem
    }

    .ps-app-lg-2 {
        padding-inline-start: 0.5rem
    }

    .pe-app-lg-2 {
        padding-inline-end: 0.5rem
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-3 {
        margin-inline-start: 1rem;
        margin-inline-end: 1rem
    }

    .ms-app-lg-3 {
        margin-inline-start: 1rem
    }

    .me-app-lg-3 {
        margin-inline-end: 1rem
    }

    .px-app-lg-3 {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem
    }

    .ps-app-lg-3 {
        padding-inline-start: 1rem
    }

    .pe-app-lg-3 {
        padding-inline-end: 1rem
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-4 {
        margin-inline-start: 1.5rem;
        margin-inline-end: 1.5rem
    }

    .ms-app-lg-4 {
        margin-inline-start: 1.5rem
    }

    .me-app-lg-4 {
        margin-inline-end: 1.5rem
    }

    .px-app-lg-4 {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem
    }

    .ps-app-lg-4 {
        padding-inline-start: 1.5rem
    }

    .pe-app-lg-4 {
        padding-inline-end: 1.5rem
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-5 {
        margin-inline-start: 3rem;
        margin-inline-end: 3rem
    }

    .ms-app-lg-5 {
        margin-inline-start: 3rem
    }

    .me-app-lg-5 {
        margin-inline-end: 3rem
    }

    .px-app-lg-5 {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem
    }

    .ps-app-lg-5 {
        padding-inline-start: 3rem
    }

    .pe-app-lg-5 {
        padding-inline-end: 3rem
    }
}

@media screen and (min-width: 992px) {
    .mx-app-lg-unset {
        margin-inline-start: unset;
        margin-inline-end: unset
    }

    .ms-app-lg-unset {
        margin-inline-start: unset
    }

    .me-app-lg-unset {
        margin-inline-end: unset
    }

    .px-app-lg-unset {
        padding-inline-start: unset;
        padding-inline-end: unset
    }

    .ps-app-lg-unset {
        padding-inline-start: unset
    }

    .pe-app-lg-unset {
        padding-inline-end: unset
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .ms-app-xl-auto {
        margin-inline-start: auto
    }

    .me-app-xl-auto {
        margin-inline-end: auto
    }

    .px-app-xl-auto {
        padding-inline-start: auto;
        padding-inline-end: auto
    }

    .ps-app-xl-auto {
        padding-inline-start: auto
    }

    .pe-app-xl-auto {
        padding-inline-end: auto
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .ms-app-xl-0 {
        margin-inline-start: 0
    }

    .me-app-xl-0 {
        margin-inline-end: 0
    }

    .px-app-xl-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .ps-app-xl-0 {
        padding-inline-start: 0
    }

    .pe-app-xl-0 {
        padding-inline-end: 0
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-1 {
        margin-inline-start: 0.25rem;
        margin-inline-end: 0.25rem
    }

    .ms-app-xl-1 {
        margin-inline-start: 0.25rem
    }

    .me-app-xl-1 {
        margin-inline-end: 0.25rem
    }

    .px-app-xl-1 {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem
    }

    .ps-app-xl-1 {
        padding-inline-start: 0.25rem
    }

    .pe-app-xl-1 {
        padding-inline-end: 0.25rem
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-2 {
        margin-inline-start: 0.5rem;
        margin-inline-end: 0.5rem
    }

    .ms-app-xl-2 {
        margin-inline-start: 0.5rem
    }

    .me-app-xl-2 {
        margin-inline-end: 0.5rem
    }

    .px-app-xl-2 {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem
    }

    .ps-app-xl-2 {
        padding-inline-start: 0.5rem
    }

    .pe-app-xl-2 {
        padding-inline-end: 0.5rem
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-3 {
        margin-inline-start: 1rem;
        margin-inline-end: 1rem
    }

    .ms-app-xl-3 {
        margin-inline-start: 1rem
    }

    .me-app-xl-3 {
        margin-inline-end: 1rem
    }

    .px-app-xl-3 {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem
    }

    .ps-app-xl-3 {
        padding-inline-start: 1rem
    }

    .pe-app-xl-3 {
        padding-inline-end: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-4 {
        margin-inline-start: 1.5rem;
        margin-inline-end: 1.5rem
    }

    .ms-app-xl-4 {
        margin-inline-start: 1.5rem
    }

    .me-app-xl-4 {
        margin-inline-end: 1.5rem
    }

    .px-app-xl-4 {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem
    }

    .ps-app-xl-4 {
        padding-inline-start: 1.5rem
    }

    .pe-app-xl-4 {
        padding-inline-end: 1.5rem
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-5 {
        margin-inline-start: 3rem;
        margin-inline-end: 3rem
    }

    .ms-app-xl-5 {
        margin-inline-start: 3rem
    }

    .me-app-xl-5 {
        margin-inline-end: 3rem
    }

    .px-app-xl-5 {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem
    }

    .ps-app-xl-5 {
        padding-inline-start: 3rem
    }

    .pe-app-xl-5 {
        padding-inline-end: 3rem
    }
}

@media screen and (min-width: 1200px) {
    .mx-app-xl-unset {
        margin-inline-start: unset;
        margin-inline-end: unset
    }

    .ms-app-xl-unset {
        margin-inline-start: unset
    }

    .me-app-xl-unset {
        margin-inline-end: unset
    }

    .px-app-xl-unset {
        padding-inline-start: unset;
        padding-inline-end: unset
    }

    .ps-app-xl-unset {
        padding-inline-start: unset
    }

    .pe-app-xl-unset {
        padding-inline-end: unset
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .ms-app-xxl-auto {
        margin-inline-start: auto
    }

    .me-app-xxl-auto {
        margin-inline-end: auto
    }

    .px-app-xxl-auto {
        padding-inline-start: auto;
        padding-inline-end: auto
    }

    .ps-app-xxl-auto {
        padding-inline-start: auto
    }

    .pe-app-xxl-auto {
        padding-inline-end: auto
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .ms-app-xxl-0 {
        margin-inline-start: 0
    }

    .me-app-xxl-0 {
        margin-inline-end: 0
    }

    .px-app-xxl-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .ps-app-xxl-0 {
        padding-inline-start: 0
    }

    .pe-app-xxl-0 {
        padding-inline-end: 0
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-1 {
        margin-inline-start: 0.25rem;
        margin-inline-end: 0.25rem
    }

    .ms-app-xxl-1 {
        margin-inline-start: 0.25rem
    }

    .me-app-xxl-1 {
        margin-inline-end: 0.25rem
    }

    .px-app-xxl-1 {
        padding-inline-start: 0.25rem;
        padding-inline-end: 0.25rem
    }

    .ps-app-xxl-1 {
        padding-inline-start: 0.25rem
    }

    .pe-app-xxl-1 {
        padding-inline-end: 0.25rem
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-2 {
        margin-inline-start: 0.5rem;
        margin-inline-end: 0.5rem
    }

    .ms-app-xxl-2 {
        margin-inline-start: 0.5rem
    }

    .me-app-xxl-2 {
        margin-inline-end: 0.5rem
    }

    .px-app-xxl-2 {
        padding-inline-start: 0.5rem;
        padding-inline-end: 0.5rem
    }

    .ps-app-xxl-2 {
        padding-inline-start: 0.5rem
    }

    .pe-app-xxl-2 {
        padding-inline-end: 0.5rem
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-3 {
        margin-inline-start: 1rem;
        margin-inline-end: 1rem
    }

    .ms-app-xxl-3 {
        margin-inline-start: 1rem
    }

    .me-app-xxl-3 {
        margin-inline-end: 1rem
    }

    .px-app-xxl-3 {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem
    }

    .ps-app-xxl-3 {
        padding-inline-start: 1rem
    }

    .pe-app-xxl-3 {
        padding-inline-end: 1rem
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-4 {
        margin-inline-start: 1.5rem;
        margin-inline-end: 1.5rem
    }

    .ms-app-xxl-4 {
        margin-inline-start: 1.5rem
    }

    .me-app-xxl-4 {
        margin-inline-end: 1.5rem
    }

    .px-app-xxl-4 {
        padding-inline-start: 1.5rem;
        padding-inline-end: 1.5rem
    }

    .ps-app-xxl-4 {
        padding-inline-start: 1.5rem
    }

    .pe-app-xxl-4 {
        padding-inline-end: 1.5rem
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-5 {
        margin-inline-start: 3rem;
        margin-inline-end: 3rem
    }

    .ms-app-xxl-5 {
        margin-inline-start: 3rem
    }

    .me-app-xxl-5 {
        margin-inline-end: 3rem
    }

    .px-app-xxl-5 {
        padding-inline-start: 3rem;
        padding-inline-end: 3rem
    }

    .ps-app-xxl-5 {
        padding-inline-start: 3rem
    }

    .pe-app-xxl-5 {
        padding-inline-end: 3rem
    }
}

@media screen and (min-width: 1400px) {
    .mx-app-xxl-unset {
        margin-inline-start: unset;
        margin-inline-end: unset
    }

    .ms-app-xxl-unset {
        margin-inline-start: unset
    }

    .me-app-xxl-unset {
        margin-inline-end: unset
    }

    .px-app-xxl-unset {
        padding-inline-start: unset;
        padding-inline-end: unset
    }

    .ps-app-xxl-unset {
        padding-inline-start: unset
    }

    .pe-app-xxl-unset {
        padding-inline-end: unset
    }
}

.w-app-auto {
    width: auto
}

.w-app-0 {
    width: 100%
}

.w-app-25 {
    width: 25%
}

.w-app-50 {
    width: 50%
}

.w-app-75 {
    width: 75%
}

.w-app-100 {
    width: 100%
}

.w-app-unset {
    width: unset
}

@media screen and (min-width: 576px) {
    .w-app-sm-auto {
        width: auto
    }
}

@media screen and (min-width: 576px) {
    .w-app-sm-0 {
        width: 100%
    }
}

@media screen and (min-width: 576px) {
    .w-app-sm-25 {
        width: 25%
    }
}

@media screen and (min-width: 576px) {
    .w-app-sm-50 {
        width: 50%
    }
}

@media screen and (min-width: 576px) {
    .w-app-sm-75 {
        width: 75%
    }
}

@media screen and (min-width: 576px) {
    .w-app-sm-100 {
        width: 100%
    }
}

@media screen and (min-width: 576px) {
    .w-app-sm-unset {
        width: unset
    }
}

@media screen and (min-width: 768px) {
    .w-app-md-auto {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .w-app-md-0 {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .w-app-md-25 {
        width: 25%
    }
}

@media screen and (min-width: 768px) {
    .w-app-md-50 {
        width: 50%
    }
}

@media screen and (min-width: 768px) {
    .w-app-md-75 {
        width: 75%
    }
}

@media screen and (min-width: 768px) {
    .w-app-md-100 {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .w-app-md-unset {
        width: unset
    }
}

@media screen and (min-width: 992px) {
    .w-app-lg-auto {
        width: auto
    }
}

@media screen and (min-width: 992px) {
    .w-app-lg-0 {
        width: 100%
    }
}

@media screen and (min-width: 992px) {
    .w-app-lg-25 {
        width: 25%
    }
}

@media screen and (min-width: 992px) {
    .w-app-lg-50 {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .w-app-lg-75 {
        width: 75%
    }
}

@media screen and (min-width: 992px) {
    .w-app-lg-100 {
        width: 100%
    }
}

@media screen and (min-width: 992px) {
    .w-app-lg-unset {
        width: unset
    }
}

@media screen and (min-width: 1200px) {
    .w-app-xl-auto {
        width: auto
    }
}

@media screen and (min-width: 1200px) {
    .w-app-xl-0 {
        width: 100%
    }
}

@media screen and (min-width: 1200px) {
    .w-app-xl-25 {
        width: 25%
    }
}

@media screen and (min-width: 1200px) {
    .w-app-xl-50 {
        width: 50%
    }
}

@media screen and (min-width: 1200px) {
    .w-app-xl-75 {
        width: 75%
    }
}

@media screen and (min-width: 1200px) {
    .w-app-xl-100 {
        width: 100%
    }
}

@media screen and (min-width: 1200px) {
    .w-app-xl-unset {
        width: unset
    }
}

@media screen and (min-width: 1400px) {
    .w-app-xxl-auto {
        width: auto
    }
}

@media screen and (min-width: 1400px) {
    .w-app-xxl-0 {
        width: 100%
    }
}

@media screen and (min-width: 1400px) {
    .w-app-xxl-25 {
        width: 25%
    }
}

@media screen and (min-width: 1400px) {
    .w-app-xxl-50 {
        width: 50%
    }
}

@media screen and (min-width: 1400px) {
    .w-app-xxl-75 {
        width: 75%
    }
}

@media screen and (min-width: 1400px) {
    .w-app-xxl-100 {
        width: 100%
    }
}

@media screen and (min-width: 1400px) {
    .w-app-xxl-unset {
        width: unset
    }
}

.fs-text-1 {
    font-size: 2.875rem
}

.fs-text-2 {
    font-size: 2.125rem
}

.fs-text-3 {
    font-size: 1.25rem
}

.fs-0-3 {
    font-size: .375rem
}

.fs-0-4 {
    font-size: .5rem
}

.fs-0-5 {
    font-size: .625rem
}

.fs-0-6 {
    font-size: .75rem
}

.fs-0-7 {
    font-size: .875rem
}

.fs-1-0 {
    font-size: 1rem
}

.fs-1-1 {
    font-size: 1.125rem
}

.fs-1-2 {
    font-size: 1.25rem
}

.fs-1-3 {
    font-size: 1.375rem
}

.fs-1-4 {
    font-size: 1.5rem
}

.fs-1-5 {
    font-size: 1.625rem
}

.fs-1-6 {
    font-size: 1.75rem
}

.fs-1-7 {
    font-size: 1.875rem
}

.fs-2-0 {
    font-size: 2rem
}

.fs-2-1 {
    font-size: 2.125rem
}

.fs-2-2 {
    font-size: 2.25rem
}

.fs-2-3 {
    font-size: 2.375rem
}

.fs-2-4 {
    font-size: 2.5rem
}

.fs-2-5 {
    font-size: 2.625rem
}

.fs-2-6 {
    font-size: 2.75rem
}

.fs-2-7 {
    font-size: 2.875rem
}

@media screen and (min-width: 576px) {
    .fs-sm-text-1 {
        font-size: 2.875rem
    }

    .fs-sm-text-2 {
        font-size: 2.125rem
    }

    .fs-sm-text-3 {
        font-size: 1.25rem
    }

    .fs-sm-0-3 {
        font-size: .375rem
    }

    .fs-sm-0-4 {
        font-size: .5rem
    }

    .fs-sm-0-5 {
        font-size: .625rem
    }

    .fs-sm-0-6 {
        font-size: .75rem
    }

    .fs-sm-0-7 {
        font-size: .875rem
    }

    .fs-sm-1-0 {
        font-size: 1rem
    }

    .fs-sm-1-1 {
        font-size: 1.125rem
    }

    .fs-sm-1-2 {
        font-size: 1.25rem
    }

    .fs-sm-1-3 {
        font-size: 1.375rem
    }

    .fs-sm-1-4 {
        font-size: 1.5rem
    }

    .fs-sm-1-5 {
        font-size: 1.625rem
    }

    .fs-sm-1-6 {
        font-size: 1.75rem
    }

    .fs-sm-1-7 {
        font-size: 1.875rem
    }

    .fs-sm-2-0 {
        font-size: 2rem
    }

    .fs-sm-2-1 {
        font-size: 2.125rem
    }

    .fs-sm-2-2 {
        font-size: 2.25rem
    }

    .fs-sm-2-3 {
        font-size: 2.375rem
    }

    .fs-sm-2-4 {
        font-size: 2.5rem
    }

    .fs-sm-2-5 {
        font-size: 2.625rem
    }

    .fs-sm-2-6 {
        font-size: 2.75rem
    }

    .fs-sm-2-7 {
        font-size: 2.875rem
    }
}

@media screen and (min-width: 768px) {
    .fs-md-text-1 {
        font-size: 2.875rem
    }

    .fs-md-text-2 {
        font-size: 2.125rem
    }

    .fs-md-text-3 {
        font-size: 1.25rem
    }

    .fs-md-0-3 {
        font-size: .375rem
    }

    .fs-md-0-4 {
        font-size: .5rem
    }

    .fs-md-0-5 {
        font-size: .625rem
    }

    .fs-md-0-6 {
        font-size: .75rem
    }

    .fs-md-0-7 {
        font-size: .875rem
    }

    .fs-md-1-0 {
        font-size: 1rem
    }

    .fs-md-1-1 {
        font-size: 1.125rem
    }

    .fs-md-1-2 {
        font-size: 1.25rem
    }

    .fs-md-1-3 {
        font-size: 1.375rem
    }

    .fs-md-1-4 {
        font-size: 1.5rem
    }

    .fs-md-1-5 {
        font-size: 1.625rem
    }

    .fs-md-1-6 {
        font-size: 1.75rem
    }

    .fs-md-1-7 {
        font-size: 1.875rem
    }

    .fs-md-2-0 {
        font-size: 2rem
    }

    .fs-md-2-1 {
        font-size: 2.125rem
    }

    .fs-md-2-2 {
        font-size: 2.25rem
    }

    .fs-md-2-3 {
        font-size: 2.375rem
    }

    .fs-md-2-4 {
        font-size: 2.5rem
    }

    .fs-md-2-5 {
        font-size: 2.625rem
    }

    .fs-md-2-6 {
        font-size: 2.75rem
    }

    .fs-md-2-7 {
        font-size: 2.875rem
    }
}

@media screen and (min-width: 992px) {
    .fs-lg-text-1 {
        font-size: 2.875rem
    }

    .fs-lg-text-2 {
        font-size: 2.125rem
    }

    .fs-lg-text-3 {
        font-size: 1.25rem
    }

    .fs-lg-0-3 {
        font-size: .375rem
    }

    .fs-lg-0-4 {
        font-size: .5rem
    }

    .fs-lg-0-5 {
        font-size: .625rem
    }

    .fs-lg-0-6 {
        font-size: .75rem
    }

    .fs-lg-0-7 {
        font-size: .875rem
    }

    .fs-lg-1-0 {
        font-size: 1rem
    }

    .fs-lg-1-1 {
        font-size: 1.125rem
    }

    .fs-lg-1-2 {
        font-size: 1.25rem
    }

    .fs-lg-1-3 {
        font-size: 1.375rem
    }

    .fs-lg-1-4 {
        font-size: 1.5rem
    }

    .fs-lg-1-5 {
        font-size: 1.625rem
    }

    .fs-lg-1-6 {
        font-size: 1.75rem
    }

    .fs-lg-1-7 {
        font-size: 1.875rem
    }

    .fs-lg-2-0 {
        font-size: 2rem
    }

    .fs-lg-2-1 {
        font-size: 2.125rem
    }

    .fs-lg-2-2 {
        font-size: 2.25rem
    }

    .fs-lg-2-3 {
        font-size: 2.375rem
    }

    .fs-lg-2-4 {
        font-size: 2.5rem
    }

    .fs-lg-2-5 {
        font-size: 2.625rem
    }

    .fs-lg-2-6 {
        font-size: 2.75rem
    }

    .fs-lg-2-7 {
        font-size: 2.875rem
    }
}

@media screen and (min-width: 1200px) {
    .fs-xl-text-1 {
        font-size: 2.875rem
    }

    .fs-xl-text-2 {
        font-size: 2.125rem
    }

    .fs-xl-text-3 {
        font-size: 1.25rem
    }

    .fs-xl-0-3 {
        font-size: .375rem
    }

    .fs-xl-0-4 {
        font-size: .5rem
    }

    .fs-xl-0-5 {
        font-size: .625rem
    }

    .fs-xl-0-6 {
        font-size: .75rem
    }

    .fs-xl-0-7 {
        font-size: .875rem
    }

    .fs-xl-1-0 {
        font-size: 1rem
    }

    .fs-xl-1-1 {
        font-size: 1.125rem
    }

    .fs-xl-1-2 {
        font-size: 1.25rem
    }

    .fs-xl-1-3 {
        font-size: 1.375rem
    }

    .fs-xl-1-4 {
        font-size: 1.5rem
    }

    .fs-xl-1-5 {
        font-size: 1.625rem
    }

    .fs-xl-1-6 {
        font-size: 1.75rem
    }

    .fs-xl-1-7 {
        font-size: 1.875rem
    }

    .fs-xl-2-0 {
        font-size: 2rem
    }

    .fs-xl-2-1 {
        font-size: 2.125rem
    }

    .fs-xl-2-2 {
        font-size: 2.25rem
    }

    .fs-xl-2-3 {
        font-size: 2.375rem
    }

    .fs-xl-2-4 {
        font-size: 2.5rem
    }

    .fs-xl-2-5 {
        font-size: 2.625rem
    }

    .fs-xl-2-6 {
        font-size: 2.75rem
    }

    .fs-xl-2-7 {
        font-size: 2.875rem
    }
}

@media screen and (min-width: 1400px) {
    .fs-xxl-text-1 {
        font-size: 2.875rem
    }

    .fs-xxl-text-2 {
        font-size: 2.125rem
    }

    .fs-xxl-text-3 {
        font-size: 1.25rem
    }

    .fs-xxl-0-3 {
        font-size: .375rem
    }

    .fs-xxl-0-4 {
        font-size: .5rem
    }

    .fs-xxl-0-5 {
        font-size: .625rem
    }

    .fs-xxl-0-6 {
        font-size: .75rem
    }

    .fs-xxl-0-7 {
        font-size: .875rem
    }

    .fs-xxl-1-0 {
        font-size: 1rem
    }

    .fs-xxl-1-1 {
        font-size: 1.125rem
    }

    .fs-xxl-1-2 {
        font-size: 1.25rem
    }

    .fs-xxl-1-3 {
        font-size: 1.375rem
    }

    .fs-xxl-1-4 {
        font-size: 1.5rem
    }

    .fs-xxl-1-5 {
        font-size: 1.625rem
    }

    .fs-xxl-1-6 {
        font-size: 1.75rem
    }

    .fs-xxl-1-7 {
        font-size: 1.875rem
    }

    .fs-xxl-2-0 {
        font-size: 2rem
    }

    .fs-xxl-2-1 {
        font-size: 2.125rem
    }

    .fs-xxl-2-2 {
        font-size: 2.25rem
    }

    .fs-xxl-2-3 {
        font-size: 2.375rem
    }

    .fs-xxl-2-4 {
        font-size: 2.5rem
    }

    .fs-xxl-2-5 {
        font-size: 2.625rem
    }

    .fs-xxl-2-6 {
        font-size: 2.75rem
    }

    .fs-xxl-2-7 {
        font-size: 2.875rem
    }
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4
}

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5
}

.line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 6;
    -webkit-line-clamp: 6
}

.line-clamp-7 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 7;
    -webkit-line-clamp: 7
}

.line-clamp-8 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 8;
    -webkit-line-clamp: 8
}

.line-clamp-9 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 9;
    -webkit-line-clamp: 9
}

.line-clamp-10 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 10;
    -webkit-line-clamp: 10
}

.text-app-start {
    text-align: start
}

.text-app-center {
    text-align: center
}

.text-app-end {
    text-align: end
}

@media screen and (min-width: 576px) {
    .text-sm-app-start {
        text-align: start
    }
}

@media screen and (min-width: 576px) {
    .text-sm-app-center {
        text-align: center
    }
}

@media screen and (min-width: 576px) {
    .text-sm-app-end {
        text-align: end
    }
}

@media screen and (min-width: 768px) {
    .text-md-app-start {
        text-align: start
    }
}

@media screen and (min-width: 768px) {
    .text-md-app-center {
        text-align: center
    }
}

@media screen and (min-width: 768px) {
    .text-md-app-end {
        text-align: end
    }
}

@media screen and (min-width: 992px) {
    .text-lg-app-start {
        text-align: start
    }
}

@media screen and (min-width: 992px) {
    .text-lg-app-center {
        text-align: center
    }
}

@media screen and (min-width: 992px) {
    .text-lg-app-end {
        text-align: end
    }
}

@media screen and (min-width: 1200px) {
    .text-xl-app-start {
        text-align: start
    }
}

@media screen and (min-width: 1200px) {
    .text-xl-app-center {
        text-align: center
    }
}

@media screen and (min-width: 1200px) {
    .text-xl-app-end {
        text-align: end
    }
}

@media screen and (min-width: 1400px) {
    .text-xxl-app-start {
        text-align: start
    }
}

@media screen and (min-width: 1400px) {
    .text-xxl-app-center {
        text-align: center
    }
}

@media screen and (min-width: 1400px) {
    .text-xxl-app-end {
        text-align: end
    }
}