From af78e3385948bbce8442f8ae3e5f0073ce107117 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 1 Dec 2025 21:02:17 +0400
Subject: [PATCH] Remove align prop from Typography.Title

---
 .../profiles/(unauthenticated)/studio.svelte  | 118 +-----------------
 1 file changed, 1 insertion(+), 117 deletions(-)

diff --git a/src/lib/profiles/(unauthenticated)/studio.svelte b/src/lib/profiles/(unauthenticated)/studio.svelte
index b8556ded3..2c93b8dec 100644
--- a/src/lib/profiles/(unauthenticated)/studio.svelte
+++ b/src/lib/profiles/(unauthenticated)/studio.svelte
@@ -49,7 +49,7 @@
     <section class="grid-1-1-col-2 u-flex u-flex-vertical u-cross-center u-main-center">
         <slot name="top" />
         <div class="container u-flex u-flex-vertical u-cross-center u-main-center u-gap-32">
-            <Typography.Title size="l" {align}>Welcome to Imagine</Typography.Title>
+            <Typography.Title size="l">Welcome to Imagine</Typography.Title>
             <div class="auth-container u-width-full-line">
                 <Card.Base>
                     <slot />
@@ -85,126 +85,10 @@
 <style lang="scss">
     @use '@appwrite.io/pink-legacy/src/abstract/variables/devices';
 
-    .side-bg {
-        position: relative;
-        overflow: hidden;
-        z-index: 1;
-        height: 100%;
-        width: 100%;
-        padding-block: 2rem;
-        padding-inline: 1rem;
-        background-color: #ededf0 !important;
-
-        &-container {
-            position: absolute;
-            inset: 0;
-            block-size: 100%;
-            inline-size: 100%;
-            z-index: -1;
-            &::before {
-                position: absolute;
-                inset-block-start: -200px;
-                inset-inline-end: -50px;
-                content: '';
-                display: block;
-                inline-size: 32%;
-                block-size: 32%;
-                background: radial-gradient(49.55% 43.54% at 47% 50.69%, #e7f8f7 0%, #85dbd8 100%);
-                filter: blur(150px);
-                @media #{devices.$break1} {
-                    filter: blur(100px);
-                }
-            }
-            &::after {
-                position: absolute;
-                inset-block-end: -50px;
-                inset-inline-start: -50px;
-                content: '';
-                display: block;
-                inline-size: 30%;
-                block-size: 30%;
-                background: radial-gradient(
-                    50% 46.73% at 50% 53.27%,
-                    #fe9567 28.17%,
-                    #fd366e 59.38%
-                );
-                filter: blur(200px);
-
-                @media #{devices.$break1} {
-                    filter: blur(100px);
-                }
-            }
-        }
-        &-img {
-            padding-inline: 6.25rem;
-            max-width: 40rem;
-            @media #{devices.$break2} {
-                max-width: 28rem;
-            }
-            @media #{devices.$break1} {
-                margin-block-start: 3rem;
-                max-inline-size: 23rem;
-                padding-inline: 4rem;
-            }
-        }
-    }
-    :global(.theme-dark) .side-bg {
-        background-color: #131315 !important;
-    }
-
-    :global(.theme-dark) .side-bg-container::before {
-        inline-size: 20%;
-        block-size: 20%;
-        filter: blur(180px);
-    }
-    :global(.theme-dark) .side-bg-container::after {
-        filter: blur(250px);
-    }
-
-    /* Default (including mobile) */
-    .side-default {
-        padding-block-start: 2.25rem;
-        padding-block-end: 2rem;
-    }
-
-    /* for smaller screens */
-    @media #{devices.$break2open} {
-        .side-default {
-            background: var(--url);
-            background-repeat: no-repeat;
-            background-position: top;
-            background-size: cover;
-
-            padding-block-start: 6.25rem;
-            padding-block-end: 6.875rem;
-        }
-    }
-
-    :global(.theme-dark) .tag-line {
-        background: linear-gradient(45deg, white, white 60%, #fd376f);
-        background-clip: text;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-    }
-
-    :global(.theme-light) .tag-line {
-        background: linear-gradient(45deg, #19191d, #19191d 60%, #fd376f);
-        background-clip: text;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-    }
-
     .auth-container {
         max-inline-size: 27.5rem;
     }
 
-    .review-footer-container {
-        padding-block-start: 10rem;
-        @media #{devices.$break1} {
-            padding-block-start: 5rem;
-        }
-    }
-
     // mobile logo positioned at bottom in mobile view
     .mobile-logo {
         position: absolute;