/* /Components/Box/Box.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.box[b-zbl3qxuhdn] {
    --box-direction: row;
    --box-justify-content: flex-start;
    --box-align-items: flex-start;
    --box-gap: 0;
    --box-width: auto;
    --box-min-width: auto;
    --box-max-width: 100%;
    --box-height: auto;
    --box-min-height: auto;
    --box-max-height: 100%;
    --box-padding: 24px;
    --box-radius: 20px;
    --box-background: rgb(var(--color-primary-box));
    --box-filter: none;
    --box-shadow: var(--shadow-box-default);
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.box[b-zbl3qxuhdn] {
    display: flex;
    flex-direction: var(--box-direction);
    justify-content: var(--box-justify-content);
    align-items: var(--box-align-items);
    gap: var(--box-gap);
    width: var(--box-width);
    min-width: var(--box-min-width);
    max-width: var(--box-max-width);
    height: var(--box-height);
    min-height: var(--box-min-height);
    max-height: var(--box-max-height);
    padding: var(--box-padding);
    border-radius: var(--box-radius);
    background: var(--box-background);
    backdrop-filter: var(--box-filter);
    box-shadow: var(--box-shadow);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .box[b-zbl3qxuhdn] {
        --box-padding: 36px;
    }
}

@media (min-width: 1200px) {
    .box[b-zbl3qxuhdn] {
        --box-padding: 50px;
    }
}
/* /Components/Buttons/Base/Element/ButtonElement.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
[b-p3e0ymhz0p] > .surface-all {
    /* Size: */
    --button-width: auto;
    --button-height: auto;
    --button-padding: 12px;
    /* Content: */
    --button-font-family: var(--font-primary);
    --button-font-size: 16px;
    --button-font-weight: 400;
    --button-line-height: 1.5;
    --button-icon-size: 24px;
    --button-gap: 8px;
    --button-text-top: 0;
    /* Color: */
    --button-color: rgb(var(--color-secondary-accent));
    --button-color-transition: rgb(var(--color-primary));
    --button-background: rgb(var(--color-primary));
    --button-background-transition: rgb(var(--color-secondary-accent));
    /* Border: */
    --button-border: none;
    --button-border-radius: 0px;
    --button-border-transition: none;
    /* Shadow: */
    --button-text-shadow: none;
    --button-text-shadow-transition: none;
    --button-box-shadow: none;
    --button-box-shadow-transition: none;
    /* Transition: */
    --button-transform: none;
    --button-transform-transition: none;
    --button-transition-properties: color, background-color;
    --button-transition-duration: calc(var(--transition-fast) * 1ms);
    --button-transition-timing: ease;
}

/* Styles ----------------------------------------------------------------------------------------------------------------------- */
.button-component[b-p3e0ymhz0p] {
    display: inline-flex;
    width: var(--button-width);
    height: var(--button-height);
    max-width: 100%;
}

[b-p3e0ymhz0p] > .surface-all {
    display: inline-flex;
    max-width: 100%;
}

[b-p3e0ymhz0p] > .surface-all {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--button-width);
    height: var(--button-height);
    flex-shrink: 0;
    outline: none;
    cursor: pointer;
    border: none;
    padding: var(--button-padding);
    margin: 0;
    line-height: 1.5 !important;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none !important;
    color: var(--button-color);
    background-color: var(--button-background);
    border-radius: var(--button-border-radius);
    border: var(--button-border);
    text-shadow: var(--button-text-shadow);
    box-shadow: var(--button-box-shadow);
    transform: var(--button-transform);
    transition: none;
    transition-property: var(--button-transition-properties);
    transition-duration: var(--button-transition-duration);
    transition-timing-function: var(--button-transition-timing);
}

[b-p3e0ymhz0p] .button-content {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

[b-p3e0ymhz0p] .button-content {
    display: inline-flex;
    align-items: center;
    font-family: var(--button-font-family);
    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight) !important;
}

[b-p3e0ymhz0p] .button-icon-before,
[b-p3e0ymhz0p] .button-icon-after {
    top: 0;
    position: relative;
    display: block;
}
[b-p3e0ymhz0p] .button-icon-before > span,
[b-p3e0ymhz0p] .button-icon-after > span {
    position: relative;
    display: block;
}
[b-p3e0ymhz0p] .button-icon-before svg,
[b-p3e0ymhz0p] .button-icon-after svg {
    display: block;
    width: var(--button-icon-size);
    height: var(--button-icon-size);
}

[b-p3e0ymhz0p] .button-icon-before + .button-icon-after {
    margin-left: var(--button-gap)
}

[b-p3e0ymhz0p] .button-text {
    display: inline;
    align-items: center;
    line-height: var(--button-line-height);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-top: var(--button-text-top);
}
[b-p3e0ymhz0p] .button-text.has-icon-before {
    margin-left: var(--button-gap);
}
[b-p3e0ymhz0p] .button-text.has-icon-after {
    margin-right: var(--button-gap);
}

[b-p3e0ymhz0p] > .surface-all:hover,
[b-p3e0ymhz0p] > .surface-all:focus-visible,
[b-p3e0ymhz0p] > .surface-all:hover,
[b-p3e0ymhz0p] > .surface-all:focus-visible {
    color: var(--button-color-transition) !important;
    background-color: var(--button-background-transition) !important;
    border-radius: var(--button-border-radius);
    transform: var(--button-transform-transition);
    border: var(--button-border-transition);
    text-shadow: var(--button-text-shadow-transition);
    box-shadow: var(--button-box-shadow-transition);
}
/* /Components/Buttons/Button/Button.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.button[b-jwr693r7w1] {
    --button-width: auto;
    --button-height: auto;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.button[b-jwr693r7w1] {
    display: inline-flex;
    width: var(--button-width);
    height: var(--button-height);
    --button-propagate-width: var(--button-width);
    --button-propagate-height: var(--button-height);
    max-width: 100%;
}

[b-jwr693r7w1] > .surface-all > .surface-all {
    --button-width: var(--button-propagate-width);
    --button-height: var(--button-propagate-height);
    --button-font-weight: 500;
    --button-border-radius: 100px;
    --button-text-top: 2px;
    --button-transition-properties: color, background-color, box-shadow;
}

/* Variants ---------------------------------------------------------------------------------------------------------------------------- */
.variant-primary[b-jwr693r7w1]  > * > .surface-all {
    --button-color: rgba(var(--color-button-primary));
    --button-color-transition: rgba(var(--color-button-primary));
    --button-background: rgba(var(--color-button-primary-surface));
    --button-background-transition: rgba(var(--color-button-primary-surface-highlight));
}
.variant-primary:not(.no-shadow)[b-jwr693r7w1]  > * > .surface-all {
    --button-box-shadow: var(--shadow-button-primary);
    --button-box-shadow-transition: var(--shadow-button-primary-transition);
}

.variant-secondary[b-jwr693r7w1]  > * > .surface-all {
    --button-color: rgba(var(--color-button-secondary));
    --button-color-transition: rgba(var(--color-button-secondary));
    --button-background: rgba(var(--color-button-secondary-surface));
    --button-background-transition: rgba(var(--color-button-secondary-surface-highlight));
}
.variant-secondary:not(.no-shadow)[b-jwr693r7w1]  > * > .surface-all {
    --button-box-shadow: var(--shadow-button-secondary);
    --button-box-shadow-transition: var(--shadow-button-secondary-transition);
}

.variant-tertiary[b-jwr693r7w1]  > * > .surface-all {
    --button-color: rgba(var(--color-button-tertiary));
    --button-color-transition: rgba(var(--color-button-tertiary));
    --button-background: rgba(var(--color-button-tertiary-surface));
    --button-background-transition: rgba(var(--color-button-tertiary-surface-highlight));
}
.variant-tertiary:not(.no-shadow)[b-jwr693r7w1]  > * > .surface-all {
    --button-box-shadow: var(--shadow-button-tertiary);
    --button-box-shadow-transition: var(--shadow-button-tertiary-transition);
}

.variant-quaternary[b-jwr693r7w1]  > * > .surface-all {
    --button-color: rgba(var(--color-button-quaternary));
    --button-color-transition: rgba(var(--color-button-quaternary));
    --button-background: rgba(var(--color-button-quaternary-surface));
    --button-background-transition: rgba(var(--color-button-quaternary-surface-highlight));
}
.variant-quaternary:not(.no-shadow)[b-jwr693r7w1]  > * > .surface-all {
    --button-box-shadow: var(--shadow-button-quaternary);
    --button-box-shadow-transition: var(--shadow-button-quaternary-transition);
}

/* Sizes ------------------------------------------------------------------------------------------------------------------------------- */
.size-s[b-jwr693r7w1]  > * > .surface-all {
    --button-height: 41px;
    --button-font-size: 13px;
    --button-icon-size: 18px;
    --button-padding: 9px 22px;
    --button-gap: 7px;
}

.size-m[b-jwr693r7w1]  > * > .surface-all {
    --button-height: 52px;
    --button-font-size: 16px;
    --button-icon-size: 22px;
    --button-padding: 13px 28px;
    --button-gap: 9px;
}

.size-l[b-jwr693r7w1]  > * > .surface-all {
    --button-height: 64px;
    --button-font-size: 19px;
    --button-icon-size: 26px;
    --button-padding: 17px 34px;
    --button-gap: 11px;
}
/* /Components/Buttons/MenuButton/MenuButton.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.menu-button[b-8d7t8quww4] {
    display: inline-flex;
    width: var(--button-width);
    height: var(--button-height);
    max-width: 100%;
}

[b-8d7t8quww4] > * > .surface-all {
    --button-font-size: 15px;
    --button-icon-size: 20px;
    --button-padding: 10px 18px;
    --button-gap: 9px;
    --button-border-radius: 8px;
    --button-text-top: 2px;
    --button-transition-properties: color, background-color, box-shadow;
}

/* DarkTheme --------------------------------------------------------------------------------------------------------------------------- */
[b-8d7t8quww4] > * > .surface-all {
    --button-color: rgb(var(--color-secondary));
    --button-color-transition: rgb(var(--color-secondary-highlight));
    --button-background: transparent;
    --button-background-transition: transparent;
}
[b-8d7t8quww4] > * > .surface-all.active {
    --button-color: rgb(var(--color-secondary));
    --button-color-transition: rgb(var(--color-secondary));
    --button-background: rgba(var(--color-secondary), 0.15);
    --button-background-transition: rgba(var(--color-secondary), 0.15);
    --button-box-shadow: 0px 2px 12px rgba(var(--color-base), 0.4);
    --button-box-shadow-transition: 0px 2px 12px rgba(var(--color-base), 0.4);
}
[b-8d7t8quww4] > * > .surface-all:focus-visible {
    --button-color-transition: rgb(var(--color-secondary));
    --button-background-transition: rgba(var(--color-secondary), 0.04);
    --button-box-shadow-transition: 0px 2px 12px rgba(var(--color-base), 0.6);
}
[b-8d7t8quww4] > * > .surface-all.active:focus-visible {
    --button-background-transition: rgba(var(--color-secondary), 0.25);
    --button-box-shadow-transition: 0px 2px 12px rgba(var(--color-base), 1);
}

/* LightTheme -------------------------------------------------------------------------------------------------------------------------- */
.light-theme .menu-button[b-8d7t8quww4]  > * > .surface-all {
    --button-color: rgb(var(--color-secondary));
    --button-color-transition: rgb(var(--color-secondary-highlight));
    --button-background: transparent;
    --button-background-transition: transparent;
}
.light-theme .menu-button[b-8d7t8quww4]  > * > .surface-all.active {
    --button-color: rgb(var(--color-secondary));
    --button-color-transition: rgb(var(--color-secondary));
    --button-background: rgb(var(--color-base-invert));
    --button-background-transition: rgb(var(--color-base-invert));
    --button-box-shadow: 0px 2px 7px rgba(var(--color-base), 0.35);
    --button-box-shadow-transition: 0px 2px 7px rgba(var(--color-base), 0.35);
}
.light-theme .menu-button[b-8d7t8quww4]  > * > .surface-all:focus-visible {
    --button-color-transition: rgb(var(--color-secondary));
    --button-background-transition: rgba(var(--color-secondary), 0.055);
    --button-box-shadow-transition: 0px 2px 10px rgba(var(--color-base), 0.02);
}
.light-theme .menu-button[b-8d7t8quww4]  > * > .surface-all.active:focus-visible {
    --button-background-transition: rgb(var(--color-base-invert));
    --button-box-shadow-transition: 0px 2px 9px rgba(var(--color-base), 0.5);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    /* DarkTheme ----------------------------------------------------------------------------------------------------------------------- */
    [b-8d7t8quww4] > * > .surface-all {
        --button-color-transition: rgb(var(--color-secondary));
        --button-background-transition: rgba(var(--color-secondary), 0.04);
        --button-box-shadow-transition: 0px 2px 12px rgba(var(--color-base), 0.6);
    }
    [b-8d7t8quww4] > * > .surface-all.active {
        --button-background-transition: rgba(var(--color-secondary), 0.25);
        --button-box-shadow-transition: 0px 2px 12px rgba(var(--color-base), 1);
    }

    /* LightTheme ---------------------------------------------------------------------------------------------------------------------- */
    .light-theme .menu-button[b-8d7t8quww4]  > * > .surface-all {
        --button-color-transition: rgb(var(--color-secondary));
        --button-background-transition: rgba(var(--color-secondary), 0.055);
        --button-box-shadow-transition: 0px 2px 10px rgba(var(--color-base), 0.02);
    }
    .light-theme .menu-button[b-8d7t8quww4]  > * > .surface-all.active {
        --button-background-transition: rgb(var(--color-base-invert));
        --button-box-shadow-transition: 0px 2px 9px rgba(var(--color-base), 0.5);
    }
}
/* /Components/Canvas/CanvasPreRenderer.razor.rz.scp.css */
#project-canvas-pre-renderer[b-q7c7jj6h90] {
    position: fixed;
    top: 100vh;
    left: 0;
    display: none;
}
/* /Components/Collapse/Atoms/CollapseItem/Atoms/CollapseContent/CollapseContent.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.surface-all[b-q0ajvawtlh] {
    --collapse-font-size: 12px;
}
.surface-primary[b-q0ajvawtlh] {
    --title-color: rgb(var(--color-base));
}
.surface-secondary[b-q0ajvawtlh] {
    --title-color: rgb(var(--color-secondary));
}
.surface-floating[b-q0ajvawtlh] {
    --title-color: rgb(var(--color-base));
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.collapse-content[b-q0ajvawtlh] {
    display: block;
    word-break: break-word;
    font-family: var(--font-primary);
    font-size: var(--collapse-font-size);
    font-weight: 400;
    line-height: 1.5;
    color: var(--title-color);
    margin: 0;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .surface-all[b-q0ajvawtlh] {
        --collapse-font-size: 13px;
    }
}

@media (min-width: 1200px) {
    .surface-all[b-q0ajvawtlh] {
        --collapse-font-size: 14px;
    }
}
/* /Components/Collapse/Atoms/CollapseItem/Atoms/CollapseTitle/CollapseTitle.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.surface-all[b-umuo4jy7lp] {
    --collapse-font-size-title: 14px;
    --collapse-icon-gap: 6px;
    --collapse-icon-size: 24px;
    --collapse-icon-svg: 12px;
}
.surface-primary[b-umuo4jy7lp] {
    --title-color: rgb(var(--color-primary));
    --title-icon-color: rgba(var(--color-base), 0.6);
    --title-icon-background: rgba(var(--color-primary-shade-strong), 0.25);
}
.surface-secondary[b-umuo4jy7lp] {
    --title-color: rgb(var(--color-secondary));
    --title-icon-color: rgb(var(--color-secondary-surface));
    --title-icon-background: rgba(var(--color-secondary), 0.8);
}
.surface-floating[b-umuo4jy7lp] {
    --title-color: rgb(var(--color-base));
    --title-icon-color: rgb(var(--color-base));
    --title-icon-background: rgb(var(--color-floating-shade));
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.collapse-title[b-umuo4jy7lp] {
    display: flex;
    align-items: center;
    gap: var(--collapse-icon-gap);
    word-break: break-word;
    font-family: var(--font-primary);
    font-size: var(--collapse-font-size-title);
    font-weight: 400;
    line-height: 1.5;
    color: var(--title-color);
    margin: 0;
}

.collapse-icon[b-umuo4jy7lp] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    flex-shrink: 0;
    color: var(--title-icon-color);
    background-color: var(--title-icon-background);
    width: var(--collapse-icon-size);
    height: var(--collapse-icon-size);
    border-radius: 50%;
    transition: transform calc(var(--transition-normal) * 1ms) ease;
}

.collapse-icon[b-umuo4jy7lp]  svg {
    width: var(--collapse-icon-svg);
    height: var(--collapse-icon-svg);
}

.item-collapsed .collapse-icon[b-umuo4jy7lp] {
    transform: rotate(-180deg);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .surface-all[b-umuo4jy7lp] {
        --collapse-font-size-title: 15px;
        --collapse-icon-gap: 8px;
        --collapse-icon-size: 27px;
        --collapse-icon-svg: 14px;
    }
}

@media (min-width: 1200px) {
    .surface-all[b-umuo4jy7lp] {
        --collapse-font-size-title: 16px;
        --collapse-icon-gap: 10px;
        --collapse-icon-size: 30px;
        --collapse-icon-svg: 16px;
    }
}
/* /Components/Collapse/Atoms/CollapseItem/CollapseItem.razor.rz.scp.css */
.collapse-item[b-vaopj5j98h] {
    font-family: var(--font-primary);
    font-weight: 400;
    line-height: 1.5;
    border-radius: var(--collapse-gap);
    color: var(--collapse-color);
    background-color: var(--collapse-background-color);
}

.collapse-item-title[b-vaopj5j98h] {
    padding: var(--collapse-padding);
    cursor: pointer;
    font-size: var(--collapse-font-size-title);
    margin: -2px;
    border: 2px solid transparent;
    border-radius: var(--collapse-gap) var(--collapse-gap) 0 0;
    outline: none;
}
.collapse-item-title:focus-visible[b-vaopj5j98h] {
    border: 2px solid var(--collapse-outline);
    box-shadow: 0 0 10px var(--collapse-outline-shadow);
}
.item-collapsed .collapse-item-title[b-vaopj5j98h] {
    border-radius: var(--collapse-gap);
}

