@import '_content/BlazorApp.ClientLib/BlazorApp.ClientLib.pjz6p8zmrl.bundle.scp.css';

/* /Battle/Control/Item/ListItemBattleTarget.razor.rz.scp.css */

.list-item-root[b-mrvhm4zx79] {
    position: relative;
    min-width: 26rem;
    width: auto;
    height: 4rem;
    margin-bottom: 0.4rem;
    background-color: var(--alpha-white-more)
}

.list-item-header[b-mrvhm4zx79] {
    position: absolute;
    left: 4.5rem;
    top: 0;
}

.list-item-detail[b-mrvhm4zx79] {
    position: absolute;
    left: 6rem;
    top: 2rem;
}
/* /Battle/Parts/BattleDeck.razor.rz.scp.css */

.battle-player-card-root[b-5a35ruc3gd] {
    width: 6rem;
    height: 7.5rem;
    margin-left: 0.5rem;
}

.battle-player-card-img-parent[b-5a35ruc3gd] {
    position: absolute;
    top: 0rem;
    left: 0.5rem;
    width: 4.5rem;
    height: 6rem;
    padding: 0.2rem;
    background-color: var(--alpha-black-middle);
    border-radius: 0.2rem;
}

.battle-player-card-info-basic[b-5a35ruc3gd] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.battle-player-card-info-basic-icon[b-5a35ruc3gd] {
    width: 2.4rem;
    height: 2.4rem;
}

.battle-player-card-info-basic-count[b-5a35ruc3gd] {
    display: inline-block;
    width: 2.6rem;
    height: 2.6rem;
    color: var(--font-color-reverse);
    text-align: center;
    font-size: 1.6rem;
    background-color: var(--font-color-disabled-default);
    border-radius: 50%;
}
/* /Battle/Parts/BattleField.razor.rz.scp.css */

.battle-field-root[b-89jod0zfj1] {
    width: 9.5rem;
    height: 10.5rem;
}

.battle-field-background[b-89jod0zfj1] {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 0.5rem;
    opacity: 0.5;
}

    .battle-field-background.oppo[b-89jod0zfj1] {
        background-color: var(--tcg-red-dark);
    }

    .battle-field-background.mine[b-89jod0zfj1] {
        background-color: var(--tcg-blue-dark);
    }

.battle-field-draggable[b-89jod0zfj1] {
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.5rem;
}

.battle-field-drop-target[b-89jod0zfj1] {
    border-radius: 0.5rem;
}

.battle-field-img-card[b-89jod0zfj1] {
    width: 8rem;
    height: 8rem;
}

/*
.battle-field-info-command {
    position: absolute;
    width: inherit;
}

    .battle-field-info-command-button {
        width: inherit;
        height: 2.7rem;
        margin-bottom: 0.1rem;
        padding: 0 0 0 0.4rem;
        font-size: 1rem;
        line-height: 1rem;
        text-align: left;        
        background-color: var(--alpha-black-middle);
        border: none;
    }
 */

.battle-field-info-basic[b-89jod0zfj1] {
    position: absolute;
    bottom: 0;
    left: 0.5rem;
}

    .battle-field-info-basic > span[b-89jod0zfj1] {
    }

        .battle-field-info-basic > span > label[b-89jod0zfj1] {
            display: inline-block;
        }

.battle-field-info-basic-title[b-89jod0zfj1] {
    font-size: 1.4rem;
}

.battle-field-info-basic-value[b-89jod0zfj1] {
    width: 2.5rem;
    text-align: center;
}

.battle-field-info-status[b-89jod0zfj1] {
    position: absolute;
    right: 0;
}

.battle-field-info-status-icon[b-89jod0zfj1] {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0.2rem;
    padding: 0.2rem;
    border-radius: 50%;
}

    .battle-field-info-status-icon.enabled[b-89jod0zfj1] {
        background-color: var(--font-color-default);
    }
/* /Battle/Parts/BattleGrave.razor.rz.scp.css */

.battle-player-card-root[b-7a3jwaymy9] {
    width: 6rem;
    height: 7.5rem;
    margin-left: 0.5rem;
}

.battle-player-card-img-parent[b-7a3jwaymy9] {
    position: absolute;
    top: 0rem;
    left: 0.5rem;
    width: 4.5rem;
    height: 6rem;
    padding: 0.2rem;
    background-color: var(--alpha-black-middle);
    border-radius: 0.2rem;
}

.battle-player-card-info-basic[b-7a3jwaymy9] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.battle-player-card-info-basic-icon[b-7a3jwaymy9] {
    width: 2.4rem;
    height: 2.4rem;
}

.battle-player-card-info-basic-count[b-7a3jwaymy9] {
    display: inline-block;
    width: 2.6rem;
    height: 2.6rem;
    color: var(--font-color-reverse);
    text-align: center;
    font-size: 1.6rem;
    background-color: var(--font-color-disabled-default);
    border-radius: 50%;
}
/* /Battle/Parts/BattleHandMine.razor.rz.scp.css */

.battle-hand-root[b-ut0ndrrz00] {
    width: 6.4rem;
    height: 8.4rem;
    background-color: var(--alpha-black-middle);
    border-radius: 0.2rem;
}

.battle-hand-background[b-ut0ndrrz00] {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 0.2rem;
}

/*
.battle-hand-command {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
}

    .battle-hand-command-button {
        width: inherit;
        height: 3rem;
        margin-bottom: 0.1rem;
        padding: 0 0 0 0.2rem;
        font-size: 1.2rem;
        line-height: 1.4rem;
        text-align: left;
        background-color: var(--alpha-black-middle);
        border: none;
    }
 */
/* /Battle/Parts/BattleHandOppo.razor.rz.scp.css */

.battle-hand-oppo-root[b-51tw6xhyjz] {
    width: 18rem;
    height: 3.5rem;
}

.battle-hand-oppo-background[b-51tw6xhyjz] {
    position: absolute;
    bottom: 0.1rem;
    width: inherit;
    height: 1rem;
    background-color: var(--alpha-black-middle);
}
/* /Battle/Parts/BattleLog.razor.rz.scp.css */

.battle-log-root[b-350d8lz2i6] {
    width: 100%;
    height: 18rem;
}

    .battle-log-root > pre[b-350d8lz2i6] {
        margin-left: 1rem;
        font-size: 1.2rem;
        filter: drop-shadow(0.1rem 0.1rem 0 white);
    }
/* /Battle/Parts/BattlePlayer.razor.rz.scp.css */

.battle-player-root[b-ul5lj6b3lk] {
    width: 11rem;
    height: 10rem;
}

