.tmnew {
    
    --tm-rem-25: 0.4rem; /* .25 */
    --tm-rem-31: 0.5rem; /* .3125 */
    --tm-rem-37: 0.6rem; /* .375 */
    --tm-rem-50: 0.8rem; /* .5 */
    --tm-rem-75: 1.2rem; /* .75 */
    --tm-rem-87: 1.4rem; /* .875 */
    --tm-rem-100: 1.6rem; /* 1 */
    --tm-rem-125: 2rem; /* 1.25 */
    --tm-rem-150: 2.4rem; /* 1.5 */
    --tm-rem-175: 2.8rem; /* 1.75 */
    --tm-rem-200: 3.2rem; /* 2 */
    --tm-rem-250: 4rem; /* 2.5 */
    --tm-rem-300: 4.8rem; /* 3 */
    --tm-rem-350: 5.6rem; /* 3.5 */
    --tm-rem-400: 6.4rem; /* 4 */
    --tm-rem-600: 9.6rem; /* 6 */
    --tm-rem-800: 12.8rem; /* 8 */
    --tm-rem-1200: 19.2rem; /* 12 */
    --tm-rem-1600: 25.6rem; /* 16 */
    --tm-rem-2000: 32rem; /* 20 */
    --tm-rem-2400: 38.4rem; /* 24 */
    --tm-rem-2500: 40rem; /* 25 */
    --tm-rem-3600: 57.6rem; /* 36 */
    --tm-rem-8000: 128rem; /* 80 */

    --tm-rem-minus-12: -0.2rem; /* -.125 */
    --tm-rem-minus-25: -0.4rem; /* -.25 */
    --tm-rem-minus-62: -1rem; /* -.625 */

    position: relative;

    /* html styles */
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    /* font-family: "Inter",ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; */
    /* min-width: 370px; */
    /* end html styles */

    /*
    body {
        margin: 0;
        line-height: inherit;
        overflow-y: scroll;
        font-synthesis-weight: none;
    }
    */

    /*
    lg: 1024px - 1200px
    md: 768px - 992px
    */

}

.tmnew *,
.tmnew :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 / .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: ;
}

.tmnew ::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 / .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: ;
}

.tmnew *:has(>[data-flux-main]) {
    display: grid;
    grid-area: body;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: min-content minmax(0, 1fr) min-content;
    grid-template-areas: "header    header    header"
        "sidebar main    aside"
        "sidebar footer  aside";
}

.tmnew *:has(>[data-flux-sidebar]+[data-flux-header]) {
    grid-template-areas: "sidebar header    header"
        "sidebar main    aside"
        "sidebar footer  aside";
}

.tmnew *,
.tmnew :before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #d5dae1;
}

.tmnew :before,:after {
    --tw-content: "";
}


.tmnew a {
    color: inherit;
    text-decoration: inherit;
}

.tmnew button,
.tmnew input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

.tmnew button {
    text-transform: none;
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    cursor: pointer;
}

.tmnew :-moz-focusring {
    outline: auto;
}

.tmnew :-moz-ui-invalid {
    box-shadow: none;
}

.tmnew ::-webkit-inner-spin-button,
.tmnew ::-webkit-outer-spin-button {
    height: auto;
}

