/* /Components/Dialog.razor.rz.scp.css */
dialog:open[b-p8w8gq6ws9] {
    display: flex;
    flex-direction: column;
    padding: 0;
    background-color: var(--default-background-color);
    color: var(--text-color);
    border-radius: var(--border-radius);
    border-style: solid;
    border-width: 1px;
    border-color: var(--alt1-background-border-color);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.header[b-p8w8gq6ws9] {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--alt1-background-border-color);
    font-size: 1.25rem;
    padding: var(--default-gap);
    margin-bottom: var(--default-gap);
}

.content[b-p8w8gq6ws9] {
    padding-inline: var(--default-gap);
}

.footer[b-p8w8gq6ws9] {
    display: flex;
    justify-content: end;
    padding: var(--default-gap);
    gap: var(--default-gap);
}
/* /Components/LanguageSwitch.razor.rz.scp.css */
[b-4er6uzxali] .lang-select {
    height: var(--content-height);

    .icon-container {
        font-size: calc(var(--content-height) - 0.5rem);
        padding-inline: 0.2rem;
    }
}
/* /Components/MessageDialog.razor.rz.scp.css */
.message-container[b-h9w6yicach] {
    display: flex;
    flex-direction: column;
    max-width: min(40rem, calc(100vw - 5rem));
    max-height: min(30rem, calc(100vh - 10rem));
    gap: var(--default-gap);
    overflow-y: auto;
    padding-right: var(--default-gap);
    margin-right: calc(var(--default-gap) * -1);
}

.message-container.large[b-h9w6yicach] {
    min-width: 30vw;
}

.message[b-h9w6yicach] {
    display: flex;
    justify-content: left;
    align-items: center;
    border-style: solid;
    border-radius: var(--border-radius);
    border-color: var(--message-type-color);
    border-left-width: 0.3rem;
    border-right-width: 0.1rem;
    border-top-width: 0.1rem;
    border-bottom-width: 0.1rem;
    padding-block: calc(var(--default-gap) * 1.5);
    padding-inline: var(--default-gap);
}

.message i[b-h9w6yicach] {
    color: var(--message-type-color);
    padding-right: var(--default-gap);
}

.message.info[b-h9w6yicach] {
    --message-type-color: var(--info-color);
}

.message.warning[b-h9w6yicach] {
    --message-type-color: var(--warning-color);
}

.message.error[b-h9w6yicach] {
    --message-type-color: var(--error-color);
}

.message.success[b-h9w6yicach] {
    --message-type-color: var(--success-color);
}
/* /Components/PageHeader.razor.rz.scp.css */
.center[b-wdd6cswd4u] {
    flex-grow: 1;
    padding-left: 2rem;
}

.right[b-wdd6cswd4u] {
    display: flex;
    gap: 0.5rem;
    padding-right: 0.5rem;
    --content-height: 2.5rem;
}

.title[b-wdd6cswd4u] {
    margin-left: 1rem;
    font-size: 2.5rem;
}
/* /Components/SaveFileEditor.razor.rz.scp.css */
.save-file-editor-container[b-peiiv3k0r6] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
    border-color: var(--alt1-background-border-color);
    border-style: solid;
    border-width: 1px;
    border-radius: var(--border-radius);
    padding: var(--default-gap);
    gap: var(--default-gap);
    font-size: 1.25rem;
}

.save-file-editor-header[b-peiiv3k0r6] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: var(--default-gap);
}

[b-peiiv3k0r6] .save-file-editor-header input {
    font-size: 0.8em;
}

.save-file-editor-footer[b-peiiv3k0r6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.save-file-editor-user[b-peiiv3k0r6] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
}

.save-file-editor-user-buttons-left[b-peiiv3k0r6], .save-file-editor-user-buttons-right[b-peiiv3k0r6] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

[b-peiiv3k0r6] .save-file-editor-user-editor {
    flex-grow: 1;
}

.save-file-editor-user-up-button[b-peiiv3k0r6], .save-file-editor-user-down-button[b-peiiv3k0r6] {
    padding-inline: 0.25rem;
    padding-block: 0;
    flex-grow: 1;
}

.save-file-editor-user-up-button[b-peiiv3k0r6] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.save-file-editor-user-down-button[b-peiiv3k0r6] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.save-file-editor-user-remove-button[b-peiiv3k0r6] {
    padding: 0.5rem;
}
/* /Components/SaveFileSelector.razor.rz.scp.css */
.save-file-selector[b-x93dpo77nr] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: fit-content;
    gap: var(--default-gap);
    height: 2rem;
}

