/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-oa4iojx6rw] {
    padding: 1rem;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
/* /Pages/Components/ToggleSection.razor.rz.scp.css */
.toggle-header[b-hh4uqwagqf] {
    cursor: pointer;
    user-select: none;
}

    .toggle-header .triangle[b-hh4uqwagqf] {
        display: inline-block;
        transform: rotate(-90deg);
        font-size: 0.85em;
        vertical-align: middle;
        position: relative;
        top: -0.1em;
    }

        .toggle-header .triangle.open[b-hh4uqwagqf] {
            transform: rotate(0deg);
        }
/* /Pages/Main.razor.rz.scp.css */
.wheel-shadow[b-t8838nujlv] {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border-radius: 50%;
    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.3);
}

.wheel-shadow canvas[b-t8838nujlv] {
    display: block;
    width: 100%;
    height: 100%;
    touch-action: none;
    cursor: pointer;
    /* Limit pointer events to the circle so the cursor only changes on the wheel */
    clip-path: circle(50% at 50% 50%);
    border-radius: 50%;
    background: radial-gradient(circle at center, #fff 0%, #eee 100%);
}

.roulette-container[b-t8838nujlv] {
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding-top: 25px;
}

.pointer[b-t8838nujlv] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #f44336;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
}

.overlay[b-t8838nujlv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}


.overlay-content[b-t8838nujlv] {
    position: absolute;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 10px;
    font-size: 2rem;
    animation: fadeInScale-b-t8838nujlv 0.3s ease-out;
    min-width: 300px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

@keyframes fadeInScale-b-t8838nujlv {
    from {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

.start-stop-button[b-t8838nujlv],
.settings-button[b-t8838nujlv] {
    width: 150px;
    transition: background-color 0.2s ease;
}

.start-stop-button:hover[b-t8838nujlv] {
    background-color: #0d6efd;
    color: #fff;
}

.config-header[b-t8838nujlv] {
    margin-top: 0.5rem;
    font-weight: bold;
}

.count-table[b-t8838nujlv] {
    margin: 0 auto 0.5rem auto;
    max-width: 300px;
    border: solid 3px var(--border-color);
    border-collapse: collapse;
}

.count-table th[b-t8838nujlv],
.count-table td[b-t8838nujlv] {
    border: solid 1px var(--border-color);
}

.count-table>:not(:last-child)>:last-child>*[b-t8838nujlv] {
    border-bottom-color: var(--border-color);
}

.item-state[b-t8838nujlv] {
    margin-left: 4px;
}

/* /Pages/Manage.razor.rz.scp.css */
.list-group-item span:first-child[b-kp3iaoa7k1] {
    flex: 1;
}

.config-item[b-kp3iaoa7k1] {
    cursor: pointer;
}

.release-date[b-kp3iaoa7k1] {
    position: fixed;
    bottom: 0.5rem;
    right: 0.5rem;
    font-size: 0.8rem;
    padding-right: 0.3rem;
}
/* /Pages/Setting.razor.rz.scp.css */


.item-row[b-ny4990k7s7] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 0;
    align-items: start;
}

    .item-row .state-button[b-ny4990k7s7] {
        grid-column: 1;
        grid-row: 1;
    }

    .item-row .text-input[b-ny4990k7s7] {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        min-width: 0;
    }

    .item-row .detail-container[b-ny4990k7s7] {
        grid-column: 1 / span 2;
        grid-row: 2;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start;
        padding: 0.5rem;
        margin-top: 0.25rem;
        background-color: #f8f9fa;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
    }

        .item-row .action-buttons[b-ny4990k7s7] {
            display: flex;
            justify-content: flex-end;
            gap: 0.25rem;
            width: 100%;
            margin-bottom: 0.25rem;
        }

        .item-row .detail-row[b-ny4990k7s7] {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

    .color-input[b-ny4990k7s7] {
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
        cursor: pointer;
    }

.count-input[b-ny4990k7s7] {
    text-align: right;
    width: 4rem;
}

.size-input[b-ny4990k7s7] {
    text-align: right;
    width: 6rem;
}


.numeric-input[b-ny4990k7s7] {
    text-align: right;
}

.setting-input-group[b-ny4990k7s7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.setting-input-label[b-ny4990k7s7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 10rem;
    gap: 0.5rem;
}

.setting-input-label .form-label[b-ny4990k7s7] {
    margin-bottom: 0;
    white-space: nowrap;
}

.setting-input-group .form-control[b-ny4990k7s7] {
    flex: 1 1 auto;
    max-width: none;
}

.help-icon-button[b-ny4990k7s7] {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2711%27%20fill%3D%27%230d6efd%27%2F%3E%3Cpath%20d%3D%27M12%206.5c-1.93%200-3.5%201.4-3.5%203.13h1.75c0-.78.78-1.38%201.75-1.38%201.04%200%201.75.6%201.75%201.4%200%20.55-.32.94-.92%201.33l-.8.51c-.96.61-1.28%201.12-1.28%202.12v.39h1.75v-.39c0-.46.11-.67.73-1.07l.8-.51c1.02-.65%201.42-1.36%201.42-2.32C15.95%208.04%2014.19%206.5%2012%206.5zm-.88%209.13a1.13%201.13%200%20102.26%200%201.13%201.13%200%2000-2.26%200z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E");
    cursor: pointer;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.help-icon-button:hover[b-ny4990k7s7] {
    transform: scale(1.05);
}

.help-icon-button:focus-visible[b-ny4990k7s7] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}
/* /Pages/SettingComponents/ColorTool.razor.rz.scp.css */
.preview-box[b-184h53mrdd] {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #ccc;
}