.collapse-item-content-wrap[b-vaopj5j98h] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows calc(var(--transition-normal) * 1ms) ease;
}

.item-collapsed .collapse-item-content-wrap[b-vaopj5j98h] {
    grid-template-rows: 0fr;
}

.collapse-item-content[b-vaopj5j98h] {
    font-size: var(--collapse-font-size);
    padding: 0 var(--collapse-padding);
    margin: 0;
    overflow: hidden;
    margin: -2px;
    border: 2px solid transparent;
    border-radius: 0 0 var(--collapse-gap) var(--collapse-gap);
    outline: none;
}
.collapse-item-content:focus-visible[b-vaopj5j98h] {
    border: 2px solid var(--collapse-outline);
    box-shadow: 0 0 10px var(--collapse-outline-shadow);
}

.collapse-item-content[b-vaopj5j98h]::after {
    content: "";
    display: block;
    width: 100%;
    height: var(--collapse-padding);
}
/* /Components/Collapse/Collapse.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.surface-all[b-j2q0ajgeg0] {
    --collapse-font-size-title: 14px;
    --collapse-font-size: 12px;
    --collapse-gap: 6px;
    --collapse-padding: 12px;
}
.surface-primary[b-j2q0ajgeg0] {
    --collapse-color: rgb(var(--color-primary));
    --collapse-background-color: rgba(var(--color-base-invert), 0.7);
    --collapse-outline: transparent;
    --collapse-outline-shadow: rgb(var(--color-primary-shade-strong));
}
.surface-secondary[b-j2q0ajgeg0] {
    --collapse-color: rgb(var(--color-secondary));
    --collapse-background-color: rgba(var(--color-base-invert), 0.1);
    --collapse-outline: rgba(var(--color-base-invert), 0.2);
    --collapse-outline-shadow: rgba(var(--color-base), 0.7);
}
.surface-floating[b-j2q0ajgeg0] {
    --collapse-color: rgb(var(--color-floating));
    --collapse-background-color: rgba(var(--color-floating-shade), 0.4);
    --collapse-outline: rgba(var(--color-base-invert), 0.3);
    --collapse-outline-shadow: rgba(var(--color-floating), 0.3);
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.collapse[b-j2q0ajgeg0] {
    display: flex;
    flex-direction: column;
    gap: var(--collapse-gap);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .surface-all[b-j2q0ajgeg0] {
        --collapse-font-size-title: 15px;
        --collapse-font-size: 13px;
        --collapse-gap: 7px;
        --collapse-padding: 14px;
    }
}

@media (min-width: 1200px) {
    .surface-all[b-j2q0ajgeg0] {
        --collapse-font-size-title: 16px;
        --collapse-font-size: 14px;
        --collapse-gap: 8px;
        --collapse-padding: 16px;
    }
}
/* /Components/ConsoleUI/ConsoleUI.razor.rz.scp.css */
#console-ui[b-bwa68i0p2y] {
    position: fixed;
    display: flex;
    flex-direction: column;
    left: var(--console-left, "auto");
    top: var(--console-top, "auto");
    right: var(--console-right, "auto");
    bottom: var(--console-bottom, "auto");
    width: var(--console-width, "auto");
    height: var(--console-height, "auto");
    pointer-events: var(--console-events, "all");
    padding: 4px 8px;
    background-color: rgba(var(--color-base), 0.8);
    color: rgb(var(--color-base-invert));
    z-index: var(--z-index-console-ui);
    font-size: 12px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 3px;
    box-shadow: 0 0 10px 2px rgb(var(--color-base));
}
/* /Components/DropDown/AdminDropDown/AdminDropDown.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.admin-dropdown[b-dlkdv1bylf] {
    position: relative;
    display: inline-flex;
}

.admin-dropdown[b-dlkdv1bylf]  .dropdown {
    --dropdown-button-width: 38px;
    --dropdown-button-height: 38px;
    --dropdown-button-radius: 100%;
    --dropdown-options-right: -48px;
}

.admin-dropdown[b-dlkdv1bylf]  .dropdown-button {
    border: 3px solid rgba(var(--color-base-invert), 0.9);
    box-shadow: var(--shadow-admin-dropdown-button);
    background-color: rgba(var(--color-profile-background));
    transition: transform calc(var(--transition-slow) * 1ms),
                box-shadow calc(var(--transition-fast) * 1ms);
}

.admin-dropdown[b-dlkdv1bylf]  .dropdown.displayed .dropdown-button {
    transform: rotate(-360deg);
}

.admin-dropdown[b-dlkdv1bylf]  .dropdown-button:focus-visible {
    border: 3px solid rgb(var(--color-base-invert));
    box-shadow: var(--shadow-admin-dropdown-button-highlight);
}

.admin-dropdown[b-dlkdv1bylf]  .admin-dropdown-profile-image {
    position: relative;
    font-size: 26px;
    top: 2px;
    color: rgb(var(--color-base-invert));
}

.admin-dropdown[b-dlkdv1bylf]  .admin-dropdown-icon {
    margin-right: 10px;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .admin-dropdown[b-dlkdv1bylf]  .dropdown {
        --dropdown-button-width: 42px;
        --dropdown-button-height: 42px;
        --dropdown-options-right: -8px;
    }

    .admin-dropdown[b-dlkdv1bylf]  .admin-dropdown-profile-image {
        font-size: 28px;
        top: 2px;
    }
}
/* /Components/DropDown/DropDown/Atoms/DropDownOption/DropDownOption.razor.rz.scp.css */
.dropdown-option[b-pilqudyqda] {
    display: flex;
    width: 100%;
    padding: var(--dropdown-option-padding);
    border: none;
    outline: none;
    position: relative;
    margin: 0;
    font-size: var(--dropdown-option-font-size);
    justify-content: var(--dropdown-option-justify);
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: rgb(var(--color-base-invert));
    transition: background-color calc(var(--transition-fast) * 1ms);
}

.dropdown-option:not(:last-child)[b-pilqudyqda] {
    margin-bottom: 1px;
}

.dropdown-option:not(:last-child)[b-pilqudyqda]:after {
    content: "";
    display: flex;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: rgba(var(--color-base), 0.1);
}

.dropdown-option:hover[b-pilqudyqda], .dropdown-option:focus-visible[b-pilqudyqda] {
    background-color: rgba(var(--color-base-invert-highlight), 0.4);
}
/* /Components/DropDown/DropDown/Atoms/DropDownOptionText/DropDownOptionText.razor.rz.scp.css */
.dropdown-option-text[b-nhy1074gc1] {
    position: relative;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/DropDown/DropDown/DropDown.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.dropdown[b-duultb56qq] {
    /* Button: */
    --dropdown-button-width: 40px;
    --dropdown-button-height: 40px;
    --dropdown-button-radius: 0;
    /* Options: */
    --dropdown-options-right: auto;
    --dropdown-options-left: auto;
    --dropdown-options-translate: 0%;
    --dropdown-options-radius: 10px;
    --dropdown-options-min-width: 60px;
    --dropdown-options-max-width: 400px;
    /* Option: */
    --dropdown-option-font-size: 16px;
    --dropdown-option-padding: 10px 18px;
    --dropdown-option-justify: flex-start;
}

/* Override ---------------------------------------------------------------------------------------------------------------------------- */
.dropdown-button[b-duultb56qq] {
    position: relative;
    width: var(--dropdown-button-width);
    height: var(--dropdown-button-height);
    border-radius: var(--dropdown-button-radius);
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.dropdown[b-duultb56qq] {
    position: relative;
    display: flex;
}

.dropdown-start[b-duultb56qq],
.dropdown-end[b-duultb56qq] {
    position: absolute;
    inset: 0;
    z-index: 0;
    outline: none;
    pointer-events: none;
}

.dropdown-menu[b-duultb56qq] {
    position: absolute;
    display: none;
    width: 100%;
    bottom: 0;
    z-index: var(--z-index-dropdown);
    opacity: 0;
    transition: display calc(var(--transition-fast) * 1ms) allow-discrete,
                opacity calc(var(--transition-fast) * 1ms);
}
.displayed .dropdown-menu[b-duultb56qq] {
    display: flex;
    opacity: 1;
}
@starting-style {
    .displayed .dropdown-menu[b-duultb56qq] {
        opacity: 0;
    }
}

.dropdown-mark[b-duultb56qq] {
    position: absolute;
    display: flex;
    width: 20px;
    height: 20px;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%) rotateZ(45deg);
    background-color: rgb(var(--color-base-invert));
    box-shadow: 0 0 8px 2px rgba(var(--color-base), 0.2);
}

.dropdown-options[b-duultb56qq] {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: var(--dropdown-options-min-width);
    max-width: var(--dropdown-options-max-width);
    min-height: 24px;
    overflow: hidden;
    left: var(--dropdown-options-left);
    right: var(--dropdown-options-right);
    bottom: -12px;
    border-radius: var(--dropdown-options-radius);
    box-shadow: var(--shadow-dropdown-options);
    background-color: rgb(var(--color-base-invert));
    transform: translate(var(--dropdown-options-translate), 100%);
}
/* /Components/DropDown/UserDropDown/UserDropDown.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.user-dropdown[b-89ht4e87bq] {
    position: relative;
    display: inline-flex;
}

.user-dropdown[b-89ht4e87bq]  .dropdown {
    --dropdown-button-width: 40px;
    --dropdown-button-height: 40px;
    --dropdown-button-radius: 100%;
    --dropdown-options-right: -48px;
}

.user-dropdown[b-89ht4e87bq]  .dropdown-button {
    border: 3px solid rgba(var(--color-base-invert), 0.9);
    box-shadow: var(--shadow-user-dropdown-button);
    background-color: rgba(var(--color-profile-background));
    transition: transform calc(var(--transition-slow) * 1ms),
                box-shadow calc(var(--transition-fast) * 1ms);
}

.user-dropdown[b-89ht4e87bq]  .dropdown.displayed .dropdown-button {
    transform: rotate(-360deg);
}

.user-dropdown[b-89ht4e87bq]  .dropdown-button:focus-visible {
    border: 3px solid rgb(var(--color-base-invert));
    box-shadow: var(--shadow-user-dropdown-button-highlight);
}

.user-dropdown[b-89ht4e87bq]  .image-component.user-dropdown-profile-image {
    --image-width: 100%;
    --image-height-ratio: 100%;
    --image-fit: contain;
    --image-position: 0 0;
    transform: scale(-1, 1) scale(4.4) translate(37.2%, 38%);
    pointer-events: none;
}

.user-dropdown[b-89ht4e87bq]  .user-dropdown-icon {
    margin-right: 10px;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .user-dropdown[b-89ht4e87bq]  .dropdown {
        --dropdown-button-width: 44px;
        --dropdown-button-height: 44px;
        --dropdown-options-right: -8px;
    }
}
/* /Components/Form/Base/FormComponent/FormWrap/FormError/FormError.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.form-error[b-f9srtnds0j] {
    /* Size: */
    --form-error-width: auto;
    --form-error-height: auto;
    /* Message: */
    --form-error-top: -10px;
    --form-error-margin: 10px;
    --form-error-outline-radius: 6px;
    --form-error-radius: 6px;
    --form-error-padding-vertical: 2px;
    --form-error-padding-horizontal: 8px;
    --form-error-border-size: 2px;
    --form-error-align: flex-start;
    /* Font: */
    --form-error-font-size: 12px;
    --form-error-font-weight: 400;
    --form-error-line-height: 1.5;
    /* Transition: */
    --form-error-transition-duration: calc(var(--transition-fast) * 1ms);
    --form-error-transition-timing: ease;
    /* Focus: */
    --form-error-focus-scale: 1.04;
    /* Cursor: */
    --form-error-cursor: default;
    --form-error-message-cursor: pointer;
    /* Z-Index: */
    --form-error-z-index: var(--z-index-form-error);
    /* Colors: */
    --form-error-color: rgb(var(--color-danger));
    --form-error-color-transition: rgb(var(--color-danger-highlight));
    --form-error-background: rgb(var(--color-danger-surface));
    --form-error-background-transition: rgb(var(--color-danger-surface-highlight));
    --form-error-outline: rgb(var(--color-danger-accent));
    --form-error-outline-transition: rgb(var(--color-danger-accent-highlight));
    /* Disable mark: */
    --form-disabled-cursor-width: 100%;
    --form-disabled-cursor-height: 100%;
    --form-disabled-cursor-margin: 0;
    --form-disabled-cursor-padding: 0;
    --form-disabled-cursor-transform: none;
    --form-disabled-cursor-radius: var(--form-error-outline-radius);
    --form-disabled-cursor-cursor: not-allowed;
    --form-disabled-cursor-z-index: var(--form-error-z-index);
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.form-error[b-f9srtnds0j] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: var(--form-error-align);
    width: var(--form-error-width);
    height: var(--form-error-height);
    max-width: 100%;
    border-radius: var(--form-error-outline-radius);
    pointer-events: all;
    cursor: var(--form-error-cursor);
    z-index: auto;
}

.form-content[b-f9srtnds0j] {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: var(--form-error-outline-radius);
}

.form-disabled-cursor[b-f9srtnds0j] {
    position: absolute;
    display: none;
    /* Position: */
    width: var(--form-disabled-cursor-width);
    height: var(--form-disabled-cursor-height);
    margin: var(--form-disabled-cursor-margin);
    padding: var(--form-disabled-cursor-padding);
    transform: var(--form-disabled-cursor-transform);
    border-radius: var(--form-disabled-cursor-radius);
    /* Behavior: */
    cursor: var(--form-disabled-cursor-cursor);
    z-index: var(--form-disabled-cursor-z-index);
}

.form-error-outline[b-f9srtnds0j] {
    position: absolute;
    display: inline-flex;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    pointer-events: none;
    border-radius: var(--form-error-outline-radius);
    border: var(--form-error-border-size) solid transparent;
    transition: border-color var(--form-error-transition-duration) var(--form-error-transition-timing);
}

.form-error-message[b-f9srtnds0j] {
    position: absolute;
    background-color: var(--form-error-background);
    border: var(--form-error-border-size) solid var(--form-error-outline);
    color: var(--form-error-color);
    max-width: calc(100% - 2 * var(--form-error-margin));
    border-radius: var(--form-error-radius);
    padding: var(--form-error-padding-vertical) var(--form-error-padding-horizontal);
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: var(--form-error-margin);
    margin-right: var(--form-error-margin);
    top: 100%;
    margin-top: var(--form-error-top);
    font-size: var(--form-error-font-size);
    font-weight: var(--form-error-font-weight);
    line-height: var(--form-error-line-height);
    transition-property: opacity, background-color, border-color, transform;
    transition-duration: var(--form-error-transition-duration);
    transition-timing-function: var(--form-error-transition-timing);
    z-index: var(--form-error-z-index);
    opacity: 0;
    pointer-events: none;
}

.form-error:not(.error-type-passive) .form-error-message[b-f9srtnds0j] {
    cursor: var(--form-error-message-cursor);
}

/* Active ------------------------------------------------------------------------------------------------------------------------------ */
.form-error.error .form-error-outline[b-f9srtnds0j] {
    border-color: var(--form-error-outline);
}
.form-error.error:hover:not(.error-type-passive) .form-error-outline[b-f9srtnds0j],
.form-error.error:has(:focus-visible):not(.error-type-passive) .form-error-outline[b-f9srtnds0j] {
    border-color: var(--form-error-outline-transition);
}

.form-error.error .form-error-message[b-f9srtnds0j] {
    opacity: 1;
    pointer-events: all;
}

.form-error.error:hover:not(.error-type-passive) .form-error-message[b-f9srtnds0j],
.form-error.error:has(:focus-visible):not(.error-type-passive) .form-error-message[b-f9srtnds0j] {
    color: var(--form-error-color-transition);
    background-color: var(--form-error-background-transition);
    border-color: var(--form-error-outline-transition);
}
.form-error.error:has(:focus-visible) .form-error-message:focus-visible[b-f9srtnds0j] {
    transform: scale(var(--form-error-focus-scale));
}
.form-error.error:has(:focus-visible).error-type-autohide .form-error-message[b-f9srtnds0j] {
    opacity: 0;
    pointer-events: none;
}
.form-error.error:has(:focus-visible).error-type-autohide .form-error-message:focus-visible[b-f9srtnds0j] {
    opacity: 1;
}
.form-error.error:has(:focus-visible).error-type-autohide .form-error-message:focus[b-f9srtnds0j] {
    pointer-events: all;
}

/* Disabled ---------------------------------------------------------------------------------------------------------------------------- */
.form-error.disabled[b-f9srtnds0j]  .form-error-outline,
.form-error.disabled[b-f9srtnds0j]  .form-error-message {
    display: none !important;
}
.form-error.disabled[b-f9srtnds0j]  .form-disabled-cursor {
    display: flex;
}
.form-error-disabled-transition[b-f9srtnds0j]  .form-content * {
    transition: none !important;
    animation: none !important;
}
/* /Components/Form/Base/FormComponent/FormWrap/FormLabel/FormLabel.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.form-label[b-qjhzyojoxq] {
    --form-label-width: 100%;
    --form-label-height: auto;
    --form-label-font-size: unset;
    --form-label-font-weight: 400;
    --form-label-line-height: 1.5;
    --form-label-align: left;
    --form-label-gap: unset;
    --form-label-color: unset;
}

/* Surface ----------------------------------------------------------------------------------------------------------------------------- */
.form-label.surface-primary[b-qjhzyojoxq] {
    --form-label-color: rgb(var(--color-primary));
}
.form-label.surface-secondary[b-qjhzyojoxq] {
    --form-label-color: rgb(var(--color-secondary));
}
.form-label.surface-floating[b-qjhzyojoxq] {
    --form-label-color: rgb(var(--color-floating));
}