.save-file-selector-buttons[b-x93dpo77nr] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;

    button:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left-style: none;
    }

    button:not(:last-child)[b-x93dpo77nr] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}
/* /Components/SaveFileUserEditor.razor.rz.scp.css */
details[b-i7s68kmp8v] {
    border-color: var(--alt1-background-border-color);
    border-style: solid;
    border-width: 1px;
    border-radius: var(--border-radius);
}

details[open] summary[b-i7s68kmp8v] {
    border-bottom-color: var(--alt1-background-border-color);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

summary[b-i7s68kmp8v] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: var(--default-gap);
    gap: var(--default-gap);
}

[b-i7s68kmp8v] summary input {
    font-size: 0.8em;
}

details[open] .user-editor-icon-closed[b-i7s68kmp8v] {
    display: none;
}

details:not([open]) .user-editor-icon-open[b-i7s68kmp8v] {
    display: none;
}

[b-i7s68kmp8v] .user-editor-name-input {
    flex-grow: 1;
}

[b-i7s68kmp8v] .user-editor-choices {
    border-style: none !important;
}
/* /Components/SingleSelect.razor.rz.scp.css */
.select-container[b-4elbkjch6s] {
    --padding-top: 0.125rem;
    --padding-bottom: 0.125rem;
    --padding-left: 0.25rem;
    --padding-right: 0.5rem;

    display: inline-block;
}

.select-container.disable-default-padding[b-4elbkjch6s] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-left: 0;
    --padding-right: 0;
}

button[b-4elbkjch6s] {
    padding: 0;
    font-size: 1em;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
}

.selected-option[b-4elbkjch6s] {
    padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
}

.icon-container[b-4elbkjch6s] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--alt1-background-border-color);
}

.dropdown[b-4elbkjch6s] {
    position: absolute;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: var(--input-background-color);
    color: var(--text-color);
    border-radius: var(--border-radius);
    border-style: solid;
    border-width: 1px;
    border-color: var(--alt1-background-border-color);

    li {
        white-space: nowrap;
        list-style-type: none;

        input {
            display: none;
        }

        label[b-4elbkjch6s] {
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            padding: var(--padding-top) 0 var(--padding-bottom) var(--padding-left);
            overflow: hidden;
            text-overflow: ellipsis;
            background-color: var(--input-background-color);
        }

        label:hover[b-4elbkjch6s] {
            cursor: pointer;
            background-color: var(--input-hover-background-color);
        }

        label:active[b-4elbkjch6s] {
            background-color: var(--input-active-background-color);
        }
    }

    li:not(:last-child)[b-4elbkjch6s] {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: var(--alt1-background-border-color);
    }
}

.dropdown[b-4elbkjch6s]::backdrop {
    background-color: unset;
}

.selected-option[b-4elbkjch6s], .dropdown li label[b-4elbkjch6s] {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

    > i {
        padding-right: var(--padding-left);
    }
}
/* /Components/TagInput.razor.rz.scp.css */
.tag-input-container[b-6wwp00z9b9] {
    --tag-height: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    padding: var(--default-gap);
    gap: var(--default-gap);
    background-color: var(--input-background-color);
    border-color: var(--input-background-border-color);
    border-style: solid;
    border-width: 1px;
}

[b-6wwp00z9b9] .tag-input-tag, .tag-input-new-tag[b-6wwp00z9b9] {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: var(--tag-height);
    background-color: var(--alt1-background-color);
    border-color: var(--alt1-background-border-color);
    border-style: solid;
    border-width: 1px;
    border-radius: calc(var(--tag-height) / 2);

    input, button {
        border-style: none;
        padding: 0;
        margin: calc(var(--tag-height) * 0.1);
        background-color: unset;
        font-size: calc(var(--tag-height) * 0.8);
    }
}

[b-6wwp00z9b9] .tag-input-tag, .tag-input-new-tag[b-6wwp00z9b9] {
    input {
        field-sizing: content; /*Does not work in Firefox*/
        min-width: var(--tag-height);
        max-width: calc(var(--tag-height) * 10);
        margin-left: calc(var(--tag-height) * 0.2);
        outline-style: none;
    }
}

.tag-input-new-button[b-6wwp00z9b9] {
    border-style: none;
    padding: 0;
    margin: calc(var(--default-gap) * -1);
    height: calc(var(--default-gap) * 2 + var(--tag-height));
    width: calc(var(--default-gap));
    font-size: var(--tag-height);
    transition: width 0.1s ease-in-out;

    i {
        pointer-events: none;
        opacity: 0;
    }
}

