diff --git a/packages/default/scss/index.scss b/packages/default/scss/index.scss
index 97ae5ad82b6..46073c04b8a 100644
--- a/packages/default/scss/index.scss
+++ b/packages/default/scss/index.scss
@@ -114,6 +114,7 @@
 @forward "./map/_index.scss";
 @forward "./orgchart/_index.scss";
 @forward "./signature/_index.scss";
+@forward "./otp/_index.scss";
 
 
 // Use component modules
@@ -200,6 +201,7 @@
 @use "./switch/_index.scss" as *;
 @use "./upload/_index.scss" as *;
 @use "./dropzone/_index.scss" as *;
+@use "./otp/_index.scss" as *;
 
 
 // Command interfaces
@@ -372,6 +374,7 @@
     @include kendo-switch--styles();
     @include kendo-upload--styles();
     @include kendo-dropzone--styles();
+    @include kendo-otp--styles();
 
 
     // Command interfaces
diff --git a/packages/default/scss/otp/_index.scss b/packages/default/scss/otp/_index.scss
new file mode 100644
index 00000000000..98417283cff
--- /dev/null
+++ b/packages/default/scss/otp/_index.scss
@@ -0,0 +1,18 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-otp--styles() {
+    @include import-once( "otp" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-otp--layout();
+        @include kendo-otp--theme();
+    }
+}
diff --git a/packages/default/scss/otp/_layout.scss b/packages/default/scss/otp/_layout.scss
new file mode 100644
index 00000000000..6c2cda07ed9
--- /dev/null
+++ b/packages/default/scss/otp/_layout.scss
@@ -0,0 +1,31 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+
+@mixin kendo-otp--layout-base() {
+
+    // OTP
+    .k-otp {
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        gap: k-spacing(1);
+
+        .k-otp-input {
+            min-width: 1em;
+            justify-content: center;
+
+            .k-input-inner {
+                text-align: center;
+            }
+        }
+
+        .k-otp-separator {
+            padding-inline: k-spacing(1);
+        }
+    };
+
+}
+
+@mixin kendo-otp--layout() {
+    @include kendo-otp--layout-base();
+}
diff --git a/packages/default/scss/otp/_theme.scss b/packages/default/scss/otp/_theme.scss
new file mode 100644
index 00000000000..8da3afa067f
--- /dev/null
+++ b/packages/default/scss/otp/_theme.scss
@@ -0,0 +1,12 @@
+@use "sass:map";
+
+@mixin kendo-otp--theme-base() {
+
+    // OTP
+    .k-otp {};
+
+}
+
+@mixin kendo-otp--theme() {
+    @include kendo-otp--theme-base();
+}
diff --git a/packages/default/scss/otp/_variables.scss b/packages/default/scss/otp/_variables.scss
new file mode 100644
index 00000000000..69458fd2c4c
--- /dev/null
+++ b/packages/default/scss/otp/_variables.scss
@@ -0,0 +1,3 @@
+@use "sass:map";
+
+// OTP