.battle-player-img-parent[b-ul5lj6b3lk] {
    width: 8rem;
    height: 8rem;
    margin-left: 1.5rem;
    border-radius: 1rem;
}

    .battle-player-img-parent > img[b-ul5lj6b3lk] {
        width: inherit;
        height: inherit;
    }

.battle-player-info-basic[b-ul5lj6b3lk] {
    width: 100%;
    height: 2rem;
    text-align: center;
    background-color: var(--alpha-black-middle);
    border-radius: 0.5rem;
}

.battle-player-info-basic-name[b-ul5lj6b3lk] {
    display: inline-block;
    width: calc(100% - 1rem);
    color: var(--font-color-reverse);
    font-size: 1.2rem;
}

.battle-player-text-chat-parent[b-ul5lj6b3lk] {
    position: absolute;
    left: 8rem;
    top: -3rem;
}

.battle-player-text-chat[b-ul5lj6b3lk] {
    display: inline-block;
    width: 20rem;
    height: 2.8rem;
    font-size: 1.6rem;
    color: var(--font-color-reverse);
    background-color: var(--alpha-black-middle);
    padding: 0.5rem 0.5rem 0 1rem;
    border-radius: 0.5rem;
}

    .battle-player-text-chat[b-ul5lj6b3lk]:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        left: 1rem;
        bottom: -1.5rem;
        border-right: 2rem solid transparent;
        border-top: 1.5rem solid var(--alpha-black-middle);
        border-left: 0 solid transparent;
    }

.battle-player-icon-message-parent[b-ul5lj6b3lk] {
    position: absolute;
    top: 0.2rem;
    left: -1rem;
    border-radius: 0.5rem;
}

.battle-player-icon-message[b-ul5lj6b3lk] {
    width: 3.6rem;
    height: 3.6rem;
}
/* /Battle/Parts/BattlePlayerNow.razor.rz.scp.css */

.battle-player-now-root[b-y27gmdehqd] {
    width: 19.5rem;
    height: 4rem;
    margin-left: -0.5rem;
}

.battle-player-now-background[b-y27gmdehqd] {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 0.5rem;
    opacity: 0.75;
    outline: 0.2rem solid var(--input-color-default-border);
    outline-offset: -0.4rem;
}

    .battle-player-now-background.oppo[b-y27gmdehqd] {
        background-color: var(--tcg-red-dark);
    }

    .battle-player-now-background.mine[b-y27gmdehqd] {
        background-color: var(--tcg-blue-dark);
    }

.battle-player-now-parent[b-y27gmdehqd] {
    position: absolute;
    height: inherit;
    left: 1rem;
}

.battle-player-now-parent > label[b-y27gmdehqd] {
    color: var(--font-color-reverse);
}

.battle-player-now-title[b-y27gmdehqd] {
    margin-bottom: 0.2rem;
    font-size: 1.8rem;
}

.battle-player-now-value[b-y27gmdehqd] {
    width: 6rem;
    text-align: center;
    font-size: 2.6rem;
}

/* /Battle/Parts/BattleStatusBar.razor.rz.scp.css */

.battle-main-area-status[b-oha1jh3fgu] {
    width: 100%;
    height: 1.8rem;
    background-color: var(--font-color-disabled-default);
}

    .battle-main-area-status.online[b-oha1jh3fgu] {
        background-color: var(--font-color-positive-default);
    }

    .battle-main-area-status > label[b-oha1jh3fgu] {
        font-size: 1.2rem;
        text-align: center;
    }

    .battle-main-area-status > .battle-main-status-mode[b-oha1jh3fgu] {
        display: inline-block;
        width: 100%;
        color: var(--font-color-reverse);
    }

    .battle-main-area-status > .battle-main-status-timer[b-oha1jh3fgu] {
        position: absolute;
        top: 0;
        right: 0.4rem;
    }

.battle-main-status-area-timer-progress[b-oha1jh3fgu] {
    width: 100%;
    background-color: var(--alpha-black-less);
}

    .battle-main-status-area-timer-progress > .battle-main-status-timer-progress[b-oha1jh3fgu] {
        display: block;
        min-width: 1px;
        height: 0.3rem;
        background-color: var(--tcg-red-middle);
    }
/* /Battle/Parts/BattleTrap.razor.rz.scp.css */

.battle-player-card-root[b-9zvkp32hem] {
    width: 6rem;
    height: 7.5rem;
    margin-left: 0.5rem;
}

.battle-player-card-img-parent[b-9zvkp32hem] {
    position: absolute;
    top: 0rem;
    left: 0.5rem;
    width: 4.5rem;
    height: 6rem;
    padding: 0.2rem;
    background-color: var(--alpha-black-middle);
    border-radius: 0.2rem;
}

.battle-player-card-info-basic[b-9zvkp32hem] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.battle-player-card-info-basic-icon[b-9zvkp32hem] {
    width: 2.4rem;
    height: 2.4rem;
}

.battle-player-card-info-basic-count[b-9zvkp32hem] {
    display: inline-block;
    width: 2.6rem;
    height: 2.6rem;
    color: var(--font-color-reverse);
    text-align: center;
    font-size: 1.6rem;
    background-color: var(--font-color-disabled-default);
    border-radius: 50%;
}
/* /Battle/Parts/BattleTurnBasic.razor.rz.scp.css */

.battle-turn-info-area-basic[b-qdwhfw8jby] {
    position: relative;
    width: 100%;
    height: 3rem;
    background-color: var(--alpha-black-less);
}

    .battle-turn-info-area-basic > label[b-qdwhfw8jby] {
        font-size: 1.6rem;
        color: var(--font-color-reverse);
    }

    .battle-turn-info-area-basic > .battle-turn-info-basic-phase[b-qdwhfw8jby] {
        display: inline-block;
        width: 14rem;
        margin-left: 6rem;
    }

    .battle-turn-info-area-basic > .battle-turn-info-basic-manna[b-qdwhfw8jby] {        
    }
/* /Battle/Parts/BattleTurnIcon.razor.rz.scp.css */

.battle-turn-info-area-icon[b-jwufdxf5vy] {
    position: relative;
    width: 6rem;
    height: 6rem;
    margin-top: 0.4rem;
}

    .battle-turn-info-area-icon > label[b-jwufdxf5vy] {
        color: var(--font-color-reverse);
        -webkit-text-stroke: 0.1rem var(--alpha-black-middle);
    }

    .battle-turn-info-area-icon > .battle-turn-info-icon[b-jwufdxf5vy] {
        position: absolute;
        width: inherit;
        height: inherit;
    }

    .battle-turn-info-area-icon > .battle-turn-info-round[b-jwufdxf5vy] {
        position: absolute;
        top: 0.2rem;
        left: 0rem;
        width: inherit;
        text-align: center;
        font-size: 1.2rem;
    }

    .battle-turn-info-area-icon > .battle-turn-info-current[b-jwufdxf5vy] {
        position: absolute;
        top: 0.7rem;
        left: 0rem;
        width: inherit;
        text-align: center;
        font-size: 3rem;
    }