.tmnew [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

.tmnew ::-webkit-search-decoration {
    -webkit-appearance: none;
}

.tmnew ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

.tmnew input::-moz-placeholder {
    opacity: 1;
    color: #8896ab;
}

.tmnew :disabled {
    cursor: default;
}

.tmnew svg {
    display: block;
    vertical-align: middle;
}

.tmnew [data-flux-sidebar] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tmnew a.hoverline:after {
    border-bottom-width: 2px;
    --tw-text-opacity: 1;
    color: rgb(64 79 101 / var(--tw-text-opacity, 1));
    display: block;
    content: "";
    transform: scaleX(0);
    transition: transform .15s ease-in-out;
}

.tmnew a.hoverline:hover:after {
    transform: scaleX(1);
}

.tmnew a:hover {
    --tw-text-opacity: 1;
    color: rgb(51 63 81 / var(--tw-text-opacity, 1));
}

.tmnew a>svg:hover,
.tmnew button>svg:hover {
    transform: scale(115%);
}

.tmnew input[type=search]::-webkit-search-decoration,
.tmnew input[type=search]::-webkit-search-cancel-button,
.tmnew input[type=search]::-webkit-search-results-button,
.tmnew input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.tmnew .fixed {
    position: fixed;
}

.tmnew .absolute {
    position: absolute;
}

.tmnew .relative {
    position: relative;
}

.tmnew .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tmnew .inset-y-\[3px\] {
    top: 3px;
    bottom: 3px;
}

.tmnew .left-0 {
    left: 0;
}

.tmnew .right-3 {
    right: var(--tm-rem-75);
}

.tmnew .top-0 {
    top: 0;
}

.tmnew .top-3 {
    top: var(--tm-rem-75);
}

.tmnew .\!z-20 {
    z-index: 20!important;
}

.tmnew .z-10 {
    z-index: 10;
}

.tmnew .z-30 {
    z-index: 30;
}

.tmnew .z-50 {
    z-index: 50;
}

.tmnew .z-\[1\] {
    z-index: 1;
}

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

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

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

.tmnew .m-0 {
    margin: 0;
}

.tmnew .m-8 {
    margin: var(--tm-rem-200);
}

.tmnew .mx-4 {
    margin-left: var(--tm-rem-100);
    margin-right: var(--tm-rem-100);
}

.tmnew .my-2 {
    margin-top: var(--tm-rem-50);
    margin-bottom: var(--tm-rem-50);
}

.tmnew .my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}

.tmnew .-ml-0\.5 {
    margin-left: var(--tm-rem-minus-12);
}

.tmnew .-ml-1 {
    margin-left: -.25rem;
}

.tmnew .-ml-2\.5 {
    margin-left: var(--tm-rem-minus-62);
}

.tmnew .mb-\[2px\] {
    margin-bottom: 2px;
}

.tmnew .ml-4 {
    margin-left: var(--tm-rem-100);
}

.tmnew .ml-8 {
    margin-left: var(--tm-rem-200);
}

.tmnew .mr-2 {
    margin-right: var(--tm-rem-50);
}

.tmnew .mr-4 {
    margin-right: var(--tm-rem-100);
}

.tmnew .mt-8 {
    margin-top: var(--tm-rem-200);
}

.tmnew .blck {
    display: block;
}

.tmnew .flex {
    display: flex;
}

.tmnew .inline-flex {
    display: inline-flex;
}

.tmnew .grid {
    display: grid;
}

.tmnew .hdn {
    display: none;
}

.tmnew .\!size-3 {
    width: var(--tm-rem-75)!important;
    height: var(--tm-rem-75)!important;
}

.tmnew .\!size-4 {
    width: var(--tm-rem-100)!important;
    height: var(--tm-rem-100)!important;
}

.tmnew .h-10 {
    height: var(--tm-rem-250);
}

.tmnew .h-14 {
    height: var(--tm-rem-350);
}

.tmnew .h-5 {
    height: var(--tm-rem-125);
}

.tmnew .h-6 {
    height: var(--tm-rem-150);
}

.tmnew .h-\[70px\] {
    height: 70px;
}

.tmnew .h-screen {
    height: 100vh;
}

.tmnew .max-h-dvh {
    max-height: 100dvh;
}

.tmnew .w-10 {
    width: var(--tm-rem-250);
}

.tmnew .w-32 {
    width: var(--tm-rem-800);
}

.tmnew .w-3 {
    width: var(--tm-rem-75);
}

.tmnew .w-5 {
    width: var(--tm-rem-125);
}

.tmnew .w-6 {
    width: var(--tm-rem-150);
}