/* Sizes ------------------------------------------------------------------------------------------------------------------------------- */
.form-label.size-s[b-qjhzyojoxq] {
    --form-label-font-size: 12px;
    --form-label-gap: 1px;
}
.form-label.size-m[b-qjhzyojoxq] {
    --form-label-font-size: 13px;
    --form-label-gap: 2px;
}
.form-label.size-l[b-qjhzyojoxq] {
    --form-label-font-size: 15px;
    --form-label-gap: 3px;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.form-label[b-qjhzyojoxq] {
    position: relative;
    display: block;
    width: var(--form-label-width);
    height: var(--form-label-height);
    font-size: var(--form-label-font-size);
    font-weight: var(--form-label-font-weight);
    line-height: var(--form-label-line-height);
    color: var(--form-label-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: var(--form-label-align);
    padding-bottom: var(--form-label-gap);
    pointer-events: none;
}

.form-label label[b-qjhzyojoxq] {
    max-width: 100%;
}
/* /Components/Form/Base/FormComponent/FormWrap/FormWrap.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.form-wrap[b-nh1pw2fgqu] {
    --form-wrap-width: 100%;
    --form-wrap-height: 100%;
    --form-wrap-label-width: 100%;
    --form-wrap-label-height: auto;
    --form-wrap-content-width: auto;
    --form-wrap-content-height: auto;
}

/* Delegation -------------------------------------------------------------------------------------------------------------------------- */
.form-wrap[b-nh1pw2fgqu]  .form-label {
    --form-label-width: var(--form-wrap-label-width);
    --form-label-height: var(--form-wrap-label-height);
}

.form-wrap[b-nh1pw2fgqu]  .form-error {
    --form-error-width: var(--form-wrap-content-width);
    --form-error-height: var(--form-wrap-content-height);
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.form-wrap[b-nh1pw2fgqu] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: var(--form-wrap-width);
    height: var(--form-wrap-height);
    pointer-events: none;
    z-index: auto;
}

/* Align ------------------------------------------------------------------------------------------------------------------------------- */
.form-wrap.align-left[b-nh1pw2fgqu]  .form-label {
    --form-label-align: left;
}
.form-wrap.align-left[b-nh1pw2fgqu]  .form-error {
    --form-error-align: flex-start;
}

.form-wrap.align-center[b-nh1pw2fgqu]  .form-label {
    --form-label-align: center;
}
.form-wrap.align-center[b-nh1pw2fgqu]  .form-error {
    --form-error-align: center;
}

.form-wrap.align-right[b-nh1pw2fgqu]  .form-label {
    --form-label-align: right;
}
.form-wrap.align-right[b-nh1pw2fgqu]  .form-error {
    --form-error-align: flex-end;
}
/* /Components/Form/Inputs/Base/InputBase.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.input-base[b-iyybg8oowp] {    
    /* Size: */
    --input-wrap-width: 100%;
    --input-wrap-height: auto;
    --input-label-width: 100%;
    --input-width: 100%;
    --input-height: auto;
    /* Style: */
    --input-padding: 10px;
    --input-border-radius: 6px;
    --input-font-family: var(--font-primary);
    --input-font-size: 16px;
    --input-font-weight: 400;
    --input-line-height: 1;
    --input-text-align: left;
    /* Clear: */
    --input-clear-size: 18px;
    --input-clear-padding: 6px;
    --input-clear-show-transition-duration: calc(var(--transition-fast) * 1ms);
    --input-clear-transition-duration: calc(var(--transition-fast) * 1ms);
    /* Icon: */
    --input-icon-size: 22px;
    --input-icon-gap-inner: 6px;
    --input-icon-gap-outer: 8px;
    /* Transition: */
    --input-transform: none;
    --input-transform-transition: none;
    --input-transition-properties: color, background-color, box-shadow, border-color, outline;
    --input-transition-duration: calc(var(--transition-fast) * 1ms);
    --input-transition-timing: ease;
    /* Colors: */
    --input-color: rgb(var(--color-primary));
    --input-color-transition: rgb(var(--color-primary));
    --input-color-placeholder: rgba(var(--color-primary-highlight), 0.6);
    --input-color-placeholder-transition: rgba(var(--color-primary-highlight), 0.6);
    --input-background: rgb(var(--color-base-invert));
    --input-background-transition: rgb(var(--color-base-invert));
    --input-border: 1px solid rgba(var(--color-base), 0.2);
    --input-border-transition: 1px solid rgba(var(--color-base), 0.2);
    --input-text-shadow: none;
    --input-text-shadow-transition: none;
    --input-box-shadow: none;
    --input-box-shadow-transition: 0 0 5px rgba(var(--color-base), 0.4);
    /* Clear colors: */
    --input-clear-color: rgb(var(--color-primary));
    --input-clear-color-transition: rgb(var(--color-base));
    --input-clear-background: rgb(var(--color-primary-shade), 0.7);
    --input-clear-background-transition: rgb(var(--color-primary-shade-strong), 0.6);
    --input-clear-box-shadow: none;
    --input-clear-box-shadow-transition: none;
}

/* Delegation -------------------------------------------------------------------------------------------------------------------------- */
.input-base[b-iyybg8oowp]  .form-wrap {
    --form-wrap-label-width: var(--input-label-width);
    --form-wrap-content-width: var(--input-width);
    --form-wrap-content-height: var(--input-height);
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.input-base[b-iyybg8oowp] {
    display: flex;
    width: var(--input-wrap-width);
    height: var(--input-wrap-height);
    max-width: 100%;
    z-index: auto;
}

.input-base-component[b-iyybg8oowp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    
    width: 100%;
    height: 100%;
    max-width: 100%;

    padding: 0;

    background-color: var(--input-background);
    border: none;
    border-radius: var(--input-border-radius);
    box-shadow: var(--input-box-shadow);

    transform: var(--input-transform);
    transition-property: var(--input-transition-properties);
    transition-duration: var(--input-transition-duration);
    transition-timing-function: var(--input-transition-timing);

    z-index: 0;
}

.input-base-input[b-iyybg8oowp] {
    position: relative;
    display: flex;
    align-items: center;
    appearance: none;

    width: 100%;
    height: 100%;
    padding: var(--input-padding);

    font-family: var(--input-font-family);
    font-size: var(--input-font-size);
    font-weight: var(--input-font-weight);
    line-height: var(--input-line-height);
    text-align: var(--input-text-align);
    text-shadow: var(--input-text-shadow);

    color: var(--input-color);
    background-color: transparent;

    cursor: text;
    outline: none;
    border: var(--input-border);
    border-radius: var(--input-border-radius);
    box-shadow: none;

    transition-property: var(--input-transition-properties);
    transition-duration: var(--input-transition-duration);
    transition-timing-function: var(--input-transition-timing);
}

.input-base-input[b-iyybg8oowp]::placeholder {
    color: var(--input-color-placeholder);
}

.input-base-input[type="password"]:not(:placeholder-shown)[b-iyybg8oowp] {
    font-weight: 600;
    letter-spacing: calc(0.25 * var(--input-font-size));
}

/* Icons ------------------------------------------------------------------------------------------------------------------------------- */
.icon-before .input-base-input[b-iyybg8oowp] {
    padding-left: calc(var(--input-icon-gap-inner) + var(--input-icon-size) + var(--input-icon-gap-outer));
}
.icon-after .input-base-input[b-iyybg8oowp] {
    padding-right: calc(var(--input-icon-gap-inner) + var(--input-icon-size) + var(--input-icon-gap-outer));
}

.input-icon-before[b-iyybg8oowp],
.input-icon-after[b-iyybg8oowp] {
    position: absolute;
    pointer-events: none;
    z-index: 1;
}
.input-icon-before[b-iyybg8oowp] {
    left: var(--input-icon-gap-outer);
}
.input-icon-after[b-iyybg8oowp] {
    right: var(--input-icon-gap-outer);
}
.input-icon-before[b-iyybg8oowp]  > *,
.input-icon-after[b-iyybg8oowp]  > * {
    pointer-events: all;
    cursor: pointer;
}

/* Clear ------------------------------------------------------------------------------------------------------------------------------- */
.input-clear[b-iyybg8oowp] {
    position: absolute;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    min-width: var(--input-clear-size);
    width: var(--input-clear-size);
    max-width: var(--input-clear-size);
    height: 100%;
    right: var(--input-icon-gap-outer);
    top: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 1;
    transition: opacity var(--input-clear-show-transition-duration) ease;
}
.value-default .input-clear[b-iyybg8oowp] {
    opacity: 0;
}

.input-clear-button[b-iyybg8oowp] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    appearance: none;
    font-size: 0;
    line-height: 0;
    flex-shrink: 0;
    border: none;
    outline: none;
    min-width: var(--input-clear-size);
    width: var(--input-clear-size);
    max-width: var(--input-clear-size);
    min-height: var(--input-clear-size);
    height: var(--input-clear-size);
    max-height: var(--input-clear-size);
    color: var(--input-clear-color);
    background-color: var(--input-clear-background);
    box-shadow: var(--input-clear-box-shadow);
    border-radius: 100%;
    cursor: pointer;
    pointer-events: all;
    transition-property: color, background-color;
    transition-duration: var(--input-clear-transition-duration);
    transition-timing-function: ease;
}
.value-default .input-clear-button[b-iyybg8oowp] {
    pointer-events: none;
}
.input-clear-button:hover[b-iyybg8oowp], .input-clear-button:focus-visible[b-iyybg8oowp]  {
    color: var(--input-clear-color-transition);
    background-color: var(--input-clear-background-transition);
    box-shadow: var(--input-clear-box-shadow-transition);
}

[b-iyybg8oowp] .input-clear-button svg {
    width: calc(var(--input-clear-size) - var(--input-clear-padding));
    height: calc(var(--input-clear-size) - var(--input-clear-padding));
}

.allow-clear .input-base-input[b-iyybg8oowp] {
    padding-right: calc(var(--input-icon-gap-inner) + var(--input-clear-size) + var(--input-icon-gap-outer));
}
.icon-after .input-clear[b-iyybg8oowp] {
    right: calc(var(--input-icon-gap-inner) + var(--input-icon-size) + var(--input-icon-gap-outer));
}
.icon-after.allow-clear .input-base-input[b-iyybg8oowp] {
    padding-right: calc(var(--input-icon-gap-inner) + var(--input-clear-size) + var(--input-icon-gap-inner) + var(--input-icon-size) + var(--input-icon-gap-outer));
}

/* Autofill ---------------------------------------------------------------------------------------------------------------------------- */
.input-base-input:-webkit-autofill[b-iyybg8oowp],
.input-base-input:-webkit-autofill:hover[b-iyybg8oowp], 
.input-base-input:-webkit-autofill:focus[b-iyybg8oowp], 
.input-base-input:-webkit-autofill:active[b-iyybg8oowp]  {
    color: var(--input-color) !important;
    -webkit-text-fill-color: var(--input-color) !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    transition: background-color 0s ease-in-out 1000s;
}

/* Sizes ------------------------------------------------------------------------------------------------------------------------------- */
.input-base.size-s[b-iyybg8oowp] {
    --input-height: 41px;
    --input-font-size: 16px;
    --input-padding: 10px 12px;
    --input-border-radius: 6px;
    --input-icon-size: 22px;
    --input-icon-gap-inner: 6px;
    --input-icon-gap-outer: 8px;

    --input-clear-size: 18px;
    --input-clear-padding: 6px;
}

.input-base.size-m[b-iyybg8oowp] {
    --input-height: 52px;
    --input-font-size: 18px;
    --input-padding: 13px 16px;
    --input-border-radius: 8px;
    --input-icon-size: 30px;
    --input-icon-gap-inner: 8px;
    --input-icon-gap-outer: 10px;

    --input-clear-size: 22px;
    --input-clear-padding: 8px;
}

.input-base.size-l[b-iyybg8oowp] {
    --input-height: 64px;
    --input-font-size: 24px;
    --input-padding: 16px 20px;
    --input-icon-size: 24px;
    --input-border-radius: 10px;
    --input-icon-size: 40px;
    --input-icon-gap-inner: 10px;
    --input-icon-gap-outer: 14px;

    --input-clear-size: 24px;
    --input-clear-padding: 8px;
}

/* Align ------------------------------------------------------------------------------------------------------------------------------- */
.align-left .input-base-input[b-iyybg8oowp] {
    text-align: left;
}
.align-center .input-base-input[b-iyybg8oowp] {
    text-align: center;
}
.align-right .input-base-input[b-iyybg8oowp] {
    text-align: right;
}

/* TextMode ---------------------------------------------------------------------------------------------------------------------------- */
.text-mode-lowercase .input-base-input[b-iyybg8oowp] {
    text-transform: lowercase;
}
.text-mode-normal .input-base-input[b-iyybg8oowp] {
    text-transform: none;
}
.text-mode-uppercase .input-base-input[b-iyybg8oowp] {
    text-transform: uppercase;
}

/* Active ------------------------------------------------------------------------------------------------------------------------------ */
[b-iyybg8oowp] .form-error:not(.disabled):hover .input-base-component,
[b-iyybg8oowp] .form-error:not(.disabled):has(:focus-visible) .input-base-component {
    background-color: var(--input-background-transition);
    box-shadow: var(--input-box-shadow-transition);
    transform: var(--input-transform-transition);
}
[b-iyybg8oowp] .form-error:not(.disabled):hover .input-base-input,
[b-iyybg8oowp] .form-error:not(.disabled):has(:focus-visible) .input-base-input {
    color: var(--input-color-transition);
    text-shadow: var(--input-text-shadow-transition);
    border: var(--input-border-transition);
}
[b-iyybg8oowp] .form-error:not(.disabled):hover .input-base-input::placeholder,
[b-iyybg8oowp] .form-error:not(.disabled):has(:focus-visible) .input-base-input::placeholder {
    color: var(--input-color-placeholder-transition);
}

/* Error ------------------------------------------------------------------------------------------------------------------------------- */
/* Default style */

/* Disabled ---------------------------------------------------------------------------------------------------------------------------- */
[b-iyybg8oowp] .form-error.disabled {
    background-color: rgba(225, 225, 225, 1.0);
}
.input-base.disabled .input-base-component[b-iyybg8oowp] {
    opacity: 0.5;
}
/* /Components/Form/Inputs/Input/Input.razor.rz.scp.css */
.input[b-xzsmhsn02z] {
    position: relative;
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    z-index: auto;
}
/* /Components/Form/Selects/Base/SelectBase.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.select-base[b-wa6kmqf9ax] {
    /* Size: */
    --input-wrap-width: 100%;
    --input-wrap-height: auto;
    --input-label-width: 100%;
    --input-width: 100%;
    --input-height: auto;
    /* Style: */
    --input-padding: 10px;
    --input-border-radius: 6px;
    --input-font-family: var(--font-primary);
    --input-font-size: 16px;
    --input-font-weight: 400;
    --input-line-height: 1;
    --input-icon-size: 16px;
    --input-gap: 4px;
    --input-transform: none;
    --input-transform-transition: none;
    --input-transition-properties: color, background-color, box-shadow;
    --input-transition-duration: calc(var(--transition-fast) * 1ms);
    --input-transition-timing: ease;
    /* Colors: */
    --input-color: rgb(var(--color-primary));
    --input-color-transition: rgb(var(--color-primary));
    --input-background: rgb(var(--color-base-invert));
    --input-background-transition: rgb(var(--color-base-invert));
    --input-border: 1px solid rgba(var(--color-base), 0.2);
    --input-border-transition: 1px solid rgba(var(--color-base), 0.2);
    --input-text-shadow: none;
    --input-text-shadow-transition: none;
    --input-box-shadow: none;
    --input-box-shadow-transition: 0 0 5px rgba(var(--color-base), 0.4);
}