/* /Battle/Popup/BattleMain.razor.rz.scp.css */

.battle-main-area-background[b-c622byw9m0] {
    position: fixed;
    width: 50rem;
    height: 75rem;
    top: var(--fix-top);
    left: var(--fix-left);
    background-color: white;
}

.battle-main-background[b-c622byw9m0] {
    width: inherit;
    height: inherit;
    image-rendering: initial;
    object-fit: cover;
    opacity: 0.5;
}

.battle-main-root[b-c622byw9m0] {
    position: fixed;
    width: 50rem;
    height: 75rem;
    top: var(--fix-top);
    left: var(--fix-left);
}

.battle-main-area-field[b-c622byw9m0] {
    margin: 0 0.5rem 0 0.5rem;
}
/* /Battle/Popup/Child/BattleChatDialog.razor.rz.scp.css */

.battle-chat-root[b-kbnqx7t8d0] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: var(--document-width);
    height: 28rem;
    background-color: var(--alpha-black-middle);
}

.battle-chat-area-command[b-kbnqx7t8d0] {
    position: absolute;
    left: 3rem;
    top: 1rem;
    width: 46rem;
}

.battle-chat-area-button[b-kbnqx7t8d0] {
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 100%;
}

.battle-chat-close-button[b-kbnqx7t8d0] {
    width: 10rem;
    margin-left: 20rem;
}
/* /Battle/Popup/Child/BattleCutInDialog.razor.rz.scp.css */

.battle-cut-in-root[b-ekoar5ttf7] {
    position: absolute;
    left: 0;
    top: 5rem;
    width: var(--document-width);
}

.battle-cut-in-bk1[b-ekoar5ttf7] {
    height: 1rem;
}

    .battle-cut-in-bk1.oppo[b-ekoar5ttf7] {
        background-color: var(--theme-color-accent-dark);
    }

    .battle-cut-in-bk1.mine[b-ekoar5ttf7] {
        background-color: var(--theme-color-assort-dark);
    }

.battle-cut-in-bk2[b-ekoar5ttf7] {
    height: 0.5rem;
    background-color: var(--theme-color-assort-middle);
}

    .battle-cut-in-bk2.oppo[b-ekoar5ttf7] {
        background-color: var(--theme-color-accent-middle);
    }

    .battle-cut-in-bk2.mine[b-ekoar5ttf7] {
        background-color: var(--theme-color-assort-middle);
    }

.battle-cut-in-bk3[b-ekoar5ttf7] {
    height: 9rem;
    background-color: var(--theme-color-assort-dark);
}

    .battle-cut-in-bk3.oppo[b-ekoar5ttf7] {
        background-color: var(--theme-color-accent-dark);
    }

    .battle-cut-in-bk3.mine[b-ekoar5ttf7] {
        background-color: var(--theme-color-assort-dark);
    }

.battle-cut-in-text-shadow[b-ekoar5ttf7] {
    text-shadow: 0.2rem 0.2rem black, -0.05rem 0.05rem 0 black, 0.05rem -0.05rem 0 black, -0.05rem -0.05rem 0 black;
}
/* /Battle/Popup/Child/BattleResultDialog.razor.rz.scp.css */

.battle-result-dialog-size[b-2dg96ei2bs] {
    height: 16rem;
}

.battle-result-bk[b-2dg96ei2bs] {
    margin-top: 5.5rem;
    opacity: 0.8;
}

    .battle-result-bk.oppo[b-2dg96ei2bs] {
        background-color: var(--theme-color-accent-dark);
    }

    .battle-result-bk.mine[b-2dg96ei2bs] {
        background-color: var(--theme-color-assort-dark);
    }

.battle-result-root[b-2dg96ei2bs] {
    margin-top: 5.5rem;
}

.battle-result-title[b-2dg96ei2bs] {
    font-size: 5rem;
    text-shadow: 0.2rem 0.2rem black, -0.05rem 0.05rem 0 black, 0.05rem -0.05rem 0 black, -0.05rem -0.05rem 0 black;
}

.battle-result-reward[b-2dg96ei2bs] {
    font-size: 1.4rem;
}

.battle-result-button-area[b-2dg96ei2bs] {
    width: 42rem;
}
/* /Battle/Popup/Child/BattleResultLogDialog.razor.rz.scp.css */

.battle-result-log-dialog-size[b-29mlbrbgce] {
    width: 44rem;
    height: 65rem;
}

.battle-result-log-bk[b-29mlbrbgce] {
    border-radius: 0.4rem;
}

    .battle-result-log-bk.oppo[b-29mlbrbgce] {
        background-color: var(--theme-color-accent-middle);
    }

    .battle-result-log-bk.mine[b-29mlbrbgce] {
        background-color: var(--theme-color-assort-middle);
    }

.battle-result-log-root[b-29mlbrbgce] {
}

.battle-result-log-title[b-29mlbrbgce] {
    padding: 1rem;
}

.battle-result-log-reward-parent[b-29mlbrbgce] {
    overflow-y: overlay;
    background-color: var(--alpha-white-more);
}

.battle-result-log-reward-content[b-29mlbrbgce] {
    width: 18rem;
    height: 27rem;
    padding: 0.4rem 1rem 0.4rem 1rem;
}

    .battle-result-log-reward-content > span > label[b-29mlbrbgce] {
        font-size: 1.8rem;
    }

.battle-result-log-list-parent[b-29mlbrbgce] {
    width: 38rem;
    height: 21rem;
    margin-top: 1rem;
    padding: 0.4rem 1rem 0.4rem 1rem;
    overflow-y: scroll;
    background-color: var(--alpha-black-middle);
}

.battle-result-log-list-content[b-29mlbrbgce] {
    color: var(--font-color-reverse);
    font-size: 1.4rem;
}

.battle-result-log-button-area[b-29mlbrbgce] {
    width: 42rem;
    margin-top: 3rem;
}
/* /Battle/Popup/Child/BattleTargetElementDialog.razor.rz.scp.css */

.battle-target-root[b-y57yv2u1xe] {
    width: 50rem;
    height: 75rem;
    top: var(--fix-top);
    left: var(--fix-left);
    background-color: var(--alpha-black-middle);
}

