/* ------------------------------
Theme
------------------------------ */
/* light */
.theme_light .img__theme_light {
    display: inline;
}

.theme_light .img__theme_dark {
    display: none;
}

/* dark */
.theme_dark .img__theme_light {
    display: none;
}

.theme_dark .img__theme_dark {
    display: inline;
}

/* ------------------------------
Appearance
------------------------------ */
.agree__checkbox {
    display: flex;
}

.agree__checkbox>:first-child {
    width: 48px;
    flex-shrink: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.agree__checkbox>:not(:first-child) {
    flex: 1;
}

.agree_section md-list-item {
    margin-left: 48px;
    text-decoration: underline;
}

.agree_section__container {
    container: agree_section / inline-size;
}

@container agree_section (width < 600px) {
    .agree_section {
        margin-bottom: var(--small-section-margin-bottom, 32px);

        .agree__headline {
            margin-bottom: var(--small-headline-margin-bottom, 8px);
        }

        .agree__checkbox {
            margin-bottom: var(--small-information-margin-bottom, 8px);
        }
    }
}

@container agree_section (600px <=width) {
    .agree_section {
        margin-bottom: var(--large-section-margin-bottom, 80px);
    }

    .agree__headline {
        margin-bottom: var(--large-headline-margin-bottom, 16px);
    }

    .agree__checkbox {
        margin-bottom: var(--large-information-margin-bottom, 16px);
    }
}

.sign_in_section__container {
    container: sign_in_section / inline-size;
}

@container sign_in_section (width < 600px) {
    .sign_in_section {
        margin-bottom: var(--small-section-margin-bottom, 32px);

        .sign_in__headline {
            margin-bottom: var(--small-headline-margin-bottom, 8px);
        }

        & li {
            margin-bottom: var(--small-same-category-margin-bottom, 8px);
        }
    }
}

@container sign_in_section (600px <=width) {
    .sign_in_section {
        margin-bottom: var(--large-section-margin-bottom, 80px);

        .sign_in__headline {
            margin-bottom: var(--large-headline-margin-bottom, 16px);
        }

        & li {
            margin-bottom: var(--large-same-category-margin-bottom, 12px);
        }
    }
}

.sign_in_section {
    & .sign_in_google__a_href {
        --md-focus-ring-shape: 32px;
        border-radius: 32px;
    }

    & .sign_in_line__a_href {
        --md-focus-ring-shape: 8px;
        border-radius: 8px;
    }
}

/* ------------------------------
WebView Warning
------------------------------ */
.webview_warning_section__container {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 16px;
    border: 1px solid var(--md-sys-color-outline-variant, #cac4d0);
    border-radius: 12px;
    background-color: var(--md-sys-color-surface-container-low, #f7f2fa);
}
.webview_warning__headline {
    margin-top: 0;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.webview_warning__description {
    margin-bottom: 12px;
    line-height: 1.5;
}
.webview_warning__solution h3 {
    margin-top: 12px;
    margin-bottom: 4px;
}
.webview_warning__solution ol {
    margin-top: 0;
    padding-left: 20px;
}
.webview_warning__solution li {
    margin-bottom: 6px;
}
.sign_in_google__disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}