/* Delegation -------------------------------------------------------------------------------------------------------------------------- */
.select-base[b-wa6kmqf9ax]  .form-wrap {
    --form-wrap-label-width: var(--input-label-width);
    --form-wrap-content-width: var(--input-width);
    --form-wrap-content-height: var(--input-height);
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.select-base[b-wa6kmqf9ax] {
    position: relative;
    display: inline-flex;
    flex-direction: column;

    width: var(--input-wrap-width);
    height: var(--input-wrap-height);
    max-width: 100%;
}

.select-input[b-wa6kmqf9ax] {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    
    width: 100%;
    height: 100%;
    max-width: 100%;

    padding: var(--input-padding);
    border-radius: var(--input-border-radius);
    max-width: 100%;
    overflow: hidden;

    font-family: var(--input-font-family);
    font-size: var(--input-font-size);
    font-weight: var(--input-font-weight);
    line-height: var(--input-line-height);

    color: var(--input-color);
    background-color: var(--input-background);
    border: var(--input-border);
    text-shadow: var(--input-text-shadow);
    box-shadow: var(--input-box-shadow);

    outline: none;
    cursor: pointer;

    transform: var(--input-transform);
    transition-property: var(--input-transition-properties);
    transition-duration: var(--input-transition-duration);
    transition-timing-function: var(--input-transition-timing);
}
.select-input-empty[b-wa6kmqf9ax] {
    width: 0;
}
.select-input-text[b-wa6kmqf9ax] {
    margin-right: var(--input-gap);
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-wa6kmqf9ax] .select-input-icon svg {
    width: var(--input-icon-size);
    height: var(--input-icon-size);
}

.options[b-wa6kmqf9ax] {
    display: flex;
    flex-direction: column;
    width: calc(100% + 36px);
    overflow: hidden;
}

.option[b-wa6kmqf9ax] {
    width: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    color: rgb(var(--color-floating));
    text-align: var(--option-align);
    padding: 14px;
    font-family: var(--font-primary);
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    transition-property: color, background-color;
    transition-duration: calc(var(--transition-fast) * 1ms);
    transition-timing-function: ease;
}

.option:not(:last-child)[b-wa6kmqf9ax] {
    border-bottom: 1px solid rgba(var(--color-floating), 0.1);
}

.option.option-selected[b-wa6kmqf9ax] {
    color: rgb(var(--color-floating-surface));
    background-color: rgba(var(--color-floating), 0.5);
}

.option:not(.option-selected):hover[b-wa6kmqf9ax],
.option:not(.option-selected):focus-visible[b-wa6kmqf9ax] {
    background-color: rgba(var(--color-floating), 0.1);
}
.option.option-selected:hover[b-wa6kmqf9ax],
.option.option-selected:focus-visible[b-wa6kmqf9ax] {
    background-color: rgba(var(--color-floating), 0.4);
}

/* Sizes ------------------------------------------------------------------------------------------------------------------------------- */
.select-base.size-s[b-wa6kmqf9ax] {
    --input-height: 41px;
    --input-font-size: 16px;
    --input-padding: 10px;
    --input-icon-size: 16px;
}

.select-base.size-m[b-wa6kmqf9ax] {
    --input-height: 52px;
    --input-font-size: 18px;
    --input-padding: 18px;
    --input-icon-size: 18px;
    --input-border-radius: 8px;
}

.select-base.size-l[b-wa6kmqf9ax] {
    --input-height: 64px;
    --input-font-size: 24px;
    --input-padding: 26px;
    --input-icon-size: 24px;
    --input-border-radius: 10px;
}

/* Active ------------------------------------------------------------------------------------------------------------------------------ */
[b-wa6kmqf9ax] .form-error:not(.disabled):hover .select-input,
[b-wa6kmqf9ax] .form-error:not(.disabled):has(:focus-visible) .select-input {
    color: var(--input-color-transition);
    background-color: var(--input-background-transition);
    border: var(--input-border-transition);
    text-shadow: var(--input-text-shadow-transition);
    box-shadow: var(--input-box-shadow-transition);
    transform: var(--input-transform-transition);
}

/* Error ------------------------------------------------------------------------------------------------------------------------------- */
/* Default style */

/* Disabled ---------------------------------------------------------------------------------------------------------------------------- */
[b-wa6kmqf9ax] .form-error.disabled {
    background-color: rgba(225, 225, 225, 1.0);
}
.select-base.disabled .select-input[b-wa6kmqf9ax] {
    opacity: 0.5;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .option[b-wa6kmqf9ax] {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .option[b-wa6kmqf9ax] {
        font-size: 16px;
    }
}
/* /Components/Form/Selects/Select/Select.razor.rz.scp.css */
.select[b-gxexl5wuj0] {
    position: relative;
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    z-index: auto;
}
/* /Components/Form/Selects/SelectCulture/SelectCulture.razor.rz.scp.css */
.select-culture[b-rb5fbjba6e] {
    position: relative;
    display: inline-flex;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    z-index: auto;
}

.select-culture[b-rb5fbjba6e]  .select-base {
    --input-width: auto;
    --input-height: auto;
    --input-padding: 8px;
    --input-border-radius: 4px;
    --input-font-family: var(--font-primary);
    --input-font-size: 13px;
    --input-font-weight: 400;
    --input-line-height: 1;
    --input-icon-size: 14px;
    --input-gap: 3px;
    --input-transform: none;
    --input-transform-transition: none;
    --input-transition-properties: color, background-color, box-shadow;
    --input-transition-duration: calc(var(--transition-fast) * 1ms);
    --input-transition-timing: ease;
    /* Colors: */
    --input-color: rgb(var(--color-secondary));
    --input-color-transition: rgb(var(--color-secondary));
    --input-background: rgba(var(--color-base-invert), 0.08);
    --input-background-transition: rgba(var(--color-base-invert), 0.18);
    --input-border: var(--border-select-culture);
    --input-border-transition: var(--border-select-culture-transition);
    --input-text-shadow: none;
    --input-text-shadow-transition: none;
    --input-box-shadow: var(--shadow-select-culture);
    --input-box-shadow-transition: var(--shadow-select-culture-transition);
}
/* /Components/Form/Switches/Switch/Switch.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.surface-all[b-1orkzn2b69] {
    --width-small: 28px;
    --width-large: 44px;
    --focus-transition-speed: calc(var(--transition-fast) * 1ms);
}
.surface-primary[b-1orkzn2b69] {
    --color-background: rgba(var(--color-primary), 0.28);
    --color-active: rgb(var(--color-primary-accent));
    --color-handle: rgb(var(--color-base-invert));
    --color-focus: rgb(var(--color-base-invert));
    --color-focus-shadow: rgb(var(--color-base));
    --switch-disabled-opacity: 0.2;
}
.surface-secondary[b-1orkzn2b69] {
    --color-background: rgba(var(--color-secondary), 0.22);
    --color-active: rgb(var(--color-secondary-accent));
    --color-handle: rgb(var(--color-base-invert));
    --color-focus: rgb(var(--color-secondary));
    --color-focus-shadow: rgb(var(--color-secondary));
    --switch-disabled-opacity: 0.5;
}
.light-theme .surface-secondary[b-1orkzn2b69] {
    --color-focus: rgb(var(--color-secondary-surface));
}
.surface-floating[b-1orkzn2b69] {
    --color-background: rgba(var(--color-primary), 0.28);
    --color-active: rgb(var(--color-primary-accent));
    --color-handle: rgb(var(--color-base-invert));
    --color-focus: rgb(var(--color-base-invert));
    --color-focus-shadow: rgb(var(--color-base));
    --switch-disabled-opacity: 0.2;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.switch-component[b-1orkzn2b69] {
    display: inline-flex;
}

.disabled[b-1orkzn2b69]  .switch-element {
    opacity: var(--switch-disabled-opacity);
}

[b-1orkzn2b69] .switch-element {
    min-width: var(--width-large);
    flex-shrink: 0;
    box-shadow: none;
    outline: none;
    animation: none;
}
[b-1orkzn2b69] .ant-switch-small {
    min-width: var(--width-small);
}

[b-1orkzn2b69] .switch-element {
    background: var(--color-background);
}

[b-1orkzn2b69] .switch-element.ant-switch-checked {
    background: var(--color-active);
}

[b-1orkzn2b69] .switch-element::after {
    content: "";
    display: block;
    position: absolute;
    inset: -2px ;
    pointer-events: none;
    border-radius: 100px;
    border: 2px solid transparent;
    transition: border-color var(--focus-transition-speed),
                box-shadow var(--focus-transition-speed);
}

[b-1orkzn2b69] .switch-element:focus-visible::after {
    border-color: var(--color-focus);
    box-shadow: 0 0 2px var(--color-focus-shadow);
}

[b-1orkzn2b69] .ant-switch-handle::before {
    background-color: var(--color-handle);
}

[b-1orkzn2b69] .ant-click-animating-node {
    display: none;
}

[b-1orkzn2b69] .ant-switch-handle::before {
    left: 0 !important;
    right: 0 !important;
}
/* /Components/Form/Switches/ThemeSwitch/ThemeSwitch.razor.rz.scp.css */
.surface-primary[b-6qp321op4e] {
    color: rgb(var(--color-primary));
}

.surface-secondary[b-6qp321op4e] {
    color: rgb(var(--color-secondary));
}

.surface-all[b-6qp321op4e] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

[b-6qp321op4e] svg {
    width: 23px;
    height: 23px;
}

[b-6qp321op4e] .switch-component.surface-all {
    --width-small: 30px;
}
/* /Components/Images/Base/BackgroundImageBase/BackgroundImageBase.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.background-component[b-qey30k8540] {
    --background-size: auto;
    --background-position: 0 0;
    --background-repeat: repeat;
    --background-attachment: scroll;
}
.background-component.surface-primary[b-qey30k8540] {
    --background-color: rgb(var(--color-primary-shade));
    --loading-transition-color: rgb(var(--color-primary-shade-strong));
}
.background-component.surface-secondary[b-qey30k8540] {
    --background-color: rgb(var(--color-secondary-shade));
    --loading-transition-color: rgb(var(--color-secondary-shade-strong));
}
.background-component.surface-floating[b-qey30k8540] {
    --background-color: rgb(var(--color-floating-shade));
    --loading-transition-color: rgb(var(--color-floating-shade-strong));
}

/* Keyframes --------------------------------------------------------------------------------------------------------------------------- */
@keyframes pulse-b-qey30k8540 {
    0% { background-color: var(--background-color); }
    50% { background-color: var(--loading-transition-color); }
    100% { background-color: var(--background-color); }
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
[b-qey30k8540] .background-loader-image.surface-all {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    opacity: 0;
    pointer-events: none;
}

.background-component[b-qey30k8540] {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: var(--background-color);
    pointer-events: none;
}

.background-element[b-qey30k8540] {
    position: absolute;
    inset: 0;
    opacity: 1;
    transition: opacity calc(var(--transition-fast) * 1ms);
    background-size: var(--background-size);
    background-position: var(--background-position);
    background-repeat: var(--background-repeat);
    background-attachment: var(--background-attachment);
}

.loading[b-qey30k8540] {
    animation: pulse-b-qey30k8540 2s infinite;
}
.loading .background-element[b-qey30k8540] {
    opacity: 0;
}

.transparent[b-qey30k8540] {
    background-color: transparent;
    animation: none;
}

.no-transition .background-element[b-qey30k8540] {
    transition: none;
}
/* /Components/Images/Base/ImageBase/ImageBase.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.image-component[b-9eifdwroxi] {
    --image-width: auto;
    --image-height: auto;
    --image-height-ratio: 0%;
    --image-max-width: 100%;
    --image-fit: fill;
    --image-position: center center;
}
.image-component.surface-primary[b-9eifdwroxi] {
    --image-color-loading-light: rgb(var(--color-primary-shade));
    --image-color-loading-dark: rgb(var(--color-primary-shade-strong));
    --image-color-error: rgb(var(--color-primary-shade-strong));
    --image-icon-color: rgb(var(--color-primary-shade-invert));
}
.image-component.surface-secondary[b-9eifdwroxi] {
    --image-color-loading-light: rgb(var(--color-secondary-shade));
    --image-color-loading-dark: rgb(var(--color-secondary-shade-strong));
    --image-color-error: rgb(var(--color-secondary-shade-strong));
    --image-icon-color: rgb(var(--color-secondary-shade-invert));
}
.image-component.surface-floating[b-9eifdwroxi] {
    --image-color-loading-light: rgb(var(--color-floating-shade));
    --image-color-loading-dark: rgb(var(--color-floating-shade-strong));
    --image-color-error: rgb(var(--color-floating-shade-strong));
    --image-icon-color: rgb(var(--color-floating-shade-invert));
}

/* Keyframes --------------------------------------------------------------------------------------------------------------------------- */
@keyframes pulse-b-9eifdwroxi {
    0% { background-color: var(--image-color-loading-light); }
    50% { background-color: var(--image-color-loading-dark); }
    100% { background-color: var(--image-color-loading-light); }
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.image-component[b-9eifdwroxi] {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--image-width);
    height: var(--image-height);
    max-width: var(--image-max-width);
    overflow: hidden;
}

.image-ratio[b-9eifdwroxi] {
    position: relative;
    display: block;
    padding-left: var(--image-width-ratio);
    padding-top: var(--image-height-ratio);
    pointer-events: none;
}

.image-component.loading[b-9eifdwroxi]::after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    animation: pulse-b-9eifdwroxi 2s infinite;
}

.image-component[b-9eifdwroxi]::after, .image-component.loading.transparent[b-9eifdwroxi]::after {
    content: none;
    animation: none;
}

.image-element[b-9eifdwroxi] {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity calc(var(--transition-fast) * 1ms) ease-in-out;
    object-fit: var(--image-fit);
    object-position: var(--image-position);
}

.no-transition > .image-element[b-9eifdwroxi] {
    transition: none;
}

.loading > .image-element[b-9eifdwroxi], .error > .image-element[b-9eifdwroxi] {
    opacity: 0;
}

.error .image-element[b-9eifdwroxi] {
    transition: none;
}

.error[b-9eifdwroxi]::before {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    background-color: var(--image-color-error);
}

.error.transparent[b-9eifdwroxi]::before {
    content: none;
}

.error-icon-wrapper[b-9eifdwroxi] {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

[b-9eifdwroxi] .error-icon {
    position: absolute;
    display: block;
    width: 70%;
    height: 70%;
    max-width: 130px;
    max-height: 130px;
    color: var(--image-icon-color);
}

[b-9eifdwroxi] .error-icon > svg {
    width: 100%;
    height: 100%;
}

.error > .error-icon-wrapper[b-9eifdwroxi] {
    display: flex;
}
/* /Components/Images/ImagePreloader/ImagePreloader.razor.rz.scp.css */
#project-image-preloader[b-12ub68lbf7] {
    position: fixed;
    top: -100px;
    left: -100px;
    width: 100px;
    height: 100px;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}
/* /Components/Links/Link/Link.razor.rz.scp.css */
/* Styles in TextElement.razor.css */
/* /Components/Links/LogoLink/LogoLink.razor.rz.scp.css */
.link-logo[b-idd0yt8b6q] {
    display: inline-block;
    flex-shrink: 0;
}

[b-idd0yt8b6q] .logo-link.surface-all {
    display: inline-flex;
    align-items: center;
    padding: 5px 13px 5px 10px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 8px;
    transition-property: background-color, box-shadow;
    transition-duration: calc(var(--transition-fast) * 1ms);
}
[b-idd0yt8b6q] .logo-link.surface-primary {
    --color: rgb(var(--color-primary));
    --color-transition: rgb(var(--color-primary));
}
[b-idd0yt8b6q] .logo-link.surface-secondary {
    --color: rgb(var(--color-secondary));
    --color-transition: rgb(var(--color-secondary));
}
[b-idd0yt8b6q] .logo-link.surface-floating {
    --color: rgb(var(--color-floating));
    --color-transition: rgb(var(--color-floating));
}
[b-idd0yt8b6q] .logo-link.surface-primary:focus-visible {
    background-color: rgba(var(--color-primary), 0.15);
    box-shadow: 0 1px 6px rgba(var(--color-base), 0.4);
}
[b-idd0yt8b6q] .logo-link.surface-secondary:focus-visible {
    background-color: rgba(var(--color-secondary), 0.08);
    box-shadow: 0 1px 6px rgba(var(--color-base), 0.4);
}
[b-idd0yt8b6q] .logo-link.surface-floating:focus-visible {
    background-color: rgba(var(--color-floating, 0.15));
    box-shadow: 0 1px 6px rgba(var(--color-base), 0.4);
}

[b-idd0yt8b6q] .logo-image {
    --image-width: 40px;
    --image-height: 40px;
    --image-fit: contain;
    --image-position: 0 center;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 480px) {
    .nav-menu .link-logo[b-idd0yt8b6q] {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 1200px) {
    .nav-menu .link-logo[b-idd0yt8b6q] {
        position: relative;
        left: 0;
        transform: none;
    }
}
/* /Components/Loaders/Loader/Loader.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.surface-all[b-bezbxfrtpc] {
    --size: 30;
}
.surface-primary[b-bezbxfrtpc] {
    --color: rgb(var(--color-primary));
    --background: rgba(var(--color-primary), 0.4);
}
.surface-secondary[b-bezbxfrtpc] {
    --color: rgb(var(--color-secondary));
    --background: rgba(var(--color-secondary), 0.4);
}
.surface-floating[b-bezbxfrtpc] {
    --color: rgb(var(--color-primary));
    --background: rgba(var(--color-primary), 0.4);
}

/* Keyframes --------------------------------------------------------------------------------------------------------------------------- */
@keyframes spinner-b-bezbxfrtpc {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.loader[b-bezbxfrtpc] {
    border-radius: 50%;
    animation: spinner-b-bezbxfrtpc 1s infinite linear;
    width: calc(var(--size) * 1px);
    height: calc(var(--size) * 1px);
    border: calc(var(--size) / 6 * 1px) solid;
    border-color: var(--background);
    border-right-color: var(--color);
    flex-shrink: 0;
}
/* /Components/Loaders/PageLoader/PageLoader.razor.rz.scp.css */
.page-loader[b-1fn9gy3d9k] {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: rgba(var(--color-base), 0.5);
    top: 0;
    left: 0;
    z-index: var(--z-index-page-loader);
    opacity: 0;
    pointer-events: none;
    transition: opacity calc(var(--transition-semi-bolt) * 1ms) ease-in;
    outline: none;
    cursor: default;
}

.displayed[b-1fn9gy3d9k] {
    opacity: 1;
    pointer-events: all;
}

.page-loader:not(.displayed)[b-1fn9gy3d9k] {
    transition: opacity calc(var(--transition-ultra-fast) * 1ms) ease-out;
}

.displayed.custom-loader[b-1fn9gy3d9k] {
    opacity: 0;
}
/* /Components/Loaders/PageLoaderIndicator/PageLoaderIndicator.razor.rz.scp.css */
.page-loader-indicator[b-9qe4h1k70v] {
    display: inline-flex;
}

[b-9qe4h1k70v] .page-loader-element.surface-all {
    --size: 56;
    --color: rgb(var(--color-secondary-accent));
    --background: rgba(var(--color-base), 0.45);
}
/* /Components/Modals/Cookie/Atoms/CookieConsentButton/CookieConsentButton.razor.rz.scp.css */
/* All themes -------------------------------------------------------------------------------------------------------------------------- */
.surface-primary[b-3gv33v5hn4] {
    --button-color: rgb(var(--color-primary));
    --button-color-transition: rgb(var(--color-primary-highlight));
}
.surface-secondary[b-3gv33v5hn4] {
    --button-color: rgb(var(--color-secondary));
    --button-color-transition: rgb(var(--color-secondary-highlight));
}
.surface-floating[b-3gv33v5hn4] {
    --button-color: rgb(var(--color-floating));
    --button-color-transition: rgb(var(--color-floating-highlight));
}
/* Light theme ------------------------------------------------------------------------------------------------------------------------- */
.light-theme .surface-secondary[b-3gv33v5hn4] {
    --button-color-transition: rgb(var(--color-secondary));
}
.light-theme .surface-floating[b-3gv33v5hn4] {
    --button-color-transition: rgb(var(--color-secondary));
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.cookie-button[b-3gv33v5hn4] {
    display: inline;
    margin: 0;
    padding: 0;
    font-family: var(--font-primary);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: var(--button-color);
    transition-property: color, text-shadow;
    transition-duration: calc(var(--transition-fast) * 1ms);
    outline: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
}
.cookie-button:hover[b-3gv33v5hn4],
.cookie-button:focus-visible[b-3gv33v5hn4] {
    color: var(--button-color-transition);
    text-shadow: 0 0 1px var(--button-color-transition);
}
/* /Components/Modals/Cookie/CookieModal.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.consent-container[b-a4k0d8hvo3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cookie-title[b-a4k0d8hvo3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 8px;
}

[b-a4k0d8hvo3] .cookie-paragraph {
    max-width: 400px;
    margin: auto;
    text-align: center;
}

.consent-footer[b-a4k0d8hvo3] {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.consent-footer[b-a4k0d8hvo3]  .surface-all {
    --button-width: 100%;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .cookie-title[b-a4k0d8hvo3] {
        gap: 10px;
    }
    .consent-footer[b-a4k0d8hvo3] {
        flex-direction: row;
        gap: 16px;
    }
}

@media (min-width: 1200px) {
    .cookie-title[b-a4k0d8hvo3] {
        gap: 12px;
    }
}
/* /Components/Modals/Credentials/CredentialsModal.razor.rz.scp.css */
.modal-content[b-oedarp4x21] {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 24px;
}

[b-oedarp4x21] .modal-item {
    text-align: center;
}

/* Error ------------------------------------------------------------------------------------------------------------------------------- */
.modal-error-content[b-oedarp4x21] {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 24px;
}

[b-oedarp4x21] .modal-error-text {
    --text-align: center;
}
/* /Components/Modals/Modal/Component/Atoms/ModalClose/ModalClose.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.modal-close[b-8iqa3aum9m] {
    --close-justify: flex-start;
    --close-align: flex-start;
    --close-padding: 4px;
    --close-size: 16px;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.modal-close[b-8iqa3aum9m] {
    display: inline-flex;
    padding: var(--close-padding);
    color: rgb(var(--color-floating-surface));
    background-color: rgba(var(--color-floating), 0.4);
    outline: none;
    border: none;
    cursor: pointer;
    transition-property: color, background-color, opacity;
    transition-duration: calc(var(--transition-fast) * 1ms);
    border-radius: 50%;
    justify-self: var(--close-justify);
    align-self: var(--close-align);
}

.unclosable[b-8iqa3aum9m] {
    opacity: 0;
    pointer-events: none;
}

[b-8iqa3aum9m] .modal-close-icon svg {
    width: var(--close-size);
    height: var(--close-size);
}

.modal-close:hover[b-8iqa3aum9m],
.modal-close:focus-visible[b-8iqa3aum9m] {
    color: rgb(var(--color-floating-surface));
    background-color: rgba(var(--color-floating), 0.3);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .modal-close[b-8iqa3aum9m] {
        --close-padding: 5px;
        --close-size: 17px;
    }
}

@media (min-width: 1200px) {
    .modal-close[b-8iqa3aum9m] {
        --close-padding: 6px;
        --close-size: 18px;
    }
}
/* /Components/Modals/Modal/Element/ModalElement.razor.rz.scp.css */
/** Variables ------------------------------------------------------------------------------------------------------------------------- **/
.modal[b-hmjq93kvwy] {
    --modal-padding: 16px;
    --modal-padding-header: var(--modal-padding);
    --modal-padding-header-mobile: var(--modal-padding-header);
    --modal-padding-header-tablet: var(--modal-padding-header);
    --modal-padding-header-desktop: var(--modal-padding-header);
    --modal-padding-content: var(--modal-padding);
    --modal-padding-content-mobile: var(--modal-padding-content);
    --modal-padding-content-tablet: var(--modal-padding-content);
    --modal-padding-content-desktop: var(--modal-padding-content);
    --modal-padding-footer: var(--modal-padding);
    --modal-padding-footer-mobile: var(--modal-padding-footer);
    --modal-padding-footer-tablet: var(--modal-padding-footer);
    --modal-padding-footer-desktop: var(--modal-padding-footer);
}

/** Private variables ----------------------------------------------------------------------------------------------------------------- **/
.modal[b-hmjq93kvwy] {
    --modal-margin: var(--size-container-padding-mobile);
    --modal-transition-speed: var(--transition-semi-fast);
}

/** Keyframes ------------------------------------------------------------------------------------------------------------------------- **/
@keyframes fade-in-b-hmjq93kvwy {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes zoom-in-b-hmjq93kvwy {
    0% { opacity: 0; transform: scale(0.7); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes fade-out-b-hmjq93kvwy {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes zoom-out-b-hmjq93kvwy {
    0% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.7); }
}

/** Styles ---------------------------------------------------------------------------------------------------------------------------- **/
.modal[b-hmjq93kvwy] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100dvh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-index-modal);
}

.modal-backdrop[b-hmjq93kvwy] {
    position: absolute;
    inset: 0;
    background-color: rgba(var(--color-base), 0.5);
    z-index: 0;
    animation: fade-in-b-hmjq93kvwy calc(var(--modal-transition-speed) * 1ms) forwards;
}

.modal-dialog[b-hmjq93kvwy] {
    display: flex;
    flex-direction: column;
    color: rgb(var(--color-floating));
    background-color: rgb(var(--color-floating-surface));
    border-radius: 8px;
    z-index: 1;
    box-shadow: var(--shadow-modal-dialog);
    max-width: min(var(--modal-max-width), calc(100vw - 2 * var(--modal-margin) * 1px));
    max-height: min(calc(100vh - 2 * var(--modal-margin) * 1px), var(--modal-max-height));
    max-height: min(calc(100dvh - 2 * var(--modal-margin) * 1px), var(--modal-max-height));
    overflow: hidden;
    outline: none;
    border: none;
    pointer-events: all;
}
.modal:not(.pre-open):not(.loading) .modal-dialog[b-hmjq93kvwy] {
    animation: zoom-in-b-hmjq93kvwy calc(var(--modal-transition-speed) * 1ms) forwards;
}
.modal-dialog.min-width[b-hmjq93kvwy] {
    min-width: min(var(--modal-min-width), var(--modal-max-width), calc(100vw - 2 * var(--modal-margin) * 1px));
}
.modal-dialog.min-height[b-hmjq93kvwy] {
    min-height: min(var(--modal-min-height), calc(100vh - 2 * var(--modal-margin) * 1px), var(--modal-max-height));
    min-height: min(var(--modal-min-height), calc(100dvh - 2 * var(--modal-margin) * 1px), var(--modal-max-height));
}
.modal-dialog[b-hmjq93kvwy]  .os-scrollbar {
    --os-padding-axis: 6px;
}
.pre-open .modal-dialog[b-hmjq93kvwy],
.loading .modal-dialog[b-hmjq93kvwy] {
    opacity: 0;
}
[b-hmjq93kvwy] .modal-loading-indicator {
    position: absolute;
    display: none;
    animation: fade-in-b-hmjq93kvwy calc(var(--modal-transition-speed) * 1ms) forwards;
    z-index: 1;
}
.loading[b-hmjq93kvwy]  .modal-loading-indicator {
    display: inline-flex;
}
.modal-init[b-hmjq93kvwy],
.modal-start[b-hmjq93kvwy],
.modal-end[b-hmjq93kvwy] {
    position: absolute;
    inset: 0;
    z-index: 0;
    outline: none;
    pointer-events: none;
}

.modal.closing .modal-backdrop[b-hmjq93kvwy] {
    animation: fade-out-b-hmjq93kvwy calc(var(--modal-transition-speed) * 1ms) forwards;
}
.modal.closing:not(.pre-open):not(.loading) .modal-dialog[b-hmjq93kvwy] {
    animation: zoom-out-b-hmjq93kvwy calc(var(--modal-transition-speed) * 1ms) forwards;
}

[b-hmjq93kvwy] .modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    pointer-events: none;
}

.modal-header[b-hmjq93kvwy] {
    padding: var(--modal-padding-header-mobile);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    box-shadow: var(--shadow-modal-ending);
    flex-shrink: 0;
    z-index: 1;
}

[b-hmjq93kvwy] .modal-scroll {
    width: 100%;
    height: 100%;
    flex-grow: 1;
}

.modal-content[b-hmjq93kvwy] {
    display: flex;
    flex-wrap: wrap;
    padding: var(--modal-padding-content-mobile);
    z-index: 0;
}

.modal-footer[b-hmjq93kvwy] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: var(--modal-padding-footer-mobile);
    box-shadow: var(--shadow-modal-ending);
    flex-shrink: 0;
    z-index: 1;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .modal[b-hmjq93kvwy] {
        --modal-padding: 17px;
        --modal-margin: var(--size-container-padding-tablet);
    }
    .modal-dialog[b-hmjq93kvwy]  .os-scrollbar { --os-padding-axis: 5px; }
    .modal-header[b-hmjq93kvwy] { padding: var(--modal-padding-header-tablet); }
    .modal-content[b-hmjq93kvwy] { padding: var(--modal-padding-content-tablet); }
    .modal-footer[b-hmjq93kvwy] { padding: var(--modal-padding-footer-tablet); }
}

@media (min-width: 1200px) {
    .modal[b-hmjq93kvwy] {
        --modal-padding: 18px;
        --modal-margin: var(--size-container-padding-desktop);
    }
    .modal-dialog[b-hmjq93kvwy]  .os-scrollbar { --os-padding-axis: 4px; }
    .modal-header[b-hmjq93kvwy] { padding: var(--modal-padding-header-desktop); }
    .modal-content[b-hmjq93kvwy] { padding: var(--modal-padding-content-desktop); }
    .modal-footer[b-hmjq93kvwy] { padding: var(--modal-padding-footer-desktop); }
}
/* /Components/Modals/Profile/ProfileModal.razor.rz.scp.css */
.modal-profile[b-3y21h5l5p9] {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 30px 0 54px;
}

.user-profile-image-wrap[b-3y21h5l5p9] {
    position: relative;
    width: 112px;
    height: 112px;
    border-radius: 100%;
    overflow: hidden;
    border: 6px solid rgb(var(--color-base-invert));
    box-shadow: 0 1px 8px 1px rgba(var(--color-base), 0.7);
    background-color: rgba(var(--color-profile-background));
}

[b-3y21h5l5p9] .user-profile-image {
    --image-width: 100px;
    --image-height: 100px;
    transform: scale(4) translate(37.2%, 36.8%);
    pointer-events: none;
}

[b-3y21h5l5p9] .text.profile-name {
    --text-align: center;
}

[b-3y21h5l5p9] .text.profile-email {
    --text-align: center;
    margin-top: -10px;
}

[b-3y21h5l5p9] .text.profile-activated {
    --text-align: center;
}
[b-3y21h5l5p9] .user-activated-icon, [b-3y21h5l5p9] .user-not-activated-icon {
    position: relative;
    font-size: 22px;
    margin: 0 5px 0 -8px;
    bottom: -2px;
}
[b-3y21h5l5p9] .user-activated-icon {
    color: rgb(var(--color-success));
}
[b-3y21h5l5p9] .user-not-activated-icon {
    color: rgb(var(--color-base-error));
}
.activated-box[b-3y21h5l5p9] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding-top: 12px;
}

/* Error ------------------------------------------------------------------------------------------------------------------------------- */
.modal-error-content[b-3y21h5l5p9] {
    position: relative;
    width: 100%;
    min-height: 120px;
    height: 40dvh;
    max-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

[b-3y21h5l5p9] .modal-error-text {
    --text-align: center;
}
/* /Components/Notification/Notification.razor.rz.scp.css */
/* Styles in ant-design.csss */

p[b-v3p4wi57n0] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
/* /Components/Progress/PageLoaderProgress/PageLoaderProgress.razor.rz.scp.css */
.page-loader-progress[b-6v7c5ga4df] {
    display: inline-flex;
}

[b-6v7c5ga4df] .page-loader-progress-element.surface-all {
    --size: 56;
    --color: rgb(var(--color-secondary-accent));
    --background: rgba(var(--color-base), 0.45);
}
/* /Components/Progress/ProgressCircle/ProgressCircle.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.surface-all[b-v0ot35k3z5] {
    --size: 30;
    --linecap: round;
    /* Use one of these for progress: */
    --progress: unset; /* Use "75" for 75% (0% is marked correctly) */
    --progress-percentage: unset; /* Use "75%" or "75" for 75% (0% is marked with dot) */
}
.surface-primary[b-v0ot35k3z5] {
    --color: rgb(var(--color-primary));
    --background: rgba(var(--color-primary), 0.4);
}
.surface-secondary[b-v0ot35k3z5] {
    --color: rgb(var(--color-secondary));
    --background: rgba(var(--color-secondary), 0.4);
}
.surface-floating[b-v0ot35k3z5] {
    --color: rgb(var(--color-primary));
    --background: rgba(var(--color-primary), 0.4);
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.progress-circle[b-v0ot35k3z5] {
    width: calc(var(--size) * 1px);
    height: calc(var(--size) * 1px);
    transform: rotate(-90deg);
}

circle[b-v0ot35k3z5] {
    --border-size: 16px;
    --dash-array: calc(2 * pi * 42px);
    stroke-width: var(--border-size);
    stroke-dasharray: var(--dash-array);
    fill: transparent;
}

.progress-circle-background[b-v0ot35k3z5] {
    stroke: var(--background);
    stroke-dashoffset: 0;
}

.progress-circle-progress[b-v0ot35k3z5] {
    stroke: var(--color);
    stroke-dashoffset: calc((100 - min(max(var(--progress) * 1, 0), 100)) / 100 * var(--dash-array));
    --use-percentage: calc(pi * var(--progress-percentage) * 0.84);
    stroke-dasharray: var(--use-percentage, calc(2 * pi * 42px)), 1000%;
    stroke-linecap: var(--linecap);
}
/* /Components/ScrollArea/ScrollArea.razor.rz.scp.css */
.scroll-area[b-ryzwvpxzeq] {
    position: relative;
    display: inline-flex !important;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
    overflow: hidden;
}

.scroll-area-content[b-ryzwvpxzeq] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: visible !important;
}
/* /Components/Text/Headings/Base/HeadingElement/HeadingElement.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.surface-all[b-35f4si9r4k] {
    --text-align: left;
    --font-weight: 500;
    --max-lines: unset;
}
.surface-primary[b-35f4si9r4k] {
    --color: rgb(var(--color-primary));
    --background: transparent;
}
.surface-secondary[b-35f4si9r4k] {
    --color: rgb(var(--color-secondary));
    --background: transparent;
}
.surface-floating[b-35f4si9r4k] {
    --color: rgb(var(--color-floating));
    --background: transparent;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.surface-all[b-35f4si9r4k] {
    text-align: var(--text-align);
    font-weight: var(--font-weight);
    color: var(--color);
    background: var(--background);
    margin-bottom: 0;

    word-break: break-word;

    display: block;
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    line-clamp: var(--max-lines);
    -webkit-line-clamp: var(--max-lines);
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-wrap[b-35f4si9r4k] {
    white-space: nowrap;
}

.spacing[b-35f4si9r4k] {
    margin-bottom: 0.25em;
}
.spacing:not(:first-child)[b-35f4si9r4k] {
    padding-top: 0.25em;
}
.spacing:last-child[b-35f4si9r4k] {
    margin-bottom: 0;
}

.primary[b-35f4si9r4k] {
    font-family: var(--font-primary);
    line-height: 1.3;
}

.xs[b-35f4si9r4k] { font-size: 10px; }
.s[b-35f4si9r4k] { font-size: 16px; }
.m[b-35f4si9r4k] { font-size: 22px; }
.l[b-35f4si9r4k] { font-size: 28px; }
.xl[b-35f4si9r4k] { font-size: 34px; }

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .xs[b-35f4si9r4k] { font-size: 11px; }
    .s[b-35f4si9r4k] { font-size: 19px; }
    .m[b-35f4si9r4k] { font-size: 26px; }
    .l[b-35f4si9r4k] { font-size: 33px; }
    .xl[b-35f4si9r4k] { font-size: 40px; }
}

@media (min-width: 1200px) {
    .xs[b-35f4si9r4k] { font-size: 12px; }
    .s[b-35f4si9r4k] { font-size: 20px; }
    .m[b-35f4si9r4k] { font-size: 28px; }
    .l[b-35f4si9r4k] { font-size: 36px; }
    .xl[b-35f4si9r4k] { font-size: 42px; }
}
/* /Components/Text/Textations/Base/TextElement/TextElement.razor.rz.scp.css */
/* Variables --------------------------------------------------------------------------------------------------------------------------- */
span[b-epl3hbj79k] {
    --font-weight: 400;
}
span.surface-primary[b-epl3hbj79k] {
    --color: rgb(var(--color-primary));
    --background: transparent;
}
span.surface-secondary[b-epl3hbj79k] {
    --color: rgb(var(--color-secondary));
    --background: transparent;
}
span.surface-floating[b-epl3hbj79k] {
    --color: rgb(var(--color-floating));
    --background: transparent;
}

p[b-epl3hbj79k] {
    --max-lines: unset;
    --text-align: left;
    --font-weight: 400;
}
p.surface-primary[b-epl3hbj79k] {
    --color: rgb(var(--color-primary));
    --background: transparent;
}
p.surface-secondary[b-epl3hbj79k] {
    --color: rgb(var(--color-secondary));
    --background: transparent;
}
p.surface-floating[b-epl3hbj79k] {
    --color: rgb(var(--color-floating));
    --background: transparent;
}

a[b-epl3hbj79k] {
    --font-weight: 400;
}
a.surface-primary[b-epl3hbj79k] {
    --color: rgb(var(--color-primary-accent));
    --color-transition: rgb(var(--color-primary-accent-highlight));
    --background: transparent;
    --text-shadow: none;
}
a.surface-secondary[b-epl3hbj79k] {
    --color: rgb(var(--color-secondary-accent));
    --color-transition: rgb(var(--color-secondary-accent-highlight));
    --background: transparent;
    --text-shadow: none;
}
a.surface-floating[b-epl3hbj79k] {
    --color: rgb(var(--color-floating-accent));
    --color-transition: rgb(var(--color-floating-accent-highlight));
    --background: transparent;
    --text-shadow: none;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
p[b-epl3hbj79k], span[b-epl3hbj79k], a[b-epl3hbj79k] {
    font-weight: var(--font-weight);
    color: var(--color);
    background: var(--background);
    margin-bottom: 0;

    word-break: break-word;

    display: block;
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
    line-clamp: var(--max-lines);
    -webkit-line-clamp: var(--max-lines);
    overflow: hidden;
    text-overflow: ellipsis;
}

p[b-epl3hbj79k] {
    text-align: var(--text-align);
}

span[b-epl3hbj79k], a[b-epl3hbj79k] {
    display: inline;
    width: auto;
    line-clamp: unset;
    -webkit-line-clamp: unset;
}

a[b-epl3hbj79k] {
    display: inline;
    text-decoration: none;
    transition: color calc(var(--transition-fast) * 1ms) ease-in-out;
    text-shadow: var(--text-shadow);
}

a.underline[b-epl3hbj79k] {
    text-decoration: underline;
}

a:hover[b-epl3hbj79k], a:focus-visible[b-epl3hbj79k] {
    color: var(--color-transition);
}

a.surface-primary[b-epl3hbj79k],
a.surface-floating[b-epl3hbj79k] {
    --font-weight: 600;
}

.no-wrap[b-epl3hbj79k] {
    white-space: nowrap;
}
.no-wrap:not(span)[b-epl3hbj79k] {
    display: inline;
}

.spacing[b-epl3hbj79k] {
    margin-bottom: 0.6em;
}
.spacing:last-child[b-epl3hbj79k] {
    margin-bottom: 0;
}

.primary[b-epl3hbj79k] {
    font-family: var(--font-primary);
    line-height: 1.5;
}

.xs[b-epl3hbj79k] { font-size: 8px; }
.s[b-epl3hbj79k] { font-size: 11px; }
.m[b-epl3hbj79k] { font-size: 14px; }
.l[b-epl3hbj79k] { font-size: 17px; }
.xl[b-epl3hbj79k] { font-size: 20px; }

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .xs[b-epl3hbj79k] { font-size: 9px; }
    .s[b-epl3hbj79k] { font-size: 12px; }
    .m[b-epl3hbj79k] { font-size: 15px; }
    .l[b-epl3hbj79k] { font-size: 18px; }
    .xl[b-epl3hbj79k] { font-size: 21px; }
}

@media (min-width: 1200px) {
    .xs[b-epl3hbj79k] { font-size: 10px; }
    .s[b-epl3hbj79k] { font-size: 13px; }
    .m[b-epl3hbj79k] { font-size: 16px; }
    .l[b-epl3hbj79k] { font-size: 19px; }
    .xl[b-epl3hbj79k] { font-size: 22px; }
}
/* /Components/WebDocument/WebDocument.razor.rz.scp.css */
.app-web-document[b-03th3vxjl6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    z-index: -1;
}
/* /Layout/AppLayout/AppLayout.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
[b-o9iuhkcw23] .page {
    position: relative;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: rgb(var(--color-secondary-surface));
}

[b-o9iuhkcw23] .main-background.surface-all {
    --background-position: center 0;
    --background-color: rgb(var(--color-primary-surface));
    --loading-transition-color: rgb(var(--color-primary-surface));
}

[b-o9iuhkcw23] .main-container {
    position: relative;
    min-height: calc(100vh - var(--size-header-height) * 1px - var(--size-footer-height-mobile) * 1px);
    min-height: calc(100dvh - var(--size-header-height) * 1px - var(--size-footer-height-mobile) * 1px);
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
}

.no-navigation[b-o9iuhkcw23]  .main-container {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    [b-o9iuhkcw23] .main-container {
        min-height: calc(100vh - var(--size-header-height) * 1px - var(--size-footer-height-tablet) * 1px);
        min-height: calc(100dvh - var(--size-header-height) * 1px - var(--size-footer-height-tablet) * 1px);
    }
}

@media (min-width: 1200px) {    
    [b-o9iuhkcw23] .main-container {
        min-height: calc(100vh - var(--size-header-height) * 1px - var(--size-footer-height-desktop) * 1px);
        min-height: calc(100dvh - var(--size-header-height) * 1px - var(--size-footer-height-desktop) * 1px);
    }
}
/* /Layout/Components/Container/Container.razor.rz.scp.css */
/* Styles defined globally in app.css */
/* /Layout/Components/Footer/Footer.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
footer[b-4g5o394pzt] {
    display: flex;
    flex-shrink: 0;
    width: 100vw;
    height: calc(var(--size-footer-height-mobile) * 1px);
    align-items: center;
}

footer:not(.display)[b-4g5o394pzt] {
    display: none;
}

[b-4g5o394pzt] .footer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    bottom: 0;
    width: 100vw;
    padding-top: 30px;
    padding-bottom: 35px;
}

[b-4g5o394pzt] .footer-text.surface-all {
    --text-align: center;
}

[b-4g5o394pzt] .footer-link {
    --font-weight: 600;
}

[b-4g5o394pzt] .copyright.surface-all {
    margin-top: 20px;
}

[b-4g5o394pzt] .version.surface-all {
    margin-top: 7px;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    footer[b-4g5o394pzt] {
        height: calc(var(--size-footer-height-tablet) * 1px);
    }

    [b-4g5o394pzt] .footer-container {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    [b-4g5o394pzt] .copyright.surface-all {
        margin-top: 22px;
    }
}

@media (min-width: 1200px) {
    footer[b-4g5o394pzt] {
        height: calc(var(--size-footer-height-desktop) * 1px);
    }

    [b-4g5o394pzt] .footer-container {
        padding-top: 50px;
        padding-bottom: 55px;
    }

    [b-4g5o394pzt] .copyright.surface-all {
        margin-top: 24px;
    }
}
/* /Layout/Components/NavMenu/NavMenu/NavMenu.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.nav-menu[b-4zfy51mn1d] {
    display: flex;
    position: sticky;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--color-secondary-surface));
    width: 100vw;
    height: 75px;
    top: 0;
    left: 0;
    z-index: var(--z-index-menu);
    transition: transform calc(var(--transition-semi-ultra-fast) * 1ms);
    box-shadow: var(--shadow-nav-menu);
}

.nav-menu[b-4zfy51mn1d]::before {
    content: "";
    position: absolute;
    display: block;
    width: 100vw;
    height: 100px;
    top: -75px;
    z-index: -1;
    background-color: rgb(var(--color-secondary-surface));
}

.nav-menu:not(.display)[b-4zfy51mn1d] {
    display: none;
}

.nav-menu.hidden[b-4zfy51mn1d] {
    transform: translateY(-75px);
    transition: transform calc(var(--transition-semi-fast) * 1ms);
}

[b-4zfy51mn1d] .nav-menu-container {
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 75px;
}

.navigation[b-4zfy51mn1d] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

[b-4zfy51mn1d] .menu-controls {
    display: none;
    align-items: center;
    gap: 26px;
}

[b-4zfy51mn1d] .menu-links {
    display: flex;
    gap: 14px;
}

[b-4zfy51mn1d] .settings-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
}

[b-4zfy51mn1d] .settings-area {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: -1px;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 300px) {
    [b-4zfy51mn1d] .nav-menu-container {
        padding-left: 2vw;
    }
}

@media (min-width: 480px) {
    [b-4zfy51mn1d] .nav-menu-container {
        justify-content: flex-end;
    }
}

@media (min-width: 992px) {
    .nav-menu.hidden[b-4zfy51mn1d] {
        transform: none;
        transition: none;
    }
}

@media (min-width: 1200px) {
    [b-4zfy51mn1d] .nav-menu-container {
        justify-content: space-between;
    }

    [b-4zfy51mn1d] .menu-controls {
        display: flex;
    }

    .navigation[b-4zfy51mn1d] {
        gap: 22px;
    }
}
/* /Layout/Components/NavMenu/NavMenuMobile/Atoms/NavMenuCloseButton/NavMenuCloseButton.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.nav-menu-close-button[b-8lkav2d31o] {
    position: absolute;
    top: 19px;
    right: calc(var(--size-container-padding-mobile) * 1px);
    margin-top: -4px;
    display: flex;
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    opacity: 0.92;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 6px;
    outline: none;
    padding: 5px;
    cursor: pointer;
    z-index: 2;
    transition-property: color, background-color, box-shadow, opacity;
    transition-duration: calc(var(--transition-fast) * 1ms);
    transition-timing-function: ease;
}

.nav-menu-close-button-line[b-8lkav2d31o] {
    display: block;
    position: absolute;
    width: calc(100% - 10px);
    height: 4px;
    background-color: rgb(var(--color-secondary));
    border-radius: 100px;
    transition-property: background-color, filter;
    transition-duration: calc(var(--transition-fast) * 1ms);
}
.light-theme .nav-menu-close-button:not(:hover):not(:focus-visible) .nav-menu-close-button-line[b-8lkav2d31o] {
    filter: brightness(1.6);
}
.nav-menu-close-button-line:first-child[b-8lkav2d31o] {
    transform: rotate(45deg);
}
.nav-menu-close-button-line:last-child[b-8lkav2d31o] {
    transform: rotate(-45deg);
}

.closing .nav-menu-close-button[b-8lkav2d31o] {
    display: none;
}

/* State ------------------------------------------------------------------------------------------------------------------------------- */
.nav-menu-close-button:hover .nav-menu-close-button-line[b-8lkav2d31o],
.nav-menu-close-button:focus-visible .nav-menu-close-button-line[b-8lkav2d31o] {
    background-color: rgb(var(--color-secondary-highlight));
}

.nav-menu-close-button:focus-visible[b-8lkav2d31o] {
    background-color: rgba(var(--color-secondary), 0.08);
    box-shadow: 0 1px 6px rgba(var(--color-base), 0.4);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 280px) {
    .nav-menu-close-button[b-8lkav2d31o] {
        margin-right: -8px;
    }
}

@media (min-width: 768px) {
    .nav-menu-close-button[b-8lkav2d31o] {
        right: calc(var(--size-container-padding-tablet) * 1px);
    }
}
/* /Layout/Components/NavMenu/NavMenuMobile/Atoms/NavMenuOpenButton/NavMenuOpenButton.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.nav-menu-open-button[b-29s41t0zoq] {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
    width: 46px;
    height: 46px;
    padding: 5px;
    border-radius: 6px;
    background-color: transparent;
    border: 2px solid transparent;
    outline: none;
    cursor: pointer;
    transition-property: background-color, box-shadow;
    transition-duration: calc(var(--transition-fast) * 1ms);
    transition-timing-function: ease;
}

.nav-menu-open-button-line[b-29s41t0zoq] {
    display: block;
    width: 100%;
    height: 4px;
    background-color: rgb(var(--color-secondary));
    border-radius: 100px;
    transition-property: background-color, filter;
    transition-duration: calc(var(--transition-fast) * 1ms);
}

.light-theme .nav-menu-open-button:not(:hover):not(:focus-visible) .nav-menu-open-button-line[b-29s41t0zoq] {
    filter: brightness(1.9);
}

/* State ------------------------------------------------------------------------------------------------------------------------------- */
.nav-menu-open-button:hover .nav-menu-open-button-line[b-29s41t0zoq],
.nav-menu-open-button:focus-visible .nav-menu-open-button-line[b-29s41t0zoq] {
    background-color: rgb(var(--color-secondary-highlight));
}

.nav-menu-open-button:focus-visible[b-29s41t0zoq] {
    background-color: rgba(var(--color-secondary), 0.08);
    box-shadow: 0 1px 6px rgba(var(--color-base), 0.4);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .nav-menu-open-button[b-29s41t0zoq] {
        display: none;
    }
}
/* /Layout/Components/NavMenu/NavMenuMobile/NavMenuMobile.razor.rz.scp.css */
/* Keyframes --------------------------------------------------------------------------------------------------------------------------- */
@keyframes fade-in-b-a1635rv6dg {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fade-out-b-a1635rv6dg {
    0% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.3); }
}

/* State ------------------------------------------------------------------------------------------------------------------------------- */
.closed[b-a1635rv6dg] {
    display: none;
    animation: none;
}
.opening[b-a1635rv6dg] {
    display: flex;
    animation: fade-in-b-a1635rv6dg calc(var(--transition-fast) * 1ms) forwards;
}
.opened[b-a1635rv6dg] {
    display: flex;
    animation: none;
}
.closing[b-a1635rv6dg] {
    display: flex;
    animation: fade-out-b-a1635rv6dg calc(var(--transition-normal) * 1ms) forwards;
}

/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.nav-menu-mobile[b-a1635rv6dg] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    z-index: var(--z-index-menu);
}