.battle-target-area-margin[b-y57yv2u1xe] {
    margin: 21.75rem 0 0 0;
}

.battle-target-player-root[b-y57yv2u1xe] {
    width: 10rem;
    height: 10.1rem;
    margin: 0 0 0 20rem;
    border-radius: 0.5rem;
    border: 0.2rem solid var(--alpha-white-less);
    background-color: var(--alpha-white-more);
}

.battle-target-area-field[b-y57yv2u1xe] {
    margin: 0.3rem 0.75rem 0 0.75rem;
}

.battle-target-field-root[b-y57yv2u1xe] {
    width: 9.1rem;
    height: 10.1rem;
    border-radius: 0.5rem;
    border: 0.2rem solid var(--alpha-white-less);
    background-color: var(--alpha-white-more);
}

.battle-target-area-hand[b-y57yv2u1xe] {
    margin: 6.4rem 0.75rem 0 0.75rem;
}

.battle-target-hand-root[b-y57yv2u1xe] {
    width: 6rem;
    height: 8rem;
    border-radius: 0.2rem;
    border: 0.2rem solid var(--alpha-white-less);
    background-color: var(--alpha-white-more);
}
/* /Battle/Popup/Fragment/BattleHelpSupply.razor.rz.scp.css */

.fragment-root[b-z5444tbtpp] {

}

.fragment-title[b-z5444tbtpp] {

}

.fragment-description[b-z5444tbtpp] {
    font-size: 1.8rem;
}

.fragment-table[b-z5444tbtpp] {
    width: 35rem;
}

    .fragment-table > thead > tr > th:nth-child(1)[b-z5444tbtpp] {
        width: 10rem;
    }

    .fragment-table > thead > tr > th:nth-child(2)[b-z5444tbtpp] {
        width: 15rem;
    }

    .fragment-table > tbody > tr > td.align-right[b-z5444tbtpp] {
        padding-right: 3.6rem;
    }
/* /Control/Item/ListItemAbilitySearch.razor.rz.scp.css */

.list-parent[b-txymri1y6l] {
    width: 26rem;
    padding: 0.2rem 0 0.5rem 0.5rem;
    background-color: var(--alpha-black-most);
}
/* /Control/Item/ListItemBattleMatching.razor.rz.scp.css */

.list-parent[b-k5hii0mbe2] {
    width: 46.5rem;
    padding: 0.5rem 0 0.5rem 0;
}

    .list-parent.disabled[b-k5hii0mbe2] {
        background-color: var(--input-color-disabled);
    }

    .list-parent.same-rank[b-k5hii0mbe2] {
        background-color: var(--theme-color-assort-light);
    }

    .list-parent.other-rank[b-k5hii0mbe2] {
        background-color: var(--theme-color-accent-light);
    }

.list-player-img[b-k5hii0mbe2] {
    width: 4rem;
}

.list-player-name[b-k5hii0mbe2] {
    width: 16rem;
    font-size: 1.6rem;
}

.list-user-id[b-k5hii0mbe2] {
    font-size: 1.2rem;
}

.list-deck-img[b-k5hii0mbe2] {
    width: 3rem;
}

.list-deck-name[b-k5hii0mbe2] {
    width: 14rem;
    font-size: 1.4rem;
}

.list-rank[b-k5hii0mbe2] {
    width: 7rem;
    font-size: 1.4rem;
}

.list-method[b-k5hii0mbe2] {
    font-size: 1.4rem;
}
/* /Control/Item/ListItemCardSearch.razor.rz.scp.css */

.list-root[b-qduev2v4xt] {
}

.list-parent[b-qduev2v4xt] {
    border-style: solid;
    border-width: 0.2rem;
    border-color: transparent;
}

.grid-list-view-row-selected .list-parent[b-qduev2v4xt] {
    border-color: var(--tcg-blue-light);
}

.card-mon[b-qduev2v4xt] {
    background-color: var(--tcg-white-light);
}

.card-magi[b-qduev2v4xt] {
    background-color: var(--tcg-green-light);
}

.card-trap[b-qduev2v4xt] {
    background-color: var(--tcg-red-light);
}
/* /Control/Item/ListItemCardSearchLarge.razor.rz.scp.css */

.list-root[b-j2x76b0641] {
}

.list-parent[b-j2x76b0641] {
    border-style: solid;
    border-width: 0.2rem;
    border-color: transparent;
}
/* /Control/Item/ListItemCardSimple.razor.rz.scp.css */

.list-parent[b-7egk8eriu6] {
    width: 20rem;
    padding: 0.2rem 1rem;
    background-color: var(--alpha-black-middle);
}

.list-card-img[b-7egk8eriu6] {
    width: 4rem;
    height: 4rem;
}

.list-card-name[b-7egk8eriu6] {
    margin-left: 0.5rem;
    font-size: 1.6rem;
    color: var(--font-color-reverse);
}
/* /Control/Item/ListItemDeckEditCategory.razor.rz.scp.css */

.list-root[b-j25lpuyquh] {
    padding-bottom: 0.1rem;
}

.list-parent[b-j25lpuyquh] {
    background-color: var(--alpha-black-most);
}
/* /Control/Item/ListItemDeckSummaryOnly.razor.rz.scp.css */

.list-root[b-kp7mg3k0ae] {
    padding-bottom: 0.1rem;
}

.list-parent[b-kp7mg3k0ae] {
    background-color: var(--alpha-black-most);
}
/* /Control/Item/ListItemRanking.razor.rz.scp.css */

.list-parent[b-cuygzjievh] {
    
}
/* /Control/Item/ListItemReplay.razor.rz.scp.css */

.list-parent[b-cwsuzpr9lf] {
    
}
/* /Control/Item/ListItemReward.razor.rz.scp.css */

.list-parent[b-y1o4drmy70] {
    width: 26rem;
    padding: 0.2rem 0 0.5rem 0.5rem;
    background-color: var(--alpha-black-most);
}
/* /Control/MyControl.razor.rz.scp.css */
/* /Help/HelpDialog.razor.rz.scp.css */

.help-dialog-root[b-3887jgmeo4] {
    width: 46rem;
    height: 60rem;
}

.help-dialog-bk[b-3887jgmeo4] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: var(--theme-color-base-dark);
    border-radius: 0.5rem;
}

.help-dialog-area-main-menu[b-3887jgmeo4] {
    width: 100%;
    top: 1rem;
    left: 1rem;
}

.help-dialog-main-menu-button[b-3887jgmeo4] {
    width: 14.5rem;
    margin-right: 0.2rem;
    font-size: 1.6rem;
}

