diff --git a/src/lib/animations/Products/Products.svelte b/src/lib/animations/Products/Products.svelte index 48655fb5a4..36968604fa 100644 --- a/src/lib/animations/Products/Products.svelte +++ b/src/lib/animations/Products/Products.svelte @@ -408,7 +408,7 @@ } .products { - background: var(--debug-bg, hsl(250 50 50 / 0.25)); + background: var(--debug-bg, hsla(250, 50%, 50%, 0.25)); display: flex; justify-content: space-between; @@ -419,7 +419,7 @@ transition: 200ms ease; .text { - background: var(--debug-bg, hsl(200 50 50 / 0.25)); + background: var(--debug-bg, hsla(200, 50%, 50%, 0.25)); display: flex; flex-grow: 1; max-width: 25rem; @@ -500,7 +500,7 @@ } .animated { - background: var(--debug-bg, hsl(100 50 50 / 0.25)); + background: var(--debug-bg, hsl(100, 50%, 50%, 0.25)); width: min(42rem, 50vw); height: min(38.75rem, 90vh); diff --git a/src/lib/animations/Products/realtime/phone.svelte b/src/lib/animations/Products/realtime/phone.svelte index 255e752e95..4fefa0398a 100644 --- a/src/lib/animations/Products/realtime/phone.svelte +++ b/src/lib/animations/Products/realtime/phone.svelte @@ -642,9 +642,6 @@ > svg { margin-block-start: 1.25rem; margin-inline: 0.5rem 1.5rem; - - path { - } } } diff --git a/src/markdoc/layouts/Tutorial.svelte b/src/markdoc/layouts/Tutorial.svelte index 6eda2c2dc5..b402595de5 100644 --- a/src/markdoc/layouts/Tutorial.svelte +++ b/src/markdoc/layouts/Tutorial.svelte @@ -8,7 +8,7 @@