.tmnew .w-7 {
    width: var(--tm-rem-175);
}

.tmnew .w-96 {
    width: var(--tm-rem-2400);
}

.tmnew .w-full {
    width: 100%;
}

.tmnew .w-px {
    width: 1px;
}

.tmnew .w-screen {
    width: 100vw;
}

.tmnew .max-w-full {
    max-width: 100%;
}

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

.tmnew .flex-shrink-0 {
    flex-shrink: 0;
}

.tmnew .shrink-0 {
    flex-shrink: 0;
}

.tmnew .origin-top-right {
    transform-origin: top right;
}

.tmnew .auto-cols-auto {
    grid-auto-columns: auto;
}

.tmnew .auto-cols-max {
    grid-auto-columns: max-content;
}

.tmnew .auto-cols-min {
    grid-auto-columns: min-content;
}

.tmnew .grid-flow-col {
    grid-auto-flow: column;
}

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

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

.tmnew .flex-row {
    flex-direction: row;
}

.tmnew .flex-col {
    flex-direction: column;
}

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

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

.tmnew .content-center {
    align-content: center;
}

.tmnew .items-center {
    align-items: center;
}

.tmnew .justify-center {
    justify-content: center;
}

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

.tmnew .gap-1 {
    gap: var(--tm-rem-25);
}

.tmnew .gap-2 {
    gap: var(--tm-rem-50);
}

.tmnew .gap-3 {
    gap: var(--tm-rem-75);
}

.tmnew .gap-4 {
    gap: var(--tm-rem-100);
}

.tmnew .gap-8 {
    gap: var(--tm-rem-200);
}

.tmnew .gap-x-1\.5 {
    -moz-column-gap: var(--tm-rem-37);
    column-gap: var(--tm-rem-37);
}

.tmnew .space-y-\[2px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2px * var(--tw-space-y-reverse));
}

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

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

.tmnew .overflow-visible {
    overflow: visible;
}

.tmnew .overflow-y-auto {
    overflow-y: auto;
}

.tmnew .overflow-y-scroll {
    overflow-y: scroll;
}

.tmnew .overscroll-contain {
    overscroll-behavior: contain;
}

.tmnew .whitespace-normal {
    white-space: normal;
}

.tmnew .whitespace-nowrap {
    white-space: nowrap;
}

.tmnew .\!rounded-2xl {
    border-radius: var(--tm-rem-100)!important;
}

.tmnew .rounded-full {
    border-radius: 9999px;
}

.tmnew .rounded-lg {
    border-radius: var(--tm-rem-50);
}

.tmnew .rounded-md {
    border-radius: var(--tm-rem-37);
}

.tmnew .rounded-xl {
    border-radius: var(--tm-rem-75);
}

.tmnew .rounded-r-xl {
    border-top-right-radius: var(--tm-rem-75);
    border-bottom-right-radius: var(--tm-rem-75);
}

.tmnew .border {
    border-width: 1px;
}

.tmnew .border-0 {
    border-width: 0px;
}

.tmnew .border-b {
    border-bottom-width: 1px;
}

.tmnew .border-r {
    border-right-width: 1px;
}

.tmnew .border-t {
    border-top-width: 1px;
}

.tmnew .border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(238 240 243 / var(--tw-border-opacity, 1));
}

.tmnew .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(213 218 225 / var(--tw-border-opacity, 1));
}

.tmnew .border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

.tmnew .border-b-gray-200 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(213 218 225 / var(--tw-border-opacity, 1));
}

.tmnew .border-b-zinc-300\/80 {
    border-bottom-color: #d4d4d8cc;
}

.tmnew .\!bg-\[\#5A25F4\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(90 37 244 / var(--tw-bg-opacity, 1))!important;
}

.tmnew .\!bg-inherit {
    background-color: inherit!important;
}

.tmnew .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 243 / var(--tw-bg-opacity, 1));
}

.tmnew .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(213 218 225 / var(--tw-bg-opacity, 1));
}

