/* onethree4 skin for Authelia — injected by the authelia-skin nginx sidecar. Mirrors /opt/psitransfer-custom/onethree4.css */
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(/onethree4/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(/onethree4/barlow-600.woff2) format("woff2")}
:root,:root.dark,.dark,[data-theme]{
 --background:#000!important;--foreground:#fff!important;--card:transparent!important;--card-foreground:#fff!important;
 --popover:#000!important;--popover-foreground:#fff!important;--primary:#fff!important;--primary-foreground:#000!important;
 --secondary:#111!important;--secondary-foreground:#fff!important;--muted:#111!important;--muted-foreground:rgba(255,255,255,.6)!important;
 --accent:rgba(255,255,255,.1)!important;--accent-foreground:#fff!important;--destructive:#f87171!important;
 --border:rgba(255,255,255,.25)!important;--input:#fff!important;--ring:rgba(255,255,255,.8)!important;
 --radius:0px!important;--custom-loading-bar:#fff!important}
html{background:#000!important}
body{font-family:"Barlow",sans-serif!important;color:#fff!important;min-height:100vh;
 background:#000 linear-gradient(to bottom right,#1f2937,#09090b,#000) fixed!important}
body *{font-family:inherit!important;border-radius:0!important}
#root,#root>div{background:transparent!important}
/* wordmark in place of the user avatar */
#UserSvg{display:none!important}
[id$="-stage"] .flex-col>div:first-child::before{content:"ONETHREE4";display:block;font-size:26px;letter-spacing:.3em;font-weight:600;color:#fff;margin:0 0 6px .3em}
[id$="-stage"] .flex-col>div:first-child::after{content:"FILES";display:block;font-size:13px;letter-spacing:.3em;color:rgba(255,255,255,.6);margin:0 0 28px .3em}
h5{font-weight:600!important;letter-spacing:.05em;font-size:18px!important;text-transform:uppercase}
/* inputs */
input[id$="-textfield"],input[type=text],input[type=password],input[inputmode]{background:#000!important;color:#fff!important;border:1px solid #fff!important;box-shadow:none!important}
input:focus{outline:2px solid rgba(255,255,255,.8)!important;outline-offset:2px}
label{letter-spacing:.05em}
form label.text-primary{color:#fff!important}
/* buttons */
button.bg-primary,#sign-in-button,button[id$="-button"]:not(#language-button){background:#000!important;color:#fff!important;border:1px solid #fff!important;
 text-transform:uppercase;letter-spacing:.1em;font-size:14px!important;box-shadow:none!important;transition:background-color .2s,color .2s}
button.bg-primary:hover,#sign-in-button:hover,button[id$="-button"]:not(#language-button):hover{background:#fff!important;color:#000!important}
#remember-checkbox{border-color:#fff!important;background:#000!important}
#remember-checkbox[data-checked]{background:#fff!important;color:#000!important}
a{color:#fff!important;text-underline-offset:3px}
a[href*="authelia.com"]{color:rgba(255,255,255,.4)!important}
/* OTP digits: keep the 6 boxes on one line on narrow phones (shrink instead of wrapping) */
#otp-input{display:block!important;width:100%;max-width:100%}
#otp-input>:not(label){display:flex!important;flex-wrap:nowrap!important;justify-content:center;gap:6px;width:100%}
#otp-input input{flex:0 1 44px;min-width:0!important;width:auto!important;height:48px!important;margin:0!important;font-size:20px!important;padding:0!important}
#otp-input input:focus{outline-offset:0!important}