@ory/elements-react 1.0.0-next.4 → 1.0.0-next.5

package/dist/theme/default/index.css

@@ -1,18 +1,18 @@
 /* src/theme/default/global.css */
-*,
-::before,
-::after {
+.ory-default-theme *,
+.ory-default-theme ::before,
+.ory-default-theme ::after {
   box-sizing: border-box;
   border-width: 0;
   border-style: solid;
   border-color: currentColor;
 }
-::before,
-::after {
+.ory-default-theme ::before,
+.ory-default-theme ::after {
   --tw-content: "";
 }
-html,
-:host {
+.ory-default-theme html,
+.ory-default-theme :host {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -23,40 +23,40 @@ html,
   font-variation-settings: normal;
   -webkit-tap-highlight-color: transparent;
 }
-body {
+.ory-default-theme body {
   margin: 0;
   line-height: inherit;
 }
-hr {
+.ory-default-theme hr {
   height: 0;
   color: inherit;
   border-top-width: 1px;
 }
-abbr:where([title]) {
+.ory-default-theme abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
 }
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+.ory-default-theme h1,
+.ory-default-theme h2,
+.ory-default-theme h3,
+.ory-default-theme h4,
+.ory-default-theme h5,
+.ory-default-theme h6 {
   font-size: inherit;
   font-weight: inherit;
 }
-a {
+.ory-default-theme a {
   color: inherit;
   text-decoration: inherit;
 }
-b,
-strong {
+.ory-default-theme b,
+.ory-default-theme strong {
   font-weight: bolder;
 }
-code,
-kbd,
-samp,
-pre {
+.ory-default-theme code,
+.ory-default-theme kbd,
+.ory-default-theme samp,
+.ory-default-theme pre {
   font-family:
     ui-monospace,
     SFMono-Regular,
@@ -70,32 +70,32 @@ pre {
   font-variation-settings: normal;
   font-size: 1em;
 }
-small {
+.ory-default-theme small {
   font-size: 80%;
 }
-sub,
-sup {
+.ory-default-theme sub,
+.ory-default-theme sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
-sub {
+.ory-default-theme sub {
   bottom: -0.25em;
 }
-sup {
+.ory-default-theme sup {
   top: -0.5em;
 }
-table {
+.ory-default-theme table {
   text-indent: 0;
   border-color: inherit;
   border-collapse: collapse;
 }
-button,
-input,
-optgroup,
-select,
-textarea {
+.ory-default-theme button,
+.ory-default-theme input,
+.ory-default-theme optgroup,
+.ory-default-theme select,
+.ory-default-theme textarea {
   font-family: inherit;
   font-feature-settings: inherit;
   font-variation-settings: inherit;
@@ -107,119 +107,119 @@ textarea {
   margin: 0;
   padding: 0;
 }
-button,
-select {
+.ory-default-theme button,
+.ory-default-theme select {
   text-transform: none;
 }
-button,
-input:where([type=button]),
-input:where([type=reset]),
-input:where([type=submit]) {
+.ory-default-theme button,
+.ory-default-theme input:where([type=button]),
+.ory-default-theme input:where([type=reset]),
+.ory-default-theme input:where([type=submit]) {
   -webkit-appearance: button;
   background-color: transparent;
   background-image: none;
 }
-:-moz-focusring {
+.ory-default-theme :-moz-focusring {
   outline: auto;
 }
-:-moz-ui-invalid {
+.ory-default-theme :-moz-ui-invalid {
   box-shadow: none;
 }
-progress {
+.ory-default-theme progress {
   vertical-align: baseline;
 }
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
+.ory-default-theme ::-webkit-inner-spin-button,
+.ory-default-theme ::-webkit-outer-spin-button {
   height: auto;
 }
-[type=search] {
+.ory-default-theme [type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
-::-webkit-search-decoration {
+.ory-default-theme ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-::-webkit-file-upload-button {
+.ory-default-theme ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
-summary {
+.ory-default-theme summary {
   display: list-item;
 }
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
+.ory-default-theme blockquote,
+.ory-default-theme dl,
+.ory-default-theme dd,
+.ory-default-theme h1,
+.ory-default-theme h2,
+.ory-default-theme h3,
+.ory-default-theme h4,
+.ory-default-theme h5,
+.ory-default-theme h6,
+.ory-default-theme hr,
+.ory-default-theme figure,
+.ory-default-theme p,
+.ory-default-theme pre {
   margin: 0;
 }
-fieldset {
+.ory-default-theme fieldset {
   margin: 0;
   padding: 0;
 }
-legend {
+.ory-default-theme legend {
   padding: 0;
 }
-ol,
-ul,
-menu {
+.ory-default-theme ol,
+.ory-default-theme ul,
+.ory-default-theme menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }
-dialog {
+.ory-default-theme dialog {
   padding: 0;
 }
-textarea {
+.ory-default-theme textarea {
   resize: vertical;
 }
-input::-moz-placeholder,
-textarea::-moz-placeholder {
+.ory-default-theme input::-moz-placeholder,
+.ory-default-theme textarea::-moz-placeholder {
   opacity: 1;
   color: #9ca3af;
 }
-input::placeholder,
-textarea::placeholder {
+.ory-default-theme input::placeholder,
+.ory-default-theme textarea::placeholder {
   opacity: 1;
   color: #9ca3af;
 }
-button,
-[role=button] {
+.ory-default-theme button,
+.ory-default-theme [role=button] {
   cursor: pointer;
 }
-:disabled {
+.ory-default-theme :disabled {
   cursor: default;
 }
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
+.ory-default-theme img,
+.ory-default-theme svg,
+.ory-default-theme video,
+.ory-default-theme canvas,
+.ory-default-theme audio,
+.ory-default-theme iframe,
+.ory-default-theme embed,
+.ory-default-theme object {
   display: block;
   vertical-align: middle;
 }
-img,
-video {
+.ory-default-theme img,
+.ory-default-theme video {
   max-width: 100%;
   height: auto;
 }
-[hidden] {
+.ory-default-theme [hidden] {
   display: none;
 }
-*,
-::before,
-::after {
+.ory-default-theme *,
+.ory-default-theme ::before,
+.ory-default-theme ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -244,7 +244,7 @@ video {
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-color: rgb(147 197 253 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -272,7 +272,7 @@ video {
   --tw-contain-paint: ;
   --tw-contain-style: ;
 }
-::backdrop {
+.ory-default-theme ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -297,7 +297,7 @@ video {
   --tw-ring-inset: ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-color: rgb(147 197 253 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -325,124 +325,127 @@ video {
   --tw-contain-paint: ;
   --tw-contain-style: ;
 }
-.container {
+.ory-default-theme .container {
   width: 100%;
 }
 @media (min-width: 640px) {
-  .container {
+  .ory-default-theme .container {
     max-width: 640px;
   }
 }
 @media (min-width: 768px) {
-  .container {
+  .ory-default-theme .container {
     max-width: 768px;
   }
 }
 @media (min-width: 1024px) {
-  .container {
+  .ory-default-theme .container {
     max-width: 1024px;
   }
 }
 @media (min-width: 1280px) {
-  .container {
+  .ory-default-theme .container {
     max-width: 1280px;
   }
 }
 @media (min-width: 1536px) {
-  .container {
+  .ory-default-theme .container {
     max-width: 1536px;
   }
 }
-.pointer-events-none {
+.ory-default-theme .pointer-events-none {
   pointer-events: none;
 }
-.absolute {
+.ory-default-theme .absolute {
   position: absolute;
 }
-.relative {
+.ory-default-theme .relative {
   position: relative;
 }
-.inset-0 {
+.ory-default-theme .inset-0 {
   inset: 0px;
 }
-.z-10 {
+.ory-default-theme .z-10 {
   z-index: 10;
 }
-.mx-auto {
+.ory-default-theme .mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
-.my-auto {
+.ory-default-theme .my-auto {
   margin-top: auto;
   margin-bottom: auto;
 }
-.mt-1 {
+.ory-default-theme .mt-1 {
   margin-top: 0.25rem;
 }
-.mt-\[2px\] {
+.ory-default-theme .mt-\[2px\] {
   margin-top: 2px;
 }
-.flex {
+.ory-default-theme .flex {
   display: flex;
 }
-.inline-flex {
+.ory-default-theme .inline-flex {
   display: inline-flex;
 }
-.grid {
+.ory-default-theme .grid {
   display: grid;
 }
-.hidden {
+.ory-default-theme .hidden {
   display: none;
 }
-.h-10 {
+.ory-default-theme .aspect-square {
+  aspect-ratio: 1 / 1;
+}
+.ory-default-theme .h-10 {
   height: 2.5rem;
 }
-.h-4 {
+.ory-default-theme .h-4 {
   height: 1rem;
 }
-.h-5 {
+.ory-default-theme .h-5 {
   height: 1.25rem;
 }
-.h-8 {
+.ory-default-theme .h-8 {
   height: 2rem;
 }
-.h-full {
+.ory-default-theme .h-full {
   height: 100%;
 }
-.w-10 {
+.ory-default-theme .w-10 {
   width: 2.5rem;
 }
-.w-11 {
+.ory-default-theme .w-11 {
   width: 2.75rem;
 }
-.w-4 {
+.ory-default-theme .w-4 {
   width: 1rem;
 }
-.w-5 {
+.ory-default-theme .w-5 {
   width: 1.25rem;
 }
-.w-8 {
+.ory-default-theme .w-8 {
   width: 2rem;
 }
-.w-full {
+.ory-default-theme .w-full {
   width: 100%;
 }
-.w-px {
+.ory-default-theme .w-px {
   width: 1px;
 }
-.max-w-sm {
+.ory-default-theme .max-w-sm {
   max-width: 24rem;
 }
-.flex-1 {
+.ory-default-theme .flex-1 {
   flex: 1 1 0%;
 }
-.flex-none {
+.ory-default-theme .flex-none {
   flex: none;
 }
-.flex-grow {
+.ory-default-theme .flex-grow {
   flex-grow: 1;
 }
-.transform {
+.ory-default-theme .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 @keyframes caret-blink {
@@ -453,7 +456,7 @@ video {
     opacity: 0;
   }
 }
-.animate-caret-blink {
+.ory-default-theme .animate-caret-blink {
   animation: caret-blink 1.25s ease-out infinite;
 }
 @keyframes spin {
@@ -461,267 +464,271 @@ video {
     transform: rotate(360deg);
   }
 }
-.animate-spin {
+.ory-default-theme .animate-spin {
   animation: spin 1s linear infinite;
 }
-.cursor-not-allowed {
+.ory-default-theme .cursor-not-allowed {
   cursor: not-allowed;
 }
-.cursor-pointer {
+.ory-default-theme .cursor-pointer {
   cursor: pointer;
 }
-.appearance-none {
+.ory-default-theme .appearance-none {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
-.auto-cols-fr {
+.ory-default-theme .auto-cols-fr {
   grid-auto-columns: minmax(0, 1fr);
 }
-.grid-flow-col {
+.ory-default-theme .grid-flow-col {
   grid-auto-flow: column;
 }
-.grid-cols-1 {
+.ory-default-theme .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
-.grid-cols-3 {
+.ory-default-theme .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-.grid-cols-4 {
+.ory-default-theme .grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
-.flex-col {
+.ory-default-theme .flex-col {
   flex-direction: column;
 }
-.items-center {
+.ory-default-theme .items-center {
   align-items: center;
 }
-.justify-center {
+.ory-default-theme .justify-center {
   justify-content: center;
 }
-.justify-between {
+.ory-default-theme .justify-between {
   justify-content: space-between;
 }
-.gap-1 {
+.ory-default-theme .gap-1 {
   gap: 0.25rem;
 }
-.gap-2 {
+.ory-default-theme .gap-2 {
   gap: 0.5rem;
 }
-.gap-3 {
+.ory-default-theme .gap-3 {
   gap: 0.75rem;
 }
-.gap-6 {
+.ory-default-theme .gap-6 {
   gap: 1.5rem;
 }
-.gap-8 {
+.ory-default-theme .gap-8 {
   gap: 2rem;
 }
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
+.ory-default-theme .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.self-stretch {
+.ory-default-theme .self-stretch {
   align-self: stretch;
 }
-.rounded {
+.ory-default-theme .rounded {
   border-radius: 0.25rem;
 }
-.rounded-border-radius-buttons {
+.ory-default-theme .rounded-border-radius-buttons {
   border-radius: var(--border-radius-buttons, 0.25rem);
 }
-.rounded-border-radius-cards {
+.ory-default-theme .rounded-border-radius-cards {
   border-radius: var(--border-radius-cards, 0.75rem);
 }
-.rounded-border-radius-forms {
+.ory-default-theme .rounded-border-radius-forms {
   border-radius: var(--border-radius-forms, 0.25rem);
 }
-.rounded-full {
+.ory-default-theme .rounded-full {
   border-radius: 9999px;
 }
-.border {
+.ory-default-theme .border {
   border-width: 1px;
 }
-.border-y {
+.ory-default-theme .border-y {
   border-top-width: 1px;
   border-bottom-width: 1px;
 }
-.border-r {
+.ory-default-theme .border-r {
   border-right-width: 1px;
 }
-.border-solid {
+.ory-default-theme .border-solid {
   border-style: solid;
 }
-.border-button-identifier-border-default {
+.ory-default-theme .border-button-identifier-border-default {
   border-color: var(--button-identifier-border-default, #e2e8f0);
 }
-.border-button-secondary-border-default {
+.ory-default-theme .border-button-secondary-border-default {
   border-color: var(--button-secondary-border-default, #e2e8f0);
 }
-.border-dialog-border-default {
+.ory-default-theme .border-dialog-border-default {
   border-color: var(--dialog-border-default, #e2e8f0);
 }
-.border-forms-border-default {
+.ory-default-theme .border-forms-border-default {
   border-color: var(--forms-border-default, #e2e8f0);
 }
-.bg-branding-bg-default {
+.ory-default-theme .bg-branding-bg-default {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
-.bg-button-identifier-bg-default {
+.ory-default-theme .bg-button-identifier-bg-default {
   background-color: var(--button-identifier-bg-default, #ffffff);
 }
-.bg-button-primary-bg-default {
+.ory-default-theme .bg-button-primary-bg-default {
   background-color: var(--button-primary-bg-default, #1e293b);
 }
-.bg-button-primary-bg-hover {
+.ory-default-theme .bg-button-primary-bg-hover {
   background-color: var(--button-primary-bg-hover, #0f172a);
 }
-.bg-button-secondary-bg-default {
+.ory-default-theme .bg-button-secondary-bg-default {
   background-color: var(--button-secondary-bg-default, #ffffff);
 }
-.bg-dialog-bg-default {
+.ory-default-theme .bg-dialog-bg-default {
   background-color: var(--dialog-bg-default, #ffffff);
 }
-.bg-forms-bg-default {
+.ory-default-theme .bg-forms-bg-default {
   background-color: var(--forms-bg-default, #ffffff);
 }
-.object-fill {
+.ory-default-theme .object-fill {
   -o-object-fit: fill;
   object-fit: fill;
 }
-.p-2 {
+.ory-default-theme .p-2 {
   padding: 0.5rem;
 }
-.px-1\.5 {
+.ory-default-theme .px-1\.5 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
 }
-.px-3 {
+.ory-default-theme .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-.px-4 {
+.ory-default-theme .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.px-8 {
+.ory-default-theme .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
 }
-.py-1 {
+.ory-default-theme .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-.py-12 {
+.ory-default-theme .py-12 {
   padding-top: 3rem;
   padding-bottom: 3rem;
 }
-.py-2 {
+.ory-default-theme .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.py-2\.5 {
+.ory-default-theme .py-2\.5 {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }
-.py-3\.5 {
-  padding-top: 0.875rem;
-  padding-bottom: 0.875rem;
-}
-.py-4\.5 {
+.ory-default-theme .py-4\.5 {
   padding-top: 1.125rem;
   padding-bottom: 1.125rem;
 }
-.text-left {
+.ory-default-theme .text-left {
   text-align: left;
 }
-.text-center {
+.ory-default-theme .text-center {
   text-align: center;
 }
-.text-lg {
+.ory-default-theme .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
-.text-sm {
+.ory-default-theme .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.text-xl {
+.ory-default-theme .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
-.text-xs {
+.ory-default-theme .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
 }
-.font-bold {
+.ory-default-theme .font-bold {
   font-weight: 700;
 }
-.font-medium {
+.ory-default-theme .font-medium {
   font-weight: 500;
 }
-.font-normal {
+.ory-default-theme .font-normal {
   font-weight: 400;
 }
-.font-semibold {
+.ory-default-theme .font-semibold {
   font-weight: 600;
 }
-.capitalize {
+.ory-default-theme .capitalize {
   text-transform: capitalize;
 }
-.leading-none {
+.ory-default-theme .leading-none {
   line-height: 1;
 }
-.leading-normal {
+.ory-default-theme .leading-normal {
   line-height: 1.5;
 }
-.leading-tight {
+.ory-default-theme .leading-tight {
   line-height: 1.25;
 }
-.text-branding-fg-default {
+.ory-default-theme .text-branding-fg-default {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-.text-button-primary-fg-default {
+.ory-default-theme .text-button-primary-fg-default {
   color: var(--button-primary-fg-default, #ffffff);
 }
-.text-button-primary-fg-hover {
+.ory-default-theme .text-button-primary-fg-hover {
   color: var(--button-primary-fg-hover, #ffffff);
 }
-.text-button-secondary-fg-default {
+.ory-default-theme .text-button-secondary-fg-default {
   color: var(--button-secondary-fg-default, #0f172a);
 }
-.text-dialog-fg-default {
+.ory-default-theme .text-dialog-fg-default {
   color: var(--dialog-fg-default, #0f172a);
 }
-.text-dialog-fg-subtle {
+.ory-default-theme .text-dialog-fg-subtle {
   color: var(--dialog-fg-subtle, #334155);
 }
-.text-forms-fg-default {
+.ory-default-theme .text-forms-fg-default {
   color: var(--forms-fg-default, #0f172a);
 }
-.text-forms-fg-error {
+.ory-default-theme .text-forms-fg-error {
   color: var(--forms-fg-error, #ef4444);
 }
-.text-forms-fg-subtle {
+.ory-default-theme .text-forms-fg-subtle {
   color: var(--forms-fg-subtle, #334155);
 }
-.text-forms-fg-success {
+.ory-default-theme .text-forms-fg-success {
   color: var(--forms-fg-success, #22c55e);
 }
-.text-links-link-default {
+.ory-default-theme .text-links-link-default {
   color: var(--links-link-default, #4f46e5);
 }
-.antialiased {
+.ory-default-theme .antialiased {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.opacity-20 {
+.ory-default-theme .opacity-20 {
   opacity: 0.2;
 }
-.ring-2 {
+.ory-default-theme .ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.ory-default-theme .ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow:
@@ -729,15 +736,18 @@ video {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
-.filter {
+.ory-default-theme .ring-forms-border-default {
+  --tw-ring-color: var(--forms-border-default, #e2e8f0);
+}
+.ory-default-theme .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.transition-all {
+.ory-default-theme .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-colors {
+.ory-default-theme .transition-colors {
   transition-property:
     color,
     background-color,
@@ -748,111 +758,111 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-opacity {
+.ory-default-theme .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.duration-100 {
+.ory-default-theme .duration-100 {
   transition-duration: 100ms;
 }
-.ease-linear {
+.ory-default-theme .ease-linear {
   transition-timing-function: linear;
 }
-.hover\:border-forms-border-hover:hover {
+.ory-default-theme .hover\:border-forms-border-hover:hover {
   border-color: var(--forms-border-hover, #e2e8f0);
 }
-.hover\:bg-button-primary-bg-hover:hover {
+.ory-default-theme .hover\:bg-button-primary-bg-hover:hover {
   background-color: var(--button-primary-bg-hover, #0f172a);
 }
-.hover\:bg-button-secondary-bg-hover:hover {
+.ory-default-theme .hover\:bg-button-secondary-bg-hover:hover {
   background-color: var(--button-secondary-bg-hover, #f8fafc);
 }
-.hover\:text-button-primary-fg-hover:hover {
+.ory-default-theme .hover\:text-button-primary-fg-hover:hover {
   color: var(--button-primary-fg-hover, #ffffff);
 }
-.hover\:text-button-secondary-fg-hover:hover {
+.ory-default-theme .hover\:text-button-secondary-fg-hover:hover {
   color: var(--button-secondary-fg-hover, #334155);
 }
-.hover\:underline:hover {
+.ory-default-theme .hover\:underline:hover {
   text-decoration-line: underline;
 }
-.disabled\:cursor-not-allowed:disabled {
+.ory-default-theme .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
-.peer:checked ~ .peer-checked\:block {
+.ory-default-theme .peer:checked ~ .peer-checked\:block {
   display: block;
 }
-.has-\[\:disabled\]\:opacity-50:has(:disabled) {
+.ory-default-theme .has-\[\:disabled\]\:opacity-50:has(:disabled) {
   opacity: 0.5;
 }
 @media not all and (min-width: 768px) {
-  .max-md\:bottom-0 {
+  .ory-default-theme .max-md\:bottom-0 {
     bottom: 0px;
   }
-  .max-md\:left-8 {
+  .ory-default-theme .max-md\:left-8 {
     left: 2rem;
   }
-  .max-md\:hidden {
+  .ory-default-theme .max-md\:hidden {
     display: none;
   }
-  .max-md\:translate-y-full {
+  .ory-default-theme .max-md\:translate-y-full {
     --tw-translate-y: 100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .max-md\:rounded-b-md {
+  .ory-default-theme .max-md\:rounded-b-md {
     border-bottom-right-radius: 0.375rem;
     border-bottom-left-radius: 0.375rem;
   }
 }
 @media (min-width: 768px) {
-  .md\:right-0 {
+  .ory-default-theme .md\:right-0 {
     right: 0px;
   }
-  .md\:top-8 {
+  .ory-default-theme .md\:top-8 {
     top: 2rem;
   }
-  .md\:hidden {
+  .ory-default-theme .md\:hidden {
     display: none;
   }
-  .md\:h-12 {
+  .ory-default-theme .md\:h-12 {
     height: 3rem;
   }
-  .md\:w-14 {
+  .ory-default-theme .md\:w-14 {
     width: 3.5rem;
   }
-  .md\:w-\[480px\] {
+  .ory-default-theme .md\:w-\[480px\] {
     width: 480px;
   }
-  .md\:max-w-\[480px\] {
+  .ory-default-theme .md\:max-w-\[480px\] {
     max-width: 480px;
   }
-  .md\:translate-x-full {
+  .ory-default-theme .md\:translate-x-full {
     --tw-translate-x: 100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .md\:rounded-r-md {
+  .ory-default-theme .md\:rounded-r-md {
     border-top-right-radius: 0.375rem;
     border-bottom-right-radius: 0.375rem;
   }
-  .md\:px-12 {
+  .ory-default-theme .md\:px-12 {
     padding-left: 3rem;
     padding-right: 3rem;
   }
-  .md\:px-4 {
+  .ory-default-theme .md\:px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
   }
-  .md\:py-14 {
+  .ory-default-theme .md\:py-14 {
     padding-top: 3.5rem;
     padding-bottom: 3.5rem;
   }
-  .md\:py-4 {
+  .ory-default-theme .md\:py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
 }
-.rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *) > :not([hidden]) ~ :not([hidden]) {
+.ory-default-theme .rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *) > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 1;
 }
 /*# sourceMappingURL=index.css.map */