.tmnew .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.tmnew .bg-transparent {
    background-color: transparent;
}

.tmnew .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tmnew .bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}

.tmnew .\!p-4 {
    padding: var(--tm-rem-100)!important;
}

.tmnew .p-0 {
    padding: 0;
}

.tmnew .p-4 {
    padding: var(--tm-rem-100);
}

.tmnew .p-\[\.3125rem\] {
    padding: var(--tm-rem-31);
}

.tmnew .px-2 {
    padding-left: var(--tm-rem-50);
    padding-right: var(--tm-rem-50);
}

.tmnew .px-3 {
    padding-left: var(--tm-rem-75);
    padding-right: var(--tm-rem-75);
}

.tmnew .px-4 {
    padding-left: var(--tm-rem-100);
    padding-right: var(--tm-rem-100);
}

.tmnew .py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.tmnew .py-1\.5 {
    padding-top: var(--tm-rem-37);
    padding-bottom: var(--tm-rem-37);
}

.tmnew .py-2 {
    padding-top: var(--tm-rem-50);
    padding-bottom: var(--tm-rem-50);
}

.tmnew .pb-16 {
    padding-bottom: var(--tm-rem-400);
}

.tmnew .pl-3 {
    padding-left: var(--tm-rem-75);
}

.tmnew .pl-7 {
    padding-left: var(--tm-rem-175);
}

.tmnew .pr-4 {
    padding-right: var(--tm-rem-100);
}

.tmnew .pt-24 {
    padding-top: var(--tm-rem-600);
}

.tmnew .pt-\[70px\] {
    padding-top: 70px;
}

.tmnew .text-left {
    text-align: left;
}

.tmnew .font-montserrat {
    font-family: Montserrat,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}

.tmnew .\!text-base {
    font-size: var(--tm-rem-100)!important;
    line-height: var(--tm-rem-150)!important;
}

.tmnew .text-base {
    font-size: var(--tm-rem-100);
    line-height: var(--tm-rem-150);
}

.tmnew .text-sm {
    font-size: var(--tm-rem-87);
    line-height: var(--tm-rem-125);
}

.tmnew .text-xl {
    font-size: var(--tm-rem-125);
    line-height: var(--tm-rem-175);
}

.tmnew .\!font-normal {
    font-weight: 400!important;
}

.tmnew .font-bold {
    font-weight: 700;
}

.tmnew .font-medium {
    font-weight: 500;
}

.tmnew .font-normal {
    font-weight: 400;
}

.tmnew .leading-none {
    line-height: 1;
}

.tmnew .\!text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(85 105 135 / var(--tw-text-opacity, 1))!important;
}

.tmnew .\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))!important;
}

.tmnew .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(85 105 135 / var(--tw-text-opacity, 1));
}

.tmnew .text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tmnew .text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(85 105 135 / var(--tw-text-opacity, 1));
}

.tmnew .text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(51 63 81 / var(--tw-text-opacity, 1));
}
.tmnew .text-red {
    --tw-text-opacity: 1;
    color: #dc3545;
}

.tmnew .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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);
}

.tmnew .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.tmnew .shadow-indigo-900\/40 {
    --tw-shadow-color: rgb(49 46 129 / .4);
    --tw-shadow: var(--tw-shadow-colored);
}

.tmnew .ring-1 {
    --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);
}

.tmnew .ring-inset {
    --tw-ring-inset: inset;
}

.tmnew .ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(187 195 207 / var(--tw-ring-opacity, 1));
}

.tmnew .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

.tmnew .\[grid-area\:sidebar\] {
    grid-area: sidebar;
}

.tmnew .focus-within\:ring-2: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(2px + 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);
}

.tmnew .focus-within\:ring-indigo-700:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(67 56 202 / var(--tw-ring-opacity, 1));
}

