<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:clipChildren="false"
    android:clipToPadding="false"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingHorizontal="8dp"
    android:paddingVertical="12dp">
    <FrameLayout
        android:id="@+id/subtitle_preview_container"
        android:background="@drawable/bg_subtitle_preview"
        android:clipChildren="false"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:layout_marginBottom="16dp">
        <View
            android:background="@drawable/bg_video_simulation"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
        <TextView
            android:textSize="14sp"
            android:textColor="#ffffff"
            android:layout_gravity="bottom|center_horizontal"
            android:id="@+id/subtitle_preview_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="12dp"
            android:text="@string/label_sample_subtitle"
            android:shadowColor="#000000"
            android:shadowDx="1"
            android:shadowDy="1"
            android:shadowRadius="3"
            android:fontFamily="sans-serif-medium"
            android:paddingHorizontal="16dp"
            android:paddingVertical="4dp"/>
    </FrameLayout>
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:baselineAligned="false">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginEnd="8dp">
            <LinearLayout
                android:orientation="vertical"
                android:id="@+id/language_selector"
                android:background="@drawable/bg_setting_row_focusable"
                android:padding="12dp"
                android:focusable="true"
                android:clickable="true"
                android:layout_width="match_parent"
                android:layout_height="76dp"
                android:layout_marginBottom="8dp">
                <TextView
                    android:textSize="11sp"
                    android:textColor="#71717a"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/label_language"
                    android:fontFamily="sans-serif-medium"
                    android:letterSpacing="0.05"/>
                <TextView
                    android:textSize="14sp"
                    android:textColor="#ffffff"
                    android:id="@+id/language_value"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="2dp"
                    android:drawablePadding="4dp"
                    android:drawableEnd="@drawable/ic_chevron_down_small"/>
            </LinearLayout>
            <LinearLayout
                android:orientation="vertical"
                android:background="@drawable/bg_setting_row"
                android:padding="12dp"
                android:layout_width="match_parent"
                android:layout_height="84dp">
                <TextView
                    android:textSize="11sp"
                    android:textColor="#71717a"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="8dp"
                    android:text="@string/label_background_color"
                    android:fontFamily="sans-serif-medium"
                    android:letterSpacing="0.05"/>
                <LinearLayout
                    android:orientation="horizontal"
                    android:id="@+id/bg_color_segment_container"
                    android:background="@drawable/bg_segmented_control"
                    android:layout_width="match_parent"
                    android:layout_height="32dp">
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#ffffff"
                        android:gravity="center"
                        android:id="@+id/bg_color_black"
                        android:background="@drawable/bg_segment_item_selected"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_color_black"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#a1a1aa"
                        android:gravity="center"
                        android:id="@+id/bg_color_dark_gray"
                        android:background="@drawable/bg_segment_item"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_color_dark_gray"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#a1a1aa"
                        android:gravity="center"
                        android:id="@+id/bg_color_gray"
                        android:background="@drawable/bg_segment_item"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_color_gray"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#a1a1aa"
                        android:gravity="center"
                        android:id="@+id/bg_color_white"
                        android:background="@drawable/bg_segment_item"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_color_white"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginStart="8dp">
            <LinearLayout
                android:orientation="vertical"
                android:background="@drawable/bg_setting_row"
                android:padding="12dp"
                android:layout_width="match_parent"
                android:layout_height="76dp"
                android:layout_marginBottom="8dp">
                <TextView
                    android:textSize="11sp"
                    android:textColor="#71717a"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="8dp"
                    android:text="@string/label_color"
                    android:fontFamily="sans-serif-medium"
                    android:letterSpacing="0.05"/>
                <LinearLayout
                    android:gravity="center_vertical"
                    android:orientation="horizontal"
                    android:id="@+id/color_swatches_container"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">
                    <View
                        android:id="@+id/color_white"
                        android:background="@drawable/bg_color_swatch_white"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="24dp"
                        android:layout_height="24dp"
                        android:layout_marginEnd="8dp"/>
                    <View
                        android:id="@+id/color_yellow"
                        android:background="@drawable/bg_color_swatch_yellow"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="24dp"
                        android:layout_height="24dp"
                        android:layout_marginEnd="8dp"/>
                    <View
                        android:id="@+id/color_cyan"
                        android:background="@drawable/bg_color_swatch_cyan"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="24dp"
                        android:layout_height="24dp"
                        android:layout_marginEnd="8dp"/>
                    <View
                        android:id="@+id/color_green"
                        android:background="@drawable/bg_color_swatch_green"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="24dp"
                        android:layout_height="24dp"
                        android:layout_marginEnd="8dp"/>
                    <View
                        android:id="@+id/color_magenta"
                        android:background="@drawable/bg_color_swatch_magenta"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="24dp"
                        android:layout_height="24dp"/>
                </LinearLayout>
            </LinearLayout>
            <LinearLayout
                android:orientation="vertical"
                android:background="@drawable/bg_setting_row"
                android:padding="12dp"
                android:layout_width="match_parent"
                android:layout_height="84dp">
                <TextView
                    android:textSize="11sp"
                    android:textColor="#71717a"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="8dp"
                    android:text="@string/label_background_transparency"
                    android:fontFamily="sans-serif-medium"
                    android:letterSpacing="0.05"/>
                <LinearLayout
                    android:orientation="horizontal"
                    android:id="@+id/bg_opacity_segment_container"
                    android:background="@drawable/bg_segmented_control"
                    android:layout_width="match_parent"
                    android:layout_height="32dp">
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#a1a1aa"
                        android:gravity="center"
                        android:id="@+id/bg_opacity_0"
                        android:background="@drawable/bg_segment_item"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_off"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#a1a1aa"
                        android:gravity="center"
                        android:id="@+id/bg_opacity_25"
                        android:background="@drawable/bg_segment_item"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_percent_25"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#a1a1aa"
                        android:gravity="center"
                        android:id="@+id/bg_opacity_50"
                        android:background="@drawable/bg_segment_item"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_percent_50"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#ffffff"
                        android:gravity="center"
                        android:id="@+id/bg_opacity_75"
                        android:background="@drawable/bg_segment_item_selected"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_percent_75"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                    <TextView
                        android:textSize="11sp"
                        android:textColor="#a1a1aa"
                        android:gravity="center"
                        android:id="@+id/bg_opacity_100"
                        android:background="@drawable/bg_segment_item"
                        android:focusable="true"
                        android:clickable="true"
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:text="@string/label_percent_100"
                        android:layout_weight="1"
                        android:fontFamily="sans-serif-medium"/>
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>
