@font-face {
    font-family: 'FARegular';
    src: url('../fonts/FontAwesome5Regular.otf') format('truetype');
}

@font-face {
    font-family: 'FABold';
    src: url('../fonts/FontAwesome5Solid.otf') format('truetype');
}

@font-face {
    font-family: 'FABrands';
    src: url('../fonts/FontAwesome5Brands.otf') format('truetype');
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_18pt-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Fugaz';
    src: url('../fonts/FugazOne-Regular.ttf') format('truetype');
}

html:root {
    --mud-typography-default-family: 'Inter' !important;
    --mud-typography-h1-family: 'Inter' !important;
    --mud-typography-h2-family: 'Inter' !important;
    --mud-typography-h3-family: 'Inter' !important;
    --mud-typography-h4-family: 'Inter' !important;
    --mud-typography-h5-family: 'Inter' !important;
    --mud-typography-h6-family: 'Inter' !important;
    --mud-typography-subtitle1-family: 'Inter' !important;
    --mud-typography-subtitle2-family: 'Inter' !important;
    --mud-typography-body1-family: 'Inter' !important;
    --mud-typography-body2-family: 'Inter' !important;
    --mud-typography-input-family: 'Inter' !important;
    --mud-typography-button-family: 'Inter' !important;
    --mud-typography-caption-family: 'Inter' !important;
    --mud-typography-overline-family: 'Inter' !important;
}

@-webkit-keyframes mud-open-dialog-center {
    0% {
        opacity: 0;
    }
    
    50% {
        opacity: 0.4;
    }
    
    100% {
        opacity: 1;
    }
}

@keyframes mud-open-dialog-center {
    0% {
        opacity: 0;
    }
    
    50% {
        opacity: 0.4;
    }
    
    100% {
        opacity: 1;
    }
}

:root {
    --viewport-height: 100vh;
    --viewport-height-wtb: calc(var(--viewport-height) - 48px);
}

/* Fallback to 'px' unit when 'svh' unit is not supported */
@supports (height: 100svh) {
    :root {
        --viewport-height: 100svh;
    }
}

.mud-dialog {
    animation: mud-open-dialog-center 0.4s ease-in-out;
}

