:root {
    --dark-rgb: 5,9,23;
    --dark: rgb(var(--dark-rgb));
    --light-rgb: 219,226,250;
    --light: rgb(var(--light-rgb));
    --light-secondary-rgb: 112,121,151;
    --light-secondary: rgb(var(--light-secondary-rgb));
    --light-stroke-rgb: 26,31,46;
    --light-stroke: rgb(var(--light-stroke-rgb));
    --success-rgb: 101,217,120;
    --success: rgb(var(--success-rgb));
    --danger-rgb: 223,84,84;
    --danger: rgb(var(--danger-rgb));
    --warning-rgb: 254,154,61;
    --warning: rgb(var(--warning-rgb));
    --light-3: rgba(var(--light-rgb),0.03);
    --light-5: rgba(var(--light-rgb),0.05);
    --light-10: rgba(var(--light-rgb),0.1);
    --dark-3: rgba(var(--dark-rgb),0.03);
    --dark-5: rgba(var(--dark-rgb),0.05);
    --dark-10: rgba(var(--dark-rgb),0.1);
    --dark-30: rgba(var(--dark-rgb),0.3);
    --dark-50: rgba(var(--dark-rgb),0.5);
    --g-1: #a14949;
    --g-2: #f2728b;
    --g-3: #fde986;
    --g-4: #d5ffe0;
    --g-5: #5dc8e9;
    --g-6: #214ac0;
    --g-7: #9c50b5;
    --gradient-light: linear-gradient(to right,var(--light-secondary),var(--light) 33% 66%,var(--light-secondary));
    --gradient-light-secondary: linear-gradient(to right,var(--light-secondary),var(--light),var(--light-secondary));
    --gradient-1: linear-gradient(to right,var(--g-1),var(--g-2),var(--g-3),var(--g-4),var(--g-5),var(--g-6),var(--g-7),var(--g-1),var(--g-2),var(--g-3),var(--g-4),var(--g-5),var(--g-6),var(--g-7),var(--g-1));
    --gradient-2: linear-gradient(to bottom,var(--g-1),var(--g-2),var(--g-3),var(--g-4),var(--g-5),var(--g-6),var(--g-7),var(--g-1),var(--g-2),var(--g-3),var(--g-4),var(--g-5),var(--g-6),var(--g-7),var(--g-1));
    --bg-gradient: var(--gradient-1) 0 0 /200% 100% no-repeat;
    --bg-gradient-2: var(--gradient-2) 0 0 /100% 200% no-repeat;
    --cubic: cubic-bezier(0.62,0.05,0,1);
    --transition-scale: 0.1s;
    --transition-link: 0.4s var(--cubic);
    --transition-nav: 0.6s var(--cubic);
    --size-0: 0;
    --size-px: 1px;
    --size-0-5: 0.125rem;
    --size-1: 0.25rem;
    --size-1-5: 0.375rem;
    --size-2: 0.5rem;
    --size-2-5: 0.625rem;
    --size-3: 0.75rem;
    --size-3-5: 0.875rem;
    --size-4: 1rem;
    --size-5: 1.25rem;
    --size-6: 1.5rem;
    --size-7: 1.75rem;
    --size-8: 2rem;
    --size-9: 2.25rem;
    --size-10: 2.5rem;
    --size-11: 2.75rem;
    --size-12: 3rem;
    --size-14: 3.5rem;
    --size-16: 4rem;
    --size-20: 5rem;
    --size-24: 6rem;
    --size-28: 7rem;
    --size-32: 8rem;
    --size-36: 9rem;
    --size-40: 10rem;
    --size-44: 11rem;
    --size-48: 12rem;
    --size-52: 13rem;
    --size-56: 14rem;
    --size-60: 15rem;
    --size-64: 16rem;
    --size-72: 18rem;
    --size-80: 20rem;
    --size-96: 24rem;
    --radius-rounded: 9999px;
    --radius-1: var(--size-8);
    --radius-2: var(--size-6);
    --radius-3: var(--size-4);
    --wrapper-padding: calc(24px + 24 * (100vw - 320px) / 1080);
    --aside-width: calc(240px + 30 * (100vw - 320px) / 1080);
    --header-height: calc(72px + 8 * (100vw - 320px) / 1080)
}

html, body {
    background-color: rgba(39, 39, 47, 1);
}
.account-frame {
    color: var(--light);
    padding: var(--surface-padding, var(--size-6));
    background: var(--surface-bg, var(--light-3));
    box-shadow: var(--surface-shadow-outer, var(--surface-base-shadow-outer, 0 0 0)), var(--surface-shadow-inner, var(--surface-base-shadow-inner, 0 0 0));
}
.account-frame.border-gradient {
    position: relative
}
.account-frame.form-floating>label{
    color: rgba(39, 39, 47, 1)!important;    
}
.account-frame.border-gradient:after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--gradient-1) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;
    background-size: 200% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    animation: surface_gradient 3s linear infinite
}

@keyframes surface_gradient {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}