/* Murad ID's look on GitLab, added to each page by nginx. Only colours and the sign-in page: nothing that moves GitLab's own layout. */
@font-face{font-family:"Murada Arabic";font-weight:400;font-display:swap;src:url(https://sso.murada.sa/assets/plex-400.woff2) format("woff2")}
@font-face{font-family:"Murada Arabic";font-weight:700;font-display:swap;src:url(https://sso.murada.sa/assets/plex-700.woff2) format("woff2")}
:root{--m-void:#05050b;--m-ink:#f1f2fb;--m-soft:#c3c7da;--m-line:rgba(190,180,255,.24);--m-panel:rgba(13,13,26,.86);--m-neon:linear-gradient(100deg,#ff2fd0,#8b3dff 55%,#1e9bff)}
html,body{font-family:"Murada Arabic",var(--default-regular-font,"GitLab Sans"),Tahoma,system-ui,sans-serif}
code,pre,kbd,samp,.file-content,.line,.gl-font-monospace{font-family:var(--default-mono-font,"GitLab Mono"),ui-monospace,Consolas,monospace}

/* The background behind every page in the dark look. */
html.gl-dark,html.gl-dark body{background:radial-gradient(640px 540px at 10% 18%,rgba(255,47,208,.14),transparent 70%),radial-gradient(700px 580px at 92% 78%,rgba(30,155,255,.14),transparent 70%),var(--m-void) fixed}
html.gl-dark .content-wrapper,html.gl-dark .layout-page,html.gl-dark .page-with-super-sidebar,html.gl-dark .top-bar-fixed,html.gl-dark .top-bar-container{background:transparent}
html.gl-dark .super-sidebar{background:rgba(9,9,18,.9);border-inline-end:1px solid var(--m-line)}

/* Main buttons and links carry the neon. */
.btn-confirm.btn-md:not(.gl-button-link),.btn-confirm.btn:not(.btn-link):not(.gl-button-link):not(.btn-confirm-secondary):not(.btn-confirm-tertiary),.gl-button.btn-confirm:not(.btn-confirm-secondary):not(.btn-confirm-tertiary):not(.gl-button-link){background:var(--m-neon)!important;border:0!important;color:#fff!important;box-shadow:none!important}
html.gl-dark a:not(.btn):not(.gl-button):not(.gl-badge):not(.nav-link):not(.super-sidebar-nav-item):not(.user-avatar-link){color:#a991ff}

/* The sign-in page: the window of the other sites. */
body.devise-layout-html,html.devise-layout-html,.login-page{color-scheme:dark}
html.devise-layout-html,html.devise-layout-html body,body.login-page{background:radial-gradient(640px 540px at 10% 18%,rgba(255,47,208,.2),transparent 70%),radial-gradient(700px 580px at 92% 78%,rgba(30,155,255,.2),transparent 70%),var(--m-void) fixed!important;color:var(--m-ink)!important}
.login-page .navless-container,.login-page .content,.login-page .container,.login-page main,.login-page .footer-container,.login-page footer{background:transparent!important}
.login-page .gl-text-default,.login-page h1,.login-page h2,.login-page h3,.login-page label,.login-page p,.login-page span{color:var(--m-ink)}
.login-page .gl-text-subtle,.login-page footer a,.login-page .footer-links a{color:var(--m-soft)!important}
.login-page h1,.login-page h3:first-of-type{background:var(--m-neon);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:700}
.login-page .login-box,.login-page .gl-card,.login-page .omniauth-container,.login-page .js-non-oauth-login{background:var(--m-panel)!important;border:1px solid var(--m-line)!important;border-radius:16px!important;box-shadow:0 40px 110px rgba(0,0,0,.65),-14px 0 60px -26px rgba(255,47,208,.6),14px 0 60px -26px rgba(30,155,255,.6)!important;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:var(--m-ink)!important}
.login-page input.form-control,.login-page input.gl-form-input{background:rgba(255,255,255,.05)!important;border:1px solid var(--m-line)!important;box-shadow:none!important;color:var(--m-ink)!important;border-radius:10px!important}
.login-page .btn,.login-page .gl-button{border-radius:10px!important}
.login-page .btn-default,.login-page .gl-button.btn-default{background:var(--m-neon)!important;border:0!important;box-shadow:none!important;color:#fff!important}
.login-page .btn-default .gl-button-text,.login-page .btn .gl-button-text{color:#fff!important}
.gl-broadcast-message,.header-message,.footer-message{font-family:"Murada Arabic",Tahoma,sans-serif}