.help-dialog-area-main-content[b-3887jgmeo4] {
    width: 44rem;
    height: 54.5rem;
    top: 4.5rem;
    left: 1rem;
}

.help-dialog-area-sub-menu[b-3887jgmeo4] {
    width: 14.5rem;
    height: 100%;
}

.help-dialog-sub-menu-button[b-3887jgmeo4] {
    width: 10rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
}

.help-dialog-area-sub-content[b-3887jgmeo4] {
    width: 100%;
    height: 100%;
    background-color: var(--theme-color-base-middle);
}

.help-dialog-close-button[b-3887jgmeo4] {
    width: 18rem;
    top: 62rem;
    left: 14rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* /Layout/NavMenu.razor.rz.scp.css */

#menu-status-message[b-n3yzvcxigr]{
    font-size: 1.4rem;
}

#icon-pull-down-menu[b-n3yzvcxigr] {
    width: calc(var(--menu-height) - 0.8rem);
    height: calc(var(--menu-height) - 0.8rem);
    border-radius: 50%;
}

.icon-pull-down-menu-inactive[b-n3yzvcxigr] {
    border: 0.2rem solid var(--input-color-disabled-border);
}

.icon-pull-down-menu-active[b-n3yzvcxigr] {
    border: 0.2rem solid var(--button-color-positive);
}
/* /Pages/Index.razor.rz.scp.css */

#index-loading[b-x8jq25t3t1]{
    margin-top: calc(var(--menu-height) * -1 + var(--content-margin));
}
/* /Parts/CardViewFullSize.razor.rz.scp.css */

.card-view-fit[b-hlv2wktso7] {
    display: inline-block;
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    font-size: 2rem;
    text-align: center;
    opacity: 0.9;
}

    .card-view-fit.early[b-hlv2wktso7] {
        background-color: var(--tcg-red-middle);
    }

    .card-view-fit.late[b-hlv2wktso7] {
        background-color: var(--tcg-blue-middle);
    }
/* /Parts/CardViewImgOnly.razor.rz.scp.css */

.card-mon[b-aix46swoa1] {
    background-color: var(--tcg-white-light);
}

.card-magi[b-aix46swoa1] {
    background-color: var(--tcg-green-light);
}

.card-trap[b-aix46swoa1] {
    background-color: var(--tcg-red-light);
}
/* /Parts/CardViewS1.razor.rz.scp.css */

.card-view-fit[b-8u36mss5xk] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: 1.4rem;
    text-align: center;
    opacity: 0.9;
}

    .card-view-fit.early[b-8u36mss5xk] {
        background-color: var(--tcg-red-middle);
    }

    .card-view-fit.late[b-8u36mss5xk] {
        background-color: var(--tcg-blue-middle);
    }

.card-view-atk-def[b-8u36mss5xk] {
    display: inline-block;
    width: 3rem;
    height: 2rem;
    font-size: 1.4rem;
    text-align: center;
}
/* /Parts/CardViewS2.razor.rz.scp.css */
/* /Parts/CardViewS3.razor.rz.scp.css */
/* /Parts/DeckSummary.razor.rz.scp.css */

.deck-summary-basic[b-afwx2cvrgc] {
    margin-left: 0.5rem;
}

.deck-summary-basic > img[b-afwx2cvrgc] {
    width: 5rem;
    height: 5rem;
    object-fit: contain;
}

.deck-summary-cards[b-afwx2cvrgc] {
    width: 30rem;
    height: 10rem;
    margin: 0.5rem 0 0 0.5rem;
}

.deck-summary-detail[b-afwx2cvrgc] {
    margin: 0 0.5rem 0 0.5rem;
}

.deck-summary-num-area-sub[b-afwx2cvrgc] {
    margin-top: -0.5rem;
    margin-left: 0.5rem;
}

.deck-summary-num-title[b-afwx2cvrgc] {
    font-size: 1.2rem;
}

.deck-summary-num-value[b-afwx2cvrgc] {
    display: inline-block;
    width: 1.8rem;
    margin-right: 0.4rem;
    text-align: center;
    font-size: 1.4rem;
}

.deck-summary-cost-graph[b-afwx2cvrgc] {
    display: block;
    background-color: var(--theme-color-assort-light);
    width: 1.2rem;
}

.deck-summary-cost-axis-area[b-afwx2cvrgc] {
    margin: 0 0.2rem 0 0.2rem;
}

.deck-summary-cost-axis-label[b-afwx2cvrgc] {
    display: inline-block;
    width: 1.5rem;
    text-align: center;
    font-size: 1.2rem;
}
/* /Popup/BattleSelectLocal.razor.rz.scp.css */

.battle-local-player-info[b-y9o0vipwjr] {
    width: 15rem; 
    height: 17rem;
    margin-top: 0.5rem;
    text-align:center;
    border-radius: 0.5rem;
    background-color: var(--alpha-black-most);
}

.battle-local-player-info.selected[b-y9o0vipwjr] {
    outline: 0.2rem solid var(--input-color-focus-border);
    outline-offset: -0.2rem;
}

.battle-local-player-info > div[b-y9o0vipwjr] {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    position: absolute;
}
/* /Popup/BattleSelectOnline.razor.rz.scp.css */

.battle-select-online-setting-item-name[b-v9hze11n3d] {
    display: inline-block;
    width: 13rem;
    font-size: 1.8rem;
}
/* /Popup/CardAlbum.razor.rz.scp.css */

.scoped-root[b-ep8lqyr56f] {
    position: fixed;
    width: 50rem;
    height: 75rem;
    top: var(--fix-top);
    left: var(--fix-left);
    background-color: var(--theme-color-base-light);
}

.scoped-area-deck-search[b-ep8lqyr56f] {
    width: inherit;
    margin: 0.5rem 0 0 0;
}

.scoped-area-deck-pool[b-ep8lqyr56f] {
    width: inherit;
    margin: 1rem 0 0 0;
}
/* /Popup/Child/AbilitySelectDialog.razor.rz.scp.css */

.scoped-root[b-fu34q3y19u] {
    width: 44rem;
    height: 54rem;
}

.scoped-bk[b-fu34q3y19u] {
    width: inherit;
    height: inherit;
    top: 0;
    left: -0.5rem;
    background-color: var(--theme-color-base-light);
    border-style: double;
    border-color: var(--theme-color-base-dark);
    border-width: 0.5rem;
    border-radius: 0.5rem;
}

.scoped-area-main[b-fu34q3y19u] {
    width: 42rem;
    top: 2rem;
    left: 1rem;
}

.scoped-area-button[b-fu34q3y19u] {
    width: 42rem;
    top: 50rem;
    left: 1rem;
}