.tmnew .hover\:-rotate-1:hover {
    --tw-rotate: -1deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tmnew .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tmnew .hover\:border-zinc-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

.tmnew .hover\:bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.tmnew .hover\:bg-zinc-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.tmnew .hover\:bg-zinc-800\/5:hover {
    background-color: #333f510d;
}

.tmnew .hover\:text-slate-800:hover {
    --tw-text-opacity: 1;
    color: rgb(51 63 81 / var(--tw-text-opacity, 1));
}

.tmnew .hover\:text-zinc-800:hover {
    --tw-text-opacity: 1;
    color: rgb(51 63 81 / var(--tw-text-opacity, 1));
}

.tmnew .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.tmnew .focus\:ring-0:focus {
    --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(0px + 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);
}

.tmnew .disabled\:pointer-events-none:disabled {
    pointer-events: none;
}

.tmnew .disabled\:cursor-default:disabled {
    cursor: default;
}

.tmnew .disabled\:opacity-75:disabled {
    opacity: .75;
}

.tmnew .has-\[\[data-flux-control\]\~\[data-flux-label\]\]\:grid-cols-\[auto_1fr\]:has([data-flux-control]~[data-flux-label]) {
    grid-template-columns: auto 1fr;
}

.tmnew .has-\[\[data-flux-label\]\~\[data-flux-control\]\]\:grid-cols-\[1fr_auto\]:has([data-flux-label]~[data-flux-control]) {
    grid-template-columns: 1fr auto;
}

.tmnew .data-\[stashed\]\:\!fixed[data-stashed] {
    position: fixed!important;
}

.tmnew .data-\[stashed\]\:\!left-0[data-stashed] {
    left: 0!important;
}

.tmnew .data-\[stashed\]\:\!top-0[data-stashed] {
    top: 0!important;
}

.tmnew .data-\[stashed\]\:\!max-h-dvh[data-stashed] {
    max-height: 100dvh!important;
}

.tmnew .data-\[stashed\]\:\!min-h-dvh[data-stashed] {
    min-height: 100dvh!important;
}

.tmnew .w-logo-main {
    width: 10.5rem;;
}
.tmnew .w-logo-market {
    width: 15.5rem;;
}
.tmnew .w-logo-games {
    width: 12.7rem;;
}
.tmnew .tm-number {
    font-weight: 700;
    border-radius: 5px;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    padding: 0 5px;
    margin-left: 5px;
}

.tmnew .glyphicon {
    vertical-align: -0.125em;
    margin-bottom: -0.0625em;
    margin-right: 3px;
}
.tmnew .button .glyphicon,
.tmnew .dropdown .glyphicon {
    transform: scale(1.5);
    margin-bottom: 0;
}
.tmnew .btn-create .glyphicon {
    margin-bottom: 0.08em;
}

.tmnew .data-\[open\]\:block[data-open] {
    display: block;
}
.tmnew button[data-open] .group-data-\[open\]\/disclosure-button\:block {
    display: block;
}
.tmnew .group\/disclosure-button[data-open] .group-data-\[open\]\/disclosure-button\:hidden {
    display: none;
}
.tmnew .dropdown-menu {
    --tw-shadow-color: rgb(49 46 129 / .4);
    --tw-shadow: var(--tw-shadow-colored);
}
.tmnew .dropdown-menu a:hover,
.tmnew .dropdown-menu button:hover,
.tmnew #tm_category_inner a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
    -webkit-text-stroke: 0.1px #000;
}

@media not all and (min-width: 640px) {

    .tmnew .max-sm\:w-screen {
        width: 100vw;
    }

    .tmnew .max-sm\:gap-2 {
        gap: var(--tm-rem-50);
    }
}

@media (min-width: 475px) {
    .tmnew .xs\:inline {
        display: inline;
    }

    .tmnew .xs\:hidden {
        display: none;
    }

    .tmnew .xs\:px-4 {
        padding-left: var(--tm-rem-100);
        padding-right: var(--tm-rem-100);
    }
}