.tag-input-new-button:hover[b-6wwp00z9b9], .tag-input-container:hover .tag-input-last-new-button[b-6wwp00z9b9] {
    width: calc(var(--default-gap) * 2 + var(--tag-height));

    i {
        opacity: 100%;
    }
}

.tag-input-drop-location[b-6wwp00z9b9] {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius);
    margin: calc(var(--default-gap) * -1);
    height: calc(var(--default-gap) * 2 + var(--tag-height));
    width: calc(var(--default-gap) * 2 + var(--tag-height));
    font-size: var(--tag-height);
    transition: width 0.1s ease-in-out;

    i {
        pointer-events: none;
    }
}

.tag-input-drop-location:hover[b-6wwp00z9b9], .tag-input-drop-location.dragover[b-6wwp00z9b9] {
    background-color: var(--input-hover-background-color);
}

.tag-input-container.tag-input-dragging .tag-input-new-button[b-6wwp00z9b9] {
    visibility: hidden;
    width: 0;
    margin-right: 0;
}

.tag-input-container:not(.tag-input-dragging) .tag-input-drop-location[b-6wwp00z9b9] {
    visibility: hidden;
    width: 0;
    margin-left: 0;
}
/* /Components/ThemeSwitch.razor.rz.scp.css */
.btn-group[b-7jcxz2ga1k] {
    display: flex;
}

.theme-btn[b-7jcxz2ga1k] {
    height: var(--content-height);
    width: var(--content-height);
    font-size: calc(var(--content-height) - 0.5rem);
    padding: 0;
}

.left[b-7jcxz2ga1k] {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    border-right-width: 0;
}

.center[b-7jcxz2ga1k] {
    border-radius: 0;
}

.right[b-7jcxz2ga1k] {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    border-left-width: 0;
}

.light[b-7jcxz2ga1k] {
    color: #ff0;
}

.system[b-7jcxz2ga1k] {
    color: #999;
}

.dark[b-7jcxz2ga1k] {
    color: #00f;
}
/* /Components/Wheel.razor.rz.scp.css */
.wheel-container[b-3stx1dw7x3] {
    --arrow-height: calc(var(--wheel-size) * 0.1);
    --arrow-overlap: calc(var(--arrow-height) * 0.25);

    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: var(--wheel-size);
    padding-top: calc(var(--arrow-height) - var(--arrow-overlap));
}

.wheel-inner-container[b-3stx1dw7x3] {
    position: relative;
    width: var(--wheel-size);
    height: var(--wheel-size);
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
}

.wheel[b-3stx1dw7x3] {
    position: relative;
    width: 100%;
    height: 100%;
    animation: idle-spin-b-3stx1dw7x3 20s linear infinite;
    cursor: pointer;
    user-select: none;
}

.wheel[disabled][b-3stx1dw7x3] {
    cursor: default;
}

.wheel-hover[b-3stx1dw7x3] {
    display: none;
}

.wheel:not([disabled]):hover ~ .wheel-hover[b-3stx1dw7x3] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.25);
    font-size: calc(var(--wheel-size) * 0.2);
    color: #fff;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}

.wheel-arrow-container[b-3stx1dw7x3] {
    position: absolute;
    top: 0;
    margin-bottom: calc(var(--arrow-overlap) * -1);
    height: var(--arrow-height)
}

.wheel-arrow[b-3stx1dw7x3] {
    fill: #000;
    stroke: var(--alt2-background-border-color);
    stroke-width: 10;
}

@keyframes idle-spin-b-3stx1dw7x3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* /Components/WheelSlice.razor.rz.scp.css */
.wheel-slice[b-bl3txdj8g5] {
    display: flex;
    justify-content: start;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    padding-left: 50%;
    overflow: hidden;
}

.wheel-slice-container[b-bl3txdj8g5] {
    display: flex;
    justify-content: end;
    align-items: center;
    transform-origin: 0 50%;
    width: 100%;
    height: 100%;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-3za20434p2] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-3za20434p2] {
    flex: 1;
}

.page-header[b-3za20434p2] {
    background-color: var(--alt1-background-color);
    border-bottom: 1px solid var(--alt1-background-border-color);
    height: 3.5rem;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1;
}
/* /Pages/Home.razor.rz.scp.css */
.home-page-container[b-48iv7kgp25] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    padding: var(--default-gap);
    gap: var(--default-gap);
}

.home-page-wheel-container[b-48iv7kgp25] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-grow: 2;
}

[b-48iv7kgp25] .home-page-save-file-editor {
    flex-grow: 1;
}