.scoped-button[b-fu34q3y19u] {
    width: 18rem;
}

input[b-fu34q3y19u]::placeholder {
    font-size: 1.1rem;
    opacity: 0.5;
}
/* /Popup/Child/BattleModeSelectDialog.razor.rz.scp.css */
.scoped-root[b-t13qt5tqfd] {
    width: 30rem;
    height: 25rem;
}

.scoped-bk[b-t13qt5tqfd] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: var(--theme-color-dialog-dark);
    border-radius: 0.5rem;
}

.scoped-area-button[b-t13qt5tqfd] {
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
/* /Popup/Child/CardDialog.razor.rz.scp.css */

.card-dialog-command-button[b-gpofuxpzlr] {
    width: 24rem;
    height: 6rem;
    padding: 0.2rem 0 0 0;
    line-height: 2rem;
}
/* /Popup/Child/ConfigProfileDialog.razor.rz.scp.css */
.scoped-root[b-a5pow9efr1] {
    width: 30rem;
    height: 30rem;
}

.scoped-bk[b-a5pow9efr1] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: var(--theme-color-dialog-dark);
    border-radius: 0.5rem;
}
/* /Popup/Child/DeckInfoDialog.razor.rz.scp.css */
.scoped-root[b-uue2a9rfvx] {
    width: 48rem;
    height: 69rem;
    padding-top: 4rem;
}

.scoped-bk[b-uue2a9rfvx] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: var(--theme-color-dialog-dark);
    border-radius: 0.5rem;
}

.scoped-area-button[b-uue2a9rfvx] {
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
/* /Popup/Child/DeckSelectDialog.razor.rz.scp.css */
.scoped-root[b-pwoaflyu8a] {
    width: 48rem;
    height: 70rem;
}

.scoped-bk[b-pwoaflyu8a] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: var(--theme-color-dialog-dark);
    border-radius: 0.5rem;
}

.scoped-area-button[b-pwoaflyu8a] {
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
/* /Popup/Child/LoginDialog.razor.rz.scp.css */

#login-dialog-root[b-mw1zcta17s] {
    width: 46rem;
    height: 54rem;
    background-color: var(--theme-color-dialog-dark);
}

#area-login-dialog-title[b-mw1zcta17s] {
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
    background-color: var(--theme-color-assort-dark);
}

#login-dialog-title[b-mw1zcta17s] {
    margin-left: 2rem;
    font-size: 2.2rem;
    color: var(--font-color-reverse);
}

#button-close-login-dialog[b-mw1zcta17s] {
    margin-right: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#area-login-dialog-message[b-mw1zcta17s] {
    width: 100%;
    flex: auto;
    overflow-y: auto;
}

#login-dialog-message-wrapper[b-mw1zcta17s] {
    margin: 2rem;
}

.login-dialog-message[b-mw1zcta17s] {
    font-size: 1.8rem;
}

.login-dialog-input-line[b-mw1zcta17s] {
    display: flex;
}

.login-dialog-input-line > label[b-mw1zcta17s] {
    display: block;
    width: 12rem;
}

.login-dialog-input-line > input[type="text"][b-mw1zcta17s], input[type="password"][b-mw1zcta17s] {
    width: 28rem;
}

#area-login-dialog-button[b-mw1zcta17s] {
    height: 8rem;
    min-height: 8rem;
    display: flex;
    align-items: center;
}

#area-login-dialog-button > .login-dialog-button[b-mw1zcta17s] {
    width: 14rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
/* /Popup/Child/MenuList.razor.rz.scp.css */

#area-close-menu-list[b-jkomu07c7m] {
    position: absolute;
    top: 0;
    right: var(--content-margin);
    width: var(--menu-height);
    background-color: var(--theme-color-base-middle);
}

#button-close-menu-list[b-jkomu07c7m] {
    width: var(--menu-height);
    height: var(--menu-height);
    padding: 0;
    background-image: url('../res/img/ic_cross.png');
    background-size: contain;
}

#area-menu-list[b-jkomu07c7m] {
    position: absolute;
    top: calc(var(--menu-height));
    right: var(--content-margin);
    min-width: 46rem;
    min-height: 1rem;
    background-color: var(--theme-color-base-middle);
    padding: var(--content-margin);
}

#menu-list-user-icon[b-jkomu07c7m] {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
}

.menu-list-user-icon-inactive[b-jkomu07c7m] {
    border: 0.4rem solid var(--input-color-disabled-border);
}

.menu-list-user-icon-active[b-jkomu07c7m] {
    border: 0.4rem solid var(--button-color-positive);
}

#menu-list-user-id[b-jkomu07c7m] {
    font-size: 1.5rem;
}

#menu-list-user-name[b-jkomu07c7m] {
    font-size: 2rem;
    max-width: 34rem;
}

.menu-list-button[b-jkomu07c7m] {
    width: 46rem;
    height: 6rem;
}
/* /Popup/Child/PlayerDialog.razor.rz.scp.css */

.player-dialog-root[b-qgp64e06nw] {
    width: 30rem;
}

.player-dialog-parent[b-qgp64e06nw] {
    width: inherit;
    height: 20rem;
}

.player-dialog-bk1[b-qgp64e06nw] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    padding: 0.5rem;
    background-color: var(--theme-color-base-dark);
    border-radius: 1rem;
}

.player-dialog-bk2[b-qgp64e06nw] {
    width: 100%;
    height: 100%;
    top: 0.5rem;
    left: 0.5rem;
    background-color: var(--theme-color-base-light);
    border-radius: 1rem;
}

.player-dialog-player-img[b-qgp64e06nw] {
    width: 8rem;
    top: 1.5rem;
    left: 1.5rem;
    border: solid 0.1rem var(--theme-color-base-dark);
}

.player-dialog-user-id[b-qgp64e06nw] {
    top: 1.5rem;
    left: 11rem;
    font-size: 1.6rem;
    text-decoration: underline;
    text-decoration-color: var(--font-color-default);
}

.player-dialog-player-name[b-qgp64e06nw] {
    top: 4rem;
    left: 11rem;
    font-size: 1.8rem;
    text-decoration: underline;
    text-decoration-color: var(--font-color-default);
}

.player-dialog-player-line1[b-qgp64e06nw] {
    width: 28rem;
    height: 0.1rem;
    top: 10.5rem;
    left: 1.5rem;
    background-color: var(--theme-color-base-dark);
}

.player-dialog-deck-img[b-qgp64e06nw] {
    width: 6rem;
    top: 11rem;
    left: 3rem;
}

.player-dialog-deck-name[b-qgp64e06nw] {
    width: 17rem;
    top: 11.5rem;
    left: 11rem;
    font-size: 1.7rem;
}

