.wa-message-form {
    padding: 24px;
    flex: 1;

    & textarea,
    input {
        color: var(--font-c-title, #0a0a0a);
        font-weight: 500;
    }

    & textarea {
        -moz-appearance: textfield-multiline;
        -webkit-appearance: textarea;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: auto;
        resize: none;
        width: 100%;
        /* color: var(--font-c-body, #555); */
        outline: none;
        font-size: 14px;
        letter-spacing: -0.006em;
        line-height: 21px;
        padding: 0;
    }

    & .flat-card {
        border: 1px solid var(--c-disable, #ECECEC);
        padding: 18px;
        border-radius: 6px;
        margin-bottom: 32px;

        &.gray {
            background-color: var(--c-gray, #FAFAFA);
            margin-bottom: 0px;
        }
    }

    & .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 19.36px;
        letter-spacing: -0.006em;
        color: var(--font-c-title, #0A0A0A);

        margin-bottom: 14px;
    }

    & .title-2 {
        font-size: 14px;
        font-weight: 600;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        color: var(--font-c-title, #0A0A0A);

        margin-bottom: 14px;
    }

    & .subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -0.006em;
        margin-bottom: 18px;
    }

    & .icons-editor {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 18px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        & button {
            all: unset;
            border-radius: unset !important;
            cursor: pointer;
            width: 26px;
            height: 26px;
            aspect-ratio: 1/1;
            display: -ms-grid;
            display: grid;
            place-content: center;

            &:hover {
                background-color: var(--c-gray);
            }
        }
    }

    & input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        text-align: left;
        color: var(--font-c-empty, #A0A0A0);
    }

    & input::-moz-placeholder,
    textarea::-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        text-align: left;
        color: var(--font-c-empty, #A0A0A0);
    }

    & input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        text-align: left;
        color: var(--font-c-empty, #A0A0A0);
    }

    & input::-ms-input-placeholder,
    textarea::-ms-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        text-align: left;
        color: var(--font-c-empty, #A0A0A0);
    }

    & input::placeholder,
    textarea::placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        text-align: left;
        color: var(--font-c-empty, #A0A0A0);
    }
}

.card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    margin-bottom: 18px;

    & a {
        padding: 6px 8px;
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 8px;


        font-size: 14px;
        font-weight: 500;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        color: var(--font-c-title, #0A0A0A);

        border: 1px solid #BFBFBF;

        &.active {
            background-color: var(--c-primary-green-1);
            color: #FFFFFF;
            border: 1px solid var(--c-primary-green-1);

            & svg {
                stroke: #FFFFFF;
            }
        }

        &:hover:not(.active) {
            background-color: var(--c-gray);
        }

        &>div {
            padding-left: 8px;
            border-left: 1px solid var(--c-disable, #ECECEC);
            display: -ms-grid;
            display: grid;
            place-items: center;
        }
    }
}

#detail-box-carousel {
    & .title {
        font-size: 16px;
        font-weight: 700;
        line-height: 19.36px;
        letter-spacing: -0.006em;
        color: var(--font-c-title, #0A0A0A);

        margin-bottom: 14px;
    }

    & .subtitle {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -0.006em;
        color: var(--font-c-subtitle);
    }

    & .content {
        font-size: 14px;
        font-weight: 600;
        line-height: 19.6px;
        letter-spacing: 0.005em;
        color: var(--font-c-title);
        overflow-wrap: break-word;
    }

    & .box {
        padding: 18px;
        border: 1px solid var(--c-primary-green-1);
        border-radius: 6px;
        overflow-wrap: break-word;

        font-size: 14px;
        font-weight: 500;
        line-height: 19.6px;
        letter-spacing: 0.005em;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;

        & .media {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 10px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
    }
}