.nav-menu-mobile-init[b-a1635rv6dg],
.nav-menu-mobile-start[b-a1635rv6dg],
.nav-menu-mobile-end[b-a1635rv6dg] {
    position: fixed;
    pointer-events: none;
    width: 0;
    height: 0;
}

[b-a1635rv6dg] .scroll-area-nav-menu {
    position: relative;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: rgb(var(--color-secondary-surface));
}

[b-a1635rv6dg] .nav-menu-mobile-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    min-height: 560px;
    padding-top: 44px;
    padding-bottom: 60px;
}

[b-a1635rv6dg] .menu-controls.mobile {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 26px;
    margin-top: 34px;
}

[b-a1635rv6dg] .menu-controls.mobile .surface-all {
    --button-width: 100%;
}

[b-a1635rv6dg] .menu-controls.mobile .menu-links {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    gap: 14px;
}

[b-a1635rv6dg] .menu-controls.mobile .settings-container {
    display: flex;
    width: 100%;
    max-width: 400px;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 24px;
}

[b-a1635rv6dg] .menu-controls.mobile .settings-area {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-top: -1px;
    gap: 40px;
}
/* /Layout/ErrorBoundaries/Main/MainErrorBoundary.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.error-boundary[b-4lesi9b29b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 26px;
    width: 100%;
    padding: 40px 0;
    min-height: var(--content-min-height-fallback);
    min-height: calc(var(--content-min-height) - 2 * 40px);
}

h1[b-4lesi9b29b] {
    margin-bottom: 24px;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .error-boundary[b-4lesi9b29b] {
        padding: 60px 0;
    }
}

@media (min-width: 1200px) {
    .error-boundary[b-4lesi9b29b] {
        padding: 80px 0;
    }
}
/* /Pages/AdminPage/AdminPage.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.admin-page[b-zf92ko1dr1] {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    width: 100%;
    gap: 20px;
    padding: 20px 0;
}
.feature-panel[b-zf92ko1dr1] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
}
.service-panel[b-zf92ko1dr1] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
    gap: 20px;
}

[b-zf92ko1dr1] .admin-heading {
    --text-align: center;
}

[b-zf92ko1dr1] .games-box {
    --box-background: rgba(var(--color-primary-box), 0.6);
}

[b-zf92ko1dr1] .admin-title {
    display: none;
}

[b-zf92ko1dr1] .db-box {
    --box-direction: column;
    --box-align-items: center;
    --box-gap: 18px;
}
[b-zf92ko1dr1] .db-heading {
    --text-align: center;
}
[b-zf92ko1dr1] .db-info {
    font-size: 13px;
    --text-align: center;
    margin-top: -6px;
}
[b-zf92ko1dr1] .db-info b {
    display: block;
    font-size: 14px;
    padding-bottom: 4px;
}
.db-buttons[b-zf92ko1dr1] {
    display: flex;
    justify-content: stretch;
    width: 100%;
    max-width: 400px;
    gap: 10px;
    flex-wrap: wrap;
}
[b-zf92ko1dr1] .db-button {
    flex-grow: 1;
}
[b-zf92ko1dr1] .db-button .button-component, [b-zf92ko1dr1] .db-button .button-component .button-element {
    width: 100%;
}

[b-zf92ko1dr1] .email-box {
    --box-direction: column;
    --box-align-items: center;
    --box-gap: 18px;
}
[b-zf92ko1dr1] .email-heading {
    --text-align: center;
}
[b-zf92ko1dr1] .email-info {
    font-size: 13px;
    --text-align: center;
    margin-top: -6px;
}
[b-zf92ko1dr1] .email-info b {
    display: block;
    font-size: 14px;
    padding-bottom: 4px;
}
.email-buttons[b-zf92ko1dr1] {
    display: flex;
    justify-content: stretch;
    width: 100%;
    max-width: 400px;
    gap: 10px;
    flex-wrap: wrap;
}
[b-zf92ko1dr1] .email-button {
    flex-grow: 1;
}
[b-zf92ko1dr1] .email-button .button-component, [b-zf92ko1dr1] .email-button .button-component .button-element {
    width: 100%;
}
[b-zf92ko1dr1] .email-factor-paragraph {
    font-size: 13px;
    --text-align: center;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .admin-page[b-zf92ko1dr1] {
        flex-direction: row;
    }
    .service-panel[b-zf92ko1dr1] {
        width: 400px;
    }

    [b-zf92ko1dr1] .admin-title {
        display: block;
    }
}
/* /Pages/ChatPage/ChatPage.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.chat-page[b-6h2j07ev4a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
    padding: 40px 0;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .chat-page[b-6h2j07ev4a] {
        padding: 60px 0;
    }    
}

@media (min-width: 1200px) {
    .chat-page[b-6h2j07ev4a] {
        padding: 80px 0;
    }    
}
/* /Pages/DemoPage/DemoPage.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.demo-page[b-z2lkblq9zr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.demo-form[b-z2lkblq9zr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    max-width: 100%;
    gap: 20px;
}

[b-z2lkblq9zr] .demo-heading.surface-all {
    --text-align: center;
}

.demo-page > div:not(.demo-form)[b-z2lkblq9zr] {
    display: flex;
    gap: 20px;
}
/* /Pages/Error401Page/Error401Page.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.error-page[b-m9q02menup] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 40px 0;
}

[b-m9q02menup] .error-page-heading {
    width: 100%;
    text-align: center;
}

[b-m9q02menup] .error-page-paragraph {
    width: 100%;
    text-align: center;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .error-page[b-m9q02menup] {
        padding: 60px 0;
    }
}

@media (min-width: 1200px) {
    .error-page[b-m9q02menup] {
        padding: 80px 0;
    }
}
/* /Pages/Error403Page/Error403Page.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.error-page[b-c7q5cg667j] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 40px 0;
}

[b-c7q5cg667j] .error-page-heading {
    width: 100%;
    text-align: center;
}

[b-c7q5cg667j] .error-page-paragraph {
    width: 100%;
    text-align: center;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .error-page[b-c7q5cg667j] {
        padding: 60px 0;
    }
}

@media (min-width: 1200px) {
    .error-page[b-c7q5cg667j] {
        padding: 80px 0;
    }
}
/* /Pages/Error404Page/Error404Page.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.error-page[b-pbwlxdtahv] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 40px 0;
}

[b-pbwlxdtahv] .error-page-heading {
    width: 100%;
    text-align: center;
}

[b-pbwlxdtahv] .error-page-paragraph {
    width: 100%;
    text-align: center;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .error-page[b-pbwlxdtahv] {
        padding: 60px 0;
    }
}

@media (min-width: 1200px) {
    .error-page[b-pbwlxdtahv] {
        padding: 80px 0;
    }
}
/* /Pages/GamePage/Atoms/GameButton/GameButton.razor.rz.scp.css */
.game-button[b-7rhgho0fp7] {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}
/* /Pages/GamePage/Atoms/InfoBox/InfoBox.razor.rz.scp.css */
.info-box[b-e0qglp5u37] {
    /* NOTE: Use flex to show */
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: calc(var(--size-container-padding-mobile) * 1px);
}