@media (min-width: 640px) {

    .tmnew .sm\:absolute {
        position: absolute;
    }

    .tmnew .sm\:relative {
        position: relative;
    }

    .tmnew .sm\:right-5 {
        right: var(--tm-rem-125);
    }

    .tmnew .sm\:mt-0 {
        margin-top: 0;
    }

    .tmnew .sm\:mt-32 {
        margin-top: var(--tm-rem-800);
    }

    .tmnew .sm\:grid {
        display: grid;
    }

    .tmnew .sm\:hidden {
        display: none;
    }

    .tmnew .sm\:h-auto {
        height: auto;
    }

    .tmnew .sm\:w-0 {
        width: 0px;
    }

    .tmnew .sm\:w-auto {
        width: auto;
    }

    .tmnew .sm\:w-full {
        width: 100%;
    }

    .tmnew .sm\:auto-cols-max {
        grid-auto-columns: max-content;
    }

    .tmnew .sm\:grid-flow-col {
        grid-auto-flow: column;
    }

    .tmnew .sm\:overflow-y-hidden {
        overflow-y: hidden;
    }

    .tmnew .sm\:rounded-2xl {
        border-radius: var(--tm-rem-100);
    }

    .tmnew .sm\:px-6 {
        padding-left: var(--tm-rem-150);
        padding-right: var(--tm-rem-150);
    }

    .tmnew .sm\:pb-0 {
        padding-bottom: 0;
    }

    .tmnew .sm\:pt-0 {
        padding-top: 0;
    }
}

@media (min-width: 992px) {

    .tmnew .md\:inline {
        display: inline;
    }

    .tmnew .md\:flex {
        display: flex;
    }

    .tmnew .md\:grid {
        display: grid;
    }

    .tmnew .md\:hidden {
        display: none;
    }
}

@media (min-width: 1200px) {

    .tmnew .lg\:flex {
        display: flex;
    }

    .tmnew .lg\:inline-flex {
        display: inline-flex;
    }

    .tmnew .lg\:grid {
        display: grid;
    }

    .tmnew .lg\:hidden {
        display: none;
    }

    .tmnew .lg\:h-8 {
        height: var(--tm-rem-200);
    }

    .tmnew .lg\:\!translate-x-0 {
        --tw-translate-x: 0px !important;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;
    }

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

    .tmnew .lg\:gap-2 {
        gap: var(--tm-rem-50);
    }

    .tmnew .lg\:gap-3 {
        gap: var(--tm-rem-75);
    }
}

@media (min-width: 1280px) {
    .tmnew .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .tmnew .xl\:flex {
        display: flex;
    }

    .tmnew .xl\:grid {
        display: grid;
    }

    .tmnew .xl\:hidden {
        display: none;
    }

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

    .tmnew .xl\:gap-4 {
        gap: var(--tm-rem-100);
    }
}

@media (min-width: 1536px) {
    .tmnew .\32xl\:flex {
        display: flex;
    }

    .tmnew .\32xl\:grid {
        display: grid;
    }

    .tmnew .\32xl\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .tmnew .\32xl\:gap-2 {
        gap: var(--tm-rem-50);
    }

    .tmnew .\32xl\:gap-6 {
        gap: var(--tm-rem-150);
    }
}

.tmnew .\[\&\:first-child\>\[data-flux-menu-separator-top\]\]\:hidden:first-child>[data-flux-menu-separator-top] {
    display: none;
}

