*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
.\!container {
    width: 100% !important
}
.container {
    width: 100%
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important
    }
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important
    }
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important
    }
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important
    }
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important
    }
    .container {
        max-width: 1536px
    }
}
#mytype-body .pointer-events-none {
    pointer-events: none
}
#mytype-body .\!visible {
    visibility: visible !important
}
#mytype-body .visible {
    visibility: visible
}
#mytype-body .invisible {
    visibility: hidden
}
#mytype-body .collapse {
    visibility: collapse
}
#mytype-body .static {
    position: static
}
#mytype-body .fixed {
    position: fixed
}
#mytype-body .absolute {
    position: absolute
}
#mytype-body .relative {
    position: relative
}
#mytype-body .sticky {
    position: sticky
}
#mytype-body .inset-0 {
    inset: 0px
}
#mytype-body .-bottom-5 {
    bottom: -1.25rem
}
#mytype-body .-left-28 {
    left: -7rem
}
#mytype-body .-right-\[-10px\] {
    right: 10px
}
#mytype-body .-top-\[86px\] {
    top: -86px
}
#mytype-body .bottom-0 {
    bottom: 0px
}
#mytype-body .bottom-1 {
    bottom: 0.25rem
}
#mytype-body .bottom-14 {
    bottom: 3.5rem
}
#mytype-body .bottom-4 {
    bottom: 1rem
}
#mytype-body .bottom-\[-2\.125rem\] {
    bottom: -2.125rem
}
#mytype-body .bottom-\[0\.6rem\] {
    bottom: 0.6rem
}
#mytype-body .bottom-\[0\.75rem\] {
    bottom: 0.75rem
}
#mytype-body .bottom-full {
    bottom: 100%
}
#mytype-body .left-0 {
    left: 0px
}
#mytype-body .left-1 {
    left: 0.25rem
}
#mytype-body .left-1\/2 {
    left: 50%
}
#mytype-body .left-12 {
    left: 3rem
}
#mytype-body .left-4 {
    left: 1rem
}
#mytype-body .left-\[7\.2rem\] {
    left: 7.2rem
}
#mytype-body .left-\[8rem\] {
    left: 8rem
}
#mytype-body .left-full {
    left: 100%
}
#mytype-body .right-0 {
    right: 0px
}
#mytype-body .right-1 {
    right: 0.25rem
}
#mytype-body .right-1\/2 {
    right: 50%
}
#mytype-body .right-12 {
    right: 3rem
}
#mytype-body .right-3 {
    right: 0.75rem
}
#mytype-body .right-4 {
    right: 1rem
}
#mytype-body .right-5 {
    right: 1.25rem
}
#mytype-body .right-6 {
    right: 1.5rem
}
#mytype-body .right-8 {
    right: 2rem
}
#mytype-body .right-\[13\.3rem\] {
    right: 13.3rem
}
#mytype-body .right-\[15\.5rem\] {
    right: 15.5rem
}
#mytype-body .right-\[7rem\] {
    right: 7rem
}
#mytype-body .right-\[9\.2rem\] {
    right: 9.2rem
}
#mytype-body .right-\[calc\(var\(--counter-right-offset\)\)\] {
    right: calc(var(--counter-right-offset))
}
#mytype-body .top-0 {
    top: 0px
}
#mytype-body .top-1\/2 {
    top: 50%
}
#mytype-body .top-1\/4 {
    top: 25%
}
#mytype-body .top-12 {
    top: 3rem
}
#mytype-body .top-2 {
    top: 0.5rem
}
#mytype-body .top-3 {
    top: 0.75rem
}
#mytype-body .top-4 {
    top: 1rem
}
#mytype-body .top-\[-0\.5rem\] {
    top: -0.5rem
}
#mytype-body .top-\[-0\.95rem\] {
    top: -0.95rem
}
#mytype-body .top-\[var\(--counter-top\)\] {
    top: var(--counter-top)
}
#mytype-body .top-full {
    top: 100%
}
#mytype-body .isolate {
    isolation: isolate
}
#mytype-body .z-0 {
    z-index: 0
}
#mytype-body .z-10 {
    z-index: 10
}
#mytype-body .z-20 {
    z-index: 20
}
#mytype-body .z-40 {
    z-index: 40
}
#mytype-body .z-50 {
    z-index: 50
}
#mytype-body .z-\[100\] {
    z-index: 100
}
#mytype-body .m-0 {
    margin: 0px
}
#mytype-body .m-1 {
    margin: 0.25rem
}
#mytype-body .m-12 {
    margin: 3rem
}
#mytype-body .m-4 {
    margin: 1rem
}
#mytype-body .m-6 {
    margin: 1.5rem
}
#mytype-body .m-auto {
    margin: auto
}
#mytype-body .mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem
}
#mytype-body .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}
#mytype-body .mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}
#mytype-body .mx-auto {
    margin-left: auto;
    margin-right: auto
}
#mytype-body .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
#mytype-body .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
#mytype-body .my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}
#mytype-body .-mb-5 {
    margin-bottom: -1.25rem
}
#mytype-body .-mt-0 {
    margin-top: -0px
}
#mytype-body .-mt-1 {
    margin-top: -0.25rem
}
#mytype-body .-mt-2 {
    margin-top: -0.5rem
}
#mytype-body .-mt-6 {
    margin-top: -1.5rem
}
#mytype-body .-mt-7 {
    margin-top: -1.75rem
}
#mytype-body .mb-0 {
    margin-bottom: 0px
}
#mytype-body .mb-1 {
    margin-bottom: 0.25rem
}
#mytype-body .mb-10 {
    margin-bottom: 2.5rem
}
#mytype-body .mb-12 {
    margin-bottom: 3rem
}
#mytype-body .mb-2 {
    margin-bottom: 0.5rem
}
#mytype-body .mb-2\.5 {
    margin-bottom: 0.625rem
}
#mytype-body .mb-3 {
    margin-bottom: 0.75rem
}
#mytype-body .mb-4 {
    margin-bottom: 1rem
}
#mytype-body .mb-5 {
    margin-bottom: 1.25rem
}
#mytype-body .mb-6 {
    margin-bottom: 1.5rem
}
#mytype-body .mb-7 {
    margin-bottom: 1.75rem
}
#mytype-body .mb-8 {
    margin-bottom: 2rem
}
#mytype-body .mb-\[1rem\] {
    margin-bottom: 1rem
}
#mytype-body .mb-\[2px\] {
    margin-bottom: 2px
}
#mytype-body .ml-1 {
    margin-left: 0.25rem
}
#mytype-body .ml-2 {
    margin-left: 0.5rem
}
#mytype-body .ml-4 {
    margin-left: 1rem
}
#mytype-body .ml-7 {
    margin-left: 1.75rem
}
#mytype-body .ml-8 {
    margin-left: 2rem
}
#mytype-body .ml-\[0\.8rem\] {
    margin-left: 0.8rem
}
#mytype-body .ml-auto {
    margin-left: auto
}
#mytype-body .mr-1 {
    margin-right: 0.25rem
}
#mytype-body .mr-10 {
    margin-right: 2.5rem
}
#mytype-body .mr-16 {
    margin-right: 4rem
}
#mytype-body .mr-2 {
    margin-right: 0.5rem
}
#mytype-body .mr-3 {
    margin-right: 0.75rem
}
#mytype-body .mr-4 {
    margin-right: 1rem
}
#mytype-body .mr-8 {
    margin-right: 2rem
}
#mytype-body .mr-\[0\.5rem\] {
    margin-right: 0.5rem
}
#mytype-body .mt-0 {
    margin-top: 0px
}
#mytype-body .mt-0\.5 {
    margin-top: 0.125rem
}
#mytype-body .mt-1 {
    margin-top: 0.25rem
}
#mytype-body .mt-10 {
    margin-top: 2.5rem
}
#mytype-body .mt-12 {
    margin-top: 3rem
}
#mytype-body .mt-14 {
    margin-top: 3.5rem
}
#mytype-body .mt-2 {
    margin-top: 0.5rem
}
#mytype-body .mt-20 {
    margin-top: 5rem
}
#mytype-body .mt-3 {
    margin-top: 0.75rem
}
#mytype-body .mt-4 {
    margin-top: 1rem
}
#mytype-body .mt-5 {
    margin-top: 1.25rem
}
#mytype-body .mt-6 {
    margin-top: 1.5rem
}
#mytype-body .mt-8 {
    margin-top: 2rem
}
#mytype-body .mt-\[-1rem\] {
    margin-top: -1rem
}
#mytype-body .mt-\[-2px\] {
    margin-top: -2px
}
#mytype-body .mt-\[0\.1rem\] {
    margin-top: 0.1rem
}
#mytype-body .mt-\[0\.5rem\] {
    margin-top: 0.5rem
}
#mytype-body .mt-\[1rem\] {
    margin-top: 1rem
}
#mytype-body .mt-\[2px\] {
    margin-top: 2px
}
#mytype-body .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
#mytype-body .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
#mytype-body .line-clamp-\[var\(--title-lines\)\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--title-lines)
}
#mytype-body .block {
    display: block
}
#mytype-body .inline-block {
    display: inline-block
}
#mytype-body .\!inline {
    display: inline !important
}
#mytype-body .inline {
    display: inline
}
#mytype-body .flex {
    display: flex
}
#mytype-body .inline-flex {
    display: inline-flex
}
#mytype-body .table {
    display: table
}
#mytype-body .grid {
    display: grid
}
#mytype-body .\!contents {
    display: contents !important
}
#mytype-body .contents {
    display: contents
}
#mytype-body .list-item {
    display: list-item
}
#mytype-body .\!hidden {
    display: none !important
}
#mytype-body .hidden {
    display: none
}
#mytype-body .aspect-\[2327\/1327\] {
    aspect-ratio: 2327/1327
}
#mytype-body .h-0 {
    height: 0px
}
#mytype-body .h-10 {
    height: 2.5rem
}
#mytype-body .h-12 {
    height: 3rem
}
#mytype-body .h-16 {
    height: 4rem
}
#mytype-body .h-2 {
    height: 0.5rem
}
#mytype-body .h-20 {
    height: 5rem
}
#mytype-body .h-24 {
    height: 6rem
}
#mytype-body .h-3 {
    height: 0.75rem
}
#mytype-body .h-32 {
    height: 8rem
}
#mytype-body .h-36 {
    height: 9rem
}
#mytype-body .h-4 {
    height: 1rem
}
#mytype-body .h-40 {
    height: 10rem
}
#mytype-body .h-5 {
    height: 1.25rem
}
#mytype-body .h-6 {
    height: 1.5rem
}
#mytype-body .h-64 {
    height: 16rem
}
#mytype-body .h-8 {
    height: 2rem
}
#mytype-body .h-9 {
    height: 2.25rem
}
#mytype-body .h-\[0\.3rem\] {
    height: 0.3rem
}
#mytype-body .h-\[1\.125rem\] {
    height: 1.125rem
}
#mytype-body .h-\[1\.2rem\] {
    height: 1.2rem
}
#mytype-body .h-\[1\.875rem\] {
    height: 1.875rem
}
#mytype-body .h-\[100vh\] {
    height: 100vh
}
#mytype-body .h-\[10rem\] {
    height: 10rem
}
#mytype-body .h-\[3px\] {
    height: 3px
}
#mytype-body .h-\[calc\(100vh-var\(--bars-size\)\)\] {
    height: calc(100vh - var(--bars-size))
}
#mytype-body .h-\[var\(--cta-h\)\] {
    height: var(--cta-h)
}
#mytype-body .h-\[var\(--text-h\)\] {
    height: var(--text-h)
}
#mytype-body .h-auto {
    height: auto
}
#mytype-body .h-fit {
    height: -moz-fit-content;
    height: fit-content
}
#mytype-body .h-full {
    height: 100%
}
#mytype-body .h-screen {
    height: 100vh
}
#mytype-body .max-h-12 {
    max-height: 3rem
}
#mytype-body .max-h-20 {
    max-height: 5rem
}
#mytype-body .max-h-48 {
    max-height: 12rem
}
#mytype-body .max-h-6 {
    max-height: 1.5rem
}
#mytype-body .max-h-60 {
    max-height: 15rem
}
#mytype-body .max-h-80 {
    max-height: 20rem
}
#mytype-body .max-h-96 {
    max-height: 24rem
}
#mytype-body .max-h-\[2\.5rem\] {
    max-height: 2.5rem
}
#mytype-body .max-h-\[20rem\] {
    max-height: 20rem
}
#mytype-body .max-h-\[24\.5rem\] {
    max-height: 24.5rem
}
#mytype-body .max-h-\[28rem\] {
    max-height: 28rem
}
#mytype-body .max-h-\[30vh\] {
    max-height: 30vh
}
#mytype-body .max-h-\[3rem\] {
    max-height: 3rem
}
#mytype-body .max-h-\[6rem\] {
    max-height: 6rem
}
#mytype-body .max-h-\[80vh\] {
    max-height: 80vh
}
#mytype-body .max-h-\[calc\(100vh-var\(--bars-size\)\)\] {
    max-height: calc(100vh - var(--bars-size))
}
#mytype-body .max-h-\[var\(--img-h\)\] {
    max-height: var(--img-h)
}
#mytype-body .max-h-\[var\(--text-h\)\] {
    max-height: var(--text-h)
}
#mytype-body .max-h-full {
    max-height: 100%
}
#mytype-body .min-h-0 {
    min-height: 0px
}
#mytype-body .min-h-1 {
    min-height: 0.25rem
}
#mytype-body .min-h-10 {
    min-height: 2.5rem
}
#mytype-body .min-h-20 {
    min-height: 5rem
}
#mytype-body .min-h-24 {
    min-height: 6rem
}
#mytype-body .min-h-60 {
    min-height: 15rem
}
#mytype-body .min-h-\[0\.05rem\] {
    min-height: 0.05rem
}
#mytype-body .min-h-\[0\.15rem\] {
    min-height: 0.15rem
}
#mytype-body .min-h-\[10rem\] {
    min-height: 10rem
}
#mytype-body .min-h-\[11rem\] {
    min-height: 11rem
}
#mytype-body .min-h-\[130px\] {
    min-height: 130px
}
#mytype-body .min-h-\[16rem\] {
    min-height: 16rem
}
#mytype-body .min-h-\[2\.25rem\] {
    min-height: 2.25rem
}
#mytype-body .min-h-\[2\.5rem\] {
    min-height: 2.5rem
}
#mytype-body .min-h-\[2\.8rem\] {
    min-height: 2.8rem
}
#mytype-body .min-h-\[20rem\] {
    min-height: 20rem
}
#mytype-body .min-h-\[230px\] {
    min-height: 230px
}
#mytype-body .min-h-\[2rem\] {
    min-height: 2rem
}
#mytype-body .min-h-\[30rem\] {
    min-height: 30rem
}
#mytype-body .min-h-\[3rem\] {
    min-height: 3rem
}
#mytype-body .min-h-\[4rem\] {
    min-height: 4rem
}
#mytype-body .min-h-\[5rem\] {
    min-height: 5rem
}
#mytype-body .min-h-\[6rem\] {
    min-height: 6rem
}
#mytype-body .min-h-\[96vh\] {
    min-height: 96vh
}
#mytype-body .min-h-\[var\(--img-h\)\] {
    min-height: var(--img-h)
}
#mytype-body .min-h-full {
    min-height: 100%
}
#mytype-body .min-h-screen {
    min-height: 100vh
}
#mytype-body .w-0 {
    width: 0px
}
#mytype-body .w-1 {
    width: 0.25rem
}
#mytype-body .w-1\/2 {
    width: 50%
}
#mytype-body .w-1\/3 {
    width: 33.333333%
}
#mytype-body .w-1\/6 {
    width: 16.666667%
}
#mytype-body .w-10 {
    width: 2.5rem
}
#mytype-body .w-12 {
    width: 3rem
}
#mytype-body .w-16 {
    width: 4rem
}
#mytype-body .w-2\/5 {
    width: 40%
}
#mytype-body .w-2\/6 {
    width: 33.333333%
}
#mytype-body .w-20 {
    width: 5rem
}
#mytype-body .w-24 {
    width: 6rem
}
#mytype-body .w-28 {
    width: 7rem
}
#mytype-body .w-3\/5 {
    width: 60%
}
#mytype-body .w-4 {
    width: 1rem
}
#mytype-body .w-4\/6 {
    width: 66.666667%
}
#mytype-body .w-40 {
    width: 10rem
}
#mytype-body .w-48 {
    width: 12rem
}
#mytype-body .w-5 {
    width: 1.25rem
}
#mytype-body .w-6 {
    width: 1.5rem
}
#mytype-body .w-64 {
    width: 16rem
}
#mytype-body .w-8 {
    width: 2rem
}
#mytype-body .w-80 {
    width: 20rem
}
#mytype-body .w-\[1\.125rem\] {
    width: 1.125rem
}
#mytype-body .w-\[1\.2rem\] {
    width: 1.2rem
}
#mytype-body .w-\[1\.875rem\] {
    width: 1.875rem
}
#mytype-body .w-\[20rem\] {
    width: 20rem
}
#mytype-body .w-\[35\%\] {
    width: 35%
}
#mytype-body .w-\[40\%\] {
    width: 40%
}
#mytype-body .w-\[50\%\] {
    width: 50%
}
#mytype-body .w-\[50px\] {
    width: 50px
}
#mytype-body .w-\[60\%\] {
    width: 60%
}
#mytype-body .w-\[65\%\] {
    width: 65%
}
#mytype-body .w-\[8rem\] {
    width: 8rem
}
#mytype-body .w-\[90\%\] {
    width: 90%
}
#mytype-body .w-\[calc\(100vw-var\(--bars-size\)\)\] {
    width: calc(100vw - var(--bars-size))
}
#mytype-body .w-\[calc\(50\%\)\] {
    width: calc(50%)
}
#mytype-body .w-\[var\(--editor-width\)\] {
    width: var(--editor-width)
}
#mytype-body .w-auto {
    width: auto
}
#mytype-body .w-fit {
    width: -moz-fit-content;
    width: fit-content
}
#mytype-body .w-full {
    width: 100%
}
#mytype-body .w-max {
    width: -moz-max-content;
    width: max-content
}
#mytype-body .w-px {
    width: 1px
}
#mytype-body .w-screen {
    width: 100vw
}
#mytype-body .min-w-0 {
    min-width: 0px
}
#mytype-body .min-w-48 {
    min-width: 12rem
}
#mytype-body .min-w-\[0\.3rem\] {
    min-width: 0.3rem
}
#mytype-body .min-w-\[0\.5rem\] {
    min-width: 0.5rem
}
#mytype-body .min-w-\[10rem\] {
    min-width: 10rem
}
#mytype-body .min-w-\[11rem\] {
    min-width: 11rem
}
#mytype-body .min-w-\[12rem\] {
    min-width: 12rem
}
#mytype-body .min-w-\[134rem\] {
    min-width: 134rem
}
#mytype-body .min-w-\[18rem\] {
    min-width: 18rem
}
#mytype-body .min-w-\[20rem\] {
    min-width: 20rem
}
#mytype-body .min-w-\[25rem\] {
    min-width: 25rem
}
#mytype-body .min-w-\[33\.333\%\] {
    min-width: 33.333%
}
#mytype-body .min-w-\[350px\] {
    min-width: 350px
}
#mytype-body .min-w-\[3rem\] {
    min-width: 3rem
}
#mytype-body .min-w-\[40rem\] {
    min-width: 40rem
}
#mytype-body .min-w-\[45\%\] {
    min-width: 45%
}
#mytype-body .min-w-\[5\.1rem\] {
    min-width: 5.1rem
}
#mytype-body .min-w-\[50\%\] {
    min-width: 50%
}
#mytype-body .min-w-\[6rem\] {
    min-width: 6rem
}
#mytype-body .min-w-\[7\.5rem\] {
    min-width: 7.5rem
}
#mytype-body .min-w-\[80\%\] {
    min-width: 80%
}
#mytype-body .min-w-\[8em\] {
    min-width: 8em
}
#mytype-body .min-w-\[8rem\] {
    min-width: 8rem
}
#mytype-body .min-w-\[auto\] {
    min-width: auto
}
#mytype-body .min-w-\[calc\(100\%-40\%-1rem\)\] {
    min-width: calc(100% - 40% - 1rem)
}
#mytype-body .min-w-\[calc\(100vw-var\(--bars-size\)\)\] {
    min-width: calc(100vw - var(--bars-size))
}
#mytype-body .min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}
#mytype-body .min-w-full {
    min-width: 100%
}
#mytype-body .min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}
#mytype-body .max-w-\[0\.3rem\] {
    max-width: 0.3rem
}
#mytype-body .max-w-\[100\%\] {
    max-width: 100%
}
#mytype-body .max-w-\[12rem\] {
    max-width: 12rem
}
#mytype-body .max-w-\[14rem\] {
    max-width: 14rem
}
#mytype-body .max-w-\[15rem\] {
    max-width: 15rem
}
#mytype-body .max-w-\[200px\] {
    max-width: 200px
}
#mytype-body .max-w-\[25rem\] {
    max-width: 25rem
}
#mytype-body .max-w-\[350px\] {
    max-width: 350px
}
#mytype-body .max-w-\[40\%\] {
    max-width: 40%
}
#mytype-body .max-w-\[50\%\] {
    max-width: 50%
}
#mytype-body .max-w-\[56rem\] {
    max-width: 56rem
}
#mytype-body .max-w-\[60\%\] {
    max-width: 60%
}
#mytype-body .max-w-\[7\.5rem\] {
    max-width: 7.5rem
}
#mytype-body .max-w-\[7rem\] {
    max-width: 7rem
}
#mytype-body .max-w-\[calc\(100vw-var\(--bars-size\)\)\] {
    max-width: calc(100vw - var(--bars-size))
}
#mytype-body .max-w-\[var\(--container-w\)\] {
    max-width: var(--container-w)
}
#mytype-body .max-w-full {
    max-width: 100%
}
#mytype-body .max-w-md {
    max-width: 28rem
}
#mytype-body .max-w-sm {
    max-width: 24rem
}
#mytype-body .flex-1 {
    flex: 1 1 0%
}
#mytype-body .flex-shrink {
    flex-shrink: 1
}
#mytype-body .flex-shrink-0 {
    flex-shrink: 0
}
#mytype-body .shrink-0 {
    flex-shrink: 0
}
#mytype-body .flex-grow {
    flex-grow: 1
}
#mytype-body .flex-grow-0 {
    flex-grow: 0
}
#mytype-body .flex-grow-\[10\] {
    flex-grow: 10
}
#mytype-body .flex-grow-\[30\] {
    flex-grow: 30
}
#mytype-body .grow {
    flex-grow: 1
}
#mytype-body .basis-2\/5 {
    flex-basis: 40%
}
#mytype-body .basis-full {
    flex-basis: 100%
}
#mytype-body .border-collapse {
    border-collapse: collapse
}
#mytype-body .rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#mytype-body .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
#mytype-body .cursor-default {
    cursor: default
}
#mytype-body .cursor-grab {
    cursor: grab
}
#mytype-body .cursor-not-allowed {
    cursor: not-allowed
}
#mytype-body .cursor-pointer {
    cursor: pointer
}
#mytype-body .select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
#mytype-body .resize-none {
    resize: none
}
#mytype-body .resize {
    resize: both
}
#mytype-body .list-disc {
    list-style-type: disc
}
#mytype-body .auto-rows-\[4rem\] {
    grid-auto-rows: 4rem
}
#mytype-body .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
#mytype-body .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
#mytype-body .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}
#mytype-body .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto
}
#mytype-body .grid-cols-\[repeat\(auto-fill\2c 20rem\)\] {
    grid-template-columns: repeat(auto-fill,20rem)
}
#mytype-body .flex-row {
    flex-direction: row
}
#mytype-body .flex-row-reverse {
    flex-direction: row-reverse
}
#mytype-body .flex-col {
    flex-direction: column
}
#mytype-body .flex-wrap {
    flex-wrap: wrap
}
#mytype-body .flex-nowrap {
    flex-wrap: nowrap
}
#mytype-body .place-content-center {
    place-content: center
}
#mytype-body .place-content-start {
    place-content: start
}
#mytype-body .place-content-between {
    place-content: space-between
}
#mytype-body .content-center {
    align-content: center
}
#mytype-body .items-start {
    align-items: flex-start
}
#mytype-body .items-end {
    align-items: flex-end
}
#mytype-body .items-center {
    align-items: center
}
#mytype-body .items-stretch {
    align-items: stretch
}
#mytype-body .justify-normal {
    justify-content: normal
}
#mytype-body .justify-start {
    justify-content: flex-start
}
#mytype-body .justify-end {
    justify-content: flex-end
}
#mytype-body .justify-center {
    justify-content: center
}
#mytype-body .justify-between {
    justify-content: space-between
}
#mytype-body .justify-around {
    justify-content: space-around
}
#mytype-body .justify-stretch {
    justify-content: stretch
}
#mytype-body .justify-items-start {
    justify-items: start
}
#mytype-body .justify-items-end {
    justify-items: end
}
#mytype-body .gap-0 {
    gap: 0px
}
#mytype-body .gap-0\.5 {
    gap: 0.125rem
}
#mytype-body .gap-1 {
    gap: 0.25rem
}
#mytype-body .gap-10 {
    gap: 2.5rem
}
#mytype-body .gap-12 {
    gap: 3rem
}
#mytype-body .gap-2 {
    gap: 0.5rem
}
#mytype-body .gap-2\.5 {
    gap: 0.625rem
}
#mytype-body .gap-3 {
    gap: 0.75rem
}
#mytype-body .gap-4 {
    gap: 1rem
}
#mytype-body .gap-5 {
    gap: 1.25rem
}
#mytype-body .gap-6 {
    gap: 1.5rem
}
#mytype-body .gap-8 {
    gap: 2rem
}
#mytype-body .gap-\[0\.03rem\] {
    gap: 0.03rem
}
#mytype-body .gap-\[0\.1rem\] {
    gap: 0.1rem
}
#mytype-body .gap-\[1rem\] {
    gap: 1rem
}
#mytype-body .gap-\[2px\] {
    gap: 2px
}
#mytype-body .gap-\[2rem\] {
    gap: 2rem
}
#mytype-body .gap-\[4rem\] {
    gap: 4rem
}
#mytype-body .gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem
}
#mytype-body .gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem
}
#mytype-body .gap-y-4 {
    row-gap: 1rem
}
#mytype-body :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
#mytype-body :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
#mytype-body :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
#mytype-body .place-self-center {
    place-self: center
}
#mytype-body .self-start {
    align-self: flex-start
}
#mytype-body .self-end {
    align-self: flex-end
}
#mytype-body .self-center {
    align-self: center
}
#mytype-body .self-stretch {
    align-self: stretch
}
#mytype-body .justify-self-end {
    justify-self: end
}
#mytype-body .overflow-auto {
    overflow: auto
}
#mytype-body .overflow-hidden {
    overflow: hidden
}
#mytype-body .overflow-visible {
    overflow: visible
}
#mytype-body .overflow-x-auto {
    overflow-x: auto
}
#mytype-body .overflow-y-auto {
    overflow-y: auto
}
#mytype-body .overflow-x-hidden {
    overflow-x: hidden
}
#mytype-body .overflow-y-hidden {
    overflow-y: hidden
}
#mytype-body .overflow-y-visible {
    overflow-y: visible
}
#mytype-body .overflow-y-scroll {
    overflow-y: scroll
}
#mytype-body .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#mytype-body .text-ellipsis {
    text-overflow: ellipsis
}
#mytype-body .whitespace-normal {
    white-space: normal
}
#mytype-body .whitespace-nowrap {
    white-space: nowrap
}
#mytype-body .whitespace-pre-wrap {
    white-space: pre-wrap
}
#mytype-body .text-wrap {
    text-wrap: wrap
}
#mytype-body .break-normal {
    overflow-wrap: normal;
    word-break: normal
}
#mytype-body .break-words {
    overflow-wrap: break-word
}
#mytype-body .rounded-\[var\(--round\)\] {
    border-radius: var(--round)
}
#mytype-body .rounded-custom {
    border-radius: var(--round)
}
#mytype-body .rounded-full {
    border-radius: 100px
}
#mytype-body .rounded-l-\[var\(--round\)\] {
    border-top-left-radius: var(--round);
    border-bottom-left-radius: var(--round)
}
#mytype-body .rounded-r-\[var\(--round\)\] {
    border-top-right-radius: var(--round);
    border-bottom-right-radius: var(--round)
}
#mytype-body .rounded-t-\[var\(--round\)\] {
    border-top-left-radius: var(--round);
    border-top-right-radius: var(--round)
}
#mytype-body .border {
    border-width: 1px
}
#mytype-body .border-2 {
    border-width: 2px
}
#mytype-body .border-\[0\.5px\] {
    border-width: 0.5px
}
#mytype-body .border-\[1px\] {
    border-width: 1px
}
#mytype-body .border-x {
    border-left-width: 1px;
    border-right-width: 1px
}
#mytype-body .border-b {
    border-bottom-width: 1px
}
#mytype-body .border-l {
    border-left-width: 1px
}
#mytype-body .border-r {
    border-right-width: 1px
}
#mytype-body .border-t {
    border-top-width: 1px
}
#mytype-body .border-t-0 {
    border-top-width: 0px
}
#mytype-body .border-t-2 {
    border-top-width: 2px
}
#mytype-body .border-solid {
    border-style: solid
}
#mytype-body .border-dashed {
    border-style: dashed
}
#mytype-body .border-none {
    border-style: none
}
#mytype-body .border-\[var\(--accent\)\] {
    border-color: var(--accent)
}
#mytype-body .border-\[var\(--cds-ui-03\)\] {
    border-color: var(--cds-ui-03)
}
#mytype-body .border-\[var\(--cds-ui-03\2c \#e0e0e0\)\] {
    border-color: var(--cds-ui-03,#e0e0e0)
}
#mytype-body .border-\[var\(--selected\)\] {
    border-color: var(--selected)
}
#mytype-body .border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))
}
#mytype-body .border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}
#mytype-body .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}
#mytype-body .border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
}
#mytype-body .border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1))
}
#mytype-body .border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1))
}
#mytype-body .border-mediumGray {
    border-color: var(--medium-gray)
}
#mytype-body .border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1))
}
#mytype-body .border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
#mytype-body .border-selected {
    border-color: var(--selected)
}
#mytype-body .border-transparent {
    border-color: transparent
}
#mytype-body .bg-\[\#008ea9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 142 169 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-\[\#87becb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(135 190 203 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-\[rgb\(var\(--accent-rgb\)\)\] {
    background-color: rgb(var(--accent-rgb))
}
#mytype-body .bg-\[rgb\(var\(--light-red\)\)\] {
    background-color: rgb(var(--light-red))
}
#mytype-body .bg-\[rgb\(var\(--red\)\)\] {
    background-color: rgb(var(--red))
}
#mytype-body .bg-\[rgba\(var\(--accent-rgb\)\2c 0\.1\)\] {
    background-color: rgba(var(--accent-rgb),0.1)
}
#mytype-body .bg-\[var\(--accent\)\] {
    background-color: var(--accent)
}
#mytype-body .bg-\[var\(--background\)\] {
    background-color: var(--background)
}
#mytype-body .bg-\[var\(--bg-color\)\] {
    background-color: var(--bg-color)
}
#mytype-body .bg-\[var\(--bg-icon\)\] {
    background-color: var(--bg-icon)
}
#mytype-body .bg-\[var\(--cds-layer\)\] {
    background-color: var(--cds-layer)
}
#mytype-body .bg-\[var\(--cds-ui-01\2c \#f4f4f4\)\] {
    background-color: var(--cds-ui-01,#f4f4f4)
}
#mytype-body .bg-\[var\(--green\)\] {
    background-color: var(--green)
}
#mytype-body .bg-\[var\(--hover-color\)\] {
    background-color: var(--hover-color)
}
#mytype-body .bg-\[var\(--light-gray\)\] {
    background-color: var(--light-gray)
}
#mytype-body .bg-\[var\(--light-green\)\] {
    background-color: var(--light-green)
}
#mytype-body .bg-\[var\(--light-orange\)\] {
    background-color: var(--light-orange)
}
#mytype-body .bg-\[var\(--medium-gray\)\] {
    background-color: var(--medium-gray)
}
#mytype-body .bg-\[var\(--orange\)\] {
    background-color: var(--orange)
}
#mytype-body .bg-\[var\(--primary\)\] {
    background-color: var(--primary)
}
#mytype-body .bg-\[var\(--secondary\)\] {
    background-color: var(--secondary)
}
#mytype-body .bg-\[var\(--selected\)\] {
    background-color: var(--selected)
}
#mytype-body .bg-\[var\(--tab-header\)\] {
    background-color: var(--tab-header)
}
#mytype-body .bg-accent {
    background-color: var(--accent)
}
#mytype-body .bg-background {
    background-color: var(--background)
}
#mytype-body .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5)
}
#mytype-body .bg-black\/70 {
    background-color: rgb(0 0 0 / 0.7)
}
#mytype-body .bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-blue-500\/20 {
    background-color: rgb(59 130 246 / 0.2)
}
#mytype-body .bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-error {
    background-color: rgb(var(--red))
}
#mytype-body .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-green-500\/20 {
    background-color: rgb(34 197 94 / 0.2)
}
#mytype-body .bg-inherit {
    background-color: inherit
}
#mytype-body .bg-primary {
    background-color: var(--primary)
}
#mytype-body .bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-red-500\/10 {
    background-color: rgb(239 68 68 / 0.1)
}
#mytype-body .bg-red-500\/30 {
    background-color: rgb(239 68 68 / 0.3)
}
#mytype-body .bg-transparent {
    background-color: transparent
}
#mytype-body .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
#mytype-body .bg-none {
    background-image: none
}
#mytype-body .fill-\[var\(--accent\)\] {
    fill: var(--accent)
}
#mytype-body .fill-\[var\(--primary\)\] {
    fill: var(--primary)
}
#mytype-body .stroke-\[var\(--accent\)\] {
    stroke: var(--accent)
}
#mytype-body .stroke-\[var\(--selected\)\] {
    stroke: var(--selected)
}
#mytype-body .object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
#mytype-body .p-0 {
    padding: 0px
}
#mytype-body .p-1 {
    padding: 0.25rem
}
#mytype-body .p-1\.5 {
    padding: 0.375rem
}
#mytype-body .p-10 {
    padding: 2.5rem
}
#mytype-body .p-12 {
    padding: 3rem
}
#mytype-body .p-2 {
    padding: 0.5rem
}
#mytype-body .p-2\.5 {
    padding: 0.625rem
}
#mytype-body .p-3 {
    padding: 0.75rem
}
#mytype-body .p-3\.5 {
    padding: 0.875rem
}
#mytype-body .p-4 {
    padding: 1rem
}
#mytype-body .p-5 {
    padding: 1.25rem
}
#mytype-body .p-6 {
    padding: 1.5rem
}
#mytype-body .p-8 {
    padding: 2rem
}
#mytype-body .p-\[10px\] {
    padding: 10px
}
#mytype-body .p-\[1px\] {
    padding: 1px
}
#mytype-body .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
#mytype-body .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}
#mytype-body .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
#mytype-body .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
#mytype-body .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
#mytype-body .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
#mytype-body .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
#mytype-body .px-\[0\.375rem\] {
    padding-left: 0.375rem;
    padding-right: 0.375rem
}
#mytype-body .px-\[0\.688rem\] {
    padding-left: 0.688rem;
    padding-right: 0.688rem
}
#mytype-body .py-0 {
    padding-top: 0px;
    padding-bottom: 0px
}
#mytype-body .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
#mytype-body .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
#mytype-body .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
#mytype-body .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
#mytype-body .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
#mytype-body .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
#mytype-body .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
#mytype-body .py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem
}
#mytype-body .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
#mytype-body .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
#mytype-body .py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}
#mytype-body .pb-0 {
    padding-bottom: 0px
}
#mytype-body .pb-1 {
    padding-bottom: 0.25rem
}
#mytype-body .pb-16 {
    padding-bottom: 4rem
}
#mytype-body .pb-2 {
    padding-bottom: 0.5rem
}
#mytype-body .pb-3 {
    padding-bottom: 0.75rem
}
#mytype-body .pb-4 {
    padding-bottom: 1rem
}
#mytype-body .pb-6 {
    padding-bottom: 1.5rem
}
#mytype-body .pb-8 {
    padding-bottom: 2rem
}
#mytype-body .pl-1 {
    padding-left: 0.25rem
}
#mytype-body .pl-10 {
    padding-left: 2.5rem
}
#mytype-body .pl-2 {
    padding-left: 0.5rem
}
#mytype-body .pl-4 {
    padding-left: 1rem
}
#mytype-body .pl-5 {
    padding-left: 1.25rem
}
#mytype-body .pl-6 {
    padding-left: 1.5rem
}
#mytype-body .pl-\[0\.2rem\] {
    padding-left: 0.2rem
}
#mytype-body .pr-1 {
    padding-right: 0.25rem
}
#mytype-body .pr-14 {
    padding-right: 3.5rem
}
#mytype-body .pr-2 {
    padding-right: 0.5rem
}
#mytype-body .pr-3 {
    padding-right: 0.75rem
}
#mytype-body .pr-4 {
    padding-right: 1rem
}
#mytype-body .pt-0 {
    padding-top: 0px
}
#mytype-body .pt-1 {
    padding-top: 0.25rem
}
#mytype-body .pt-10 {
    padding-top: 2.5rem
}
#mytype-body .pt-16 {
    padding-top: 4rem
}
#mytype-body .pt-2 {
    padding-top: 0.5rem
}
#mytype-body .pt-20 {
    padding-top: 5rem
}
#mytype-body .pt-3 {
    padding-top: 0.75rem
}
#mytype-body .pt-4 {
    padding-top: 1rem
}
#mytype-body .pt-6 {
    padding-top: 1.5rem
}
#mytype-body .pt-8 {
    padding-top: 2rem
}
#mytype-body .pt-\[0\.3rem\] {
    padding-top: 0.3rem
}
#mytype-body .pt-\[0\.813rem\] {
    padding-top: 0.813rem
}
#mytype-body .text-left {
    text-align: left
}
#mytype-body .text-center {
    text-align: center
}
#mytype-body .text-right {
    text-align: right
}
#mytype-body .text-start {
    text-align: start
}
#mytype-body .text-end {
    text-align: end
}
#mytype-body .align-middle {
    vertical-align: middle
}
#mytype-body .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
#mytype-body .font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
#mytype-body .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
#mytype-body .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
#mytype-body .text-\[0\.5rem\] {
    font-size: 0.5rem
}
#mytype-body .text-\[0\.65rem\] {
    font-size: 0.65rem
}
#mytype-body .text-\[0\.6875rem\] {
    font-size: 0.6875rem
}
#mytype-body .text-\[0\.6rem\] {
    font-size: 0.6rem
}
#mytype-body .text-\[22px\] {
    font-size: 22px
}
#mytype-body .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
#mytype-body .text-h4 {
    font-size: 18px
}
#mytype-body .text-h5 {
    font-size: 16px
}
#mytype-body .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
#mytype-body .text-regular {
    font-size: 16px
}
#mytype-body .text-s {
    font-size: 14px
}
#mytype-body .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
#mytype-body .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
#mytype-body .text-xs {
    font-size: 12px
}
#mytype-body .font-\[500\] {
    font-weight: 500
}
#mytype-body .font-bold {
    font-weight: 700
}
#mytype-body .font-extrabold {
    font-weight: 800
}
#mytype-body .font-medium {
    font-weight: 500
}
#mytype-body .font-normal {
    font-weight: 400
}
#mytype-body .font-semibold {
    font-weight: 450
}
#mytype-body .uppercase {
    text-transform: uppercase
}
#mytype-body .lowercase {
    text-transform: lowercase
}
#mytype-body .capitalize {
    text-transform: capitalize
}
#mytype-body .italic {
    font-style: italic
}
#mytype-body .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
#mytype-body .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
#mytype-body .leading-none {
    line-height: 1
}
#mytype-body .leading-relaxed {
    line-height: 1.625
}
#mytype-body .leading-tight {
    line-height: 1.25
}
#mytype-body .tracking-\[0\.05em\] {
    letter-spacing: 0.05em
}
#mytype-body .text-\[\#4786fc\] {
    --tw-text-opacity: 1;
    color: rgb(71 134 252 / var(--tw-text-opacity, 1))
}
#mytype-body .text-\[\#666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity, 1))
}
#mytype-body .text-\[\#999\] {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity, 1))
}
#mytype-body .text-\[var\(--accent\)\] {
    color: var(--accent)
}
#mytype-body .text-\[var\(--btn-primary\)\] {
    color: var(--btn-primary)
}
#mytype-body .text-\[var\(--cds-danger-01\)\] {
    color: var(--cds-danger-01)
}
#mytype-body .text-\[var\(--cds-support-error\)\] {
    color: var(--cds-support-error)
}
#mytype-body .text-\[var\(--cds-text-02\)\] {
    color: var(--cds-text-02)
}
#mytype-body .text-\[var\(--cds-text-error\)\] {
    color: var(--cds-text-error)
}
#mytype-body .text-\[var\(--color\)\] {
    color: var(--color)
}
#mytype-body .text-\[var\(--dark-gray\)\] {
    color: var(--dark-gray)
}
#mytype-body .text-\[var\(--light-gray\)\] {
    color: var(--light-gray)
}
#mytype-body .text-\[var\(--medium-gray\)\] {
    color: var(--medium-gray)
}
#mytype-body .text-\[var\(--orange\)\] {
    color: var(--orange)
}
#mytype-body .text-\[var\(--primary\)\] {
    color: var(--primary)
}
#mytype-body .text-\[var\(--status-button-text\)\] {
    color: var(--status-button-text)
}
#mytype-body .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}
#mytype-body .text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}
#mytype-body .text-carbonGray {
    color: var(--cds-text-02)
}
#mytype-body .text-error {
    color: rgb(var(--red))
}
#mytype-body .text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}
#mytype-body .text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}
#mytype-body .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}
#mytype-body .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}
#mytype-body .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}
#mytype-body .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}
#mytype-body .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
#mytype-body .text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1))
}
#mytype-body .text-mediumGray {
    color: var(--medium-gray)
}
#mytype-body .text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
#mytype-body .text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1))
}
#mytype-body .text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity, 1))
}
#mytype-body .text-primary {
    color: var(--primary)
}
#mytype-body .text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}
#mytype-body .text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
#mytype-body .text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
#mytype-body .text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1))
}
#mytype-body .text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
#mytype-body .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
#mytype-body .underline {
    text-decoration-line: underline
}
#mytype-body .line-through {
    text-decoration-line: line-through
}
#mytype-body .no-underline {
    text-decoration-line: none
}
#mytype-body .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
#mytype-body .placeholder-\[\#999\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(153 153 153 / var(--tw-placeholder-opacity, 1))
}
#mytype-body .placeholder-\[\#999\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(153 153 153 / var(--tw-placeholder-opacity, 1))
}
#mytype-body .accent-\[var\(--accent\)\] {
    accent-color: var(--accent)
}
#mytype-body .accent-black {
    accent-color: #000
}
#mytype-body .opacity-100 {
    opacity: 1
}
#mytype-body .opacity-40 {
    opacity: 0.4
}
#mytype-body .opacity-50 {
    opacity: 0.5
}
#mytype-body .opacity-60 {
    opacity: 0.6
}
#mytype-body .opacity-70 {
    opacity: 0.7
}
#mytype-body .opacity-80 {
    opacity: 0.8
}
#mytype-body .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#mytype-body .shadow-\[0_20px_25px_-5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_10px_10px_-5px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 10px 10px -5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#mytype-body .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#mytype-body .shadow-xt {
    --tw-shadow: -5px -2px 9px -4px rgba(0,0,0,0.1), 5px -2px 9px -3px rgba(0,0,0,0.1);
    --tw-shadow-colored: -5px -2px 9px -4px var(--tw-shadow-color), 5px -2px 9px -3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