[b-e0qglp5u37] .info-icon svg {
    min-width: 60px;
    min-height: 60px;
    width: min(30vw, 30vh);
    height: min(30vw, 30vh);
}

.info-text[b-e0qglp5u37] {
    font-size: max(16px, min(6vw, 6vh));
    font-weight: 500;
    padding-top: max(10px, min(2vw, 2vh));
    margin: 0;
    text-align: center;
}
/* /Pages/GamePage/Components/ConnectBox/ConnectBox.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.connect-box-component[b-f7vpdpvbs0] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 6px 0;
}

[b-f7vpdpvbs0] .connect-box {
    --box-direction: column;
    --box-justify-content: center;
    --box-align-items: center;
    --box-gap: 20px;
    --box-width: 400px;
}

.connect-input-box[b-f7vpdpvbs0] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 2px;
}

[b-f7vpdpvbs0] .connect-heading {
    display: none;
    --text-align: center;
}
[b-f7vpdpvbs0] .connect-heading.connect-heading-mobile {
    display: block;
}

[b-f7vpdpvbs0] .connect-text {
    --text-align: center;
}

.connect-buttons[b-f7vpdpvbs0] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

[b-f7vpdpvbs0] .connect-button {
    --button-width: 100%;
}

[b-f7vpdpvbs0] .create-link {
    margin: 8px 0 6px;
    text-align: center;
}
[b-f7vpdpvbs0] .create-icon {
    position: relative;
    font-size: 1.3em;
    bottom: -0.1em;
    right: -0.1em;
}

.connect-gap[b-f7vpdpvbs0] {
    position: relative;
    width: 100%;
    height: 0px;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .connect-box-component[b-f7vpdpvbs0] {
        padding: 30px 0;
    }

    [b-f7vpdpvbs0] .connect-box {
        --box-gap: 24px;
        --box-width: 450px;
    }

    [b-f7vpdpvbs0] .connect-heading {
        display: block;
    }
    [b-f7vpdpvbs0] .connect-heading.connect-heading-mobile {
        display: none;
    }

    .connect-input-box[b-f7vpdpvbs0] {
        gap: 12px;
        margin-bottom: 4px;
    }

    .connect-buttons[b-f7vpdpvbs0] {
        flex-direction: row;
        gap: 14px;
    }

    [b-f7vpdpvbs0] .settings-link {
        margin: 8px 0 2px;
    }
}

@media (min-width: 1200px) {
    [b-f7vpdpvbs0] .connect-box {
        --box-gap: 28px;
        --box-width: 500px;
    }

    .connect-input-box[b-f7vpdpvbs0] {
        gap: 16px;
        margin-bottom: 6px;
    }

    .connect-buttons[b-f7vpdpvbs0] {
        gap: 16px;
    }

    [b-f7vpdpvbs0] .settings-link {
        margin: 10px 0 0;
    }
}
/* /Pages/GamePage/Components/CreateBox/CreateBox.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
[b-u8uxab2fsn] .connect-link {
    margin: 8px 0 6px;
    text-align: center;
}
[b-u8uxab2fsn] .connect-icon {
    position: relative;
    font-size: 1.3em;
    bottom: -0.1em;
    right: -0.1em;
}

/* Error page -------------------------------------------------------------------------------------------------------------------------- */
.error-page[b-u8uxab2fsn] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 40px 0;
}

