diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 05f713d..6b57243 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -21,7 +21,7 @@
         <activity
             android:name="com.banuba.sdk.ve.flow.VideoCreationActivity"
             android:screenOrientation="portrait"
-            android:theme="@style/VideoCreationTheme"
+            android:theme="@style/CustomIntegrationAppTheme"
             android:windowSoftInputMode="adjustResize"
             tools:replace="android:theme" />
     </application>
diff --git a/app/src/main/assets/bnb-resources/luts/C1.png b/app/src/main/assets/bnb-resources/luts/C1.png
new file mode 100644
index 0000000..2154a9f
Binary files /dev/null and b/app/src/main/assets/bnb-resources/luts/C1.png differ
diff --git a/app/src/main/assets/bnb-resources/luts/C2.png b/app/src/main/assets/bnb-resources/luts/C2.png
new file mode 100644
index 0000000..a8c7b97
Binary files /dev/null and b/app/src/main/assets/bnb-resources/luts/C2.png differ
diff --git a/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/CustomRecordingAnimationProvider.kt b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/CustomRecordingAnimationProvider.kt
new file mode 100644
index 0000000..4cea266
--- /dev/null
+++ b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/CustomRecordingAnimationProvider.kt
@@ -0,0 +1,73 @@
+package com.banuba.example.integrationapp.videoeditor.custom
+
+import android.content.Context
+import android.view.ViewGroup
+import com.banuba.example.integrationapp.R
+import com.banuba.example.integrationapp.videoeditor.custom.widget.CustomRecordingButtonView
+import com.banuba.sdk.cameraui.data.CameraRecordingAnimationProvider
+import com.banuba.sdk.core.ui.ext.dimenPx
+
+class CustomRecordingAnimationProvider (context: Context) : CameraRecordingAnimationProvider {
+
+    private val animationView = CustomRecordingButtonView(context).apply {
+        val defaultButtonSize = context.dimenPx(R.dimen.record_button_size)
+        layoutParams = ViewGroup.LayoutParams(defaultButtonSize, defaultButtonSize)
+        isFocusable = true
+        isClickable = true
+    }
+
+    private var onEndTakenPictureAnimationCallback: () -> Unit = {}
+    private var onStartRecordingAnimationCallback: () -> Unit = {}
+    private var onEndRecordingAnimationCallback: () -> Unit = {}
+
+    override fun provideView() = animationView
+
+    override fun setOnStartRecordingAnimationCallback(callback: () -> Unit) {
+        onStartRecordingAnimationCallback = callback
+    }
+
+    override fun setOnEndRecordingAnimationCallback(callback: () -> Unit) {
+        onEndRecordingAnimationCallback = callback
+    }
+
+    override fun setOnEndTakenPictureAnimationCallback(callback: () -> Unit) {
+        onEndTakenPictureAnimationCallback = callback
+    }
+
+    override fun animatePauseRecording() {
+        animationView.pauseAnimation()
+    }
+
+    override fun animateResumeRecording() {
+        animationView.resumeAnimation()
+    }
+
+    override fun setRecordingPhotoState(state: CameraRecordingAnimationProvider.PhotoState) {
+        when (state) {
+            CameraRecordingAnimationProvider.PhotoState.Idle -> animationView.reset()
+            CameraRecordingAnimationProvider.PhotoState.Capture -> animationView.animateTakePhoto {
+                onEndTakenPictureAnimationCallback()
+            }
+        }
+    }
+
+    override fun setRecordingVideoState(state: CameraRecordingAnimationProvider.VideoState) {
+        when (state) {
+            is CameraRecordingAnimationProvider.VideoState.Idle -> animationView.reset()
+            is CameraRecordingAnimationProvider.VideoState.StartRecord -> {
+                if (state.availableDurationMs <= 0) return
+                animationView.animateStartVideoRecord(
+                    availableDurationMs = state.availableDurationMs,
+                    maxDurationMs = state.maxDurationMs
+                ) {
+                    onStartRecordingAnimationCallback()
+                }
+            }
+            is CameraRecordingAnimationProvider.VideoState.StopRecord -> {
+                animationView.animateStopVideoRecord {
+                    onEndRecordingAnimationCallback()
+                }
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/com/banuba/example/integrationapp/videoeditor/content/GlideImageLoader.kt b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/GlideImageLoader.kt
similarity index 98%
rename from app/src/main/java/com/banuba/example/integrationapp/videoeditor/content/GlideImageLoader.kt
rename to app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/GlideImageLoader.kt
index 1edfa76..bfab6bd 100644
--- a/app/src/main/java/com/banuba/example/integrationapp/videoeditor/content/GlideImageLoader.kt
+++ b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/GlideImageLoader.kt
@@ -1,4 +1,4 @@
-package com.banuba.example.integrationapp.videoeditor.content
+package com.banuba.example.integrationapp.videoeditor.custom
 
 import android.app.Activity
 import android.content.Context
diff --git a/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/widget/CustomRecordingButtonOuterView.kt b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/widget/CustomRecordingButtonOuterView.kt
new file mode 100644
index 0000000..bbd68ad
--- /dev/null
+++ b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/widget/CustomRecordingButtonOuterView.kt
@@ -0,0 +1,124 @@
+package com.banuba.example.integrationapp.videoeditor.custom.widget
+
+import android.animation.ValueAnimator
+import android.content.Context
+import android.graphics.*
+import android.util.AttributeSet
+import android.view.View
+import android.view.animation.LinearInterpolator
+import com.banuba.example.integrationapp.R
+import com.banuba.sdk.core.ui.ext.dimen
+
+class CustomRecordingButtonOuterView @JvmOverloads constructor(
+    context: Context,
+    attr: AttributeSet? = null,
+    defStyle: Int = 0
+) : View(context, attr, defStyle) {
+
+    companion object {
+        private const val ANGLE_END = 360F
+        private const val ANGLE_START = 0F
+        private const val INIT_VIEW_ROTATION = -90F
+    }
+
+    private var circleWidth = context.dimen(R.dimen.record_button_circle_idle_width)
+        set(value) {
+            field = value
+            gradientPaint.strokeWidth = value
+            whitePaint.strokeWidth = value
+            isDrawAreaMeasured = false
+        }
+    private val circleColors = context.resources.getIntArray(R.array.progress_gradient_colors)
+    private var circleDrawArea = RectF()
+
+    private var isDrawAreaMeasured = false
+
+    private val gradientPaint by lazy(LazyThreadSafetyMode.NONE) {
+        Paint().apply {
+            isAntiAlias = true
+            style = Paint.Style.STROKE
+            strokeWidth = circleWidth
+            shader = SweepGradient(
+                measuredWidth.toFloat() / 2,
+                measuredHeight.toFloat() / 2,
+                circleColors,
+                null
+            )
+        }
+    }
+    private val whitePaint by lazy(LazyThreadSafetyMode.NONE) {
+        Paint().apply {
+            color = Color.WHITE
+            isAntiAlias = true
+            style = Paint.Style.STROKE
+            strokeWidth = circleWidth
+        }
+    }
+
+    private var gradientSweepAngle = 0F
+
+    private val animator = ValueAnimator().apply {
+        repeatCount = 0
+        setFloatValues(ANGLE_START, ANGLE_END)
+        interpolator = LinearInterpolator()
+        addUpdateListener {
+            gradientSweepAngle = it.animatedValue as Float
+            invalidate()
+        }
+    }
+
+    init {
+        // Because 0 degrees angle correspond to 3 o'clock on a watch
+        rotation = INIT_VIEW_ROTATION
+    }
+
+    override fun onDraw(canvas: Canvas) {
+        if (!isDrawAreaMeasured) {
+            isDrawAreaMeasured = true
+            circleDrawArea = RectF(
+                0f + circleWidth,
+                0f + circleWidth,
+                measuredWidth.toFloat() - circleWidth,
+                measuredHeight.toFloat() - circleWidth
+            )
+        }
+        with(canvas) {
+            save()
+            rotate(gradientSweepAngle, measuredWidth.toFloat() / 2, measuredHeight.toFloat() / 2)
+            drawArc(circleDrawArea, ANGLE_START, ANGLE_END, false, gradientPaint)
+            restore()
+            drawArc(
+                circleDrawArea,
+                gradientSweepAngle,
+                ANGLE_END - gradientSweepAngle,
+                false,
+                whitePaint
+            )
+        }
+    }
+
+    fun startAnimation(
+        availableDurationMs: Long,
+        maxDurationMs: Long
+    ) {
+        circleWidth = context.dimen(R.dimen.record_button_circle_progress_width)
+        animator.duration = maxDurationMs
+        animator.cancel()
+        animator.currentPlayTime = maxDurationMs - availableDurationMs
+    }
+
+    fun stopAnimation() {
+        circleWidth = context.dimen(R.dimen.record_button_circle_idle_width)
+        animator.cancel()
+        gradientSweepAngle = 0F
+        invalidate()
+    }
+
+    fun pauseAnimation() {
+        animator.pause()
+    }
+
+    fun resumeAnimation() {
+        animator.start()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/widget/CustomRecordingButtonView.kt b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/widget/CustomRecordingButtonView.kt
new file mode 100644
index 0000000..73d2f06
--- /dev/null
+++ b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/custom/widget/CustomRecordingButtonView.kt
@@ -0,0 +1,196 @@
+package com.banuba.example.integrationapp.videoeditor.custom.widget
+
+import android.animation.AnimatorSet
+import android.animation.ObjectAnimator
+import android.animation.PropertyValuesHolder
+import android.animation.ValueAnimator
+import android.content.Context
+import android.util.AttributeSet
+import android.view.Gravity
+import android.view.View
+import android.view.animation.LinearInterpolator
+import android.widget.FrameLayout
+import androidx.core.animation.doOnEnd
+import com.banuba.example.integrationapp.R
+import com.banuba.sdk.core.ui.ext.dimenPx
+import com.banuba.sdk.veui.ui.widget.animator.ReverseInterpolator
+
+class CustomRecordingButtonView @JvmOverloads constructor(
+    context: Context,
+    attributeSet: AttributeSet? = null,
+    defStyleAttrs: Int = 0
+) : FrameLayout(context, attributeSet, defStyleAttrs) {
+
+    companion object {
+
+        private const val DEFAULT_DURATION_MS = 300L
+        private const val FINISH_RECORD_DELAY = 200L
+
+        private const val PHOTO_SHOOT_ANIMATION_SCALE_START = 1F
+        private const val PHOTO_SHOOT_ANIMATION_SCALE_END = 0.875F
+
+        private const val VIDEO_SHOOT_INNER_ANIMATION_SCALE_START = 1F
+        private const val VIDEO_SHOOT_INNER_ANIMATION_SCALE_END = 0F
+
+        private const val VIDEO_SHOOT_INNER_ANIMATION_REPEAT_COUNT = 0
+
+        private const val PHOTO_SHOOT_OUTER_ANIMATION_START = 1F
+        private const val PHOTO_SHOOT_OUTER_ANIMATION_END = 1.5F
+    }
+
+    private val outerPart = CustomRecordingButtonOuterView(context)
+
+    private val innerOvalPart = View(context).apply {
+        setBackgroundResource(R.drawable.bg_record_button_inner_oval)
+        elevation = context.dimenPx(R.dimen.record_button_elevation).toFloat()
+    }
+    private val innerSquarePart = View(context).apply {
+        val size = context.dimenPx(R.dimen.record_button_inner_part_size)
+        layoutParams = LayoutParams(size, size).apply {
+            gravity = Gravity.CENTER
+        }
+        setBackgroundResource(R.drawable.bg_record_button_inner_square)
+        elevation = context.dimenPx(R.dimen.record_button_elevation).toFloat()
+    }
+
+    private val photoShootAnimation = ObjectAnimator.ofPropertyValuesHolder(
+        innerOvalPart,
+        PropertyValuesHolder.ofFloat(
+            "scaleX",
+            PHOTO_SHOOT_ANIMATION_SCALE_START,
+            PHOTO_SHOOT_ANIMATION_SCALE_END
+        ),
+        PropertyValuesHolder.ofFloat(
+            "scaleY",
+            PHOTO_SHOOT_ANIMATION_SCALE_START,
+            PHOTO_SHOOT_ANIMATION_SCALE_END
+        )
+    ).apply {
+        duration = DEFAULT_DURATION_MS
+        repeatCount = 1
+        repeatMode = ValueAnimator.REVERSE
+    }
+
+    private val videoShootInnerAnimation = AnimatorSet().apply {
+        val ovalAnim = ObjectAnimator.ofPropertyValuesHolder(
+            innerOvalPart,
+            PropertyValuesHolder.ofFloat(
+                "scaleX",
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_START,
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_END
+            ),
+            PropertyValuesHolder.ofFloat(
+                "scaleY",
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_START,
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_END
+            )
+        ).apply {
+            duration = DEFAULT_DURATION_MS
+            repeatCount = VIDEO_SHOOT_INNER_ANIMATION_REPEAT_COUNT
+        }
+        val squareAnim = ObjectAnimator.ofPropertyValuesHolder(
+            innerSquarePart,
+            PropertyValuesHolder.ofFloat(
+                "scaleX",
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_END,
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_START
+            ),
+            PropertyValuesHolder.ofFloat(
+                "scaleY",
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_END,
+                VIDEO_SHOOT_INNER_ANIMATION_SCALE_START
+            )
+        ).apply {
+            duration = DEFAULT_DURATION_MS
+            repeatCount = VIDEO_SHOOT_INNER_ANIMATION_REPEAT_COUNT
+        }
+        playTogether(ovalAnim, squareAnim)
+    }
+    private val videoShootOuterAnimation = AnimatorSet().apply {
+        val circleAnim = ObjectAnimator.ofPropertyValuesHolder(
+            outerPart,
+            PropertyValuesHolder.ofFloat(
+                "scaleX",
+                PHOTO_SHOOT_OUTER_ANIMATION_START,
+                PHOTO_SHOOT_OUTER_ANIMATION_END
+            ),
+            PropertyValuesHolder.ofFloat(
+                "scaleY",
+                PHOTO_SHOOT_OUTER_ANIMATION_START,
+                PHOTO_SHOOT_OUTER_ANIMATION_END
+            )
+        ).apply {
+            duration = DEFAULT_DURATION_MS
+            repeatCount = 0
+        }
+        playTogether(circleAnim)
+    }
+
+    init {
+        val outerPartSize = context.dimenPx(R.dimen.record_button_progress_size)
+        addView(outerPart, LayoutParams(outerPartSize, outerPartSize).apply {
+            gravity = Gravity.CENTER
+        })
+        addView(innerSquarePart)
+        addView(innerOvalPart)
+    }
+
+    fun reset() {
+        photoShootAnimation.cancel()
+        videoShootInnerAnimation.cancel()
+    }
+
+    fun animateTakePhoto(onEndCallback: () -> Unit) {
+        with(photoShootAnimation) {
+            doOnEnd { onEndCallback() }
+            start()
+        }
+    }
+
+    fun animateStartVideoRecord(
+        availableDurationMs: Long,
+        maxDurationMs: Long,
+        onEndCallback: () -> Unit
+    ) {
+        outerPart.startAnimation(
+            availableDurationMs = availableDurationMs,
+            maxDurationMs = maxDurationMs
+        )
+        with(videoShootInnerAnimation) {
+            interpolator = LinearInterpolator()
+            removeAllListeners()
+            doOnEnd { onEndCallback() }
+            start()
+        }
+        with(videoShootOuterAnimation) {
+            interpolator = LinearInterpolator()
+            start()
+        }
+    }
+
+    fun animateStopVideoRecord(onEndCallback: () -> Unit) {
+        outerPart.stopAnimation()
+        with(videoShootInnerAnimation) {
+            interpolator = ReverseInterpolator()
+            removeAllListeners()
+            doOnEnd {
+                postDelayed({
+                    onEndCallback()
+                }, FINISH_RECORD_DELAY)
+            }
+            start()
+        }
+        with(videoShootOuterAnimation) {
+            interpolator = ReverseInterpolator()
+            start()
+        }
+    }
+
+    fun pauseAnimation() {
+        outerPart.pauseAnimation()
+    }
+
+    fun resumeAnimation() {
+        outerPart.resumeAnimation()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/banuba/example/integrationapp/videoeditor/di/VideoeditorKoinModule.kt b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/di/VideoeditorKoinModule.kt
index d0355ad..2b37822 100644
--- a/app/src/main/java/com/banuba/example/integrationapp/videoeditor/di/VideoeditorKoinModule.kt
+++ b/app/src/main/java/com/banuba/example/integrationapp/videoeditor/di/VideoeditorKoinModule.kt
@@ -6,9 +6,11 @@ import android.view.View
 import androidx.fragment.app.Fragment
 import com.banuba.android.sdk.camera.BanubaCameraSdkManager
 import com.banuba.android.sdk.camera.CameraSdkManager
-import com.banuba.example.integrationapp.videoeditor.content.GlideImageLoader
+import com.banuba.example.integrationapp.videoeditor.custom.CustomRecordingAnimationProvider
+import com.banuba.example.integrationapp.videoeditor.custom.GlideImageLoader
 import com.banuba.example.integrationapp.videoeditor.export.IntegrationAppExportFlowManager
 import com.banuba.example.integrationapp.videoeditor.export.IntegrationAppExportResultHandler
+import com.banuba.sdk.cameraui.data.CameraRecordingAnimationProvider
 import com.banuba.sdk.core.AREffectPlayerProvider
 import com.banuba.sdk.core.IUtilityManager
 import com.banuba.sdk.core.domain.ImageLoader
@@ -77,4 +79,12 @@ class VideoeditorKoinModule : FlowEditorModule() {
             }
         }
 
+    /**
+     * Override it to customize recording button view and setup custom animation to it
+     */
+    override val cameraRecordingAnimationProvider: BeanDefinition<CameraRecordingAnimationProvider> =
+        factory(override = true) {
+            CustomRecordingAnimationProvider(context = get())
+        }
+
 }
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_alert_negative_button.xml b/app/src/main/res/drawable/bg_alert_negative_button.xml
new file mode 100644
index 0000000..71bf16e
--- /dev/null
+++ b/app/src/main/res/drawable/bg_alert_negative_button.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="4dp" />
+    <solid android:color="@color/egg_blue" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_alert_positive_button.xml b/app/src/main/res/drawable/bg_alert_positive_button.xml
new file mode 100644
index 0000000..4b6bb16
--- /dev/null
+++ b/app/src/main/res/drawable/bg_alert_positive_button.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="4dp" />
+    <solid android:color="@color/catskill_white" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_btn_next.xml b/app/src/main/res/drawable/bg_btn_next.xml
new file mode 100644
index 0000000..7c10310
--- /dev/null
+++ b/app/src/main/res/drawable/bg_btn_next.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="?colorControlHighlight">
+    <item android:id="@android:id/mask">
+        <shape android:shape="rectangle">
+            <corners android:radius="4dp" />
+            <solid android:color="@android:color/white" />
+        </shape>
+    </item>
+    <item>
+        <selector>
+            <item android:state_activated="false">
+                <shape android:shape="rectangle">
+                    <solid android:color="@color/egg_blue_transparent" />
+                    <corners android:radius="4dp" />
+                </shape>
+            </item>
+            <item>
+                <shape android:shape="rectangle">
+                    <solid android:color="@color/egg_blue" />
+                    <corners android:radius="4dp" />
+                </shape>
+            </item>
+        </selector>
+    </item>
+</ripple>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_effect_normal.xml b/app/src/main/res/drawable/bg_effect_normal.xml
new file mode 100644
index 0000000..00043ac
--- /dev/null
+++ b/app/src/main/res/drawable/bg_effect_normal.xml
@@ -0,0 +1,19 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="58dp"
+    android:height="58dp"
+    android:viewportWidth="58"
+    android:viewportHeight="58">
+  <path
+      android:fillAlpha="0.3"
+      android:fillColor="#000000"
+      android:pathData="M4,0L54,0A4,4 0,0 1,58 4L58,54A4,4 0,0 1,54 58L4,58A4,4 0,0 1,0 54L0,4A4,4 0,0 1,4 0z"/>
+  <path
+      android:fillColor="#00000000"
+      android:pathData="M4,0L54,0A4,4 0,0 1,58 4L58,54A4,4 0,0 1,54 58L4,58A4,4 0,0 1,0 54L0,4A4,4 0,0 1,4 0z"
+      android:strokeWidth="1"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"
+      android:pathData="M18.0859,37.7691C16.1758,35.3951 15.0238,32.3835 15.0004,29.0999C14.9452,21.3681 21.1683,15.0555 28.9001,15.0004C32.1837,14.9769 35.2114,16.0859 37.6125,17.9619L18.0859,37.7691ZM20.2049,39.893C22.6342,41.8568 25.7324,43.0237 29.0999,42.9996C36.8317,42.9445 43.0548,36.6319 42.9996,28.9001C42.9756,25.5326 41.7646,22.4514 39.7664,20.0503L20.2049,39.893ZM29.1142,44.9996C20.2778,45.0626 13.0635,37.9505 13.0004,29.1142C12.9374,20.2778 20.0495,13.0635 28.8858,13.0004C37.7222,12.9374 44.9365,20.0495 44.9996,28.8858C45.0626,37.7222 37.9505,44.9365 29.1142,44.9996Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/bg_gallery_button.xml b/app/src/main/res/drawable/bg_gallery_button.xml
new file mode 100644
index 0000000..e02e414
--- /dev/null
+++ b/app/src/main/res/drawable/bg_gallery_button.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
+    android:paddingStart="4dp"
+    android:paddingTop="4dp"
+    android:paddingEnd="4dp"
+    android:paddingBottom="4dp">
+    <item>
+        <shape android:shape="oval">
+            <padding
+                android:bottom="2dp"
+                android:left="2dp"
+                android:right="2dp"
+                android:top="2dp" />
+            <gradient
+                android:endColor="@color/transparent"
+                android:gradientRadius="100%p"
+                android:startColor="@color/shadow_color"
+                android:type="radial" />
+        </shape>
+    </item>
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="@android:color/white" />
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_progress_view.xml b/app/src/main/res/drawable/bg_progress_view.xml
new file mode 100644
index 0000000..395b6d4
--- /dev/null
+++ b/app/src/main/res/drawable/bg_progress_view.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <solid android:color="@color/big_stone" />
+    <corners android:radius="8dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_record_button_inner_oval.xml b/app/src/main/res/drawable/bg_record_button_inner_oval.xml
new file mode 100644
index 0000000..e9e973e
--- /dev/null
+++ b/app/src/main/res/drawable/bg_record_button_inner_oval.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="94dp"
+    android:height="94dp"
+    android:viewportWidth="94"
+    android:viewportHeight="94">
+
+    <path
+        android:fillColor="@color/violet_red"
+        android:pathData="M47,46m-32,0a32,31 0,1 1,64 0a32,32 0,1 1,-64 0" />
+</vector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_record_button_inner_square.xml b/app/src/main/res/drawable/bg_record_button_inner_square.xml
new file mode 100644
index 0000000..5694fe0
--- /dev/null
+++ b/app/src/main/res/drawable/bg_record_button_inner_square.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="40dp"
+    android:height="40dp"
+    android:viewportWidth="40"
+    android:viewportHeight="40">
+    <path
+        android:fillColor="@color/violet_red"
+        android:pathData="M4,0L36,0A4,4 0,0 1,40 4L40,36A4,4 0,0 1,36 40L4,40A4,4 0,0 1,0 36L0,4A4,4 0,0 1,4 0z"></path>
+</vector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_speed_option_item.xml b/app/src/main/res/drawable/bg_speed_option_item.xml
new file mode 100644
index 0000000..e6a33a1
--- /dev/null
+++ b/app/src/main/res/drawable/bg_speed_option_item.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:state_selected="true">
+        <shape android:shape="rectangle">
+            <solid android:color="@color/egg_blue" />
+        </shape>
+    </item>
+
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="@color/big_stone" />
+        </shape>
+    </item>
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/bg_toast.xml b/app/src/main/res/drawable/bg_toast.xml
new file mode 100644
index 0000000..1a13d15
--- /dev/null
+++ b/app/src/main/res/drawable/bg_toast.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="32dp" />
+    <solid android:color="@color/egg_blue" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/c1.png b/app/src/main/res/drawable/c1.png
new file mode 100644
index 0000000..5dfc82a
Binary files /dev/null and b/app/src/main/res/drawable/c1.png differ
diff --git a/app/src/main/res/drawable/c2.png b/app/src/main/res/drawable/c2.png
new file mode 100644
index 0000000..f8b0240
Binary files /dev/null and b/app/src/main/res/drawable/c2.png differ
diff --git a/app/src/main/res/drawable/ic_audio.xml b/app/src/main/res/drawable/ic_audio.xml
new file mode 100644
index 0000000..5183e19
--- /dev/null
+++ b/app/src/main/res/drawable/ic_audio.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M20.1818,9.8143V9.3422C20.1818,8.6729 19.5371,8.1925 18.8957,8.384L18.1685,8.6011C17.7448,8.7276 17.4545,9.1172 17.4545,9.5593V21.3571C17.0318,21.2286 16.5682,21.1429 16.0909,21.1429C13.8273,21.1429 12,22.6714 12,24.5714C12,26.4714 13.8273,28 16.0909,28C17.4545,28 18.6545,27.4286 19.4045,26.5714C19.8955,26.0143 20.1818,25.3143 20.1818,24.5714V14.1714C24.3545,14.1714 27,18.5429 27,20.7143C27,12 22.2682,9.8143 20.1818,9.8143Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_audio_on.xml b/app/src/main/res/drawable/ic_audio_on.xml
new file mode 100644
index 0000000..5988b8a
--- /dev/null
+++ b/app/src/main/res/drawable/ic_audio_on.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M20.1818,9.8143V9.3422C20.1818,8.6729 19.5371,8.1925 18.8957,8.384L18.1685,8.6011C17.7448,8.7276 17.4545,9.1172 17.4545,9.5593V21.3571C17.0318,21.2286 16.5682,21.1429 16.0909,21.1429C13.8273,21.1429 12,22.6714 12,24.5714C12,26.4714 13.8273,28 16.0909,28C17.4545,28 18.6545,27.4286 19.4045,26.5714C19.8955,26.0143 20.1818,25.3143 20.1818,24.5714V14.1714C24.3545,14.1714 27,18.5429 27,20.7143C27,12 22.2682,9.8143 20.1818,9.8143Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_beauty.xml b/app/src/main/res/drawable/ic_beauty.xml
new file mode 100644
index 0000000..4085e23
--- /dev/null
+++ b/app/src/main/res/drawable/ic_beauty.xml
@@ -0,0 +1,27 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M25.0494,20.0038L24.1166,19.0392C23.859,18.7728 23.4413,18.7728 23.1837,19.0392C22.9261,19.3056 22.9261,19.7375 23.1837,20.0038L24.1166,20.9685C24.3742,21.2349 24.7918,21.2349 25.0494,20.9685C25.307,20.7021 25.307,20.2702 25.0494,20.0038Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M26.9564,15H25.6821C25.3054,15 25,15.3054 25,15.6821C25,16.0589 25.3054,16.3643 25.6821,16.3643H26.9564C27.3331,16.3643 27.6385,16.0589 27.6385,15.6821C27.6385,15.3054 27.3331,15 26.9564,15Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M25.0438,9.4003L24.111,10.365C23.8534,10.6314 23.8534,11.0633 24.111,11.3297C24.3686,11.5961 24.7862,11.5961 25.0438,11.3297L25.9767,10.365C26.2343,10.0986 26.2343,9.6667 25.9767,9.4003C25.7191,9.134 25.3014,9.134 25.0438,9.4003Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M20.7441,10.0689V8.6596C20.7441,8.2953 20.4487,8 20.0844,8C19.7201,8 19.4248,8.2953 19.4248,8.6596V10.0689C19.4248,10.4332 19.7201,10.7285 20.0844,10.7285C20.4487,10.7285 20.7441,10.4332 20.7441,10.0689Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M16.6518,11.3324L15.7188,10.3679C15.4612,10.1016 15.0435,10.1016 14.7859,10.368C14.5284,10.6345 14.5284,11.0664 14.7861,11.3327L15.719,12.2972C15.9767,12.5636 16.3943,12.5635 16.6519,12.2971C16.9095,12.0307 16.9094,11.5988 16.6518,11.3324Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M21.5028,12.6217C21.1099,12.2135 20.4567,12.2129 20.0631,12.6204L8.6715,24.4126C8.297,24.8003 8.2972,25.4151 8.6719,25.8026L10.078,27.2566C10.471,27.6631 11.1226,27.6631 11.5157,27.2566L22.9098,15.4739C23.284,15.0869 23.2848,14.4731 22.9115,14.0853L21.5028,12.6217ZM18.4394,17.172C18.187,16.911 18.187,16.4969 18.4394,16.2359L20.2996,14.3123C20.5643,14.0386 21.003,14.0386 21.2677,14.3123V14.3123C21.5201,14.5733 21.5201,14.9874 21.2677,15.2484L19.4075,17.172C19.1429,17.4457 18.7041,17.4457 18.4394,17.172V17.172Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_beauty_on.xml b/app/src/main/res/drawable/ic_beauty_on.xml
new file mode 100644
index 0000000..c22bfaf
--- /dev/null
+++ b/app/src/main/res/drawable/ic_beauty_on.xml
@@ -0,0 +1,27 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M25.0494,20.0038L24.1166,19.0392C23.859,18.7728 23.4413,18.7728 23.1837,19.0392C22.9261,19.3056 22.9261,19.7375 23.1837,20.0038L24.1166,20.9685C24.3742,21.2349 24.7918,21.2349 25.0494,20.9685C25.307,20.7021 25.307,20.2702 25.0494,20.0038Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M26.9564,15H25.6821C25.3054,15 25,15.3054 25,15.6821C25,16.0589 25.3054,16.3643 25.6821,16.3643H26.9564C27.3331,16.3643 27.6385,16.0589 27.6385,15.6821C27.6385,15.3054 27.3331,15 26.9564,15Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M25.0438,9.4003L24.111,10.365C23.8534,10.6314 23.8534,11.0633 24.111,11.3297C24.3686,11.5961 24.7862,11.5961 25.0438,11.3297L25.9767,10.365C26.2343,10.0986 26.2343,9.6667 25.9767,9.4003C25.7191,9.134 25.3014,9.134 25.0438,9.4003Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M20.7441,10.0689V8.6596C20.7441,8.2953 20.4487,8 20.0844,8C19.7201,8 19.4248,8.2953 19.4248,8.6596V10.0689C19.4248,10.4332 19.7201,10.7285 20.0844,10.7285C20.4487,10.7285 20.7441,10.4332 20.7441,10.0689Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M16.6518,11.3324L15.7188,10.3679C15.4612,10.1016 15.0435,10.1016 14.7859,10.368C14.5284,10.6345 14.5284,11.0664 14.7861,11.3327L15.719,12.2972C15.9767,12.5636 16.3943,12.5635 16.6519,12.2971C16.9095,12.0307 16.9094,11.5988 16.6518,11.3324Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M21.5028,12.6217C21.1099,12.2135 20.4567,12.2129 20.0631,12.6204L8.6715,24.4126C8.297,24.8003 8.2972,25.4151 8.6719,25.8026L10.078,27.2566C10.471,27.6631 11.1226,27.6631 11.5157,27.2566L22.9098,15.4739C23.284,15.0869 23.2848,14.4731 22.9115,14.0853L21.5028,12.6217ZM18.4394,17.172C18.187,16.911 18.187,16.4969 18.4394,16.2359L20.2996,14.3123C20.5643,14.0386 21.003,14.0386 21.2677,14.3123V14.3123C21.5201,14.5733 21.5201,14.9874 21.2677,15.2484L19.4075,17.172C19.1429,17.4457 18.7041,17.4457 18.4394,17.172V17.172Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_cam_back.xml b/app/src/main/res/drawable/ic_cam_back.xml
new file mode 100644
index 0000000..2ade0de
--- /dev/null
+++ b/app/src/main/res/drawable/ic_cam_back.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M24.25,10.5H23V13H24.25C24.9375,13 25.5,13.5625 25.5,14.25V21.75C25.5,22.4375 24.9375,23 24.25,23H19.25V20.5L14.25,24.25L19.25,28V25.5H24.25C26.3125,25.5 28,23.8125 28,21.75V14.25C28,12.1875 26.3125,10.5 24.25,10.5Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M10.5,21.75V14.25C10.5,13.5625 11.0625,13 11.75,13H16.75V15.5L21.75,11.75L16.75,8V10.5H11.75C9.6875,10.5 8,12.1875 8,14.25V21.75C8,23.8125 9.6875,25.5 11.75,25.5H13V23H11.75C11.0625,23 10.5,22.4375 10.5,21.75Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_cam_front.xml b/app/src/main/res/drawable/ic_cam_front.xml
new file mode 100644
index 0000000..3e6963d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_cam_front.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M24.25,10.5H23V13H24.25C24.9375,13 25.5,13.5625 25.5,14.25V21.75C25.5,22.4375 24.9375,23 24.25,23H19.25V20.5L14.25,24.25L19.25,28V25.5H24.25C26.3125,25.5 28,23.8125 28,21.75V14.25C28,12.1875 26.3125,10.5 24.25,10.5Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M10.5,21.75V14.25C10.5,13.5625 11.0625,13 11.75,13H16.75V15.5L21.75,11.75L16.75,8V10.5H11.75C9.6875,10.5 8,12.1875 8,14.25V21.75C8,23.8125 9.6875,25.5 11.75,25.5H13V23H11.75C11.0625,23 10.5,22.4375 10.5,21.75Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_delete_videopart.xml b/app/src/main/res/drawable/ic_delete_videopart.xml
new file mode 100644
index 0000000..34de4b4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_delete_videopart.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="20dp"
+    android:viewportWidth="24"
+    android:viewportHeight="20">
+    <path
+        android:fillColor="#ffffff"
+        android:pathData="M8.0828,0.6889L1.1381,8.6889C0.4852,9.441 0.4852,10.559 1.1381,11.3111L8.0828,19.3111C8.4627,19.7487 9.0137,20 9.5931,20H22C23.1046,20 24,19.1046 24,18V2C24,0.8954 23.1046,0 22,0H9.5931C9.0137,0 8.4627,0.2513 8.0828,0.6889Z" />
+    <path
+        android:fillColor="#12263A"
+        android:pathData="M11,9L17,9A1,1 0,0 1,18 10L18,10A1,1 0,0 1,17 11L11,11A1,1 0,0 1,10 10L10,10A1,1 0,0 1,11 9z" />
+</vector>
diff --git a/app/src/main/res/drawable/ic_filters.xml b/app/src/main/res/drawable/ic_filters.xml
new file mode 100644
index 0000000..345b2ac
--- /dev/null
+++ b/app/src/main/res/drawable/ic_filters.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:fillType="evenOdd"
+      android:pathData="M18.0626,19.2497C18.0418,19.2499 18.0209,19.25 18,19.25C17.9904,19.25 17.9809,19.25 17.9713,19.2499C17.96,19.2499 17.9487,19.2498 17.9374,19.2497C17.5115,16.2711 14.9642,13.9767 11.8751,13.9461C11.8339,13.6575 11.8125,13.3625 11.8125,13.0625C11.8125,9.6452 14.5827,6.875 18,6.875C21.4173,6.875 24.1875,9.6452 24.1875,13.0625C24.1875,13.3625 24.1661,13.6575 24.1249,13.9461C21.0358,13.9767 18.4885,16.2711 18.0626,19.2497ZM18,20.1333C18,23.5506 15.2298,26.3208 11.8125,26.3208C8.3952,26.3208 5.625,23.5506 5.625,20.1333C5.625,16.716 8.3952,13.9458 11.8125,13.9458C11.8334,13.9458 11.8543,13.9459 11.8751,13.9461C12.301,16.9247 14.8483,19.2191 17.9374,19.2497C17.9786,19.5383 18,19.8333 18,20.1333ZM18,20.1333C18,19.8333 18.0214,19.5383 18.0626,19.2497C21.1517,19.2191 23.699,16.9247 24.1249,13.9461C24.1457,13.9459 24.1666,13.9458 24.1875,13.9458C27.6048,13.9458 30.375,16.716 30.375,20.1333C30.375,23.5506 27.6048,26.3208 24.1875,26.3208C20.7702,26.3208 18,23.5506 18,20.1333Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_filters_on.xml b/app/src/main/res/drawable/ic_filters_on.xml
new file mode 100644
index 0000000..1650482
--- /dev/null
+++ b/app/src/main/res/drawable/ic_filters_on.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:fillType="evenOdd"
+      android:pathData="M18.0626,19.2497C18.0418,19.2499 18.0209,19.25 18,19.25C17.9904,19.25 17.9809,19.25 17.9713,19.2499C17.96,19.2499 17.9487,19.2498 17.9374,19.2497C17.5115,16.2711 14.9642,13.9767 11.8751,13.9461C11.8339,13.6575 11.8125,13.3625 11.8125,13.0625C11.8125,9.6452 14.5827,6.875 18,6.875C21.4173,6.875 24.1875,9.6452 24.1875,13.0625C24.1875,13.3625 24.1661,13.6575 24.1249,13.9461C21.0358,13.9767 18.4885,16.2711 18.0626,19.2497ZM18,20.1333C18,23.5506 15.2298,26.3208 11.8125,26.3208C8.3952,26.3208 5.625,23.5506 5.625,20.1333C5.625,16.716 8.3952,13.9458 11.8125,13.9458C11.8334,13.9458 11.8543,13.9459 11.8751,13.9461C12.301,16.9247 14.8483,19.2191 17.9374,19.2497C17.9786,19.5383 18,19.8333 18,20.1333ZM18,20.1333C18,19.8333 18.0214,19.5383 18.0626,19.2497C21.1517,19.2191 23.699,16.9247 24.1249,13.9461C24.1457,13.9459 24.1666,13.9458 24.1875,13.9458C27.6048,13.9458 30.375,16.716 30.375,20.1333C30.375,23.5506 27.6048,26.3208 24.1875,26.3208C20.7702,26.3208 18,23.5506 18,20.1333Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_flash.xml b/app/src/main/res/drawable/ic_flash.xml
new file mode 100644
index 0000000..8e0de77
--- /dev/null
+++ b/app/src/main/res/drawable/ic_flash.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M14.3,10C14.1343,10 14,10.1343 14,10.3V19.6C14,19.7657 14.1343,19.9 14.3,19.9H16.4C16.5657,19.9 16.7,20.0343 16.7,20.2V26.8903C16.7,27.1965 17.1048,27.306 17.2591,27.0415L22.7368,17.6512C22.8535,17.4512 22.7092,17.2 22.4777,17.2H19.8854C19.6624,17.2 19.5173,16.9653 19.6171,16.7658L22.7829,10.4342C22.8827,10.2347 22.7376,10 22.5146,10H14.3Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_flash_on.xml b/app/src/main/res/drawable/ic_flash_on.xml
new file mode 100644
index 0000000..64a3233
--- /dev/null
+++ b/app/src/main/res/drawable/ic_flash_on.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M14.3,10C14.1343,10 14,10.1343 14,10.3V19.6C14,19.7657 14.1343,19.9 14.3,19.9H16.4C16.5657,19.9 16.7,20.0343 16.7,20.2V26.8903C16.7,27.1965 17.1048,27.306 17.2591,27.0415L22.7368,17.6512C22.8535,17.4512 22.7092,17.2 22.4777,17.2H19.8854C19.6624,17.2 19.5173,16.9653 19.6171,16.7658L22.7829,10.4342C22.8827,10.2347 22.7376,10 22.5146,10H14.3Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_masks.xml b/app/src/main/res/drawable/ic_masks.xml
new file mode 100644
index 0000000..bd984b6
--- /dev/null
+++ b/app/src/main/res/drawable/ic_masks.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M15.5862,13.0587C16.7675,13.5706 19.4843,13.9906 21.65,13.9906C21.9912,13.9906 22.3456,13.9775 22.7,13.9512C22.7,11.4181 22.7,8.99 22.7,8.99H21.9387C20.4687,9.6594 17.4762,10.0531 15.35,10.0531C13.2237,10.0531 10.2312,9.6594 8.7612,9.0031H8C8,9.0031 8,14.2531 8,17.4031C8,19.7262 10.9137,23.3881 13.25,24.7531C13.25,23.4406 13.25,12.9406 13.25,12.9406H15.3369L15.5862,13.0587Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M28.2388,14.2532C26.7556,14.9094 23.7763,15.3032 21.65,15.3032C19.5238,15.3032 16.5313,14.9094 15.0613,14.2532H14.3C14.3,14.2532 14.3,19.5032 14.3,22.6531C14.3,25.8031 19.55,30.0031 21.65,30.0031C23.75,30.0031 29,25.8031 29,22.6531C29,19.5032 29,14.2532 29,14.2532H28.2388ZM18.5,16.8782C19.2219,16.8782 19.8125,17.7575 19.8125,18.8469C19.8125,19.9363 19.2219,20.8157 18.5,20.8157C17.7782,20.8157 17.1875,19.9363 17.1875,18.8469C17.1875,17.7575 17.7782,16.8782 18.5,16.8782ZM21.65,25.8031C19.5763,25.8031 17.7913,24.4381 17.45,22.6531C18.0275,23.5325 20.4163,24.1231 21.65,24.1231C22.8969,24.1231 25.2725,23.5325 25.85,22.6531C25.5088,24.4381 23.7238,25.8031 21.65,25.8031ZM25.0625,20.8157C24.3406,20.8157 23.75,19.9363 23.75,18.8469C23.75,17.7575 24.3406,16.8782 25.0625,16.8782C25.7844,16.8782 26.375,17.7575 26.375,18.8469C26.375,19.9363 25.7844,20.8157 25.0625,20.8157Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_masks_on.xml b/app/src/main/res/drawable/ic_masks_on.xml
new file mode 100644
index 0000000..68722a3
--- /dev/null
+++ b/app/src/main/res/drawable/ic_masks_on.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M15.5862,13.0587C16.7675,13.5706 19.4843,13.9906 21.65,13.9906C21.9912,13.9906 22.3456,13.9775 22.7,13.9512C22.7,11.4181 22.7,8.99 22.7,8.99H21.9387C20.4687,9.6594 17.4762,10.0531 15.35,10.0531C13.2237,10.0531 10.2312,9.6594 8.7612,9.0031H8C8,9.0031 8,14.2531 8,17.4031C8,19.7262 10.9137,23.3881 13.25,24.7531C13.25,23.4406 13.25,12.9406 13.25,12.9406H15.3369L15.5862,13.0587Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M28.2388,14.2532C26.7556,14.9094 23.7763,15.3032 21.65,15.3032C19.5238,15.3032 16.5313,14.9094 15.0613,14.2532H14.3C14.3,14.2532 14.3,19.5032 14.3,22.6531C14.3,25.8031 19.55,30.0031 21.65,30.0031C23.75,30.0031 29,25.8031 29,22.6531C29,19.5032 29,14.2532 29,14.2532H28.2388ZM18.5,16.8782C19.2219,16.8782 19.8125,17.7575 19.8125,18.8469C19.8125,19.9363 19.2219,20.8157 18.5,20.8157C17.7782,20.8157 17.1875,19.9363 17.1875,18.8469C17.1875,17.7575 17.7782,16.8782 18.5,16.8782ZM21.65,25.8031C19.5763,25.8031 17.7913,24.4381 17.45,22.6531C18.0275,23.5325 20.4163,24.1231 21.65,24.1231C22.8969,24.1231 25.2725,23.5325 25.85,22.6531C25.5088,24.4381 23.7238,25.8031 21.65,25.8031ZM25.0625,20.8157C24.3406,20.8157 23.75,19.9363 23.75,18.8469C23.75,17.7575 24.3406,16.8782 25.0625,16.8782C25.7844,16.8782 26.375,17.7575 26.375,18.8469C26.375,19.9363 25.7844,20.8157 25.0625,20.8157Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_mic.xml b/app/src/main/res/drawable/ic_mic.xml
new file mode 100644
index 0000000..39220f4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_mic.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M18,21C19.66,21 20.99,19.66 20.99,18L21,12C21,10.34 19.66,9 18,9C16.34,9 15,10.34 15,12V18C15,19.66 16.34,21 18,21ZM24.15,18C23.6806,18 23.3079,18.3834 23.2304,18.8464C22.8052,21.3876 20.4923,23.1 18,23.1C15.5077,23.1 13.1948,21.3876 12.7696,18.8464C12.6921,18.3834 12.3194,18 11.85,18V18C11.3806,18 10.9941,18.3826 11.0566,18.8478C11.462,21.8684 13.9962,24.2713 17,24.72V27C17,27.5523 17.4477,28 18,28V28C18.5523,28 19,27.5523 19,27V24.72C22.0046,24.2803 24.5392,21.8771 24.9437,18.8479C25.0059,18.3825 24.6194,18 24.15,18V18Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_mic_off.xml b/app/src/main/res/drawable/ic_mic_off.xml
new file mode 100644
index 0000000..8a4bdca
--- /dev/null
+++ b/app/src/main/res/drawable/ic_mic_off.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M24.9422,18.8474C25.0059,18.3823 24.6194,18 24.15,18V18C23.6806,18 23.3074,18.3832 23.2292,18.8461C23.1576,19.2703 23.0341,19.6731 22.87,20.05L24.1,21.28C24.5248,20.5367 24.823,19.7185 24.9422,18.8474ZM20.98,18.17C20.98,18.11 21,18.06 21,18V12C21,10.34 19.66,9 18,9C16.34,9 15,10.34 15,12V12.18L20.98,18.17ZM10.905,10.635C10.5543,10.2843 9.9857,10.2843 9.635,10.635V10.635C9.2843,10.9857 9.2843,11.5543 9.635,11.905L15.01,17.28V18C15.01,19.66 16.34,21 18,21C18.22,21 18.44,20.97 18.65,20.92L20.31,22.58C19.6,22.91 18.81,23.1 18,23.1C15.5077,23.1 13.1948,21.3876 12.7696,18.8464C12.6921,18.3834 12.3194,18 11.85,18V18C11.3806,18 10.9941,18.3826 11.0566,18.8478C11.462,21.8684 13.9962,24.2713 17,24.72V27C17,27.5523 17.4477,28 18,28V28C18.5523,28 19,27.5523 19,27V24.72C19.91,24.59 20.77,24.27 21.54,23.82L25.0946,27.3661C25.4457,27.7163 26.014,27.716 26.3646,27.3654V27.3654C26.7155,27.0145 26.7155,26.4455 26.3646,26.0946L10.905,10.635Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_nav_back_arrow.xml b/app/src/main/res/drawable/ic_nav_back_arrow.xml
new file mode 100644
index 0000000..8c65f64
--- /dev/null
+++ b/app/src/main/res/drawable/ic_nav_back_arrow.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="32dp"
+    android:height="32dp"
+    android:viewportWidth="32"
+    android:viewportHeight="32">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M16,16m-16,0a16,16 0,1 1,32 0a16,16 0,1 1,-32 0"/>
+  <path
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"
+      android:pathData="M13.9151,10.2096C13.6091,9.9036 13.113,9.9036 12.807,10.2096L7.554,15.4626C7.5469,15.4697 7.5408,15.4758 7.5355,15.4811C7.535,15.4817 7.5344,15.4822 7.5339,15.4827L7.5301,15.4865L7.5263,15.4903C7.3921,15.6253 7.3201,15.7989 7.3104,15.9752C7.2992,16.1791 7.3711,16.3867 7.5263,16.5429L7.5301,16.5467L7.5439,16.5605C7.547,16.5636 7.5504,16.567 7.554,16.5706C7.5577,16.5743 7.561,16.5776 7.5642,16.5808L13.1184,22.135C13.4111,22.4277 13.8858,22.4277 14.1786,22.135C14.4713,21.8422 14.4713,21.3676 14.1786,21.0748L9.8856,16.7818L22.8491,16.7818C23.2086,16.7818 23.5,16.4904 23.5,16.131C23.5,15.7715 23.2086,15.4801 22.8491,15.4801H9.7527L13.9151,11.3176C14.2211,11.0117 14.2211,10.5156 13.9151,10.2096Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_nav_close.xml b/app/src/main/res/drawable/ic_nav_close.xml
new file mode 100644
index 0000000..7d0549f
--- /dev/null
+++ b/app/src/main/res/drawable/ic_nav_close.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="32dp"
+    android:height="32dp"
+    android:viewportWidth="32"
+    android:viewportHeight="32">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M16,16m-16,0a16,16 0,1 1,32 0a16,16 0,1 1,-32 0"/>
+  <path
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"
+      android:pathData="M9.3981,9.2948C8.9819,9.6954 8.9731,10.3538 9.3784,10.7654L14.5227,15.9905L9.308,21.1473C8.8973,21.5534 8.8973,22.2118 9.308,22.6178C9.7186,23.0239 10.3845,23.0239 10.7951,22.6178L15.99,17.4808L21.1146,22.6859C21.5198,23.0975 22.1857,23.1064 22.6018,22.7058C23.0179,22.3052 23.0267,21.6467 22.6215,21.2351L17.4772,16.0101L22.692,10.8533C23.1027,10.4472 23.1027,9.7888 22.692,9.3827C22.2814,8.9767 21.6156,8.9767 21.2049,9.3827L16.01,14.5199L10.8853,9.3147C10.48,8.9031 9.8142,8.8942 9.3981,9.2948Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_speed_0_5x.xml b/app/src/main/res/drawable/ic_speed_0_5x.xml
new file mode 100644
index 0000000..495cfa4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_speed_0_5x.xml
@@ -0,0 +1,21 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M12.0566,19.4526C12.0566,20.8931 11.7319,22.0039 11.0825,22.7852C10.438,23.5664 9.5273,23.957 8.3506,23.957C7.1641,23.957 6.2461,23.564 5.5967,22.7778C4.9473,21.9917 4.6226,20.8833 4.6226,19.4526V17.5044C4.6226,16.064 4.9448,14.9531 5.5894,14.1719C6.2388,13.3906 7.1543,13 8.3359,13C9.5176,13 10.4331,13.3931 11.0825,14.1792C11.7319,14.9653 12.0566,16.0762 12.0566,17.5117V19.4526ZM9.5884,17.1895C9.5884,16.4229 9.4883,15.8516 9.2881,15.4756C9.0879,15.0947 8.7705,14.9043 8.3359,14.9043C7.9111,14.9043 7.6011,15.0801 7.4058,15.4316C7.2153,15.7832 7.1128,16.3154 7.0981,17.0283V19.7529C7.0981,20.5488 7.1982,21.1323 7.3984,21.5034C7.5986,21.8696 7.916,22.0527 8.3506,22.0527C8.7705,22.0527 9.0806,21.8745 9.2808,21.5181C9.481,21.1567 9.5835,20.5928 9.5884,19.8262V17.1895Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M13.7058,21.4155C14.0964,21.4155 14.4211,21.5327 14.6799,21.7671C14.9387,21.9966 15.0681,22.292 15.0681,22.6533C15.0681,23.0146 14.9387,23.3125 14.6799,23.5469C14.4211,23.7764 14.0964,23.8911 13.7058,23.8911C13.3103,23.8911 12.9831,23.7739 12.7243,23.5396C12.4704,23.3052 12.3435,23.0098 12.3435,22.6533C12.3435,22.2969 12.4704,22.0015 12.7243,21.7671C12.9831,21.5327 13.3103,21.4155 13.7058,21.4155Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M15.6259,18.5957L16.2777,13.1465H22.5106V15.0654H18.2846L18.0429,17.1821C18.2187,17.0796 18.4481,16.9893 18.7313,16.9111C19.0194,16.833 19.3002,16.7939 19.5736,16.7939C20.6332,16.7939 21.4462,17.1089 22.0126,17.7388C22.5839,18.3638 22.8695,19.2427 22.8695,20.3755C22.8695,21.0591 22.7157,21.6792 22.4081,22.2358C22.1054,22.7876 21.6781,23.2124 21.1264,23.5103C20.5746,23.8081 19.9228,23.957 19.1708,23.957C18.5019,23.957 17.8744,23.8203 17.2885,23.5469C16.7025,23.2686 16.2436,22.8901 15.9115,22.4116C15.5795,21.9282 15.4159,21.3838 15.4208,20.7783H17.8964C17.9208,21.1689 18.0453,21.479 18.2699,21.7085C18.4945,21.938 18.7899,22.0527 19.1562,22.0527C19.9862,22.0527 20.4013,21.4375 20.4013,20.207C20.4013,19.0693 19.8935,18.5005 18.8778,18.5005C18.3017,18.5005 17.872,18.686 17.5888,19.0571L15.6259,18.5957Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M27.232,18.0684L28.3819,15.8857H30.9454L28.858,19.7456L31.0479,23.8105H28.4698L27.2247,21.4668L26.0015,23.8105H23.4088L25.606,19.7456L23.526,15.8857H26.1187L27.232,18.0684Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_speed_1x.xml b/app/src/main/res/drawable/ic_speed_1x.xml
new file mode 100644
index 0000000..f64e029
--- /dev/null
+++ b/app/src/main/res/drawable/ic_speed_1x.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M13.0222,24H16.0198V12H13.014L10,14.079V16.6902L12.9647,14.6778H13.0222V24Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M17.8594,24H20.8734L22.3188,21.0146H22.3763L23.8464,24H26.9918L24.3227,19.4345L27,14.9439H23.8628L22.5406,17.8378H22.4831L21.1527,14.9439H17.8676L20.5367,19.501L17.8594,24Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_speed_2x.xml b/app/src/main/res/drawable/ic_speed_2x.xml
new file mode 100644
index 0000000..810d145
--- /dev/null
+++ b/app/src/main/res/drawable/ic_speed_2x.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M17.6826,24H9.249V22.1738L13.1338,18.0898C14.0911,16.9997 14.5698,16.1336 14.5698,15.4917C14.5698,14.9715 14.4564,14.5758 14.2295,14.3047C14.0026,14.0335 13.6733,13.8979 13.2417,13.8979C12.8156,13.8979 12.4697,14.0806 12.2041,14.4458C11.9385,14.8055 11.8057,15.2565 11.8057,15.7988H9C9,15.0573 9.1854,14.3739 9.5562,13.7485C9.9269,13.1177 10.4416,12.6252 11.1001,12.271C11.7586,11.9168 12.4946,11.7397 13.3081,11.7397C14.6141,11.7397 15.6185,12.0413 16.3213,12.6445C17.0296,13.2477 17.3838,14.1138 17.3838,15.2427C17.3838,15.7186 17.2952,16.1834 17.1182,16.6372C16.9411,17.0854 16.6644,17.5586 16.2881,18.0566C15.9173,18.5492 15.3169,19.2104 14.4868,20.0405L12.9263,21.8418H17.6826V24Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M22.7793,17.4922L24.0825,15.0186H26.9878L24.6221,19.3931L27.104,24H24.1821L22.771,21.3438L21.3848,24H18.4463L20.9365,19.3931L18.5791,15.0186H21.5176L22.7793,17.4922Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_speed_3x.xml b/app/src/main/res/drawable/ic_speed_3x.xml
new file mode 100644
index 0000000..bb3e10d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_speed_3x.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M11.9053,16.7866H13.2251C14.271,16.7866 14.7939,16.2747 14.7939,15.251C14.7939,14.8525 14.6694,14.5288 14.4204,14.2798C14.1714,14.0252 13.82,13.8979 13.3662,13.8979C12.9954,13.8979 12.6717,14.0059 12.395,14.2217C12.1239,14.4375 11.9883,14.7059 11.9883,15.0269H9.1909C9.1909,14.3905 9.368,13.8232 9.7222,13.3252C10.0763,12.8271 10.5661,12.4398 11.1914,12.1631C11.8223,11.8809 12.514,11.7397 13.2666,11.7397C14.6113,11.7397 15.6683,12.0469 16.4375,12.6611C17.2067,13.2754 17.5913,14.1193 17.5913,15.1929C17.5913,15.7131 17.4308,16.2056 17.1099,16.6704C16.7944,17.1297 16.3324,17.5033 15.7236,17.791C16.3656,18.0234 16.8691,18.3776 17.2344,18.8535C17.5996,19.3239 17.7822,19.9077 17.7822,20.605C17.7822,21.6841 17.3672,22.5474 16.5371,23.1948C15.707,23.8423 14.6169,24.166 13.2666,24.166C12.4753,24.166 11.7393,24.0166 11.0586,23.7178C10.3835,23.4134 9.8716,22.9956 9.523,22.4644C9.1743,21.9276 9,21.3188 9,20.6382H11.814C11.814,21.009 11.9634,21.3299 12.2622,21.6011C12.561,21.8722 12.929,22.0078 13.3662,22.0078C13.8587,22.0078 14.2516,21.8722 14.5449,21.6011C14.8382,21.3244 14.9849,20.973 14.9849,20.5469C14.9849,19.9382 14.8327,19.5065 14.5283,19.252C14.224,18.9974 13.8034,18.8701 13.2666,18.8701H11.9053V16.7866Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M22.8789,17.4922L24.1821,15.0186H27.0874L24.7217,19.3931L27.2036,24H24.2817L22.8706,21.3438L21.4844,24H18.5459L21.0361,19.3931L18.6787,15.0186H21.6172L22.8789,17.4922Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_stopwatch_off.xml b/app/src/main/res/drawable/ic_stopwatch_off.xml
new file mode 100644
index 0000000..84b8f8f
--- /dev/null
+++ b/app/src/main/res/drawable/ic_stopwatch_off.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#ffffff"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M25.5538,13.875L25.8308,13.68L26.9231,12.615C27.5231,12.03 27.6,11.145 27.0769,10.65C26.5538,10.155 25.6615,10.215 25.0615,10.8L23.9692,11.865L23.6923,12.24C22.6923,11.565 21.5385,11.055 20.3077,10.77V9H21.0769C21.4923,9 21.8462,8.67 21.8462,8.25V6.75C21.8462,6.345 21.4923,6 21.0769,6H14.9231C14.5077,6 14.1538,6.345 14.1538,6.75V8.25C14.1538,8.67 14.5077,9 14.9231,9H15.6923V10.77C14.5385,11.04 13.4462,11.49 12.4769,12.12L12.2923,11.865L11.2154,10.815C10.6154,10.23 9.7077,10.155 9.2,10.65C8.6923,11.145 8.7538,12.03 9.3539,12.615L10.4462,13.68L10.5538,13.755C8.9692,15.48 8,17.76 8,20.25C8,25.635 12.4769,30 18,30C23.5231,30 28,25.635 28,20.25C28,17.805 27.0769,15.585 25.5538,13.875ZM18,28.5C13.3385,28.5 9.5385,24.795 9.5385,20.25C9.5385,15.705 13.3385,12 18,12C22.6615,12 26.4615,15.705 26.4615,20.25C26.4615,24.795 22.6615,28.5 18,28.5Z"/>
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M17.9999,15C15.0306,15 12.6152,17.355 12.6152,20.25C12.6152,23.145 15.0306,25.5 17.9999,25.5C20.9691,25.5 23.3845,23.145 23.3845,20.25C23.3845,17.355 20.9691,15 17.9999,15ZM18.7691,21H17.2306V16.5H18.7691V21Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_stopwatch_on.xml b/app/src/main/res/drawable/ic_stopwatch_on.xml
new file mode 100644
index 0000000..2fe3de9
--- /dev/null
+++ b/app/src/main/res/drawable/ic_stopwatch_on.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="36dp"
+    android:viewportWidth="36"
+    android:viewportHeight="36">
+  <path
+      android:fillColor="#12263A"
+      android:pathData="M18,18m-18,0a18,18 0,1 1,36 0a18,18 0,1 1,-36 0"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M25.5538,13.875L25.8308,13.68L26.9231,12.615C27.5231,12.03 27.6,11.145 27.0769,10.65C26.5538,10.155 25.6615,10.215 25.0615,10.8L23.9692,11.865L23.6923,12.24C22.6923,11.565 21.5385,11.055 20.3077,10.77V9H21.0769C21.4923,9 21.8462,8.67 21.8462,8.25V6.75C21.8462,6.345 21.4923,6 21.0769,6H14.9231C14.5077,6 14.1538,6.345 14.1538,6.75V8.25C14.1538,8.67 14.5077,9 14.9231,9H15.6923V10.77C14.5385,11.04 13.4462,11.49 12.4769,12.12L12.2923,11.865L11.2154,10.815C10.6154,10.23 9.7077,10.155 9.2,10.65C8.6923,11.145 8.7538,12.03 9.3539,12.615L10.4462,13.68L10.5538,13.755C8.9692,15.48 8,17.76 8,20.25C8,25.635 12.4769,30 18,30C23.5231,30 28,25.635 28,20.25C28,17.805 27.0769,15.585 25.5538,13.875ZM18,28.5C13.3385,28.5 9.5385,24.795 9.5385,20.25C9.5385,15.705 13.3385,12 18,12C22.6615,12 26.4615,15.705 26.4615,20.25C26.4615,24.795 22.6615,28.5 18,28.5Z"/>
+  <path
+      android:fillColor="#06BCC1"
+      android:pathData="M17.9999,15C15.0306,15 12.6152,17.355 12.6152,20.25C12.6152,23.145 15.0306,25.5 17.9999,25.5C20.9691,25.5 23.3845,23.145 23.3845,20.25C23.3845,17.355 20.9691,15 17.9999,15ZM18.7691,21H17.2306V16.5H18.7691V21Z"/>
+</vector>
diff --git a/app/src/main/res/layout/fragment_dialog_alert.xml b/app/src/main/res/layout/fragment_dialog_alert.xml
new file mode 100644
index 0000000..00345a7
--- /dev/null
+++ b/app/src/main/res/layout/fragment_dialog_alert.xml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/alertParentView"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@drawable/bg_alert_dialog"
+    android:orientation="vertical"
+    android:padding="24dp">
+
+    <TextView
+        android:id="@+id/alertTitleText"
+        style="@style/AlertDialogTitleStyle"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:text="Remove all?" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="24dp"
+        android:orientation="horizontal">
+
+        <TextView
+            android:id="@+id/alertPositiveButton"
+            style="@style/AlertDialogActionButton"
+            android:layout_marginEnd="4dp"
+            android:background="@drawable/bg_alert_positive_button"
+            tools:text="Yes" />
+
+        <TextView
+            android:id="@+id/alertNegativeButton"
+            style="@style/AlertDialogActionButton"
+            android:layout_marginStart="4dp"
+            android:background="@drawable/bg_alert_negative_button"
+            tools:text="No" />
+
+    </LinearLayout>
+
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
deleted file mode 100644
index 8ccbad5..0000000
--- a/app/src/main/res/values-night/themes.xml
+++ /dev/null
@@ -1,16 +0,0 @@
-<resources xmlns:tools="http://schemas.android.com/tools">
-    <!-- Base application theme. -->
-    <style name="Theme.IntegrationApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
-        <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_200</item>
-        <item name="colorPrimaryVariant">@color/purple_700</item>
-        <item name="colorOnPrimary">@color/black</item>
-        <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/teal_200</item>
-        <item name="colorSecondaryVariant">@color/teal_200</item>
-        <item name="colorOnSecondary">@color/black</item>
-        <!-- Status bar color. -->
-        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
-        <!-- Customize your theme here. -->
-    </style>
-</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index f8c6127..18b2f75 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -1,10 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="purple_200">#FFBB86FC</color>
-    <color name="purple_500">#FF6200EE</color>
-    <color name="purple_700">#FF3700B3</color>
-    <color name="teal_200">#FF03DAC5</color>
-    <color name="teal_700">#FF018786</color>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
+
+    <!-- Video editor colors (it may be your brand colors to customize editor for app style consistency) -->
+    <color name="egg_blue">#06BCC1</color>
+    <color name="egg_blue_transparent">#6606BCC1</color>
+    <color name="big_stone">#12263A</color>
+    <color name="violet_red">#FA3E76</color>
+    <color name="catskill_white">#E3E9F1</color>
+
+    <array name="progress_gradient_colors">
+        <item>@color/egg_blue</item>
+        <item>@color/white</item>
+        <item>@color/egg_blue</item>
+    </array>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..55f160e
--- /dev/null
+++ b/app/src/main/res/values/dimens.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Dimens used for the CustomRecordingButtonView and CustomRecordingButtonOuterView -->
+    <dimen name="record_button_size">96dp</dimen>
+    <dimen name="record_button_inner_part_size">40dp</dimen>
+    <dimen name="record_button_progress_size">82dp</dimen>
+    <dimen name="record_button_circle_idle_width">3dp</dimen>
+    <dimen name="record_button_circle_progress_width">5dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index c70998f..6c8dee3 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,16 +1,250 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
-    <!-- Base application theme. -->
+    <!-- Base application theme -->
     <style name="Theme.IntegrationApp" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
-        <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_500</item>
-        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorPrimary">@color/egg_blue</item>
         <item name="colorOnPrimary">@color/white</item>
-        <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/teal_200</item>
-        <item name="colorSecondaryVariant">@color/teal_700</item>
+        <item name="colorSecondary">@color/violet_red</item>
         <item name="colorOnSecondary">@color/black</item>
-        <!-- Status bar color. -->
-        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
-        <!-- Customize your theme here. -->
+        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimary</item>
+    </style>
+
+    <!-- To customize video editor according to your app style you should
+         create your own theme inherited from VideoCreationTheme and apply it
+         to VideoCreationActivity in AndroidManifest.xml file -->
+    <style name="CustomIntegrationAppTheme" parent="VideoCreationTheme">
+
+        <!-- Camera screen styles -->
+        <item name="cameraOverlayStyle">@style/CustomCameraOverlayStyle</item>
+        <item name="cameraActionButtonStyle">@style/CustomCameraActionButtonStyle</item>
+        <item name="cameraMusicTopIconStyle">@style/CustomCameraMusicTopIconStyle</item>
+        <item name="cameraBackButtonStyle">@style/CustomCameraBackButtonStyle</item>
+        <item name="cameraNextButtonStyle">@style/CustomCameraNextButtonStyle</item>
+        <item name="cameraRemoveLastPieceButtonStyle">@style/CustomCameraRemoveLastPieceButtonStyle
+        </item>
+        <item name="cameraRecorderTimelineStyle">@style/CustomCameraTimelineRecorderStyle</item>
+        <item name="cameraEffectsLabelStyle">@style/CustomCameraEffectLabelStyle</item>
+        <item name="cameraEffectsItemStyle">@style/CustomCameraEffectsItemStyle</item>
+        <item name="cameraEffectsRecyclerStyle">@style/CustomCameraEffectsRecyclerStyle</item>
+        <item name="cameraSpeedPickerLabelStyle">@style/CustomCameraSpeedPickerLabelStyle</item>
+        <item name="cameraSpeedPickerViewStyle">@style/CustomCameraSpeedPickerViewStyle</item>
+        <item name="cameraSpeedPickerItemStyle">@style/CustomCameraSpeedPickerItemStyle</item>
+
+
+        <!-- Wait dialog style -->
+        <item name="throbberViewStyle">@style/CustomThrobberViewStyle</item>
+        <!-- Attribute defines the background of progress view that is used for the long
+             video editor operations -->
+        <item name="wait_dialog_throbber_bg">@drawable/bg_progress_view</item>
+        <item name="waitDialogTextStyle">@style/CustomWaitDialogTextStyle</item>
+
+        <!-- Following attributes define custom alert dialog icons
+             that may be placed here if you want to apply images
+             to alert dialogs shown in the video editor
+             ("@null" means that there are no icons on alert dialogs -> it is default setup,
+             so if you do not want to add icons just not override these attributes) -->
+        <item name="alert_camera_delete_video">@null</item>
+        <item name="alert_camera_return_to_editor">@null</item>
+        <item name="alert_camera_return_to_trimmer">@null</item>
+        <item name="alert_camera_save">@null</item>
+        <item name="alert_camera_reset_all">@null</item>
+        <item name="alert_editor_delete_voice_record">@null</item>
+        <item name="alert_editor_reset_all">@null</item>
+        <item name="alert_editor_reset_effects">@null</item>
+
+        <item name="toastStyle">@style/CustomToastStyle</item>
+    </style>
+
+    <!-- CameraOverlayStyle setup icons for Camera screen.
+         You can setup only necessary attributes -->
+    <style name="CustomCameraOverlayStyle" parent="CameraOverlayStyle">
+        <item name="icon_mask_on">@drawable/ic_masks_on</item>
+        <item name="icon_mask_off">@drawable/ic_masks</item>
+
+        <item name="icon_beauty_on">@drawable/ic_beauty_on</item>
+        <item name="icon_beauty_off">@drawable/ic_beauty</item>
+
+        <item name="icon_flashlight_on">@drawable/ic_flash_on</item>
+        <item name="icon_flashlight_off">@drawable/ic_flash</item>
+
+        <item name="icon_music_on">@drawable/ic_audio_on</item>
+        <item name="icon_music_off">@drawable/ic_audio</item>
+        <!-- In case you want to place music icon on the top of the screen, pass "top" here.
+             If you select "top" you need to override CameraMusicTopIconStyle to
+             customize other music icon parameters (background, text alignment, etc.) -->
+        <item name="icon_music_screen_position">left</item>
+        <!-- In case you want to see music track name select true -->
+        <item name="icon_music_show_track_name">false</item>
+
+        <item name="icon_camera_switch_on">@drawable/ic_cam_back</item>
+        <item name="icon_camera_switch_off">@drawable/ic_cam_front</item>
+        <!-- Default animation is rotating icon clockwise -->
+        <item name="icon_camera_switch_animate">true</item>
+
+        <item name="icon_color_on">@drawable/ic_filters_on</item>
+        <item name="icon_color_off">@drawable/ic_filters</item>
+
+        <item name="icon_mute_mic_on">@drawable/ic_mic</item>
+        <item name="icon_mute_mic_off">@drawable/ic_mic_off</item>
+
+        <item name="icon_recording_speed_x0_5">@drawable/ic_speed_0_5x</item>
+        <item name="icon_recording_speed_x1">@drawable/ic_speed_1x</item>
+        <item name="icon_recording_speed_x2">@drawable/ic_speed_2x</item>
+        <item name="icon_recording_speed_x3">@drawable/ic_speed_3x</item>
+
+        <item name="icon_close">@drawable/ic_nav_close</item>
+        <item name="icon_back">@drawable/ic_nav_back_arrow</item>
+
+        <item name="icon_remove_last_piece">@drawable/ic_delete_videopart</item>
+
+        <!-- This icon will be shown in case of there are no video files that
+             can be selected from gallery. If at least one video is available
+             the thumbnail of the last file will be used as an icon.
+             To show the static image as a gallery icon instead of video file thumbnail
+             you should setup custom style for "galleryImageViewStyle" theme attribute and
+             set "use_custom_image" to "true" -->
+        <item name="icon_empty_gallery">@drawable/ic_default</item>
+        <!-- should be drawn below the gallery icon -->
+        <item name="icon_gallery_background">@drawable/bg_gallery_button</item>
+        <!-- as a default gallery icon view has a rectangle shape.
+             If you setup "icon_gallery_background" as an oval, you should add radius here -->
+        <item name="icon_gallery_radius">24dp</item>
+
+        <item name="camera_margin_to_record_button">64dp</item>
+
+        <item name="camera_gradient_top">@android:color/transparent</item>
+        <item name="camera_gradient_bottom">@android:color/transparent</item>
+
+        <item name="camera_effects_list_background">@color/big_stone</item>
+    </style>
+
+    <!-- Style for text appearance of bottom mode tabs (Normal/Slideshow) in checked state -->
+    <style name="CustomVideoTimelineCheckedStyle" parent="VideoTimelineCheckedStyle" />
+    <!-- Style for text appearance of bottom mode tabs (Normal/Slideshow) in unchecked state -->
+    <style name="CustomVideoTimelineUncheckedStyle" parent="VideoTimelineUncheckedStyle" />
+
+    <!-- Style for the music icon placed on top of the camera screen.
+         If "icon_music_screen_position" in CameraOverlayStyle selected as "left"
+         this style is not applied -->
+    <style name="CustomCameraMusicTopIconStyle" parent="CameraMusicTopIconStyle" />
+
+    <!-- Style for appearance of icons defined in CameraOverlayStyle -->
+    <style name="CustomCameraActionButtonStyle" parent="CameraActionButtonStyle" />
+
+    <!-- Style for appearance of "icon_back" icon defined in CameraOverlayStyle -->
+    <style name="CustomCameraBackButtonStyle" parent="CameraBackButtonStyle" />
+
+    <!-- Style for the Next button on Camera screen.
+         This button has activated and not activated states.
+         These states are applied when the user can or can not proceed with recorded video accordingly,
+         so the best approach to set background is to use selector -->
+    <style name="CustomCameraNextButtonStyle" parent="CameraNextButtonStyle">
+        <item name="android:textColor">@color/white</item>
+        <item name="android:background">@drawable/bg_btn_next</item>
+    </style>
+
+    <!-- Style for effects (filters and masks) list label. As default it's visibility is gone -->
+    <style name="CustomCameraEffectLabelStyle" parent="CameraEffectLabelStyle" />
+
+    <!-- Style for effects (filters and masks) list items -->
+    <style name="CustomCameraEffectsItemStyle" parent="CameraEffectsItemStyle" />
+
+    <!-- Style for effects (filters and masks) RecyclerView -->
+    <style name="CustomCameraEffectsRecyclerStyle" parent="CameraEffectsRecyclerStyle" />
+
+    <!-- Style for the label of speed options. It's visibility is gone as default -->
+    <style name="CustomCameraSpeedPickerLabelStyle" parent="CameraSpeedPickerLabelStyle" />
+
+    <!-- Style for the whole view that shows available recording speed options -->
+    <style name="CustomCameraSpeedPickerViewStyle" parent="CameraSpeedPickerViewStyle">
+        <item name="android:background">@color/big_stone</item>
+    </style>
+
+    <!-- Style for the speed option item. Speed option my be selected and unselected
+         so the best approach to set background as selector -->
+    <style name="CustomCameraSpeedPickerItemStyle" parent="CameraSpeedPickerItemStyle">
+        <item name="android:background">@drawable/bg_speed_option_item</item>
+        <item name="android:textColor">@color/white</item>
+    </style>
+
+    <!-- Style for the appearance of "icon_remove_last_piece" defined in CameraOverlayStyle -->
+    <style name="CustomCameraRemoveLastPieceButtonStyle" parent="CameraRemoveLastPieceButtonStyle" />
+
+    <!-- Style for the recording timeline. There is a bulk of custom attributes applicable for customization -->
+    <style name="CustomCameraTimelineRecorderStyle" parent="CameraTimelineRecorderStyle">
+        <item name="divider_width">3dp</item>
+        <item name="background_color">@color/dustyGray</item>
+        <item name="divider_color">@color/big_stone</item>
+        <item name="normal_color">@color/egg_blue</item>
+        <item name="delete_color">@color/violet_red</item>
+    </style>
+
+
+    <!-- Style for custom Toasts -->
+    <style name="CustomToastStyle" parent="ToastStyle">
+        <item name="android:background">@drawable/bg_toast</item>
+    </style>
+
+    <!-- Style for the throbber on the progress view
+         that is shown during every long operation
+         in video editor (trimming, exporting, etc). This is used  -->
+    <style name="CustomThrobberViewStyle" parent="ThrobberViewStyle">
+        <item name="circle_colors">@array/progress_gradient_colors</item>
+    </style>
+
+    <!-- Style defines text style for the message that is shown on the progress view -->
+    <style name="CustomWaitDialogTextStyle" parent="WaitDialogTextStyle" />
+
+    <!-- Alert Dialog is fully customisable.
+         You should override "fragment_dialog_alert" within res/layout to apply your own layout
+         for alert dialogs.
+         Additionally if you want to add icons on the top of alert dialog,
+         you should setup them into appropriate attributes of activity's theme
+         (see above among CustomIntegrationAppTheme attributes).
+         They are placed as top drawables over the title of the dialog. -->
+    <style name="AlertDialogTitleStyle">
+        <item name="android:fontFamily">@font/roboto_bold</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:textSize">22sp</item>
+    </style>
+
+    <style name="AlertDialogActionButton">
+        <item name="android:layout_width">wrap_content</item>
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:layout_weight">1</item>
+        <item name="android:minWidth">128dp</item>
+        <item name="android:paddingTop">8dp</item>
+        <item name="android:paddingBottom">8dp</item>
+        <item name="android:gravity">center</item>
+        <item name="android:textSize">16sp</item>
+        <item name="android:fontFamily">@font/roboto_medium</item>
+        <item name="android:foreground">?android:selectableItemBackgroundBorderless</item>
+    </style>
+
+    <!-- If you override alert dialog layout you should override styles below as well
+         to apply custom text appearance for dialog buttons:
+         CameraDialogPositiveButton, CameraDialogNegativeButton, CameraDialogNormalButton for camera screen and
+         EditorDialogPositiveButton, EditorDialogNegativeButton, EditorDialogNormalButton for editor screen -->
+    <style name="CameraDialogPositiveButton">
+        <item name="android:textColor">@color/black</item>
+    </style>
+
+    <style name="CameraDialogNegativeButton">
+        <item name="android:textColor">@color/white</item>
+    </style>
+
+    <style name="CameraDialogNormalButton">
+        <item name="android:textColor">@color/white</item>
+    </style>
+
+    <style name="EditorDialogPositiveButton">
+        <item name="android:textColor">@color/black</item>
+    </style>
+
+    <style name="EditorDialogNegativeButton">
+        <item name="android:textColor">@color/white</item>
+    </style>
+
+    <style name="EditorDialogNormalButton">
+        <item name="android:textColor">@color/white</item>
     </style>
 </resources>
\ No newline at end of file