#mytype-body .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
#mytype-body .outline {
    outline-style: solid
}
#mytype-body .outline-1 {
    outline-width: 1px
}
#mytype-body .outline-green-500 {
    outline-color: #22c55e
}
#mytype-body .outline-orange-500 {
    outline-color: #f97316
}
#mytype-body .outline-red-500 {
    outline-color: #ef4444
}
#mytype-body .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
#mytype-body .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
#mytype-body .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
#mytype-body .\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
#mytype-body .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
#mytype-body .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
#mytype-body .transition-\[min-width\] {
    transition-property: min-width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
#mytype-body .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
#mytype-body .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
#mytype-body .transition-colors {
    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
}
#mytype-body .duration-100 {
    transition-duration: 100ms
}
#mytype-body .duration-150 {
    transition-duration: 150ms
}
#mytype-body .duration-200 {
    transition-duration: 200ms
}
#mytype-body .duration-300 {
    transition-duration: 300ms
}
#mytype-body .duration-500 {
    transition-duration: 500ms
}
#mytype-body .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
#mytype-body .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
#mytype-body .content-\[\'\'\] {
    --tw-content: '';
    content: var(--tw-content)
}
#mytype-body .placeholder\:text-\[var\(--dark-gray\)\]::-moz-placeholder {
    color: var(--dark-gray)
}
#mytype-body .placeholder\:text-\[var\(--dark-gray\)\]::placeholder {
    color: var(--dark-gray)
}
#mytype-body .first\:mt-0:first-child {
    margin-top: 0px
}
#mytype-body .first\:border-0:first-child {
    border-width: 0px
}
#mytype-body .first\:pt-0:first-child {
    padding-top: 0px
}
#mytype-body .last\:border-b-0:last-child {
    border-bottom-width: 0px
}
#mytype-body .focus-within\:z-10:focus-within {
    z-index: 10
}
#mytype-body .focus-within\:border-\[var\(--accent\)\]:focus-within {
    border-color: var(--accent)
}
#mytype-body .focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
#mytype-body .focus-within\:ring-\[var\(--accent\)\]:focus-within {
    --tw-ring-color: var(--accent)
}
#mytype-body .hover\:z-10:hover {
    z-index: 10
}
#mytype-body .hover\:cursor-pointer:hover {
    cursor: pointer
}
#mytype-body .hover\:bg-\[rgba\(var\(--accent-rgb\)\2c 0\.6\)\]:hover {
    background-color: rgba(var(--accent-rgb),0.6)
}
#mytype-body .hover\:bg-\[var\(--background\)\]:hover {
    background-color: var(--background)
}
#mytype-body .hover\:bg-\[var\(--hover-color\)\]:hover {
    background-color: var(--hover-color)
}
#mytype-body .hover\:bg-\[var\(--primary-hover\)\]:hover {
    background-color: var(--primary-hover)
}
#mytype-body .hover\:bg-\[var\(--selected\)\]:hover {
    background-color: var(--selected)
}
#mytype-body .hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
}
#mytype-body .hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
}
#mytype-body .hover\:text-\[var\(--accent\)\]:hover {
    color: var(--accent)
}
#mytype-body .hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}
#mytype-body .hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}
#mytype-body .hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
#mytype-body .hover\:underline:hover {
    text-decoration-line: underline
}
#mytype-body .hover\:opacity-100:hover {
    opacity: 1
}
#mytype-body .hover\:opacity-90:hover {
    opacity: 0.9
}
#mytype-body .focus\:border-\[var\(--accent\)\]:focus {
    border-color: var(--accent)
}
#mytype-body .active\:cursor-grabbing:active {
    cursor: grabbing
}
#mytype-body .active\:bg-\[rgba\(var\(--accent-rgb\)\2c 0\.7\)\]:active {
    background-color: rgba(var(--accent-rgb),0.7)
}
#mytype-body .active\:bg-\[var\(--primary-active\)\]:active {
    background-color: var(--primary-active)
}
#mytype-body .active\:opacity-95:active {
    opacity: 0.95
}
#mytype-body .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}
#mytype-body .disabled\:opacity-50:disabled {
    opacity: 0.5
}
@media not all and (min-width: 1536px) {
    #mytype-body .max-2xl\:-mt-1 {
        margin-top: -0.25rem
    }
    #mytype-body .max-2xl\:-mt-2 {
        margin-top: -0.5rem
    }
    #mytype-body .max-2xl\:h-20 {
        height: 5rem
    }
    #mytype-body .max-2xl\:h-28 {
        height: 7rem
    }
    #mytype-body .max-2xl\:h-32 {
        height: 8rem
    }
    #mytype-body .max-2xl\:w-20 {
        width: 5rem
    }
    #mytype-body .max-2xl\:w-44 {
        width: 11rem
    }
    #mytype-body .max-2xl\:w-52 {
        width: 13rem
    }
    #mytype-body .max-2xl\:pt-4 {
        padding-top: 1rem
    }
}
@media not all and (min-width: 1024px) {
    #mytype-body .max-lg\:text-s {
        font-size: 14px
    }
}
@media (min-width: 768px) {
    #mytype-body .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}
@media (min-width: 1024px) {
    #mytype-body .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}
@media (prefers-color-scheme: dark) {
    #mytype-body .dark\:text-blue-400 {
        --tw-text-opacity: 1;
        color: rgb(96 165 250 / var(--tw-text-opacity, 1))
    }
    #mytype-body .dark\:text-green-400 {
        --tw-text-opacity: 1;
        color: rgb(74 222 128 / var(--tw-text-opacity, 1))
    }
}
#mytype-body :is(.\[\&\>\*\]\:min-h-\[5\.5rem\]>*) {
    min-height: 5.5rem
}
#mytype-body :is(.\[\&\>\*\]\:min-w-\[20rem\]>*) {
    min-width: 20rem
}
:root {
    --primary: #202a44;
    --primary-rgb: 32, 42, 68;
    --primary-hover: #253b72;
    --primary-active: #234fc0;
    --secondary: #d9eaf1;
    --warning: #c25d00;
    --warning-hover: #d46b00;
    --warning-active: #b35400;
    --accent-rgb: 95, 196, 225;
    --accent: rgb(var(--accent-rgb));
    /* Scroll navigation active state color - use for active section dots */
    --accent-active: #5FC4E1;
    --hover-color-rgb: 255, 255, 255;
    --hover-color: rgb(var(--hover-color-rgb));
    --selected: #e5e5e5;
    --highlight: #7893F4;
    --medium-gray: var(--cds-text-03);
    --dark-gray: var(--cds-text-02);
    --background-rgb: 246, 246, 246;
    --background: rgb(var(--background-rgb));
    --round: 0.313rem;
    --btn-primary: #0031bc;
    --topbar-fg: var(--hover-color);
    --reverse-background-rgb: 57, 57, 57;
    --reverse-background: rgb(var(--reverse-background-rgb));
    --bars-size: 3rem;
    --red: 172, 39, 39;
    --light-red: 241, 193, 193;
    --inactive-tab: #a6dcec;
    --topbar-margin: 0.1rem;
    --tab-header: #b7e0ec;
    --status-button-text: #323469;
    --cds-interactive-01: var(--primary) !important;
    --cds-hover-primary: var(--primary-hover) !important;
    --cds-active-primary: var(--primary-active) !important;
    --cds-interactive-03: var(--primary) !important;
    --cds-hover-tertiary: var(--primary) !important;
    --cds-active-tertiary: var(--primary-active) !important;
    --cds-text-error: rgb(var(--red)) !important;
    --cds-danger-01: rgb(var(--red)) !important;
    --cds-support-01: rgb(var(--red)) !important;
    --cds-warning: var(--warning) !important;
    --cds-active-warning: var(--warning-active) !important;
    --cds-hover-warning: var(--warning-hover) !important;
     --orange: #e48c28;
     --light-orange: #fae7d1;
     --pink: #ec5e8e;
     --ai-color: var(--pink);
     --green: #63a842;
     --light-green: #e1f1da;
     --seo-alert: #f5358a;
     --mint: #90EE90;
     --coral: #FF6B35;
     --yellow: #FFD700;
     --dark-pink: #D45A80;
     --red-coral: #FF4757;
    --filter-field-height: 2.5rem;
    --inner-content-padding: clamp(1rem, 3.5vh, 2.25rem);
    --min-toolbar-btn-height: 2.5rem;
    --max-toolbar-btn-height: 3rem;
    --toolbar-button-height: clamp(var(--min-toolbar-btn-height), 4.7vh, var(--max-toolbar-btn-height));
    --ai-gradient: linear-gradient(
      90deg,
      rgba(0, 107, 144, 1) 5%,
      rgba(0, 220, 184, 1) 14%,
      rgba(0, 220, 184, 1) 21%,
      rgba(255, 0, 76, 1) 41%,
      rgba(52, 123, 232, 1) 65%,
      rgba(80, 84, 217, 1) 73%,
      rgba(170, 0, 183, 1) 86%
    );
  }

  html {
    font-family: system-ui, sans-serif;
    background-color: var(--background);
  }
  code {
    font-family:
      Menlo,
      Monaco,
      Lucida Console,
      Liberation Mono,
      DejaVu Sans Mono,
      Bitstream Vera Sans Mono,
      Courier New,
      monospace;
  }

  .bx--btn:not(.bx--btn--ghost) {
    border-radius: var(--round);
  }

  .bx--modal-footer .bx--btn {
    border-radius: 0;
  }

  .bx--inline-loading__animation .bx--loading .bx--loading__stroke {
    stroke: var(--accent);
  }

  svg.bx--inline-loading__checkmark-container {
    fill: var(--accent);
  }

  .bx--overflow-menu:hover.bx--overflow-menu {
    background-color: rgba(var(--background-rgb), 0.1);
  }

  /* width */
  ::-webkit-scrollbar {
    width: 0.375rem;
    height: 0.375rem;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    opacity: 1;
    background-color: var(--background);
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    width: 0.5rem;
    background: #555;
  }