[b-u8uxab2fsn] .error-page-heading {
    width: 100%;
    text-align: center;
}

[b-u8uxab2fsn] .error-page-paragraph {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
/* /Pages/GamePage/Components/GameScreen/GameScreen.razor.rz.scp.css */
/* Keyframes --------------------------------------------------------------------------------------------------------------------------- */
@keyframes fade-in-b-x1i2xz6w0k {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Variables --------------------------------------------------------------------------------------------------------------------------- */
.game-screen[b-x1i2xz6w0k] {
    /* Constants (set in style attribute): */
    --min-canvas-border-width: none;
    --min-info-padding-top: none;
    --min-info-text-size: none;
    --min-time-width: none;
    --min-controls-padding-top: none;
    --min-control-height: none;
    /* Attributes (set in style attribute): */
    --canvas-width: none;
    --canvas-height: none;
    --canvas-background-color: none;
    --info-height: none;
    --controls-height: none;
    /* Attributes computed: */
    --canvas-box-width: calc(var(--canvas-width) + var(--canvas-border));
    --canvas-border: max(calc(var(--canvas-height) * 0.009), var(--min-canvas-border-width));
    --time-width: max(calc(var(--canvas-width) * 0.3), var(--min-time-width));
    --control-button-height: max(calc(var(--controls-height) * 0.7), var(--min-control-height));
    --control-padding: 10px;
    --min-arrows-gap: 10px;
    --arrows-gap-part: 0.03;
    --arrows-gap: max(calc(var(--canvas-width) * var(--arrows-gap-part) * 1px), var(--min-arrows-gap));
}

/* Game screen ------------------------------------------------------------------------------------------------------------------------- */
.game-screen[b-x1i2xz6w0k] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.canvas-box[b-x1i2xz6w0k] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    overflow: hidden;
    width: calc(var(--canvas-box-width) * 1px);
    height: calc((var(--canvas-height) + var(--canvas-border)) * 1px);
    padding: 0;
    border-width: calc(var(--canvas-border) * 1px);
    border-style: solid;
    border-color: rgba(var(--canvas-background-color), 0.4);
    border-radius: calc(var(--canvas-border) * 1.7px);
    margin: calc(var(--canvas-border) * 1px);
    background: rgb(var(--color-base));
    box-shadow: 0 calc(var(--canvas-height) * 0.0025px)
                calc(var(--canvas-height) * 0.025px) calc(var(--canvas-height) * 0.01px)
                rgba(var(--color-base), 0.8);
}

[b-x1i2xz6w0k] canvas {
    position: absolute;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

/* Game info --------------------------------------------------------------------------------------------------------------------------- */
.game-info[b-x1i2xz6w0k] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--canvas-box-width) * 1px);
    max-width: 100vw;
    padding: max(calc(var(--info-height) * 0.25px), calc(var(--min-info-padding-top) * 1px)) 0 0;
    user-select: none;
    -webkit-user-select: none;
    z-index: 1;
}

.keyboard-display-box[b-x1i2xz6w0k] {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: calc(50% - var(--time-width) * 0.5px);
    left: 0;
    z-index: 1;
    padding-right: calc(var(--canvas-width) * 0.045px);
}
[b-x1i2xz6w0k] .keyboard-display-button {
    --font-size: max(var(--info-height) * 0.25, var(--min-info-text-size));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--font-size) * 0.6px);
    width: auto;
    padding: 0 4px;
    font-size: calc(var(--font-size) * 1px);
    font-weight: 600;
    white-space: nowrap;
    opacity: 1;
    transition: opacity calc(var(--transition-ultra-fast) * 1ms);
}
[b-x1i2xz6w0k] .keyboard-display-button.active {
    opacity: 0.65;
}
[b-x1i2xz6w0k] .keyboard-display-image {
    --image-height: calc(max(var(--info-height) * 0.28, var(--min-info-text-size)) * 1.8px);
    --image-width: calc(var(--image-height) * 1.2);
    --image-fit: contain;
    --image-position: center;
}
.keyboard-display-text[b-x1i2xz6w0k] {
    display: none;
}

.game-time[b-x1i2xz6w0k] {
    padding: 0;
    margin: 0;
    font-size: max(calc(var(--info-height) * 0.5px), calc(var(--min-info-text-size) * 1px));
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}
.game-time:active[b-x1i2xz6w0k] {
    opacity: 0.65;
}
.game-connected[b-x1i2xz6w0k] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
}
.game-connected .connect-text[b-x1i2xz6w0k] {
    font-size: max(calc(var(--info-height) * 0.3px), calc(var(--min-info-text-size) * 1px));
    font-weight: 500;
    max-width: 100vw;
    padding: 0 var(--control-padding) 0;
    margin-bottom: max(calc(var(--info-height) * 0.7px), 12px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-x1i2xz6w0k] .game-connected .connect-icon svg {
    --icon-size: max(calc(var(--info-height) * 1px), calc(var(--min-info-text-size) * 3px)); 
    width: var(--icon-size);
    height: var(--icon-size);
}

.game-ping[b-x1i2xz6w0k] {
    position: absolute;
    display: block;
    width: calc(50% - var(--time-width) * 0.5px);
    padding: 0 10px 0 0;
    margin: 0;
    right: 0;
    font-size: max(calc(var(--info-height) * 0.3px), var(--min-info-text-size) * 1px);
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.game-ping strong[b-x1i2xz6w0k] {
    font-weight: 700;
}

.trademark[b-x1i2xz6w0k] {
    position: absolute;
    font-size: calc(max(var(--info-height) * 0.3, var(--min-info-text-size) * 0.8) * 1px);
    font-weight: 600;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
.trademark.project-name[b-x1i2xz6w0k] {
    margin-right: max(calc(var(--canvas-width) * 0.37px), 140px);
}
.trademark.faculty-name[b-x1i2xz6w0k] {
    margin-left: max(calc(var(--canvas-width) * 0.37px), 140px);
}

/* Game controls ----------------------------------------------------------------------------------------------------------------------- */
.game-controls[b-x1i2xz6w0k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(var(--canvas-box-width) * 1px);
    max-width: 100vw;
    padding-top: max(calc(var(--info-height) * 0.25px + var(--control-button-height) * 0.1px), calc(var(--min-info-padding-top) * 2px));
    padding-bottom: calc(var(--control-button-height) * 0.2px);
    margin: auto auto 0;
    opacity: 1;
    animation: fade-in-b-x1i2xz6w0k calc(var(--transition-semi-ultra-fast) * 1ms) forwards;
}
.game-controls.hidden[b-x1i2xz6w0k] {
    display: none !important;
}

.arrows[b-x1i2xz6w0k] {
    position: relative;
    display: flex;
    justify-content: center;
    gap: var(--arrows-gap);
    width: 50%;
    min-width: 50%;
    padding-left: var(--control-padding);
    padding-right: var(--control-padding);
}
.abilities[b-x1i2xz6w0k] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 50%;
    padding-left: var(--control-padding);
    padding-right: var(--control-padding);
}

.control-wrap[b-x1i2xz6w0k] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    padding: calc(var(--arrows-gap) / 2);
    margin: calc(var(--arrows-gap) / -2);
}
.control[b-x1i2xz6w0k] {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: calc(var(--control-button-height) * 1px);
    height: calc(var(--control-button-height) * 1px);
    border: none;
    border-radius: calc(var(--control-button-height) * 0.1px);
    outline: none;
    cursor: pointer;
    color: rgb(var(--color-secondary));
    background-color: rgb(var(--color-secondary-surface));
    --control-shadow-color: rgb(var(--color-base));
    --control-shadow-color-pressed: rgba(var(--color-base), 0.7);
    box-shadow: 0
                calc(var(--control-button-height) * 0.04px)
                calc(var(--control-button-height) * 0.16px)
                calc(var(--control-button-height) * 0.02px)
                var(--control-shadow-color);
    transition: opacity calc(var(--transition-semi-bolt) * 1ms);
}
.light-theme .control[b-x1i2xz6w0k] {
    color: rgba(var(--color-secondary), 0.7);
    --control-shadow-color: rgba(var(--color-base), 0.2);
    --control-shadow-color-pressed: rgba(var(--color-base), 0.14);
}
.control.pressed[b-x1i2xz6w0k] {
    background-color: rgba(var(--color-secondary-surface), 0.7);
    --control-shadow-color: var(--control-shadow-color-pressed);
}
.space[b-x1i2xz6w0k] {
    width: calc(var(--control-button-height) * 2.5px);
    max-width: 100%;
    flex-shrink: 1;
}
[b-x1i2xz6w0k] .control-icon svg {
    --icon-size: calc(var(--control-button-height) * 0.5px);
    width: var(--icon-size, 0);
    height: var(--icon-size, 0);
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 480px) {
    .keyboard-display-box[b-x1i2xz6w0k] {
        padding-right: 0;
    }
    .keyboard-display-text[b-x1i2xz6w0k] {
        display: inline;
    }
}

/* States ------------------------------------------------------------------------------------------------------------------------------ */
/* State [host] ------------------------------------------------------------------------------------------------------------------------ */
.game-screen:not(.host) .game-time[b-x1i2xz6w0k] { pointer-events: none; }

/* State [watching] -------------------------------------------------------------------------------------------------------------------- */
.game-screen:not(.watching) .canvas-box[b-x1i2xz6w0k] { display: none; }
.game-screen:not(.watching) .game-info[b-x1i2xz6w0k] { padding-top: 0; }
.game-screen:not(.watching) .keyboard-display-box[b-x1i2xz6w0k] { margin-top: calc(var(--info-height) * 0.6px); }
.game-screen.watching .game-connected[b-x1i2xz6w0k] { display: none; }
.game-screen:not(.watching) .game-time[b-x1i2xz6w0k] { display: none; }
.game-screen:not(.watching) .game-ping[b-x1i2xz6w0k] { margin-top: calc(var(--info-height) * 0.6px); }

/* State [player] ---------------------------------------------------------------------------------------------------------------------- */
.game-screen:not(.player) .keyboard-display-box[b-x1i2xz6w0k] { display: none; }
.game-screen:not(.player) .game-ping[b-x1i2xz6w0k] { display: none; }
.game-screen:not(.player) .game-controls[b-x1i2xz6w0k] { display: none; }
.game-screen.player .trademark[b-x1i2xz6w0k] { display: none; }

/* Media state [device rotate] --------------------------------------------------------------------------------------------------------- */
@media (max-height: 479.98px) and (orientation: landscape) {
    .game-screen.watching.player[b-x1i2xz6w0k] >  * {
        display: none;
    }
    .game-screen.watching.player[b-x1i2xz6w0k]  .flip-device {
        display: flex;
    }
}

/* Media state [device small] ---------------------------------------------------------------------------------------------------------- */
@media (max-width: 269.98px) or (max-height: 269.98px) {
    .game-screen.watching[b-x1i2xz6w0k] >  * {
        display: none !important;
    }
    .game-screen.watching[b-x1i2xz6w0k]  .small-device {
        display: flex !important;
    }
}

@media (max-width: 269.98px) or (max-height: 219.98px) {
    .game-screen:not(.watching)[b-x1i2xz6w0k] >  * {
        display: none !important;
    }
    .game-screen:not(.watching)[b-x1i2xz6w0k]  .small-device {
        display: flex !important;
    }
}

/* Media state [player] improved mobile controls --------------------------------------------------------------------------------------- */
.game-screen:not(.watching)[b-x1i2xz6w0k] {
    --arrows-gap: max(min(calc(var(--arrows-gap-part) * 100vw), calc(var(--control-button-height) * 0.3px)), var(--min-arrows-gap));
}
.game-screen:not(.watching) .game-controls[b-x1i2xz6w0k] {
    width: 100vw !important;
}
.game-screen:not(.watching) .arrows[b-x1i2xz6w0k] {
    justify-content: flex-start;
    padding-left: 5vw;
}
.game-screen:not(.watching) .abilities[b-x1i2xz6w0k] {
    justify-content: flex-end;
    padding-right: 5vw;
}

@media (min-width: 330px) and (min-height: 180px) {
    .game-screen:not(.watching)[b-x1i2xz6w0k] {
        --min-control-height: 60 !important;
    }
}

@media (min-width: 380px) and (min-height: 180px) {
    .game-screen:not(.watching)[b-x1i2xz6w0k] {
        --min-control-height: 70 !important;
    }
}

@media (min-width: 440px) and (min-height: 200px) {
    .game-screen:not(.watching)[b-x1i2xz6w0k] {
        --min-control-height: 80 !important;
    }
}

@media (min-width: 520px) and (min-height: 250px) {
    .game-screen:not(.watching)[b-x1i2xz6w0k] {
        --min-control-height: 90 !important;
    }
}
/* /Pages/GamePage/Components/Lobby/Lobby.razor.rz.scp.css */
/* Variables [Aspect ratio] ------------------------------------------------------------------------------------------------------------ */
.lobby[b-x7ltvoxxhs] {
    --lobby-width: 90vw;
    --lobby-height: 67.5vw;
    --lobby-padding: 5vw;
    --lobby-size: var(--lobby-width);
}
@media (min-aspect-ratio: 12 / 9) {
    .lobby[b-x7ltvoxxhs] {
        --lobby-width: 120dvh;
        --lobby-height: 90dvh;
        --lobby-padding: 5dvh;
        --lobby-size: var(--lobby-width);
    }
}

/* Variables [Components] -------------------------------------------------------------------------------------------------------------- */
.lobby[b-x7ltvoxxhs] {
    /* Panels: */
    --lobby-gap: calc(var(--lobby-size) * 0.03);
    --lobby-primary-width: calc(var(--lobby-width) * 0.68 - var(--lobby-gap) / 2);
    --lobby-secondary-width: calc(var(--lobby-width) * 0.32 - var(--lobby-gap) / 2);
    /* Boxes: */
    --lobby-box-padding: calc(var(--lobby-size) * 0.04);
    --lobby-box-radius: calc(var(--lobby-size) * 0.017);
    --lobby-box-shadow: 0 calc(var(--lobby-size) * 0.006)
                        calc(var(--lobby-size) * 0.018) 0
                        rgba(var(--color-base), 0.2);
    /* Game box: */
    --game-box-height: calc(var(--lobby-height) * 0.174);
    --game-box-padding-vertical: calc(var(--lobby-height) * 0.046);
    --game-box-inside-height: calc(var(--game-box-height) - 2 * var(--game-box-padding-vertical));
    --game-name-height: calc(var(--game-box-inside-height) * 0.5);
    --game-gap-height: calc(var(--game-box-inside-height) * 0.22);
    --game-info-height: calc(var(--game-box-inside-height) * 0.28);;
    /* Round line: */
    --round-line-height: calc(var(--lobby-height) * 0.055) + var(--lobby-gap);
    --round-line-inside-height: calc(var(--round-line-height) - var(--lobby-gap));
    /* Player box: */
    --player-box-height: calc(var(--lobby-height) - (var(--game-box-height) + var(--round-line-height)));
    --player-box-inside-height: calc(var(--player-box-height) - 2 * var(--lobby-box-padding));
    --player-title-height: calc(var(--player-box-height) * 0.07);
    --player-title-inside-height: calc(var(--player-title-height) * 0.7);
    --player-title-margin: calc(var(--player-title-height) * 0.3);
    --player-table-height: calc(var(--player-box-inside-height) - var(--player-title-height));
    --player-line-height: calc(var(--player-table-height) / 10);
    /* QRCode box: */
    --qrcode-box-height: var(--lobby-secondary-width);
    /* Chat box: */
    --chat-box-height: calc(var(--lobby-height) - var(--qrcode-box-height) - var(--lobby-gap));
}

/* General styles ---------------------------------------------------------------------------------------------------------------------- */
.lobby[b-x7ltvoxxhs] {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: var(--lobby-gap);
    width: var(--lobby-width);
    height: var(--lobby-height);
    justify-content: center;
    align-items: flex-start;
}

.lobby-panel[b-x7ltvoxxhs] {
    display: flex;
    flex-direction: column;
    gap: var(--lobby-gap);
}
.lobby-panel.primary[b-x7ltvoxxhs] {
    width: var(--lobby-primary-width);
}
.lobby-panel.secondary[b-x7ltvoxxhs] {
    width: var(--lobby-secondary-width);
    height: 100%;
}

[b-x7ltvoxxhs] .lobby-box {
    --box-padding: var(--lobby-box-padding);
    --box-radius: var(--lobby-box-radius);
    --box-shadow: var(--lobby-box-shadow);
}

.lobby-text[b-x7ltvoxxhs] {
    line-height: 1;
    white-space: nowrap;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Game box ---------------------------------------------------------------------------------------------------------------------------- */
[b-x7ltvoxxhs] .lobby-box.game {
    --box-direction: column;
    --box-width: 100%;
    --box-max-width: 100%;
    --box-padding: var(--game-box-padding-vertical) var(--lobby-box-padding);
}
.lobby-text.game-name[b-x7ltvoxxhs] {
    font-size: var(--game-name-height);
    font-weight: 600;
    padding-top: calc(var(--game-gap-height) * 2);
    margin: calc(var(--game-gap-height) * -2) 0 calc(var(--game-gap-height) * -1);
    padding-bottom: calc(var(--game-gap-height) * 2);
    overflow: hidden;
    text-overflow: ellipsis;
}
.game-info[b-x7ltvoxxhs] {
    display: flex;
    width: 100%;
    height: var(--game-info-height);
    justify-content: space-between;
    align-items: center;
}
.lobby-text.game-code[b-x7ltvoxxhs] {
    width: 50%;
    font-size: var(--game-info-height);
}
.lobby-text.game-code *:not(b)[b-x7ltvoxxhs] {
    opacity: 0.7;
}
.lobby-text.game-code b[b-x7ltvoxxhs] {
    font-weight: 600;
}
.lobby-text.spectators[b-x7ltvoxxhs] {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--game-info-height) * 0.4);
    width: 50%;
    font-size: var(--game-info-height);
    font-weight: 600;
    padding: 0;
    text-align: right;
}
[b-x7ltvoxxhs] .watch-icon {
    font-size: calc(var(--game-info-height) * 1.5);
}

