@dialpad/dialtone-css 8.74.0 → 8.75.1

package/lib/dist/dialtone-default-theme.css

@@ -2040,6 +2040,12 @@ template {
           animation: d-loading-circle 900ms infinite linear;
   content: "";
 }
+.d-btn--loading:has(> .d-btn__loader)::before {
+  content: none;
+}
+.d-btn--loading > :where(.d-btn__loader) {
+  position: absolute;
+}
 .d-btn--disabled {
   --button-color-text: var(--dt-action-color-foreground-disabled-default) !important;
   --button-color-background: var(--dt-action-color-background-disabled-default) !important;
@@ -4193,7 +4199,6 @@ legend .d-label--md {
   border: var(--popover-border-width) solid var(--popover-color-border);
   border-radius: var(--popover-border-radius);
   box-shadow: var(--popover-shadow);
-  visibility: visible;
 }
 .d-popover__dialog,
 .d-popover__dialog *,
@@ -4240,9 +4245,6 @@ legend .d-label--md {
   grid-row: 3;
   border-top: var(--popover-border-width) solid var(--popover-color-border);
 }
-.tippy-box[data-popper-reference-hidden] .d-popover__dialog {
-  visibility: hidden;
-}
 .d-progress-circle {
   --progress-size: var(--dt-icon-size-500);
   --progress-color: var(--dt-color-border-bold);
@@ -5823,6 +5825,323 @@ legend .d-label--md {
   color: var(--dt-color-foreground-tertiary);
   font: var(--dt-typography-body-md);
 }
+@property --d-motion-text-mask-pos {
+  inherits: true;
+  initial-value: 0%;
+  syntax: '<percentage>';
+}
+.d-motion-text {
+  /* Theme variables - can be overridden by design system */
+  --d-motion-text-duration: 1000ms;
+  --d-motion-text-char-duration: var(--d-motion-text-duration);
+  --d-motion-text-word-duration: calc(var(--d-motion-text-duration) * 2);
+  --d-motion-text-highlight-color: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 80%, var(--dt-color-brand-gold) 100%);
+  --d-motion-text-gradient: linear-gradient(90deg, transparent 0%, transparent 20%, black 40%, black 60%, transparent 80%, transparent 100%) 0% 0% / 500% 100%;
+  --d-motion-text-shimmer-gradient: linear-gradient(90deg, black 0%, black 20%, #0005 40%, #0005 60%, black 80%, black 100%) 0% 0% / 500% 100%;
+  position: relative;
+}
+.d-motion-text__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  white-space: nowrap;
+  clip-path: inset(50%);
+}
+.d-motion-text__content {
+  display: contents;
+}
+.d-motion-text__fallback {
+  display: contents;
+}
+.d-motion-text__char {
+  display: inline;
+  white-space: pre;
+}
+.d-motion-text__word {
+  position: relative;
+  display: inline-block;
+  white-space: nowrap;
+}
+@-webkit-keyframes d-motion-text-gradient-in-char-appear {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes d-motion-text-gradient-in-char-appear {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes d-motion-text-gradient-in-char-reveal {
+  from {
+    color: var(--dt-color-neutral-transparent);
+  }
+  to {
+    color: inherit;
+  }
+}
+@keyframes d-motion-text-gradient-in-char-reveal {
+  from {
+    color: var(--dt-color-neutral-transparent);
+  }
+  to {
+    color: inherit;
+  }
+}
+@-webkit-keyframes d-motion-text-gradient-in-word-reveal {
+  from {
+    --d-motion-text-mask-pos: 100%;
+  }
+  to {
+    --d-motion-text-mask-pos: 0%;
+  }
+}
+@keyframes d-motion-text-gradient-in-word-reveal {
+  from {
+    --d-motion-text-mask-pos: 100%;
+  }
+  to {
+    --d-motion-text-mask-pos: 0%;
+  }
+}
+@-webkit-keyframes d-motion-text-fade-in-char-appear {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes d-motion-text-fade-in-char-appear {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes d-motion-text-fade-in-word-appear {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes d-motion-text-fade-in-word-appear {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes d-motion-text-slide-in-char-appear {
+  from {
+    -webkit-transform: translateY(0.3em);
+            transform: translateY(0.3em);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes d-motion-text-slide-in-char-appear {
+  from {
+    -webkit-transform: translateY(0.3em);
+            transform: translateY(0.3em);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+}
+@-webkit-keyframes d-motion-text-slide-in-word-appear {
+  from {
+    -webkit-transform: translateY(0.5em);
+            transform: translateY(0.5em);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes d-motion-text-slide-in-word-appear {
+  from {
+    -webkit-transform: translateY(0.5em);
+            transform: translateY(0.5em);
+    opacity: 0;
+  }
+  to {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+    opacity: 1;
+  }
+}
+.d-motion-text-char-gradient-in-enter-active {
+  -webkit-animation: d-motion-text-gradient-in-char-appear var(--d-motion-text-char-duration) var(--ttf-in-out);
+          animation: d-motion-text-gradient-in-char-appear var(--d-motion-text-char-duration) var(--ttf-in-out);
+}
+.d-motion-text-char-gradient-in-leave-active {
+  animation: d-motion-text-gradient-in-char-appear calc(var(--d-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
+}
+.d-motion-text-word-gradient-in-enter-active {
+  -webkit-animation: d-motion-text-gradient-in-word-reveal calc(var(--d-motion-text-word-duration) * 1.5) var(--ttf-out-quint);
+          animation: d-motion-text-gradient-in-word-reveal calc(var(--d-motion-text-word-duration) * 1.5) var(--ttf-out-quint);
+}
+.d-motion-text-word-gradient-in-leave-active {
+  animation: d-motion-text-gradient-in-word-reveal calc(var(--d-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
+}
+.d-motion-text-char-fade-in-enter-active {
+  -webkit-animation: d-motion-text-fade-in-char-appear var(--d-motion-text-char-duration) var(--ttf-out-quint);
+          animation: d-motion-text-fade-in-char-appear var(--d-motion-text-char-duration) var(--ttf-out-quint);
+}
+.d-motion-text-char-fade-in-leave-active {
+  animation: d-motion-text-fade-in-char-appear calc(var(--d-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
+}
+.d-motion-text-word-fade-in-enter-active {
+  -webkit-animation: d-motion-text-fade-in-word-appear var(--d-motion-text-word-duration) var(--ttf-out-quint);
+          animation: d-motion-text-fade-in-word-appear var(--d-motion-text-word-duration) var(--ttf-out-quint);
+}
+.d-motion-text-word-fade-in-leave-active {
+  animation: d-motion-text-fade-in-word-appear calc(var(--d-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
+}
+.d-motion-text-char-slide-in-enter-active {
+  -webkit-animation: d-motion-text-slide-in-char-appear var(--d-motion-text-char-duration) var(--ttf-out-quint);
+          animation: d-motion-text-slide-in-char-appear var(--d-motion-text-char-duration) var(--ttf-out-quint);
+}
+.d-motion-text-char-slide-in-leave-active {
+  animation: d-motion-text-slide-in-char-appear calc(var(--d-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
+}
+.d-motion-text-word-slide-in-enter-active {
+  -webkit-animation: d-motion-text-slide-in-word-appear var(--d-motion-text-word-duration) var(--ttf-out-quint);
+          animation: d-motion-text-slide-in-word-appear var(--d-motion-text-word-duration) var(--ttf-out-quint);
+}
+.d-motion-text-word-slide-in-leave-active {
+  animation: d-motion-text-slide-in-word-appear calc(var(--d-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
+}
+.d-motion-text--gradient-in .d-motion-text__char {
+  -webkit-animation: d-motion-text-gradient-in-char-reveal var(--d-motion-text-char-duration) var(--ttf-in-out);
+          animation: d-motion-text-gradient-in-char-reveal var(--d-motion-text-char-duration) var(--ttf-in-out);
+}
+.d-motion-text--gradient-sweep,
+.d-motion-text--shimmer {
+  position: relative;
+  display: inline-block;
+  -webkit-animation: d-motion-text-gradient-in-word-reveal calc(var(--d-motion-text-word-duration) * 1.5) var(--ttf-in-out) 1;
+          animation: d-motion-text-gradient-in-word-reveal calc(var(--d-motion-text-word-duration) * 1.5) var(--ttf-in-out) 1;
+}
+.d-motion-text--gradient-in .d-motion-text__word::before,
+.d-motion-text--gradient-sweep::before {
+  position: absolute;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  background: var(--d-motion-text-highlight-color);
+  -webkit-background-clip: text;
+  background-clip: text;
+  content: attr(data-text-content);
+  pointer-events: none;
+  -webkit-text-fill-color: transparent;
+  -webkit-mask: var(--d-motion-text-gradient);
+          mask: var(--d-motion-text-gradient);
+  -webkit-mask-position: var(--d-motion-text-mask-pos) 0%;
+          mask-position: var(--d-motion-text-mask-pos) 0%;
+}
+.d-motion-text--shimmer {
+  content: attr(data-text-content);
+  -webkit-mask: var(--d-motion-text-shimmer-gradient);
+          mask: var(--d-motion-text-shimmer-gradient);
+  -webkit-mask-position: var(--d-motion-text-mask-pos) 0%;
+          mask-position: var(--d-motion-text-mask-pos) 0%;
+}
+.d-motion-text--none .d-motion-text__word,
+.d-motion-text--none .d-motion-text__char {
+  -webkit-transform: none;
+          transform: none;
+  opacity: 1;
+}
+.d-motion-text--paused {
+  -webkit-animation-play-state: paused !important;
+          animation-play-state: paused !important;
+}
+.d-motion-text--looped {
+  -webkit-animation-iteration-count: infinite !important;
+          animation-iteration-count: infinite !important;
+}
+@media (prefers-reduced-motion: reduce) {
+  .d-motion-text {
+    --d-motion-text-duration: 0ms;
+    --d-motion-text-char-duration: 0ms;
+    --d-motion-text-word-duration: 0ms;
+    transition-duration: 0ms !important;
+    -webkit-animation-duration: 0ms !important;
+            animation-duration: 0ms !important;
+  }
+}
+.d-recipe-combobox-with-popover__list .d-list-item__content {
+  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
+}
+.d-recipe-combobox-multi-select__chip {
+  z-index: var(--zi-base1);
+  max-width: var(--dt-size-100-percent);
+  margin-top: var(--dt-space-300);
+  margin-right: var(--dt-space-200);
+  margin-left: var(--dt-space-200);
+}
+.d-recipe-combobox-multi-select__chip-wrapper {
+  position: absolute;
+  max-width: calc(var(--dt-size-100-percent) - var(--dt-space-400));
+  max-height: initial;
+  margin-right: var(--dt-space-200);
+  margin-left: var(--dt-space-200);
+  padding-left: var(--dt-space-100);
+  overflow-y: visible;
+}
+.d-recipe-combobox-multi-select__chip-wrapper-md--collapsed {
+  max-height: 2.8rem;
+  overflow-y: hidden;
+}
+.d-recipe-combobox-multi-select__chip-wrapper-sm--collapsed,
+.d-recipe-combobox-multi-select__chip-wrapper-xs--collapsed {
+  max-height: 2.5rem;
+  overflow-y: hidden;
+}
+.d-recipe-combobox-multi-select__chip--truncate {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.d-recipe-combobox-multi-select__input {
+  flex-grow: 1;
+}
+.d-recipe-combobox-multi-select__input--hidden {
+  color: transparent;
+}
+.d-recipe-combobox-multi-select__input-wrapper {
+  position: relative;
+  display: block;
+}
+.d-recipe-combobox-multi-select__list .d-list-item__content {
+  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
+}
+.d-recipe-combobox-multi-select__list--loading {
+  padding-top: var(--dt-space-500);
+  padding-bottom: var(--dt-space-500);
+  text-align: center;
+}
 .d-bga-scroll {
   background-attachment: scroll !important;
 }
@@ -9209,56 +9528,6 @@ ul {
 .d-recipe-callbox__badge--warning {
   background-color: var(--dt-color-surface-warning);
 }
-.d-recipe-combobox-multi-select__chip {
-  z-index: var(--zi-base1);
-  max-width: var(--dt-size-100-percent);
-  margin-top: var(--dt-space-300);
-  margin-right: var(--dt-space-200);
-  margin-left: var(--dt-space-200);
-}
-.d-recipe-combobox-multi-select__chip-wrapper {
-  position: absolute;
-  max-width: calc(var(--dt-size-100-percent) - var(--dt-space-400));
-  max-height: initial;
-  margin-right: var(--dt-space-200);
-  margin-left: var(--dt-space-200);
-  padding-left: var(--dt-space-100);
-  overflow-y: visible;
-}
-.d-recipe-combobox-multi-select__chip-wrapper-md--collapsed {
-  max-height: 2.8rem;
-  overflow-y: hidden;
-}
-.d-recipe-combobox-multi-select__chip-wrapper-sm--collapsed,
-.d-recipe-combobox-multi-select__chip-wrapper-xs--collapsed {
-  max-height: 2.5rem;
-  overflow-y: hidden;
-}
-.d-recipe-combobox-multi-select__chip--truncate {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.d-recipe-combobox-multi-select__input {
-  flex-grow: 1;
-}
-.d-recipe-combobox-multi-select__input--hidden {
-  color: transparent;
-}
-.d-recipe-combobox-multi-select__input-wrapper {
-  position: relative;
-  display: block;
-}
-.d-recipe-combobox-multi-select__list .d-list-item__content {
-  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
-}
-.d-recipe-combobox-multi-select__list--loading {
-  padding-top: var(--dt-space-500);
-  padding-bottom: var(--dt-space-500);
-  text-align: center;
-}
-.d-recipe-combobox-with-popover__list .d-list-item__content {
-  min-height: calc(var(--dt-size-550) + var(--dt-size-300));
-}
 .d-recipe-contact-info {
   --contact-info-avatar-border-color: var(--dt-color-surface-primary);
   padding: var(--dt-space-300) var(--dt-space-400);
@@ -10235,273 +10504,6 @@ ul {
   border: var(--dt-space-100) solid;
   border-color: var(--dt-color-border-default);
 }
-@property --dt-recipe-motion-text-mask-pos {
-  inherits: true;
-  initial-value: 0%;
-  syntax: '<percentage>';
-}
-.dt-recipe-motion-text {
-  /* Theme variables - can be overridden by design system */
-  --dt-recipe-motion-text-duration: 1000ms;
-  --dt-recipe-motion-text-char-duration: var(--dt-recipe-motion-text-duration);
-  --dt-recipe-motion-text-word-duration: calc(var(--dt-recipe-motion-text-duration) * 2);
-  --dt-recipe-motion-text-highlight-color: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 80%, var(--dt-color-brand-gold) 100%);
-  --dt-recipe-motion-text-gradient: linear-gradient(90deg, transparent 0%, transparent 20%, black 40%, black 60%, transparent 80%, transparent 100%) 0% 0% / 500% 100%;
-  --dt-recipe-motion-text-shimmer-gradient: linear-gradient(90deg, black 0%, black 20%, #0005 40%, #0005 60%, black 80%, black 100%) 0% 0% / 500% 100%;
-  position: relative;
-}
-.dt-recipe-motion-text__sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  white-space: nowrap;
-  clip-path: inset(50%);
-}
-.dt-recipe-motion-text__content {
-  display: contents;
-}
-.dt-recipe-motion-text__fallback {
-  display: contents;
-}
-.dt-recipe-motion-text__char {
-  display: inline;
-  white-space: pre;
-}
-.dt-recipe-motion-text__word {
-  position: relative;
-  display: inline-block;
-  white-space: nowrap;
-}
-@-webkit-keyframes dt-recipe-motion-text-gradient-in-char-appear {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes dt-recipe-motion-text-gradient-in-char-appear {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes dt-recipe-motion-text-gradient-in-char-reveal {
-  from {
-    color: var(--dt-color-neutral-transparent);
-  }
-  to {
-    color: inherit;
-  }
-}
-@keyframes dt-recipe-motion-text-gradient-in-char-reveal {
-  from {
-    color: var(--dt-color-neutral-transparent);
-  }
-  to {
-    color: inherit;
-  }
-}
-@-webkit-keyframes dt-recipe-motion-text-gradient-in-word-reveal {
-  from {
-    --dt-recipe-motion-text-mask-pos: 100%;
-  }
-  to {
-    --dt-recipe-motion-text-mask-pos: 0%;
-  }
-}
-@keyframes dt-recipe-motion-text-gradient-in-word-reveal {
-  from {
-    --dt-recipe-motion-text-mask-pos: 100%;
-  }
-  to {
-    --dt-recipe-motion-text-mask-pos: 0%;
-  }
-}
-@-webkit-keyframes dt-recipe-motion-text-fade-in-char-appear {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes dt-recipe-motion-text-fade-in-char-appear {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes dt-recipe-motion-text-fade-in-word-appear {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes dt-recipe-motion-text-fade-in-word-appear {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes dt-recipe-motion-text-slide-in-char-appear {
-  from {
-    -webkit-transform: translateY(0.3em);
-            transform: translateY(0.3em);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes dt-recipe-motion-text-slide-in-char-appear {
-  from {
-    -webkit-transform: translateY(0.3em);
-            transform: translateY(0.3em);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-@-webkit-keyframes dt-recipe-motion-text-slide-in-word-appear {
-  from {
-    -webkit-transform: translateY(0.5em);
-            transform: translateY(0.5em);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes dt-recipe-motion-text-slide-in-word-appear {
-  from {
-    -webkit-transform: translateY(0.5em);
-            transform: translateY(0.5em);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-.dt-recipe-motion-text-char-gradient-in-enter-active {
-  -webkit-animation: dt-recipe-motion-text-gradient-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-in-out);
-          animation: dt-recipe-motion-text-gradient-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-in-out);
-}
-.dt-recipe-motion-text-char-gradient-in-leave-active {
-  animation: dt-recipe-motion-text-gradient-in-char-appear calc(var(--dt-recipe-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
-}
-.dt-recipe-motion-text-word-gradient-in-enter-active {
-  -webkit-animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-out-quint);
-          animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-out-quint);
-}
-.dt-recipe-motion-text-word-gradient-in-leave-active {
-  animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
-}
-.dt-recipe-motion-text-char-fade-in-enter-active {
-  -webkit-animation: dt-recipe-motion-text-fade-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
-          animation: dt-recipe-motion-text-fade-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
-}
-.dt-recipe-motion-text-char-fade-in-leave-active {
-  animation: dt-recipe-motion-text-fade-in-char-appear calc(var(--dt-recipe-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
-}
-.dt-recipe-motion-text-word-fade-in-enter-active {
-  -webkit-animation: dt-recipe-motion-text-fade-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
-          animation: dt-recipe-motion-text-fade-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
-}
-.dt-recipe-motion-text-word-fade-in-leave-active {
-  animation: dt-recipe-motion-text-fade-in-word-appear calc(var(--dt-recipe-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
-}
-.dt-recipe-motion-text-char-slide-in-enter-active {
-  -webkit-animation: dt-recipe-motion-text-slide-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
-          animation: dt-recipe-motion-text-slide-in-char-appear var(--dt-recipe-motion-text-char-duration) var(--ttf-out-quint);
-}
-.dt-recipe-motion-text-char-slide-in-leave-active {
-  animation: dt-recipe-motion-text-slide-in-char-appear calc(var(--dt-recipe-motion-text-char-duration) * 0.5) var(--ttf-out-quint) reverse;
-}
-.dt-recipe-motion-text-word-slide-in-enter-active {
-  -webkit-animation: dt-recipe-motion-text-slide-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
-          animation: dt-recipe-motion-text-slide-in-word-appear var(--dt-recipe-motion-text-word-duration) var(--ttf-out-quint);
-}
-.dt-recipe-motion-text-word-slide-in-leave-active {
-  animation: dt-recipe-motion-text-slide-in-word-appear calc(var(--dt-recipe-motion-text-word-duration) * 0.5) var(--ttf-out-quint) reverse;
-}
-.dt-recipe-motion-text--gradient-in .dt-recipe-motion-text__char {
-  -webkit-animation: dt-recipe-motion-text-gradient-in-char-reveal var(--dt-recipe-motion-text-char-duration) var(--ttf-in-out);
-          animation: dt-recipe-motion-text-gradient-in-char-reveal var(--dt-recipe-motion-text-char-duration) var(--ttf-in-out);
-}
-.dt-recipe-motion-text--gradient-sweep,
-.dt-recipe-motion-text--shimmer {
-  position: relative;
-  display: inline-block;
-  -webkit-animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-in-out) 1;
-          animation: dt-recipe-motion-text-gradient-in-word-reveal calc(var(--dt-recipe-motion-text-word-duration) * 1.5) var(--ttf-in-out) 1;
-}
-.dt-recipe-motion-text--gradient-in .dt-recipe-motion-text__word::before,
-.dt-recipe-motion-text--gradient-sweep::before {
-  position: absolute;
-  font-size: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  background: var(--dt-recipe-motion-text-highlight-color);
-  -webkit-background-clip: text;
-  background-clip: text;
-  content: attr(data-text-content);
-  pointer-events: none;
-  -webkit-text-fill-color: transparent;
-  -webkit-mask: var(--dt-recipe-motion-text-gradient);
-          mask: var(--dt-recipe-motion-text-gradient);
-  -webkit-mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
-          mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
-}
-.dt-recipe-motion-text--shimmer {
-  content: attr(data-text-content);
-  -webkit-mask: var(--dt-recipe-motion-text-shimmer-gradient);
-          mask: var(--dt-recipe-motion-text-shimmer-gradient);
-  -webkit-mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
-          mask-position: var(--dt-recipe-motion-text-mask-pos) 0%;
-}
-.dt-recipe-motion-text--none .dt-recipe-motion-text__word,
-.dt-recipe-motion-text--none .dt-recipe-motion-text__char {
-  -webkit-transform: none;
-          transform: none;
-  opacity: 1;
-}
-.dt-recipe-motion-text--paused {
-  -webkit-animation-play-state: paused !important;
-          animation-play-state: paused !important;
-}
-.dt-recipe-motion-text--looped {
-  -webkit-animation-iteration-count: infinite !important;
-          animation-iteration-count: infinite !important;
-}
-@media (prefers-reduced-motion: reduce) {
-  .dt-recipe-motion-text {
-    --dt-recipe-motion-text-duration: 0ms;
-    --dt-recipe-motion-text-char-duration: 0ms;
-    --dt-recipe-motion-text-word-duration: 0ms;
-    transition-duration: 0ms !important;
-    -webkit-animation-duration: 0ms !important;
-            animation-duration: 0ms !important;
-  }
-}
 .d-recipe-settings-menu-button {
   width: var(--dt-size-550);
   height: var(--dt-size-600);