html,
body {
    font-family: Prompt;
    font-size: 12px;
    background: var(--mud-palette-appbar-background, #27272fff);
    color: var(--mud-palette-appbar-text, #ffffffb2);
    overflow-x: hidden !important;
    overflow-y: hidden;
}

img[src=""],
img:not([src]) {
    display: none !important;
    border: none !important;
    height: unset !important;
    width: unset !important;
    visibility: hidden !important;
}

input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    display: none;
}

article {
    padding: 0px !important;
}

.appbar-style {
    height: 96px !important;
    position: fixed;
    width: 100%;
    top: 0px;
    background-color: var(--mud-palette-appbar-background);
}

.mud-expand-panel {
    background: linear-gradient(45deg, var(--mud-palette-background-gray), var(--mud-palette-surface));
}

.mud-expand-panel div[class*='mud-expand-panel-content'] {
    border-left-width: 8px;
    padding-left: 10px;
    border-left-color: var(--mud-palette-lines-inputs);
}

.mud-expand-panel div[class*='mud-expand-panel-content'] label[class*='mud-input-label'] {
    background: var(--mud-palette-background-gray);
}

.mud-appbar button[class*='mud-fab'] {
    border-radius: 4px;
    margin-left: 1px;
    margin-right: 1px;
    background: transparent;
}

.mud-appbar button[class*='mud-fab']:hover {
    background-color: var(--mud-palette-action-default-hover);
}

.mud-list-item-text {
    height: 23px;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.mud-list-item-text > p {
    display: flex;
    flex-wrap: nowrap;
    word-wrap: normal;
    text-wrap: nowrap;
    align-items: center;
    padding-top: 2px;
}

.mud-list-item-text > p > svg {
    margin-right: 10px;
}

.mud-list-item-text > p > i {
    width: 18px;
    height: 18px;
    margin-top: -8px;
    margin-right: 10px;
    font-size: 18px;
    text-align: center;
}

.mud-drawer-header {
    min-height: 48px;
}

.shadow-filter {
    filter: drop-shadow(3px 3px 10px #000000da);
}

.super-gradient {
    color: var(--mud-palette-text-primary);
    background: linear-gradient(125deg, var(--mud-palette-secondary), var(--mud-palette-dark));
}

.md-img {
    max-height: 300px;
    max-width: 100%;
    margin: auto;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.md-codeblock {
    color: #DCDCDC;
    padding: 14px;
    border-radius: 10px;
    font-family: monospace;
    font-size: 0.8em;
    margin-top: 4px;
    margin-bottom: 8px;
}

.md-codeblock > div {
    background-color: transparent !important;
}

.md-codeblock-text,
.md-codeblock-text * {
    word-wrap: break-word;
    text-wrap: revert;
}

.md-blockquote {
    border-left-width: 5px;
    border-left-color: var(--mud-palette-lines-default);
    padding-left: 10px;
}

.md-mark {
    border-radius: 4px;
    background: var(--mud-palette-warning);
    padding-left: 5px;
    padding-right: 5px;
}

.md-hr {
    border: 0;
    height: 1px;
    background: var(--mud-palette-primary-lighten);   
    margin-top: 1px;
}

.md-h1 {
    font-variant-caps: petite-caps;
    font-size: 1.6em;
    color: var(--mud-palette-primary-lighten);
}

.md-h2 {
    font-variant-caps: petite-caps;
    font-size: 1.5em;
    color: var(--mud-palette-primary-lighten);
}

.md-h3 {
    font-variant-caps: petite-caps;
    font-size: 1.4em;
    color: var(--mud-palette-primary-lighten);
}

.md-h4 {
    font-variant-caps: petite-caps;
    font-size: 1.3em;
    color: var(--mud-palette-primary-lighten);
}

.md-h5 {
    font-variant-caps: petite-caps;
    font-size: 1.2em;
    color: var(--mud-palette-primary-lighten);
}

.md-h6 {
    font-variant-caps: petite-caps;
    font-size: 1.1em;
    color: var(--mud-palette-primary-lighten);
}

.purple-circle {
    padding-left: 2em;
    color: var(--mud-palette-text-secondary);
}

ul.purple-circle > li {
    list-style-type: none;
    /* Remove default bullets */
    position: relative;
    /* Positioning context for the circle */
}

ul.purple-circle > li::before {
    content: '';
    /* Empty content */
    width: 5px;
    /* Circle size */
    height: 5px;
    /* Circle size */
    background-color: var(--mud-palette-info);
    /* Color, baby! */
    border-radius: 50%;
    /* Full circle */
    position: absolute;
    /* Absolute positioning */
    left: -1em;
    /* Move it to the left */
    top: 50%;
    /* Center it vertically */
    transform: translateY(-50%);
    /* Fine-tune the vertical centering */
}

.mud-appbar-no-gutters > .mud-toolbar-gutters {
    padding-left: 0px;
    padding-right: 0px;
}

.mud-skeleton {
    background-color: var(--mud-palette-divider);
}

.mud-dialog {
    max-width: 500px;
    overflow-y: auto;
}

.mud-dialog-container.mud-dialog-bottomcenter {
    padding-bottom: 0px;
}

.mud-tabs-panels {
    height: 100%;
    background: var(--mud-palette-background-gray);
    display: block !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.ms-remove {
    opacity: 0;
    height: 0;
    padding: 0;
    transition: all 0.5s ease-out;
}

.superhidden {
    display: none !important;
}

.disabled-color {
    color: #808080;
}

.share-border {
    border-left-color: #137F93; /* Darker shade of Aisoma Blue */
    border-left-style: inherit;
    border-left-width: 8px;
}

.border-selection-highlight {
    border: 0px solid #15ADC4; /* Primary Aisoma Blue */
}

.border-selection-highlight:hover {
    border-width: 3px;
}

.border-selection-highlight:active {
    border-width: 3px;
}

.border-selection-highlight:checked {
    border: 3px solid #58C3D6; /* Lighter shade of Aisoma Blue */
}

.button-app-bar-top {
    margin-left: 2px;
    width: 42px;
}

.button-app-bar-top > button {
    width: 42px;
    height: 42px;
    padding: 12px !important;
    box-shadow: none;
    background: transparent;
    transition: border-radius 0.25s ease-in-out, margin-bottom 0.25s ease-in-out;
}

.button-app-bar-top > button[aria-pressed="true"] {
    background: var(--mud-palette-surface) !important;
    border-radius: 10px 10px 0 0;
    margin-bottom: -6px;
}

.button-app-bar-top > button[aria-pressed="true"] > span > span {
    font-family: FABold;
}

.button-app-bar-top > button:hover {
    background: var(--mud-palette-primary) !important;
}

.row-selection-highlight {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
}

.row-selection-highlight:hover {
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary);
}

.row-selection-highlight:active {
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary-lighten);
}

.row-selection-highlight:checked {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark);
}

[type=radio]:checked + .border-selection-highlight {
    border-width: 3px;
}

.borderless-dialog {
    overflow: hidden;
    background: var(--mud-palette-appbar-background);
}

.borderless-dialog > .mud-dialog-title {
    padding: 0px;
}

.borderless-dialog > .outline-none {
    overflow: hidden;
    height: 100%;
}

.borderless-dialog > .outline-none > div > .mud-dialog-content {
    padding: 0px;
    height: var(--viewport-height-wtb);
    max-width: 500px;
}

.mudtextfield-fullheight1 {
    height: calc(var(--viewport-height-wtb) - 48px);
    width: 100%;
}

.mudtextfield-fullheight1 > div:first-child {
    height: 100%;
}

.mudtextfield-fullheight1 > div:first-child > div {
    height: 100%;
}

.mudtextfield-fullheight1 > div:first-child > div > textarea {
    height: calc(100% - 23px) !important;
}

.ms-autofit {
    height: 100%;
}

.center {
    align-items: center;
}

.outlined-full {
    margin-top: 0px;
}

.outlined-full > div > div > .mud-input-outlined-border {
    background: #00000036 !important;
    border-width: 0px !important;
}

.outlined-full > div > div > input {
    padding: 10px !important;
}

.outlined-full > div > div > .mud-input-slot {
    padding: 10px !important;
}

.element-expanded {
    width: calc(100% - 14px);
    transition: width 0.2s ease-in-out;
}

.mud-chip > .fa {
    margin-left: -4px;
    margin-right: 4px;
    margin-inline-start: -4px;
    margin-inline-end: 4px;
    color: inherit;
}

.mud-chip-textless > .mud-chip > .mud-chip-icon {
    margin: 0px;
}

.mud-chip-textless > .mud-chip > .fa {
    margin: 0px;
}

.mud-chip-textless > .mud-chip > .mud-chip-content {
    content-visibility: hidden;
    visibility: collapse;
    opacity: 0;
    max-width: 0;
}

.mud-carousel > div > div > div > button > span > svg {
    height: 12px;
    width: 12px;
    filter: drop-shadow(0px 0px 4px white);
}

.mud-carousel > div > div > .d-flex.justify-center {
    background-color: var(--mud-palette-dark-lighten);
    border-radius: 12px;
    align-self: center;
    padding: 2px;
}

.mud-carousel > div > div {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.mud-carousel > div > div > div > button {
    padding: 0px;
}

.mud-icon-button {
    border-radius: 4px;
}

.mud-container {
    padding-left: 0px;
    padding-right: 0px;
}

.mud-container > .mud-grid-spacing-xs-3 {
    width: inherit;
    margin: inherit;
}

.mud-grid-spacing-xs-1 {
    width: calc(100% + 2px);
    margin: -1px;
}

.mud-grid-spacing-xs-1 > .mud-grid-item {
    padding: 1px;
}

.mud-file-upload > mud-input-control-input-container {
    max-height: 100%;
    max-width: 100%;
}

.ms-user-profile-image {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    border-width: 4px;
    border-color: var(--mud-palette-tertiary);
}

.ms-user-profile-image-small {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50%;
    border-width: 2px;
    border-color: var(--mud-palette-tertiary) !important;
}

.ms-things-profile-image {
    width: 100px !important;
    height: 100px !important;
    border-radius: 10px;
}

.ms-badge-cirle > .mud-badge-wrapper {
    width: 75%;
    height: 75%;
    transform: translate(25%, 25%);
}

.ms-progressbar-default-fileupload {
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    border-color: transparent;
    mix-blend-mode: plus-lighter;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ms-progressbar-default-fileupload > .mud-progress-linear-bars {
    filter: blur(10px);
}

.ms-disabled {
    pointer-events: none !important;
    filter: grayscale(1) brightness(0.5) !important;
    cursor: default !important;
}

.ms-background-image {
    position: absolute;
    height: 132px;
    width: 100%;
    object-fit: cover;
    mix-blend-mode: color-dodge;
    border-color: var(--mud-palette-primary);
}

.ms-overlay {
    background: var(--mud-palette-overlay-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.ms-usercontent-post-mediaview {
    box-shadow: var(--mud-elevation-2);
    margin: 10px;
    border-radius: 12px;
}

.ms-usercontent-accessories {
    margin-top: 15px;
    height: 36px;
    padding-left: 16px;
    padding-right: 14px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.ms-usercontent-accessories > div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 80px;
    color: #808080;
}

.ms-usercontent-accessories > div > .fa-symbol {
    font-family: FARegular;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
    color: #808080;
    display: flex;
}

.ms-usercontent-accessories > div > div:last-child {
    margin-left: 10px;
}

.ms-scale:active {
    transform: scale(1.1);
}

.autosize-tab > .mud-tabs-toolbar {
    width: 100% !important;
    background: transparent;
}

.autosize-tab > .mud-tabs-toolbar > .mud-tabs-toolbar-inner > .mud-tabs-toolbar-content > .mud-tabs-toolbar-wrapper > .mud-tooltip-root > .mud-tab {
    min-width: 80px !important;
}

.fa-message-smile:before {
    content: "\f4aa";
}

.fa,
.far,
.fas {
    font-family: FARegular;
}

.fab {
    font-family: FABold;
}

.fa,
.fas {
    font-weight: normal;
    width: auto;
}

.fab {
    font-family: FABold;
}

.fa-brands {
    font-family: FABrands;
}

.fa-bold {
    font-family: FABold !important;
    color: #15ADC4 !important;
}

.fa-symbol {
    font-family: FARegular;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
    color: #808080;
}

.disabled-color {
    color: var(--mud-palette-action-disabled);
}

span.fa-gamepad.mud-icon-root {
    width: unset;
    height: unset;
    font-family: FARegular;
}

span.fa-home.mud-icon-root {
    width: unset;
    height: unset;
    font-family: FARegular;
}

span.fa-search.mud-icon-root {
    width: unset;
    height: unset;
    font-family: FARegular;
}

span.fa-calendar-minus.mud-icon-root {
    width: unset;
    height: unset;
    font-family: FARegular;
}

span.fa-comment-alt.mud-icon-root {
    width: unset;
    height: unset;
    font-family: FARegular;
}

span.fa-bell.mud-icon-root {
    width: unset;
    height: unset;
    font-family: FARegular;
}

span.fa-plus-square.mud-icon-root {
    width: unset;
    height: unset;
    font-family: FARegular;
}

.textnowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

small {
    font-family: var(--mud-typography-default-family);
}

.mud-link {
    text-decoration: none;
    color: var(--mud-palette-primary-lighten) !important;
    vertical-align: middle;
}

.mud-link:hover {
    text-decoration: underline !important;
    color: var(--mud-palette-primary-lighten) !important;
    vertical-align: middle;
}

.hex-color-inline {
    vertical-align: text-bottom;
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

code {
    color: var(--mud-palette-info-lighten);
    border-radius: 4px;
    background: var(--mud-palette-dark-darken);
    padding-left: 5px;
    padding-right: 5px;
}

pre {
    /*color: var(--mud-palette-info-lighten);*/
    margin-bottom: 0px;
}

.btn-clear {
    margin: 0px;
    background: #00000000;
    color: #808080;
    border: 0px;
    box-shadow: unset;
}

.ms-usercontent-body {
    background: var(--mud-palette-background);
    color: var(--mud-palette-text);
    margin-bottom: 6px;
}

.very-dense-input {
    margin-right: 5px;
}

.very-dense-input > input {
    border: none !important;
    outline: none !important;
    min-width: 75px !important;
    width: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mediainput-container {
    z-index: 1000;
    align-items: stretch;
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 4px;
    min-height: 46px;
    transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms, width 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    color: var(--mud-palette-appbar-text);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.mediainput-textarea {
    font: inherit;
    color: var(--mud-palette-dark-text);
    width: 100%;
    border: 0;
    padding: 0;
    display: block;
    max-height: 206px;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    letter-spacing: inherit;
    -webkit-tap-highlight-color: transparent;
    height: auto;
    resize: none;
    cursor: auto;
}

.mediainput-textarea::placeholder {
    color: var(--mud-palette-dark-text);
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mediainput-textarea::-webkit-input-placeholder {
    color: var(--mud-palette-dark-text);
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mediainput-textarea:-moz-placeholder {
    color: var(--mud-palette-dark-text);
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mediainput-textarea::-moz-placeholder {
    color: var(--mud-palette-dark-text);
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mediainput-textarea:-ms-input-placeholder {
    color: var(--mud-palette-dark-text);
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mediainput-textarea::-ms-input-placeholder {
    color: var(--mud-palette-dark-text);
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mediainput-textarea:focus {
    outline: 0;
}

.mediainput-textarea:invalid {
    box-shadow: none;
}

.mediainput-textarea:disabled {
    opacity: 1;
}

.mediainput-textarea:focus {
    color: var(--mud-palette-dark-text);
    background: transparent;
    border: 0px;
}

.mediainput-textarea[type="text"] {
    flex: 1;
    border: none;
    font-size: 16px;
    padding: 10px;
}

.mediainput-panel {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: hidden;
}

.mediainput-input-box {
    display: flex;
    width: 100%;
    min-height: 32px;
    padding-left: 14px;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 15px;
    border: 0px;
    background-color: var(--mud-palette-dark-lighten);
    transition: width 0.2s ease-in-out;
}

.mediainput-button > button:focus {
    margin: 0px;
    background: #00000000;
    color: #FDFDFF;
    border: 0px;
    box-shadow: unset;
}

.mediainput-button > button:hover {
    margin: 0px;
    background: #00000000;
    color: #FDFDFF;
    border: 0px;
    box-shadow: unset;
}

.mediainput-button {
    margin: 0px;
    background: #00000000;
    color: #808080;
    border: 0px;
    box-shadow: unset;
    margin-bottom: 4px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 16px;
    padding: 0px;
    align-self: flex-end;
}

.mediainput-button-send {
    transition: transform 0.2s ease-in-out;
    color: var(--mud-palette-primary);
    transform: translateX(100%);
    visibility: hidden;
    border-radius: 50%;
    width: 0;
    min-width: 0;
}

.mediainput-left-toolbox {
    transition: transform 0.2s ease-in-out;
    color: var(--mud-palette-primary);
    transform: translateX(0%);
    visibility: visible;
    width: auto;
    min-width: auto;
}

.mediainput-toolbox-expand-button {
    transition: transform 0.2s ease-in-out;
    transform: translateX(-100%);
    visibility: hidden;
    min-width: 0px;
    width: 0px;
}

.has-content > .mediainput-button-send {
    transform: translateX(0);
    visibility: visible;
    width: 32px;
    min-width: 32px;
}

.hide-toolbox > .mediainput-left-toolbox {
    transform: translateX(-100%);
    visibility: hidden;
    width: 0px;
}

.hide-toolbox > .mediainput-toolbox-expand-button {
    transform: translateX(0);
    visibility: visible;
    min-width: 24px;
    width: 24px;
}

.block-inputs {
    pointer-events: none;
    position: relative;
    filter: blur(0.7px);
    filter: drop-shadow(4px 4px 12px black) blur(ß.8px);
}

.block-inputs::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 120%;
    height: 140%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.8) 100%);
    transform: rotate(-10deg);
    pointer-events: none;
    z-index: 1;
    filter: blur(40px);
    mix-blend-mode: luminosity;
}

.nicEdit-panelContain {
    border: 0 !important;
    background-color: transparent !important;
}

.nicEdit-main {
    font-size: 14px;
    color: var(--mud-primary-text-color);
    background-color: var(--mud-primary-color);
    border: none;
}

.nicEdit-panel {
    background-color: var(--mud-palette-dark-lighten) !important;
    border: 0 !important;
    border-radius: 3px;
    box-shadow: none;
    padding: 4px;
}

.nicEdit-panel > div {
    border: 0 !important;
}

.nicEdit-panel > div > nicEdit-buttonContain {
    border: 0 !important;
}

.nicEdit-panel > div > nicEdit-selectContain {
    border: 0 !important;
    height: 30px !important;
}

.nicEdit-buttonContain > div {
    background-color: transparent !important;
    border: 0 !important;
}

.nicEdit-selectContain > div {
    border: 1px solid var(--mud-palette-black) !important;
    background-color: transparent !important;
    border: 0 !important;
}

.nicEdit-pane {
    background-color: var(--mud-palette-dark-lighten) !important;
    border-right-color: var(--mud-palette-dark) !important;
    border-left-color: var(--mud-palette-dark) !important;
}

.nicEdit-pane > div {
    border-bottom: 1px solid var(--mud-palette-dark) !important;
}

.nicEdit-pane > div > div {
    background-color: var(--mud-palette-dark-lighten) !important;
}

.nicEdit-button {}

.nicEdit-panel button {
    background-color: var(--mud-paper);
    color: var(--mud-primary-text-color);
    border: none;
    border-radius: 3px;
    padding: 6px 12px;
    margin: 2px;
    font-size: 12px;
    cursor: pointer;
}

.nicEdit-panel button:hover {
    background-color: var(--mud-primary-color-light);
    color: var(--mud-primary-text-color);
}

.nicEdit-panel button.nicEdit-button-active {
    background-color: var(--mud-primary-color);
    color: var(--mud-primary-text-color);
}

.loading-bar-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.loading-image-bottom {
    filter: grayscale(1);
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading-image-top {
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(1px) drop-shadow(1px 1px 0px #A40962);
    clip-path: inset(calc(100% - var(--blazor-load-percentage, 0%)) 0 0 0);
    transition: clip-path 0.5s ease-out;
    mix-blend-mode: hard-light;
}

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

.loading-progress circle {
    fill: none;
    stroke: #15ADC4;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.loading-progress circle:last-child {
    /* stroke: #1b6ec2; */
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.05s ease-in-out;
}

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

.loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "...");
}

.mud-tab-no-header {}

.mud-tab-no-header > .mud-tabs-toolbar {
    display: none;
}

.markdown-info {
    margin-bottom: 10px;
    margin-left: 14px;
    margin-top: -14px;
    color: var(--mud-palette-info);
}

.error-image {
    margin: 16px;
    max-width: 500px;
}

.error-image > img {
    height: 300px;
    filter: drop-shadow(0 0 10px var(--mud-palette-appbar-background));
}

.media-view-image {
    width: 100%;
    height: 100%;
    transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
}

.media-view-image-thumbnail {
    object-fit: cover;
    border-radius: 10px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 200px;
}

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

.ms-fab-bottom {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -100%);
}

.ms-fab-top {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0%);
}

.ms-action-pill {
    margin: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.video-ph-aspect-ratio-box {
    height: 120px;
    width: 200px;
    padding-bottom: 76.398374%;
    position: relative;
    overflow: hidden;
}

.video-ph-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: transform 0.2s ease-in-out;
}

.video-ph-content:hover {
    transform: scale(1.2);
}

.md-image-link {
    max-width: 300px;
    min-height: 100px;
    display: block;
    border-radius: 10px;
    filter: drop-shadow(3px 3px 10px #000000da);
    overflow: hidden;
}

.md-image-link:active {
    transform: scale(1);
}

.md-image-link > img {
    width: 100%;
    height: 100%;
    transition: transform 0.2s ease-in-out;
}

.md-image-link:active {
    filter: invert(1);
}

.md-image-link > img:hover {
    transform: scale(1.2);
}

.thread-header {
    color: var(--mud-palette-dark-text);
    background: linear-gradient(125deg, var(--mud-palette-dark-lighten), var(--mud-palette-dark), var(--mud-palette-dark-darken));
    border-radius: 10px;
    padding: 10px;
    word-break: normal;
    word-wrap: break-word;
}

.mud-table-container > table > tbody > tr > td > p {
    margin-top: 0;
    margin-bottom: 0;
}

.mud-table-container > table > thead > tr > th > p {
    margin-top: 0;
    margin-bottom: 4px;
    font-weight: bold;
    font-variant: small-caps;
}

.mud-input-adornment-icon-button {
    height: 30px;
    width: 30px;
}

.mud-input-control-input-container{
    border-radius: var(--mud-default-borderradius);
    /* overflow: hidden; */
}


/* Define the transition effect */
.view-transition-enter-active,
.view-transition-leave-active {
    transition: opacity 0.5s;
}

.view-transition-enter,
.view-transition-leave-to /* .view-transition-leave-active in <2.1.8 */ {
    opacity: 0;
}

.error-page-special {
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    justify-content: center;
    width: 100%;
    padding: 20px;
}

.error-page-special > img {
    border-radius: 20px;
    max-width: 400px;
    min-width: 10px;
    width: calc(100% - 40px);
}

.error-page-special > p:first-of-type {    
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
}

.error-page-special > p:nth-of-type(2) {  
    color: var(--mud-palette-info-lighten);
    font-size: 16px;
}

.error-page-special > p:nth-of-type(2) {  
    color: var(--mud-palette-info-lighten);
    font-size: 16px;
}

.avatar-profile {
    width: 32px;
    height: 32px;
    display: block;
    border-width: 2px;
    border-color: var(--mud-palette-primary);
}

.avatar-profile :hover {
    filter: contrast(0.5);
}

.profile-menu {
    background: var(--mud-palette-overlay-dark);
    min-width: 200px;
}

.profile-menu > .mud-list-item-text > p {
    text-transform: uppercase;
    font-weight: bolder;
    color: var(--mud-palette-primary-lighten);
}

.centered-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    height: 100%;
}

.centered-content > div {
    margin: 20px;
    max-width: 500px;
    width: 100%;
    margin-bottom: 50px;
}

.tool-strip-fixed-bottom {
    justify-content: center;
    position: fixed;
    z-index: 9000;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(55, 55, 64, 0.2);
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px;
    height: 48px;
    box-shadow: var(--mud-elevation-22);
}

.tool-strip-fixed-bottom > div {
    max-width: 500px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.mud-slider-track-tick-label {
    transform-origin: left;
    transform: rotate(90deg) !important;
}

.invisible-anim {
    opacity: 0;
    transform: translateY(100%);
    max-height: 0;
    overflow: hidden;
    transition: transform 0.4s ease-in-out, max-height 0.4s ease-in-out;
}

.visible-anim {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.1s ease-in-out, max-height 0.1s ease-in-out;
}

.mud-table-loading { 
    background: var(--mud-palette-primary);
}

.mud-progress-linear-bar {
    background-color: var(--mud-palette-primary-darken) !important;
}

.mud-table-cell {
    min-height: 28px;
}

.mud-breadcrumbs {
    padding-bottom: 0;
}

.mud-table-toolbar {
    padding-left: 10px;
}

@media (min-width: 599px) and (max-width: 830px) {
    .sticky-left {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .sticky-left > div > p {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.sticky-left > div {
    align-items: center; justify-content: space-between;
}

.discord-color {
    color: #5865F2;
}

.taostats-color {
    color: rgb(0, 219, 188);
}

.github-color {
    color: rgb(9, 105, 218);
}

.favicon-glow {
    filter: drop-shadow(0px 0px 6px #15ADC4ef);
}

.aisoma-home-back {
    height: 100vh;
    margin-top: -80px;
    background: black;
}

.aisoma-home-back > div > div {
    padding: 110px 0px 0px 50px;
}

.aisoma-home-back > div > div > div > .mud-typography-h1 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: -0.7px;
    font-family: 'Fugaz'
}

.aisoma-home-back > div > div > div > .mud-typography-h4 {
    font-size: 32px;
    font-weight: 300;
}

.aisoma-home-back > div {
    background-image: url(/img/wallpaper-big.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

@media (max-width: 1024px) {
    .aisoma-home-back > div{
        background-image: url(/img/wallpaper.jpg);
    }
    
    .aisoma-home-back > div > div > div > .mud-typography-h1 {
        font-size: 23px;
        letter-spacing: -1.4px;
    }
    
    .aisoma-home-back > div > div > div > .mud-typography-h4 {
        font-size: 15px;
    }
    
    .aisoma-home-back > div > div {
        padding: 80px 0px 0px 10px;
    }
}

.mud-tooltip-root > .mud-icon-button {
    border-radius: 4px;
    font-size: .875rem;
    width: 24px;
    height: 24px;
    margin: 0;
    border-width: 1px;
    border-color: var(--mud-palette-action-disabled-background);
    border-style: solid;
}

.mud-tooltip-root > .mud-icon-button:hover {
    filter: drop-shadow(0px 0px 1px white);
    scale: 1.05;
}

.mud-input-helper-text {
    font-size: 11px;
    color: var(--mud-palette-info-darken);
}

.mud-overlay-scrim {
    backdrop-filter: blur(2px);
}

.mud-chip-icon-only > .mud-icon-root {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

@media (max-width: 600px) {
    .mud-table-row {
        max-width: 100vw;
    }
    
    .mud-table-row > .mud-table-cell {
        max-width: 100vw;
    }
    
    .mud-table-row > .mud-table-cell > div {
        max-width: 100%;
    }
}

.mud-tooltip {
    max-width: 400px !important; /* Limit width */
    padding: 8px 12px !important; /* Proper padding */
    word-wrap: break-word !important; /* Break long words */
    white-space: normal !important; /* Allow text to wrap */
    overflow-wrap: break-word !important; /* Alternative word-breaking */
    hyphens: auto !important; /* Add hyphens when breaking words */
    text-align: left !important; /* Ensure proper alignment */
}

.mud-tooltip > div {
    max-width: 400px !important; /* Limit width */
    padding: 8px 12px !important; /* Proper padding */
    word-wrap: break-word !important; /* Break long words */
    white-space: normal !important; /* Allow text to wrap */
    overflow-wrap: break-word !important; /* Alternative word-breaking */
    hyphens: auto !important; /* Add hyphens when breaking words */
    text-align: left !important; /* Ensure proper alignment */
}

.fab-bittensor {
    display: inline-block;
    background-color: transparent;
    filter: invert(1);
}

.fab-bittensor::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.6 23.1"><path fill="%23292929" d="M13.1 17.7V8.3c0-2.4-1.9-4.3-4.3-4.3v15.1c0 2.2 1.7 4 3.9 4 0.1 0 0.1 0 0.2 0 1 0.1 2.1-0.2 2.9-0.9-2.5-0.2-2.7-1.7-2.7-4.5zM3.9 0C1.8 0 0 1.8 0 4h17.6c2.2 0 3.9-1.8 3.9-4H3.9z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.fab-aisoma {
    display: inline-block;
    background-color: transparent;
    filter: invert(1);
}

.fab-aisoma::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><g transform="translate(0,150) scale(0.1,-0.1)" fill="%23000" stroke="none"><path d="M390 1366 c0 -8 16 -29 35 -47 19 -18 40 -49 45 -69 6 -19 20 -53 31 -75 l21 -40 -40 -92 c-38 -88 -122 -222 -162 -258 -12 -11 -33 -16 -62 -15 -111 5 -218 -1 -218 -12 0 -16 25 -20 59 -9 25 9 63 10 125 4 l89 -8 62 -86 c71 -99 150 -268 140 -300 -4 -11 -27 -43 -51 -70 -24 -27 -44 -59 -44 -70 0 -11 -7 -34 -16 -50 -8 -17 -13 -33 -10 -37 9 -8 35 30 36 51 0 25 24 68 50 92 12 11 30 36 41 56 l18 37 103 12 c82 10 125 10 208 1 57 -7 110 -17 116 -22 6 -5 21 -36 33 -68 13 -37 31 -65 47 -76 14 -9 32 -32 40 -51 18 -42 37 -36 22 7 -5 16 -25 41 -44 55 -22 17 -38 41 -46 68 -6 22 -18 50 -25 61 -10 17 -7 32 24 105 39 92 100 192 154 254 l35 38 57 -12 c44 -10 66 -11 96 -2 21 7 55 12 75 12 22 0 35 4 31 10 -8 13 -81 13 -107 -1 -15 -8 -40 -8 -95 2 l-75 13 -55 76 c-59 81 -87 130 -125 226 l-25 60 42 56 c24 32 45 72 48 93 3 21 16 48 28 61 12 13 19 27 15 31 -13 13 -56 -46 -62 -87 -6 -37 -67 -123 -103 -145 -18 -11 -353 -14 -391 -3 -26 7 -46 39 -75 121 -9 26 -28 55 -41 63 -13 9 -26 24 -29 35 -7 22 -25 26 -25 5z"/></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.fab-max {
    display: inline-block;
    background-color: transparent;
    filter: invert(1);
}

.fab-max::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 12V7H4v5H3V7H2v5H1V6h2a.97.97 0 0 1 .5.154A.97.97 0 0 1 4 6h1a1.001 1.001 0 0 1 1 1v5zm10.217 0H16v-1h-.217l-1.2-2 1.2-2H16V6h-.783L14 8.028 12.783 6H12v1h.217l1.2 2-1.2 2H12v1h.783L14 9.972zM11 7v5H8a1.001 1.001 0 0 1-1-1V9a1.001 1.001 0 0 1 1-1h2V7H7V6h3a1.001 1.001 0 0 1 1 1zm-1 2H8v2h2z'/%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


.fab-network {
    display: inline-block;
    background-color: transparent;
    filter: invert(1);
}

.fab-network::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m176 162a37.91017 37.91017 0 0 0 -28.30029 12.675l-48.89991-31.43574a37.88456 37.88456 0 0 0 0-30.47852l48.89991-31.43574a37.945 37.945 0 1 0 -6.49951-10.0863l-48.9004 31.43574a38 38 0 1 0 0 50.65112l48.9004 31.43579a37.99342 37.99342 0 1 0 34.7998-22.76135zm0-132a26 26 0 1 1 -26 26 26.02885 26.02885 0 0 1 26-26zm-112 124a26 26 0 1 1 26-26 26.02885 26.02885 0 0 1 -26 26zm112 72a26 26 0 1 1 26-26 26.02885 26.02885 0 0 1 -26 26z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.fab-pickaxe {
    display: inline-block;
    background-color: transparent;
    filter: invert(1);
}

.fab-pickaxe::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.79 10.62-11.29 11.28-1.4-1.4 11.28-11.29zm4.48-2.89.59-.59-.79-.79.64-.64-1.42-1.42-.64.64-.79-.79-.59.59c-1.74-1.42-3.7-2.56-5.8-3.36l-.83 1.79c1.75.92 3.36 2.03 4.86 3.34l-.5.5 3 3 .5-.5c1.31 1.5 2.42 3.11 3.34 4.86l1.79-.83c-.8-2.1-1.94-4.06-3.36-5.8z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.fab-meaty {
    display: inline-block;
    background-color: transparent;
    filter: invert(1);
}

.fab-meaty::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1026 1028'%3E%3Cpath d='M963 978q-39 40-106.5 47.5t-150.5-22T545 911q-39-32-89-49t-95.5-21.5t-89.5-8t-82.5-15T127 782Q47 701 16.5 576.5t-3.5-249T120 122T322.5 13.5t245 3.5T770 130q49 49 98.5 135t87 188t57.5 202t8.5 187.5T963 978zM737 193q-56-57-131.5-91T449 65q-78-2-153 26t-127 80Q58 284 65 449q2 68 25 140.5T143 716q15 26 53 38t87.5 15t101.5 6t105 17t87 42q71 58 132.5 88T822 953.5t85-33.5q41-42 51-117t-8-160.5T899.5 470t-76-160T737 193zM577 770q-36-30-99-45t-118.5-17.5t-104.5-10t-62-24.5q-59-74-64-212q-6-142 89-240q44-45 108.5-69.5T458 129q69 2 134 32t113 79q71 72 131.5 226T897 738q0 49-5.5 77.5T865 866q-76 77-288-96zM353 257q-40 0-68 28.5t-28 68t28 67.5t68 28t68-28t28-67.5t-28-68t-68-28.5z' fill='currentColor'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.mud-toolbar > .d-flex {
    overflow: auto;
    width: 100%;
    align-items: center;
}

.mud-icon-button-loading {
    border-radius: 4px;
    font-size: .875rem;
    width: 26px;
    height: 26px;
    margin: 0;
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
}

.mud-button-root.mud-icon-button.mud-icon-button-edge-end.mud-input-adornment-icon-button {
    padding: 0;
    width: 21px;
    height: 21px;
    margin-left: 6px;
    margin-right: -8px;
}

.mud-button-root.mud-icon-button.mud-icon-button-edge-end.mud-input-adornment-icon-button > .mud-icon-button-label {
    width: 15px;
    height: 15px;
}

.mud-button-root.mud-icon-button.mud-icon-button-edge-end.mud-input-adornment-icon-button > .mud-icon-button-label > .mud-icon-root.mud-icon-size-medium {
    font-size: 12px;
}

.autocomplete-loader {
    margin-top: -4px;
    border-radius: 10px;
    overflow: hidden;
}

.small-table-fixed > div {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.small-table-fixed > div > div {
    align-items: center;
    justify-content: center;
}

.simple-text-flow {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.simple-text-flow > p {   
    margin-right: 4px;
    margin-bottom: 0;
    height: 100%;
}