/* Round line -------------------------------------------------------------------------------------------------------------------------- */
@keyframes GameStateAnimation-b-x7ltvoxxhs {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}
.round-line[b-x7ltvoxxhs] {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: calc(var(--lobby-gap) * -0.5) 0;
    height: var(--round-line-inside-height);
}
.game-round[b-x7ltvoxxhs] {
    position: absolute;
    width: auto;
    font-size: calc(var(--round-line-inside-height) * 0.5);
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    margin: 0;
    padding-left: var(--lobby-box-padding);
}
.game-round b[b-x7ltvoxxhs] {
    font-weight: 700;
}
.game-state[b-x7ltvoxxhs] {
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: calc(var(--round-line-inside-height) * 0.66);
    line-height: 1;
    font-weight: 700;
    letter-spacing: calc(var(--lobby-width) * 0.0025);
    text-transform: uppercase;
    white-space: nowrap;
    color: rgba(var(--color-base-invert), 1);
    text-shadow: calc(var(--round-line-inside-height) * 0.06)
                 calc(var(--round-line-inside-height) * 0.03)
                 calc(var(--round-line-inside-height) * 0.16)
                 rgba(var(--color-base), 0.8);
    animation: GameStateAnimation-b-x7ltvoxxhs 1.5s infinite ease-in-out;
}

/* Players box ------------------------------------------------------------------------------------------------------------------------- */
[b-x7ltvoxxhs] .lobby-box.players {
    --box-direction: column;
    --box-width: 100%;
    --box-height: var(--player-box-height);
}
.player-titles[b-x7ltvoxxhs] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: var(--player-title-height);
    padding-bottom: var(--player-title-margin);
}
.lobby-text.player-title[b-x7ltvoxxhs] {
    font-size: var(--player-title-inside-height);
    font-weight: 500;
    width: auto;
}
.player-table[b-x7ltvoxxhs] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.player-line[b-x7ltvoxxhs] {
    position: relative;
    width: 100%;
    height: var(--player-line-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 calc(var(--player-line-height) * 0.3);
    gap: calc(var(--player-line-height) * 0.4);
    border-radius: calc(var(--player-line-height) * 0.2);
    font-size: calc(var(--player-line-height) * 0.4);
}
.player-line.current[b-x7ltvoxxhs] {
    margin: calc(var(--player-line-height) * 0.05) 0;
    height: calc(var(--player-line-height) * 0.9);
    background: rgba(var(--color-secondary-accent), 0.7);
}
.player-presence[b-x7ltvoxxhs] {
    position: relative;
    width: calc(var(--player-line-height) * 0.24);
    height: calc(var(--player-line-height) * 0.24);
    background-color: rgb(var(--color-base-success));
    box-shadow: calc(var(--player-line-height) * 0.02)
                calc(var(--player-line-height) * 0.02)
                calc(var(--player-line-height) * 0.05)
                rgba(var(--color-base), 0.7);
    flex-shrink: 0;
    border-radius: 50%;
    margin-right: calc(var(--player-line-height) * -0.15);
}
.disconnected .player-presence[b-x7ltvoxxhs] {
    background-color: rgb(var(--color-base-error));
}
.player-name[b-x7ltvoxxhs] {
    width: auto;
    height: var(--player-line-height);
    line-height: var(--player-line-height);
    max-width: calc(100% - 100px);
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.player-line-dash[b-x7ltvoxxhs] {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px dashed rgba(var(--color-base), 0.14);
}
.player-score[b-x7ltvoxxhs] {
    width: auto;
    flex-shrink: 0;
}
.lobby-text.players-empty[b-x7ltvoxxhs] {
    font-size: calc(var(--player-line-height) * 0.35);
    color: rgba(var(--color-base), 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: var(--player-table-height);
}
.player-table:not(:empty) + .lobby-text.players-empty[b-x7ltvoxxhs] {
    display: none;
}

/* QRCode box -------------------------------------------------------------------------------------------------------------------------- */
[b-x7ltvoxxhs] .lobby-box.qrcode {
    --box-background: rgb(var(--color-base-invert));
    --box-padding: calc(var(--lobby-width) * 0.02);
}
[b-x7ltvoxxhs] .qrcode-image {
    --image-width: 100%;
    --image-height: auto;
    --image-height-ratio: 100%;
    --image-fit: contain;
    --image-position: center center;
}

/* Chat box ---------------------------------------------------------------------------------------------------------------------------- */
[b-x7ltvoxxhs] .lobby-box.chat {
    --box-height: var(--chat-box-height);
    --box-align-items: center;
}
.chat-message[b-x7ltvoxxhs] {
    font-size: calc(var(--lobby-height) * 0.02);
    width: 100%;
    margin: 0;
    text-align: center;
}

/* Media state [mobile view] ----------------------------------------------------------------------------------------------------------- */
@media (max-width: 767.98px) or (max-height: 575.98px) {
    /* Variables [Aspect ratio]--------------------------------------------------------------------------------------------------------- */
    .lobby[b-x7ltvoxxhs] {
        --lobby-width: min(90vw, calc(100vw - 2px * var(--size-container-padding-mobile)));
        --lobby-height: 576px;
        --lobby-padding: max(2vw, var(--size-container-padding-mobile) * 1px);
        --lobby-size: 768px;
    }
    /* Variables [Components] ---------------------------------------------------------------------------------------------------------- */
    .lobby[b-x7ltvoxxhs] {
        /* Panels: */
        --lobby-primary-width: var(--lobby-width);
        --lobby-secondary-width: 0;
    }
    /* General styles ------------------------------------------------------------------------------------------------------------------ */
    .lobby[b-x7ltvoxxhs] {
        height: auto;
        padding: var(--lobby-padding) 0;
    }
    .lobby-panel.secondary[b-x7ltvoxxhs] {
        display: none;
    }
    .lobby-text.game-name[b-x7ltvoxxhs] {
        text-align: center;
    }
    /* Players box --------------------------------------------------------------------------------------------------------------------- */
    [b-x7ltvoxxhs] .lobby-box.players {
        --box-height: auto;
    }
    .lobby-text.players-empty[b-x7ltvoxxhs] {
        font-size: calc(var(--player-line-height) * 0.48);
        height: auto;
        padding: 24px 0 30px;
    }
}

/* Media state [small mobile] ---------------------------------------------------------------------------------------------------------- */
@media (max-width: 479.98px) {
    .lobby[b-x7ltvoxxhs] {
        --lobby-box-padding: calc(var(--size-container-padding-mobile) * 1px + 4px);
        --player-line-height: 33px;
    }
}

/* Media state [round state shift on small mobile] ------------------------------------------------------------------------------------- */
@media (max-width: 379.98px) {
    .game-round[b-x7ltvoxxhs] {
        position: relative;
    }
}

/* Media state [device small] ---------------------------------------------------------------------------------------------------------- */
@media (max-width: 269.98px) or (max-height: 269.98px) {
    .lobby[b-x7ltvoxxhs] >  * {
        display: none !important;
    }
    .lobby[b-x7ltvoxxhs]  .small-device {
        display: flex !important;
    }
}
/* /Pages/GamePage/GamePage.razor.rz.scp.css */
.game-page[b-cekwjv4cxz] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* /Pages/HomePage/HomePage.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.home-page[b-jsxcinqvag] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px 0 26px;
}

.home-image-section[b-jsxcinqvag] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-shrink: 0;
    padding: 0 20px;
}

[b-jsxcinqvag] .home-image {
    --image-width: 100%;
    --image-height: auto;
    --image-height-ratio: 100%;
    --image-max-width: 320px;
    --image-fit: contain;
    --image-position: center center;
}

.home-text-section[b-jsxcinqvag] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: 100%;
    max-width: 540px;
    margin: 0;
}

[b-jsxcinqvag] .main-heading {
    text-align: center;
}

[b-jsxcinqvag] .main-text {
    text-align: center;
}

[b-jsxcinqvag] .feedback-text {
    text-align: center;
}

[b-jsxcinqvag] .contact-text {
    text-align: center;
    margin-top: -16px;
    font-size: 14px;
    padding-bottom: 10px;
}
[b-jsxcinqvag] .contact-text * {
    font-size: 14px;
}
[b-jsxcinqvag] .contact-icon svg {
    font-size: 20px;
    margin-bottom: -3px;
    margin-right: 8px;
}

.action-buttons[b-jsxcinqvag] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

[b-jsxcinqvag] .action-buttons .surface-all {
    --button-width: 100%;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 400px) {
    .home-page[b-jsxcinqvag] {
        padding: 10px 0 40px;
    }

    [b-jsxcinqvag] .action-buttons .surface-all {
        --button-width: auto;
    }
} 

@media (min-width: 500px) {
    .home-page[b-jsxcinqvag] {
        padding: 10px 0 60px;
    }

    .home-image-section[b-jsxcinqvag] {
        padding: 0 20px 4px;
    }
}

@media (min-width: 900px) {
    .home-page[b-jsxcinqvag] {
        flex-direction: row;
        padding: 80px 0;
    }

    .home-image-section[b-jsxcinqvag] {
        width: 45%;
        padding: 0 40px;
        justify-content: flex-end;
    }

    [b-jsxcinqvag] .home-image {
        --image-width: 380px;
        --image-height: 380px;
        --image-max-width: 100%;
        --image-fit: contain;
        --image-position: center center;
    }

    .home-text-section[b-jsxcinqvag] {
        width: 55%;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    .home-text-section[b-jsxcinqvag] {
        max-width: 500px;
    }
}
/* /Pages/LoginPage/Components/AdminLoginForm/AdminLoginForm.razor.rz.scp.css */
.admin-login-form[b-cit33kox44] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    max-width: 100%;
    gap: 20px;
}

[b-cit33kox44] .admin-heading.surface-all {
    --text-align: center;
}

.verification-box[b-cit33kox44] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0 16px;
}

[b-cit33kox44] .verification-icon {
    font-size: 100px;
    padding-bottom: 16px;
}

[b-cit33kox44] .verification-text {
    --text-align: center;
}

[b-cit33kox44] .verification-text-info {
    --text-align: center;
    padding-top: 2px;
}

[b-cit33kox44] .icon-login {
    position: relative;
    font-size: 15px;
    bottom: -1px;
}
/* /Pages/LoginPage/Components/PasswordResetForm/PasswordResetForm.razor.rz.scp.css */
.password-form[b-gj8inz8qej] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    max-width: 100%;
    gap: 20px;
}

[b-gj8inz8qej] .password-heading.surface-all {
    --text-align: center;
}

.verification-box[b-gj8inz8qej] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0 16px;
}

[b-gj8inz8qej] .verification-icon {
    font-size: 100px;
    padding-bottom: 16px;
}

[b-gj8inz8qej] .verification-text {
    --text-align: center;
}

[b-gj8inz8qej] .verification-text-info {
    --text-align: center;
    padding-top: 2px;
}

[b-gj8inz8qej] .icon-login {
    position: relative;
    font-size: 15px;
    bottom: -1px;
}
/* /Pages/LoginPage/Components/RegisterForm/RegisterForm.razor.rz.scp.css */
.register-form[b-vvfss1ml0y] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.register-box[b-vvfss1ml0y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    max-width: 100%;
    gap: 20px;
}

[b-vvfss1ml0y] .register-heading.surface-all {
    --text-align: center;
}

.register-inputs[b-vvfss1ml0y] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

[b-vvfss1ml0y] .register-block {
    --text-align: center;
    margin-bottom: -8px
}

.register-success-box[b-vvfss1ml0y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.activation-box[b-vvfss1ml0y] {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

[b-vvfss1ml0y] .register-icon {
    font-size: 76px;
    margin-top: 10px;
    color: rgb(var(--color-success));
}

[b-vvfss1ml0y] .icon-admin {
    position: relative;
    font-size: 15px;
    bottom: -1px;
}

[b-vvfss1ml0y] .activation-text {
    font-size: 16px;
    --font-weight: 600;
    text-align: center;
}

[b-vvfss1ml0y] .activation-text-info {
    font-size: 14px;
    text-align: center;
}

[b-vvfss1ml0y] .icon-login {
    position: relative;
    font-size: 17px;
    bottom: -1px !important;
}

[b-vvfss1ml0y] .register-redirect {
    font-size: 15px !important;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    [b-vvfss1ml0y] .activation-text {
        font-size: 17px;
    }

    [b-vvfss1ml0y] .activation-text-info {
        font-size: 15px;
    }
}
/* /Pages/LoginPage/Components/UserLoginForm/UserLoginForm.razor.rz.scp.css */
.user-login-form[b-gy3ftxazqm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    max-width: 100%;
    gap: 20px;
}

[b-gy3ftxazqm] .login-heading.surface-all {
    --text-align: center;
}

.login-inputs[b-gy3ftxazqm] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

[b-gy3ftxazqm] .register-block {
    --text-align: center;
    margin-bottom: -8px
}

.login-options[b-gy3ftxazqm] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.option-delimiter[b-gy3ftxazqm] {
    position: relative;
    top: -2px;
}

[b-gy3ftxazqm] .icon-admin {
    position: relative;
    font-size: 15px;
    bottom: -1px;
}
/* /Pages/LoginPage/LoginPage.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.login-page[b-l1ml4xrb06] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
    padding: 40px 0;
}

[b-l1ml4xrb06] .login-text {
    font-size: 13px;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .login-page[b-l1ml4xrb06] {
        padding: 60px 0;
    }    
}

@media (min-width: 1200px) {
    .login-page[b-l1ml4xrb06] {
        padding: 80px 0;
    }    
}
/* /Pages/ManualPage/ManualPage.razor.rz.scp.css */
/* Styles ------------------------------------------------------------------------------------------------------------------------------ */
.manual-page[b-yrm0v4v8mg] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 0 6px;
}

.manual-card[b-yrm0v4v8mg] {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    gap: 10px;
    max-width: 1100px;
}

[b-yrm0v4v8mg] .manual-text-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    width: 100%;
    min-height: auto;
    margin: 0;
}

[b-yrm0v4v8mg] .manual-icon {
    color: rgb(var(--color-base-invert));
    margin-left: auto;
    margin-right: 8%;
    display: none;
}
[b-yrm0v4v8mg] .manual-icon svg {
    width: 50px;
    height: 50px;
}

[b-yrm0v4v8mg] .manual-heading.surface-all {
    --color: rgb(var(--color-base-invert));
}

[b-yrm0v4v8mg] .manual-text.surface-all {
    --color: rgb(var(--color-base-invert));
    text-shadow: 1px 2px 10px rgba(var(--color-base), 0.4);
}

[b-yrm0v4v8mg] .manual-background.surface-all {
    --background-color: transparent;
    --loading-transition-color: transparent;
    border-radius: 16px;
}
[b-yrm0v4v8mg] .manual-background .background-element {
    border-radius: 16px;
    box-shadow: var(--shadow-manual);
}

.manual-image-section[b-yrm0v4v8mg] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
}

[b-yrm0v4v8mg] .manual-image {
    --image-width: 78%;
    --image-height-ratio: 80%;
    --image-fit: contain;
}

/* Media ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .manual-page[b-yrm0v4v8mg] {
        padding: 30px 0;
    }

    .manual-card[b-yrm0v4v8mg] {
        flex-direction: row;
        gap: 45px;
    }

    [b-yrm0v4v8mg] .manual-text-section {
        width: 53%;
        padding: 30px;
        max-width: 540px;
        gap: 16px;
        min-height: 400px;
    }

    [b-yrm0v4v8mg] .manual-icon {
        display: block;
    }

    .manual-image-section[b-yrm0v4v8mg] {
        width: 47%;
    }
}

@media (min-width: 992px) {
    [b-yrm0v4v8mg] .manual-text-section {
        min-height: 520px;
    }
}

@media (min-width: 1200px) {
    .manual-page[b-yrm0v4v8mg] {
        padding: 40px 0;
    }

    .manual-card[b-yrm0v4v8mg] {
        gap: 65px;
    }

    [b-yrm0v4v8mg] .manual-text-section {
        padding: 40px;
        gap: 20px;
    }
}