.player-dialog-area-button[b-qgp64e06nw] {
    width: 100%;
    top: 17rem;
    left: 1.5rem;
}

.player-dialog-button[b-qgp64e06nw] {
    width: 13.5rem;
    margin: 0.25rem;
    font-size: 1.6rem;
}
/* /Popup/Child/RankingDialog.razor.rz.scp.css */

.scoped-root[b-8nqo8iqnjz] {
    width: 44rem;
    height: 48rem;
}

.scoped-bk[b-8nqo8iqnjz] {
    width: inherit;
    height: inherit;
    top: 0;
    left: -0.5rem;
    background-color: var(--theme-color-base-light);
    border-style: double;
    border-color: var(--theme-color-base-dark);
    border-width: 0.5rem;
    border-radius: 0.5rem;
}

.scoped-area-main[b-8nqo8iqnjz] {
    width: 42rem;
    top: 2rem;
    left: 1rem;
}

.scoped-area-button[b-8nqo8iqnjz] {
    width: 42rem;
    top: 44rem;
    left: 1rem;
}

.scoped-button[b-8nqo8iqnjz] {
    width: 18rem;
}

input[b-8nqo8iqnjz]::placeholder {
    font-size: 1.1rem;
    opacity: 0.5;
}
/* /Popup/Child/RankUpDialog.razor.rz.scp.css */

.scoped-root[b-10gricd69j] {
    width: 36rem;
    height: 44rem;
}

.scoped-bk[b-10gricd69j] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: var(--theme-color-base-light);
    border-style: double;
    border-color: var(--theme-color-base-dark);
    border-width: 0.5rem;
    border-radius: 0.5rem;
}

.scoped-area-main[b-10gricd69j] {
    width: 32rem;
    top: 2rem;
    left: 2rem;
}

.scoped-area-button[b-10gricd69j] {
    width: 32rem;
    top: 38rem;
    left: 2rem;
}

.scoped-button[b-10gricd69j] {
    width: 18rem;
}
/* /Popup/Child/RankUpDialog2.razor.rz.scp.css */

.scoped-root[b-i47ley4we8] {
    width: 36rem;
    height: 44rem;
}

.scoped-bk[b-i47ley4we8] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: var(--theme-color-base-light);
    border-style: double;
    border-color: var(--theme-color-base-dark);
    border-width: 0.5rem;
    border-radius: 0.5rem;
}

.scoped-area-main[b-i47ley4we8] {
    width: 32rem;
    top: 2rem;
    left: 2rem;
}

.scoped-area-button[b-i47ley4we8] {
    width: 32rem;
    top: 38rem;
    left: 2rem;
}

.scoped-button[b-i47ley4we8] {
    width: 18rem;
}
/* /Popup/Child/RecordDialog.razor.rz.scp.css */

.scoped-root[b-80j2a2w18r] {
    width: 44rem;
    height: 48rem;
}

.scoped-bk[b-80j2a2w18r] {
    width: inherit;
    height: inherit;
    top: 0;
    left: -0.5rem;
    background-color: var(--theme-color-base-light);
    border-style: double;
    border-color: var(--theme-color-base-dark);
    border-width: 0.5rem;
    border-radius: 0.5rem;
}

.scoped-area-main[b-80j2a2w18r] {
    width: 42rem;
    top: 2rem;
    left: 1rem;
}

.scoped-area-button[b-80j2a2w18r] {
    width: 42rem;
    top: 44rem;
    left: 1rem;
}

.scoped-button[b-80j2a2w18r] {
    width: 18rem;
}

input[b-80j2a2w18r]::placeholder {
    font-size: 1.1rem;
    opacity: 0.5;
}
/* /Popup/Child/ReplayDialog.razor.rz.scp.css */

.scoped-root[b-fiorwr6bje] {
    width: 44rem;
    height: 48rem;
}

.scoped-bk[b-fiorwr6bje] {
    width: inherit;
    height: inherit;
    top: 0;
    left: -0.5rem;
    background-color: var(--theme-color-base-light);
    border-style: double;
    border-color: var(--theme-color-base-dark);
    border-width: 0.5rem;
    border-radius: 0.5rem;
}

.scoped-area-main[b-fiorwr6bje] {
    width: 42rem;
    top: 2rem;
    left: 1rem;
}

.scoped-area-button[b-fiorwr6bje] {
    width: 42rem;
    top: 44rem;
    left: 1rem;
}

.scoped-button[b-fiorwr6bje] {
    width: 18rem;
}

input[b-fiorwr6bje]::placeholder {
    font-size: 1.1rem;
    opacity: 0.5;
}
/* /Popup/Child/SettingDialog.razor.rz.scp.css */

.setting-dialog-root[b-gi7u60extb] {
    width: 46rem;
    height: 60rem;
}

.setting-dialog-bk[b-gi7u60extb] {
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background-color: #333333;
    border-radius: 0.5rem;
}

.setting-dialog-area-main-menu[b-gi7u60extb] {
    width: 100%;
    top: 1rem;
    left: 1rem;
}

.setting-dialog-main-menu-button[b-gi7u60extb] {
    width: 14.5rem;
    margin-right: 0.2rem;
    font-size: 1.6rem;
}

.setting-dialog-area-main-content[b-gi7u60extb] {
    width: 42rem;
    height: 52rem;
    top: 6rem;
    left: 2rem;
}

.setting-dialog-area-button[b-gi7u60extb] {
    width: 40rem;
    top: 54rem;
    left: 3rem;
}

.setting-dialog-button[b-gi7u60extb] {
    width: 18rem;
}
/* /Popup/Child/ToastDialog.razor.rz.scp.css */

.toast-root[b-0ekwnnv4js] {
    position: absolute;
    left: 0;
    width: var(--document-width);
    padding: 0 0 0.2rem 0;
    background-color: var(--alpha-black-less);
    border-top: 0.2rem solid var(--alpha-white-more);
    border-bottom: 0.2rem solid var(--alpha-white-more);
}

.toast-title[b-0ekwnnv4js] {
    color: var(--font-color-reverse);
    font-size: 1.8rem;
}

.toast-message[b-0ekwnnv4js] {
    margin-top: -0.6rem;
    color: var(--font-color-reverse);
    font-size: 1.4rem;
}
/* /Popup/CreateSaveData.razor.rz.scp.css */
.create-savedata-area-background[b-bkr5xpz6b3] {
    position: fixed;
    width: 50rem;
    height: 75rem;
    top: var(--fix-top);
    left: var(--fix-left);
    background: linear-gradient(180deg, white 20rem, skyblue);
}

