/**********************************************************************************/
/* UTILS */
.tiny-utils-fit-parent {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.tiny-swo-insert {
    position: absolute;
    z-index: 12;
}

/**********************************************************************************/
/* TAGS */
hudge {
    font-family: Roboto;
    font-weight: 400;
    font-size: 2.5rem;
}

large {
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
}

medium {
    font-family: Roboto;
    font-weight: 400;
    font-size: 1rem;
}

small {
    font-family: Roboto;
    font-weight: 400;
    font-size: 0.8rem;
}

primary {
    color: #20272c;
}

secondary {
    color: #4b5a65;
}

tertiary {
    color: #748ba1;
}

/**********************************************************************************/
/* MINI-PROGRESS */

.tiny-prog-loader {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.tiny-prog-circular {
    animation: rotate 1s linear infinite;
    height: 24px;
    position: relative;
    width: 24px;
}

.tiny-prog-path-back {
    stroke: #BBB;
}

.tiny-prog-path {
    stroke-dasharray: 35,200;
    stroke-dashoffset: 0;
    stroke: #4989E4;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes color {
    100%, 0% {
        stroke: #4989E4;
    }

    40% {
        stroke: #27A444;
    }

    66% {
        stroke: #DC7200;
    }

    80%, 90% {
        stroke: #BA8AA4;
    }
}


/**********************************************************************************/
/* SHOW WHEN OVER */
.tiny-swo-frame {
    transition: opacity 0.3s ease-in-out, visibility 0.3s;
}

/**********************************************************************************/
/* CONTENT EDITABLE */
.tiny-content-editable-frame {
    border-radius: 3px;
}

    .tiny-content-editable-frame:hover {
        outline: 1px solid rgba(0, 0, 0, 0.2);
    }

    .tiny-content-editable-frame:focus {
        outline: 1px solid #0057e7;
    }

/**********************************************************************************/
/* ROW BREAKS */
@media (max-width: 480px) {
    .row-break-under-xxs {
        display: inline-flex;
    }

    .row-break-over-xxs {
        display: none;
    }
}

@media (min-width: 480px) {
    .row-break-under-xxs {
        display: none;
    }

    .row-break-over-xxs {
        display: inline-flex;
    }
}

@media (max-width: 600px) {
    .row-break-under-xs {
        display: inline-flex;
    }

    .row-break-over-xs {
        display: none;
    }
}

@media (min-width: 600px) {
    .row-break-under-xs {
        display: none;
    }

    .row-break-over-xs {
        display: inline-flex;
    }
}

@media (max-width: 960px) {
    .row-break-under-s {
        display: inline-flex;
    }

    .row-break-over-s {
        display: none;
    }
}

@media (min-width: 960px) {
    .row-break-under-s {
        display: none;
    }

    .row-break-over-s {
        display: inline-flex;
    }
}

@media (max-width: 1280px) {
    .row-break-under-m {
        display: inline-flex;
    }

    .row-break-over-m {
        display: none;
    }
}

@media (min-width: 1280px) {
    .row-break-under-m {
        display: none;
    }

    .row-break-over-m {
        display: inline-flex;
    }
}

@media (max-width: 1600px) {
    .row-break-under-l {
        display: inline-flex;
    }

    .row-break-over-l {
        display: none;
    }
}

@media (min-width: 1600px) {
    .row-break-under-l {
        display: none;
    }

    .row-break-over-l {
        display: inline-flex;
    }
}

@media (max-width: 1960px) {
    .row-break-under-xl {
        display: inline-flex;
    }

    .row-break-over-xl {
        display: none;
    }
}

@media (min-width: 1960px) {
    .row-break-under-xl {
        display: none;
    }

    .row-break-over-xl {
        display: inline-flex;
    }
}

/**********************************************************************************/
/* COLUMN BREAKS */
@media (max-width: 480px) {
    .column-break-under-xxs {
        display: inline-flex;
    }

    .column-break-over-xxs {
        display: none;
    }
}

@media (min-width: 480px) {
    .column-break-under-xxs {
        display: none;
    }

    .column-break-over-xxs {
        display: inline-flex;
    }
}

@media (max-width: 600px) {
    .column-break-under-xs {
        display: inline-flex;
    }

    .column-break-over-xs {
        display: none;
    }
}

@media (min-width: 600px) {
    .column-break-under-xs {
        display: none;
    }

    .column-break-over-xs {
        display: inline-flex;
    }
}

@media (max-width: 960px) {
    .column-break-under-s {
        display: inline-flex;
    }

    .column-break-over-s {
        display: none;
    }
}

@media (min-width: 960px) {
    .column-break-under-s {
        display: none;
    }

    .column-break-over-s {
        display: inline-flex;
    }
}

@media (max-width: 1280px) {
    .column-break-under-m {
        display: inline-flex;
    }

    .column-break-over-m {
        display: none;
    }
}

@media (min-width: 1280px) {
    .column-break-under-m {
        display: none;
    }

    .column-break-over-m {
        display: inline-flex;
    }
}

@media (max-width: 1600px) {
    .column-break-under-l {
        display: inline-flex;
    }

    .column-break-over-l {
        display: none;
    }
}

@media (min-width: 1600px) {
    .column-break-under-l {
        display: none;
    }

    .column-break-over-l {
        display: inline-flex;
    }
}

@media (max-width: 1960px) {
    .column-break-under-xl {
        display: inline-flex;
    }

    .column-break-over-xl {
        display: none;
    }
}

@media (min-width: 1960px) {
    .column-break-under-xl {
        display: none;
    }

    .column-break-over-xl {
        display: inline-flex;
    }
}

/**********************************************************************************/
/* BREAKS -> HIDE */
@media (max-width: 480px) {
    .hide-under-xxs {
        display: none;
    }
}

@media (min-width: 481px) {
    .hide-over-xxs {
        display: none;
    }
}

@media (max-width: 600px) {
    .hide-under-xs {
        display: none;
    }
}

@media (min-width: 601px) {
    .hide-over-xs {
        display: none;
    }
}

@media (max-width: 960px) {
    .hide-under-s {
        display: none;
    }
}

@media (min-width: 961px) {
    .hide-over-s {
        display: none;
    }
}

@media (max-width: 1280px) {
    .hide-under-m {
        display: none;
    }
}

@media (min-width: 1281px) {
    .hide-over-m {
        display: none;
    }
}

@media (max-width: 1600px) {
    .hide-under-l {
        display: none;
    }
}

@media (min-width: 1601px) {
    .hide-over-l {
        display: none;
    }
}

@media (max-width: 1960px) {
    .hide-under-xl {
        display: none;
    }
}

@media (min-width: 1961px) {
    .hide-over-xl {
        display: none;
    }
}

/**********************************************************************************/
/* BADGE */
.tiny-badge {
    border-radius: 1.35rem;
    background: #444;
    padding-top: 0.125rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    display: inline-block;
    color: #FFF;
    font-weight: 600;
    font-size: 0.75rem;
    min-width: 1.15rem;
    min-height: 1.15rem;
    text-align: center;
    margin: 0.1rem;
}

.tiny-badge-small {
    border-radius: 1rem;
    background: #444;
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    margin: 0.1rem;
}

.tiny-hover {
    cursor: pointer;
}

    .tiny-hover:hover {
        background: #80808020;
    }

/**********************************************************************************/
/* TINY-TABLE */

.tiny-table {
    /* TABLE */
    --flex-flow-type: wrap;
    display: table !important;
    border-collapse: collapse;
    white-space: nowrap;
}

.tiny-table-static {
    --flex-flow-type: nowrap;
}

.tiny-table > div:nth-child(n) {
    /* ROWS */
    flex-flow: var(--flex-flow-type) !important;
}

.tiny-table > div > div:nth-child(n) {
    /* CELLS */
}

/**********************************************************************************/
/* BACKGROUNDS */
.tiny-white-background {
    background-color: #FFF;
}

.tiny-header-background {
    background-color: #f8f7f7;
}

.tiny-sellect-background {
    background-color: #e8f3ff;
}

/**********************************************************************************/
/* RADIUS */
.tiny-layout-radius {
    border-radius: 0.5rem;
    overflow: hidden;
}

/**********************************************************************************/
/* FRAMED COLUMN */

/* FRAME */
.framed-column-containner {
    border-left: var(--framed-column-containner-border-size) solid var(--framed-column-containner-frame-color);
    border-top: var(--framed-column-containner-border-size) solid var(--framed-column-containner-frame-color);
}

/* SEPARATOR */
.framed-separator-column-containner > div:nth-child(n) {
    border-right: var(--framed-separator-column-containner-border-size) solid var(--framed-separator-column-containner-frame-color);
    border-bottom: var(--framed-separator-column-containner-border-size) solid var(--framed-separator-column-containner-frame-color);
}

/* GRID */
.framed-grid-column-containner {
    border-left: var(--framed-grid-column-containner-border-size) solid var(--framed-grid-column-containner-frame-color);
    border-top: var(--framed-grid-column-containner-border-size) solid var(--framed-grid-column-containner-frame-color);
}

.framed-grid-column-containner > div:nth-child(n) {
    border-right: var(--framed-grid-column-containner-border-size) solid var(--framed-grid-column-containner-frame-color);
    border-bottom: var(--framed-grid-column-containner-border-size) solid var(--framed-grid-column-containner-frame-color);
}

/* COLUMN SIZING */

.framed-column-containner-light-frame {
    --framed-column-containner-border-size: 0.07rem;
    --framed-column-containner-frame-color: #e2e2e2;
}

.framed-column-containner-medium-frame {
    --framed-column-containner-border-size: 0.07rem;
    --framed-column-containner-frame-color: #cecece;
}

.framed-column-containner-large-frame {
    --framed-column-containner-border-size: 0.14rem;
    --framed-column-containner-frame-color: #e2e2e2;
}

.framed-separator-column-containner-light-frame {
    --framed-separator-column-containner-border-size: 0.07rem;
    --framed-separator-column-containner-frame-color: #e2e2e2;
}

.framed-separator-column-containner-medium-frame {
    --framed-separator-column-containner-border-size: 0.07rem;
    --framed-separator-column-containner-frame-color: #cecece;
}

.framed-separator-column-containner-large-frame {
    --framed-separator-column-containner-border-size: 0.14rem;
    --framed-separator-column-containner-frame-color: #e2e2e2;
}

.framed-grid-column-containner-light-frame {
    --framed-grid-column-containner-border-size: 0.07rem;
    --framed-grid-column-containner-frame-color: #e2e2e2;
}

.framed-grid-column-containner-medium-frame {
    --framed-grid-column-containner-border-size: 0.07rem;
    --framed-grid-column-containner-frame-color: #cecece;
}

.framed-grid-column-containner-large-frame {
    --framed-grid-column-containner-border-size: 0.14rem;
    --framed-grid-column-containner-frame-color: #e2e2e2;
}

/**********************************************************************************/
/* COLUMN */

/* FRAME */
.framed-column {
    border-left: var(--framed-column-border-size) solid var(--framed-column-frame-color);
    border-top: var(--framed-column-border-size) solid var(--framed-column-frame-color);
}

/* SEPARATOR */
.framed-separator-column > div:nth-child(n) {
    border-right: var(--framed-separator-column-border-size) solid var(--framed-separator-column-frame-color);
    border-bottom: var(--framed-separator-column-border-size) solid var(--framed-separator-column-frame-color);
}

/* GRID */
.framed-grid-column {
    border-left: var(--framed-grid-column-border-size) solid var(--framed-grid-column-frame-color);
    border-top: var(--framed-grid-column-border-size) solid var(--framed-grid-column-frame-color);
}

.framed-grid-column > div:nth-child(n) {
    border-right: var(--framed-grid-column-border-size) solid var(--framed-grid-column-frame-color);
    border-bottom: var(--framed-grid-column-border-size) solid var(--framed-grid-column-frame-color);
}

/* COLUMN SIZING */

.framed-column-light-frame {
    --framed-column-border-size: 0.07rem;
    --framed-column-frame-color: #e2e2e2;
}

.framed-column-medium-frame {
    --framed-column-border-size: 0.07rem;
    --framed-column-frame-color: #cecece;
}

.framed-column-large-frame {
    --framed-column-border-size: 0.14rem;
    --framed-column-frame-color: #e2e2e2;
}

.framed-separator-column-light-frame {
    --framed-separator-column-border-size: 0.07rem;
    --framed-separator-column-frame-color: #e2e2e2;
}

.framed-separator-column-medium-frame {
    --framed-separator-column-border-size: 0.07rem;
    --framed-separator-column-frame-color: #cecece;
}

.framed-separator-column-large-frame {
    --framed-separator-column-border-size: 0.14rem;
    --framed-separator-column-frame-color: #e2e2e2;
}

.framed-grid-column-light-frame {
    --framed-grid-column-border-size: 0.07rem;
    --framed-grid-column-frame-color: #e2e2e2;
}

.framed-grid-column-medium-frame {
    --framed-grid-column-border-size: 0.07rem;
    --framed-grid-column-frame-color: #cecece;
}

.framed-grid-column-large-frame {
    --framed-grid-column-border-size: 0.14rem;
    --framed-grid-column-frame-color: #e2e2e2;
}


/**********************************************************************************/
/* FRAMED STACK */

/* FRAME */
.framed-stack {
    border: var(--framed-stack-border-size) solid var(--framed-stack-frame-color);
}

/* SEPARATOR */
.framed-separator-stack > div:nth-last-child(n+2) {
    border-bottom: var(--framed-separator-stack-border-size) solid var(--framed-separator-stack-frame-color);
}

/* GRID */
.framed-grid-stack {
    border: var(--framed-grid-stack-border-size) solid var(--framed-grid-stack-frame-color);
}

.framed-grid-stack > div:nth-last-child(n+2) {
    border-bottom: var(--framed-grid-stack-border-size) solid var(--framed-grid-stack-frame-color);
}

/* STACK SIZING */

.framed-stack-light-frame {
    --framed-stack-border-size: 0.07rem;
    --framed-stack-frame-color: #e2e2e2;
}

.framed-stack-medium-frame {
    --framed-stack-border-size: 0.07rem;
    --framed-stack-frame-color: #cecece;
}

.framed-stack-large-frame {
    --framed-stack-border-size: 0.14rem;
    --framed-stack-frame-color: #e2e2e2;
}

.framed-separator-stack-light-frame {
    --framed-separator-stack-border-size: 0.07rem;
    --framed-separator-stack-frame-color: #e2e2e2;
}

.framed-separator-stack-medium-frame {
    --framed-separator-stack-border-size: 0.07rem;
    --framed-separator-stack-frame-color: #cecece;
}

.framed-separator-stack-large-frame {
    --framed-separator-stack-border-size: 0.14rem;
    --framed-separator-stack-frame-color: #e2e2e2;
}

.framed-grid-stack-light-frame {
    --framed-grid-stack-border-size: 0.07rem;
    --framed-grid-stack-frame-color: #e2e2e2;
}

.framed-grid-stack-medium-frame {
    --framed-grid-stack-border-size: 0.07rem;
    --framed-grid-stack-frame-color: #cecece;
}

.framed-grid-stack-large-frame {
    --framed-grid-stack-border-size: 0.14rem;
    --framed-grid-stack-frame-color: #e2e2e2;
}

/**********************************************************************************/
/* FRAMED ROW */


/* FRAME */
.framed-row {
    border: var(--framed-row-border-size) solid var(--framed-row-frame-color);
}

/* SEPARATOR */
.framed-separator-row > div:nth-last-child(n+2) {
    border-right: var(--framed-separator-row-border-size) solid var(--framed-separator-row-frame-color);
}

/* GRID */
.framed-grid-row {
    border: var(--framed-grid-row-border-size) solid var(--framed-grid-row-frame-color);
}

.framed-grid-row > div:nth-last-child(n+2) {
    border-right: var(--framed-grid-row-border-size) solid var(--framed-grid-row-frame-color);
}

/* ROW SIZING */

.framed-row-light-frame {
    --framed-row-border-size: 0.07rem;
    --framed-row-frame-color: #e2e2e2;
}

.framed-row-medium-frame {
    --framed-row-border-size: 0.07rem;
    --framed-row-frame-color: #cecece;
}

.framed-row-large-frame {
    --framed-row-border-size: 0.14rem;
    --framed-row-frame-color: #e2e2e2;
}

.framed-separator-row-light-frame {
    --framed-separator-row-border-size: 0.07rem;
    --framed-separator-row-frame-color: #e2e2e2;
}

.framed-separator-row-medium-frame {
    --framed-separator-row-border-size: 0.07rem;
    --framed-separator-row-frame-color: #cecece;
}

.framed-separator-row-large-frame {
    --framed-separator-row-border-size: 0.14rem;
    --framed-separator-row-frame-color: #e2e2e2;
}

.framed-grid-row-light-frame {
    --framed-grid-row-border-size: 0.07rem;
    --framed-grid-row-frame-color: #e2e2e2;
}

.framed-grid-row-medium-frame {
    --framed-grid-row-border-size: 0.07rem;
    --framed-grid-row-frame-color: #cecece;
}

.framed-grid-row-large-frame {
    --framed-grid-row-border-size: 0.14rem;
    --framed-grid-row-frame-color: #e2e2e2;
}

/**********************************************************************************/
/* SEPARATOR SIZE */

.tiny-separator-light-frame {
    flex-basis: 0.07rem;
    background: #e2e2e2;
}

.tiny-separator-medium-frame {
    flex-basis: 0.07rem;
    background: #cecece;
}

.tiny-separator-large-frame {
    flex-basis: 0.14rem;
    background: #e2e2e2;
}


/*********************************************************************************/
/* DESIGN SYSTEM */
/*********************************************************************************/

/*********************************************************************************/
/* RESPONSIVE CONTAINER */

/* TINY REPONSIVE CONTAINER INITIALIZER */
.tiny-container-init {
    container-type: inline-size;
}

/* TINY REPONSIVE CONTAINER-XXL */

.tiny-container-xxl-flex {
    display: none !important;
}

@container (min-width: 1536px) {
    .tiny-container-xxl-flex {
        display: flex !important;
    }
}

@container (min-width: 1536px) {
    .tiny-container-xxl-none {
        display: none !important;
    }
}

/* TINY REPONSIVE CONTAINER-XL */

.tiny-container-xl-flex {
    display: none !important;
}

@container (min-width: 1280px) {
    .tiny-container-xl-flex {
        display: flex !important;
    }
}

@container (min-width: 1280px) {
    .tiny-container-xl-none {
        display: none !important;
    }
}

/* TINY REPONSIVE CONTAINER-L */

.tiny-container-l-flex {
    display: none !important;
}

@container (min-width: 1024px) {
    .tiny-container-l-flex {
        display: flex !important;
    }
}

@container (min-width: 1024px) {
    .tiny-container-l-none {
        display: none !important;
    }
}

/* TINY REPONSIVE CONTAINER-M */

.tiny-container-m-flex {
    display: none !important;
}

@container (min-width: 768px) {
    .tiny-container-m-flex {
        display: flex !important;
    }
}

@container (min-width: 768px) {
    .tiny-container-m-none {
        display: none !important;
    }
}

/* TINY REPONSIVE CONTAINER-S */

.tiny-container-s-flex {
    display: none !important;
}

@container (min-width: 640px) {
    .tiny-container-s-flex {
        display: flex !important;
    }
}

@container (min-width: 640px) {
    .tiny-container-s-none {
        display: none !important;
    }
}

/* TINY REPONSIVE CONTAINER-XS */

.tiny-container-xs-flex {
    display: none !important;
}

@container (min-width: 360px) {
    .tiny-container-xs-flex {
        display: flex !important;
    }
}

@container (min-width: 360px) {
    .tiny-container-xs-none {
        display: none !important;
    }
}

/*********************************************************************************/
/* TYPOGRAPHY */

/* TITLE */

.tiny-title {
    color: #435865;
    font-family: 'Roboto', sans-serif;
}

.tiny-title-l {
    font-weight: 300;
    font-size: 2.9rem;
    letter-spacing: 0.0081rem;
    line-height: 3.1163rem;
}

.tiny-title-m {
    font-weight: 400;
    font-size: 1.925rem;
    letter-spacing: 0.0125rem;
    line-height: 2.0163rem;
}

.tiny-title-s {
    font-weight: 400;
    font-size: 1.65rem;
    letter-spacing: 0.0081rem;
    line-height: 1.8326rem;
}

/* SUBTITLE */

.tiny-subtitle {
    color: #82929b;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.tiny-subtitle b {
    color: #304654;
}

.tiny-subtitle-l {
    font-size: 1.55rem;
    letter-spacing: 0.0081rem;
    line-height: 2.2914rem;
}

.tiny-subtitle-m {
    font-size: 1.28rem;
    letter-spacing: 0.0419rem;
    line-height: 1.7414rem;
}

.tiny-subtitle-s {
    font-size: 1.1rem;
    letter-spacing: 0.0419rem;
    line-height: 1.6039rem;
}

/* LABEL */

.tiny-label {
    color: #7f95a2;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.tiny-label b {
    color: #3e5766;
}

.tiny-label-l {
    font-size: 1.05rem;
    line-height: 1.65rem;
    letter-spacing: 0.02rem;
}

.tiny-label-m {
    font-size: 0.95rem;
    line-height: 1.28359rem;
    letter-spacing: 0.02rem;
}

.tiny-label-s {
    font-size: 0.825rem;
    line-height: 1.19141rem;
    letter-spacing: 0.02rem;
}

/* TEXT */

.tiny-text {
    color: #6d6d6d;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0.005rem;
}

.tiny-text b {
    color: #202020;
}

.tiny-text-l {
    font-size: 1.05rem;
    line-height: 1.46641rem;
}

.tiny-text-m {
    font-size: 0.95rem;
    line-height: 1.28359rem;
}

.tiny-text-s {
    font-size: 0.8rem;
    line-height: 1.1rem;
    color: #797979;
    font-weight: 500;
}

.tiny-text-no-wrap {
    text-wrap: nowrap;
}

.tiny-text-required::after {
    content:"*";
}

/* TYPE */

.tiny-text-success {
    color: var(--mud-palette-success);
}

.tiny-text-warning {
    color: var(--mud-palette-warning);
}

.tiny-text-error {
    color: var(--mud-palette-error);
}

/*********************************************************************************/
/* TINY DESIGN */

/********************************/
/* SELF */

.tiny-design.tiny-stack {
    gap: 4px;
}

.tiny-design.tiny-row {
    gap: 4px;
}

.tiny-design.tiny-column-containner {
    gap: 4px;
}

.tiny-design.tiny-column {
    gap: 4px;
}

/********************************/
/* CHILDS */

/* COLUMN CONTAINNER */
.tiny-design > .tiny-column-containner {
}

/* COLUMN */
.tiny-design > .tiny-column {
}

/* TITLE */
.tiny-design > .tiny-title {
}

.tiny-design > .tiny-title-l {
    padding-top: 3.3rem;
    padding-bottom: 1.1rem;
}

.tiny-design > .tiny-title-m {
    padding-top: 1.8rem;
    padding-bottom: 0.6rem;
}

.tiny-design > .tiny-title-s {
    padding-top: 1.2rem;
    padding-bottom: 0.4rem;
}


/* SUBTITLE */
.tiny-design > .tiny-subtitle {
}

.tiny-design > .tiny-subtitle-l {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

.tiny-design > .tiny-subtitle-m {
    padding-top: 1.05rem;
    padding-bottom: 0.35rem;
}

.tiny-design > .tiny-subtitle-s {
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
}

/* LABEL */
.tiny-design > .tiny-label {
}

.tiny-design > .tiny-label-l {
    padding-top: 0.6rem;
    padding-bottom: 0.2rem;
}

.tiny-design > .tiny-label-m {
    padding-top: 0.48rem;
    padding-bottom: 0.16rem;
}

.tiny-design > .tiny-label-s {
    padding-top: 0.35rem;
    padding-bottom: 0.12rem;
}

/* TEXT */
.tiny-design > .tiny-text {
}

.tiny-design > .tiny-text-l {
    padding-top: 0.36rem;
    padding-bottom: 0.12rem;
}

.tiny-design > .tiny-text-m {
    padding-top: 0.3rem;
    padding-bottom: 0.1rem;
}

.tiny-design > .tiny-text-s {
    padding-top: 0.15rem;
    padding-bottom: 0.05rem;
}

/* DOT */
.tiny-design > .tiny-dot {
    margin-left: 15px;
}

/*********************************************************************************/
/* COMPONENTS */


/* TINY TABS */

.tiny-tabs-header-border-bottom {
    border-bottom: #e5e7eb solid 1px;
}

.tiny-tabs-panel-header {
    opacity: 0.85;
    cursor: pointer;
}

.tiny-tabs-header-fullwidth {
    row-gap: 0 !important;
    column-gap: 0 !important;
}

.tiny-tabs-panel-header-fullwidth {
    flex: 1 !important;
    justify-content: center !important;
}

.tiny-tabs-panel-header:not(.tiny-tabs-panel-header-active):not(.tiny-tabs-panel-header-disabled):not(.tiny-tabs-panel-header-dropdown):hover {
    border-bottom: #e5e7eb solid 2px;
    opacity: 1;
}

.tiny-tabs-panel-header-active {
    border-bottom: var(--mud-palette-info-darken) solid 2px;
    opacity: 1;
    color: var(--mud-palette-info-darken);
}

.tiny-tabs-panel-header-disabled {
    opacity: 0.40;
    cursor: not-allowed;
}

.tiny-tabs-panel-menu-header {
    border: #e9e9ed solid 1px !important;
    cursor: pointer;
    border-radius: 6px;
    padding: 0.5rem;
}

.tiny-tabs-panel-menu-item {
    opacity: 0.85;
    width: 100%;
}

.tiny-tabs-panel-menu-item-active {
    background-color: #594ae20f !important;
    opacity: 1 !important;
    color: var(--mud-palette-info-darken) !important;
    transition: border-bottom 0.5s ease !important;
}

.tiny-tabs-panel-menu-item-disabled {
    opacity: 0.40 !important;
    cursor: not-allowed !important;
}

.tiny-tabs-panel-menu-item:not(.tiny-tabs-panel-menu-item-active):not(.tiny-tabs-panel-menu-item-disabled):hover {
    opacity: 1 !important;
}

/* TINY MENU */
.tiny-menu-close-btn {
    align-self: end;
    margin-bottom: -0.5em;
}

/* TINY DOT */
.tiny-dot {
    display: flex;
    align-items: center;
}

.tiny-dot:before {
    content: "\2022";
    color: #4c8ed4;
}

.tiny-dot-l:before {
    font-size: 5em;
    margin: -27px 0px;
}

.tiny-dot-m:before {
    font-size: 3.5em;
    margin: -20px 0px;
}

.tiny-dot-s:before {
    font-size: 2em;
    margin: -10px 0px;
}

.tiny-card {
    border: #f0eeef solid 1px;
    border-radius: 6px;
    padding: 8px;
    gap: 8px;
    box-shadow: #f0eeef 1px 1px;
}