.tmnew .\[\&\:has\(\>\[data-flux-checkbox-group\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50:has(>[data-flux-checkbox-group][disabled])>[data-flux-label] {
    opacity: .5;
}

.tmnew .\[\&\:has\(\>\[data-flux-radio-group\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50:has(>[data-flux-radio-group][disabled])>[data-flux-label] {
    opacity: .5;
}

.tmnew .\[\&\:last-child\>\[data-flux-menu-separator-bottom\]\]\:hidden:last-child>[data-flux-menu-separator-bottom] {
    display: none;
}

.tmnew .\[\&\:not\(\:has\(\*\)\)\]\:\!border-t-0:not(:has(*)) {
    border-top-width: 0px!important;
}

.tmnew .\[\&\:not\(\:has\(\[data-flux-field\]\)\)\:has\(\[data-flux-control\]\[disabled\]\)\>\[data-flux-label\]\]\:opacity-50:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label] {
    opacity: .5;
}

.tmnew .\[\&\:not\(\:has\(ui-empty\[data-hidden\]\)\)\]\:hidden:not(:has(ui-empty[data-hidden])) {
    display: none;
}

.tmnew .\[\&\>\*\:first-child\:not\(\:last-child\)\>\[data-flux-group-target\]\]\:rounded-r-none>*:first-child:not(:last-child)>[data-flux-group-target] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tmnew .\[\&\>\*\:first-child\:not\(\:last-child\)\>\[data-flux-input\]\>\[data-flux-group-target\]\]\:rounded-r-none>*:first-child:not(:last-child)>[data-flux-input]>[data-flux-group-target] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tmnew .\[\&\>\*\:last-child\:not\(\:first-child\)\>\[data-flux-group-target\]\]\:rounded-l-none>*:last-child:not(:first-child)>[data-flux-group-target] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tmnew .\[\&\>\*\:last-child\:not\(\:first-child\)\>\[data-flux-input\]\>\[data-flux-group-target\]\]\:rounded-l-none>*:last-child:not(:first-child)>[data-flux-input]>[data-flux-group-target] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tmnew .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\:not\(\:only-child\)\>\[data-flux-group-target\]\]\:rounded-none>*:not(:first-child):not(:last-child):not(:only-child)>[data-flux-group-target] {
    border-radius: 0;
}

.tmnew .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\:not\(\:only-child\)\>\[data-flux-input\]\>\[data-flux-group-target\]\]\:rounded-none>*:not(:first-child):not(:last-child):not(:only-child)>[data-flux-input]>[data-flux-group-target] {
    border-radius: 0;
}

.tmnew .\[\&\>\*\:not\(\[data-flux-label\]\)\+\[data-flux-description\]\]\:mt-3>*:not([data-flux-label])+[data-flux-description] {
    margin-top: var(--tm-rem-75);
}

.tmnew .\[\&\>\[data-flux-field\]\:has\(\>\[data-flux-description\]\)\]\:mb-4>[data-flux-field]:has(>[data-flux-description]) {
    margin-bottom: var(--tm-rem-100);
}

.tmnew .\[\&\>\[data-flux-input\]\:first-child\:not\(\:last-child\)\>\[data-flux-group-target\]\:not\(\[data-invalid\]\)\]\:border-r-0>[data-flux-input]:first-child:not(:last-child)>[data-flux-group-target]:not([data-invalid]) {
    border-right-width: 0px;
}

.tmnew .\[\&\>\[data-flux-input\]\:last-child\:not\(\:first-child\)\>\[data-flux-group-target\]\:not\(\[data-invalid\]\)\]\:border-l-0>[data-flux-input]:last-child:not(:first-child)>[data-flux-group-target]:not([data-invalid]) {
    border-left-width: 0px;
}

.tmnew .\[\&\>\[data-flux-input\]\:not\(\:first-child\)\:not\(\:last-child\)\>\[data-flux-group-target\]\:not\(\[data-invalid\]\)\]\:border-x-0>[data-flux-input]:not(:first-child):not(:last-child)>[data-flux-group-target]:not([data-invalid]) {
    border-left-width: 0px;
    border-right-width: 0px;
}

.tmnew .\[\&\>\[data-flux-label\]\:has\(\+\[data-flux-description\]\)\]\:mb-2>[data-flux-label]:has(+[data-flux-description]) {
    margin-bottom: var(--tm-rem-50);
}

@media not all and (min-width: 1200px) {
    .tmnew .max-lg\:\[\&\[data-mobile-cloak\]\]\:hidden[data-mobile-cloak] {
        display: none;
    }
}

.tmnew .\[\&_\[data-flux-menu-item-icon\]\]\:text-zinc-400 [data-flux-menu-item-icon] {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tmnew :is([data-flux-button-group]>.\[\:is\(\[data-flux-button-group\]\>\&\:first-child\,
.tmnew _\[data-flux-button-group\]_\:first-child\>\&\)\]\:border-l-\[1px\]:first-child,
.tmnew [data-flux-button-group] :first-child>.\[\:is\(\[data-flux-button-group\]\>\&\:first-child\,
.tmnew _\[data-flux-button-group\]_\:first-child\>\&\)\]\:border-l-\[1px\]) {
    border-left-width: 1px;
}

.tmnew :is([data-flux-button-group]>.\[\:is\(\[data-flux-button-group\]\>\&\:last-child\,
.tmnew _\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-r-0:last-child,
.tmnew [data-flux-button-group] :last-child>.\[\:is\(\[data-flux-button-group\]\>\&\:last-child\,
.tmnew _\[data-flux-button-group\]_\:last-child\>\&\)\]\:border-r-0) {
    border-right-width: 0px;
}

.tmnew :where(.\[\:where\(\&\)\]\:size-4) {
    width: var(--tm-rem-100);
    height: var(--tm-rem-100);
}

.tmnew :where(.\[\:where\(\&\)\]\:size-5) {
    width: var(--tm-rem-125);
    height: var(--tm-rem-125);
}

.tmnew :where(.\[\:where\(\&\)\]\:size-6) {
    width: var(--tm-rem-150);
    height: var(--tm-rem-150);
}

.tmnew :where(.\[\:where\(\&\)\]\:max-h-\[20rem\]) {
    max-height: var(--tm-rem-2000);
}

.tmnew :where(.\[\:where\(\&\)\]\:w-64) {
    width: var(--tm-rem-1600);
}

.tmnew :where(.\[\:where\(\&\)\]\:min-w-48) {
    min-width: var(--tm-rem-1200);
}

.tmnew :where(.\[\:where\(\&\)\]\:min-w-full) {
    min-width: 100%;
}

.tmnew :where(.\[\:where\(\&\)\]\:max-w-7xl) {
    max-width: var(--tm-rem-8000);
}

.tmnew :where(.\[\:where\(\&\)\]\:max-w-xl) {
    max-width: var(--tm-rem-3600);
}

@media (min-width: 992px) {
    .tmnew :where(.md\:\[\:where\(\&\)\]\:min-w-\[25rem\]) {
        min-width: var(--tm-rem-2500);
    }
}

.tmnew [data-flux-menu]:has(>[data-flux-menu-item-has-icon]) .\[\[data-flux-menu\]\:has\(\>\[data-flux-menu-item-has-icon\]\)_\&\]\:block {
    display: block;
}

.tmnew [data-flux-navlist-item] div,
.tmnew [data-flux-navlist-group] span {
    font-size: var(--tm-rem-100);
    line-height: var(--tm-rem-150);
    font-weight: 400;
}

[data-show-stashed-sidebar] .\[\[data-show-stashed-sidebar\]_\&\]\:block {
    display: block;
}

[data-show-stashed-sidebar] .\[\[data-show-stashed-sidebar\]_\&\]\:\!translate-x-0 {
    --tw-translate-x: 0px !important;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;
}

@media (min-width: 1200px) {
    [data-show-stashed-sidebar] .lg\:\[\[data-show-stashed-sidebar\]_\&\]\:hidden {
        display: none;
    }
}

@media (max-width: 639px) {
    .tmnew.container {
        padding-left: 0;
        padding-right: 0;
    }
}

.branding-active .tmnew.container {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1380px) {
    .branding-active .tmnew.container {
        max-width: 1280px;
        margin-bottom: 20px;
    }
}