.create-savedata-banner[b-bkr5xpz6b3] {
    position: fixed;
    width: 50rem;
    top: calc(var(--fix-top) + var(--menu-height));
    left: var(--fix-left);
}

.create-savedata-area-hint[b-bkr5xpz6b3] {
    padding: 0.3rem 5rem;
    background: radial-gradient(ellipse 50% 5rem, var(--alpha-black-most), transparent);
}
/* /Popup/CreateSaveDataProfile.razor.rz.scp.css */
.create-savedata-profile-area-background[b-arf6lkkc52] {
    position: fixed;
    width: 50rem;
    height: 75rem;
    top: var(--fix-top);
    left: var(--fix-left);
    background: linear-gradient(180deg, white 20rem, skyblue);
}

.create-savedata-profile-banner[b-arf6lkkc52] {
    position: fixed;
    width: 50rem;
    top: calc(var(--fix-top) + var(--menu-height));
    left: var(--fix-left);
}
/* /Popup/DeckEditCategory.razor.rz.scp.css */

/* /Popup/DeckEditContent.razor.rz.scp.css */

.scoped-root[b-9py0dh2ovn] {
    position: fixed;
    width: 50rem;
    height: 75rem;
    top: var(--fix-top);
    left: var(--fix-left);
    background-color: var(--theme-color-base-light);
}

.scoped-area-deck-content[b-9py0dh2ovn] {
    width: inherit;
    padding: 0 0 0.5rem 0;
    background-color: var(--theme-color-base-middle);
}

.scoped-area-deck-search[b-9py0dh2ovn] {
    width: inherit;
    margin: 0.5rem 0 0 0;
}

.scoped-area-deck-pool[b-9py0dh2ovn] {
    width: inherit;
    margin: 1rem 0 0 0;
}

.scoped-area-deck-hint[b-9py0dh2ovn] {
    margin: 1rem 0 0 0;
}
/* /Popup/Fragment/Credit.razor.rz.scp.css */

.fragment-root[b-hjpf4q4tiz] {
    width: 40rem;
}

.fragment-title[b-hjpf4q4tiz] {
    font-size: 1.6rem;
}

.fragment-item[b-hjpf4q4tiz] {
    margin-left: 1.6rem;
    font-size: 1.4rem;
}
/* /Popup/Fragment/HintLogin.razor.rz.scp.css */

.fragment-root[b-x8uyadxkn8] {
    width: 40rem;
}

.fragment-title[b-x8uyadxkn8] {
    font-size: 1.8rem;
}

.fragment-item-area[b-x8uyadxkn8] {
    display: block;
    margin-top: -1.8rem;
    margin-left: 1.8rem;
}

.fragment-item[b-x8uyadxkn8] {
    font-size: 1.6rem;
    white-space: pre-line;
}
/* /Popup/Fragment/MyFragment.razor.rz.scp.css */

.fragment-root[b-hxqnv4odhf] {

}

.fragment-title[b-hxqnv4odhf] {

}

.fragment-description[b-hxqnv4odhf] {
    font-size: 1.8rem;
}
/* /Popup/Fragment/Policy.razor.rz.scp.css */

.fragment-root[b-vbr59o9pvn] {
    width: 40rem;
}

.fragment-title[b-vbr59o9pvn] {
    font-size: 1.5rem;
}

.fragment-item-area[b-vbr59o9pvn] {
    display: block;
    margin-top: -1.5rem;
    margin-left: 1.5rem;
}

.fragment-item[b-vbr59o9pvn] {
    font-size: 1.2rem;
    white-space: preserve-breaks;
}
/* /Popup/Fragment/SettingBattle.razor.rz.scp.css */

.fragment-root[b-6fzdp0iz1s] {
}

.fragment-item-name[b-6fzdp0iz1s] {
    display: inline-block;
    width: 10rem;
    color: var(--font-color-reverse);
}

.fragment-area-preview[b-6fzdp0iz1s] {
    width: 32rem;
    margin: 1rem 0 1rem 10.5rem;
}

.fragment-img-preview[b-6fzdp0iz1s] {
    float: left;
    width: 22rem;
    height: 33rem;
    image-rendering: initial;
    object-fit: cover;
}

.fragment-area-upload[b-6fzdp0iz1s] {
    float: left;
    height: 20rem;
    margin: 15em 0 0 1rem;
}
/* /Popup/Fragment/SettingMulti.razor.rz.scp.css */

.fragment-root[b-ixwqp6z139] {
}

.fragment-item-name[b-ixwqp6z139] {
    display: inline-block;
    width: 15rem;
    color: var(--font-color-reverse);
}

/* /Popup/Fragment/SettingSound.razor.rz.scp.css */

.fragment-root[b-346wt7w9ls] {
}

.fragment-item-name[b-346wt7w9ls] {
    display: inline-block;
    width: 10rem;
    color: var(--font-color-reverse);
}
/* /Popup/Top.razor.rz.scp.css */

.top-menu-banner[b-avj5tf9vyf] {
    position: fixed;
    width: 50rem;
    top: calc(var(--fix-top) + var(--menu-height));
    left: var(--fix-left);
}

.top-menu-hint[b-avj5tf9vyf] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0 1.5rem;
    background-color: var(--theme-color-accent-middle);
    border: solid 0.2rem var(--theme-color-accent-light);
    border-radius: 2rem;
    font-size: 1.6rem;
}

.top-menu-button-area[b-avj5tf9vyf] {
    width: 48rem;
    display: inline-block;
}

    .top-menu-button-area.group-single[b-avj5tf9vyf] {
    }

        .top-menu-button-area.group-single > label[b-avj5tf9vyf] {
            color: var(--tcg-green-dark);
        }

    .top-menu-button-area.group-multi[b-avj5tf9vyf] {
    }

        .top-menu-button-area.group-multi > label[b-avj5tf9vyf] {
            color: var(--tcg-red-dark);
        }

    .top-menu-button-area.group-deck[b-avj5tf9vyf] {
    }

        .top-menu-button-area.group-deck > label[b-avj5tf9vyf] {
            color: var(--tcg-white-dark);
        }

.top-menu-button[b-avj5tf9vyf] {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border-width: 0.1rem;
    color: var(--font-color-reverse);
}

    .top-menu-button.range-middle[b-avj5tf9vyf] {
        width: 24rem;
        height: 5rem;
    }

    .top-menu-button.range-short[b-avj5tf9vyf] {
        width: calc(24rem / 2);
        height: 5rem;
        font-size: 1.8rem;
    }

    .top-menu-button.range-square[b-avj5tf9vyf] {
        width: 24rem;
        height: 10rem;
    }