app-post-type {
    background: var(--ion-background-content);

    ion-header {
        ion-toolbar {
            display: flex;
            justify-content: space-between;
            --background: var(--ion-color-white);
            box-shadow: 0px 1px 1px #dbdbdb;
            --min-height: 50px;
            border-radius: 0;

            ion-title {
                color: #333;
                font-size: var(--ion-font-size-14);
            }

            ion-back-button {
                color: var(--ion-color);
            }
        }
    }

    ion-content {
        --background: var(--ion-background-content);

        .bg {
            background: var(--ion-color-white);
            padding: var(--ion-padding-15);

            ion-card {
                margin: var(--ion-margin-0);
                box-shadow: none;

                ion-card-content {
                    padding: var(--ion-padding-0) !important;
                    border-bottom: 1px solid #e5e5e5;

                    ion-radio-group {
                        ion-radio {
                            font-weight: bold;
                            margin: var(--ion-margin-10) var(--ion-margin-0) var(--ion-margin-0) var(--ion-margin-0);
                            --min-height: 40px;
                            padding: var(--ion-padding-0) var(--ion-padding-0) var(--ion-padding-10);
                            color: #000;

                            .radio-wrapper {
                                justify-content: flex-end;
                            }

                            p {
                                font-weight: normal;
                                white-space: normal;
                            }

                            ion-label {
                                margin: var(--ion-margin-0);
                                font-size: var(--ion-font-size-14);
                                font-weight: 700;

                                p {
                                    line-height: 16px;
                                    white-space: normal;
                                    font-weight: 400;
                                }
                            }
                        }

                        &:last-child {
                            border: none;
                        }
                    }
                }
            }

            p {
                padding: var(--ion-padding-0);
                margin: var(--ion-margin-0);
                font-size: var(--ion-font-size-14);
                color: #000;
                font-weight: 600;

                span {
                    color: var(--ion-content-color);
                    font-size: var(--ion-font-size-14);
                    display: block;
                }
            }
        }
    }

    ion-footer {
        padding: var(--ion-padding-0) var(--ion-padding-15);
        background: var(--ion-background-content);

        ion-button {
            margin: 0;
        }
    }

    .sangh-post {
        ion-title {
            color: var(--ion-color-sangh);
        }

        ion-buttons {
            ion-back-button {
                color: var(--ion-color-sangh);
            }
        }

        ion-button {
            &::part(native) {
                --background: var(--ion-color-sangh);
            }
        }

        ion-radio {
            &::part(container) {
                --ion-color-base: var(--ion-color-sangh);
            }

            &::part(mark) {
                --ion-color-base: var(--ion-color-sangh);
            }
        }
    }
}