.account{align-content:start;gap:var(--s5);padding-block:0 var(--s7);display:grid}.account-art{margin-inline:calc(var(--gutter-l) * -1) calc(var(--gutter-r) * -1);background:var(--ink-deep);order:-1;height:148px;position:relative;overflow:hidden}.account-art picture{position:absolute;inset:0}.account-art img{object-fit:cover;object-position:50% 42%;width:100%;height:100%}.account-art:after{content:"";background:linear-gradient(0deg, var(--ink), #0d0f1200 70%);position:absolute;inset:0}.account-panel{align-content:start;gap:var(--s5);width:100%;max-width:30rem;display:grid}.account-panel h1{font-size:clamp(3rem,2rem + 5vw,4.75rem)}.account-lede{max-width:var(--measure);font-size:var(--text-l);color:var(--text-soft);line-height:1.4}.account-block{gap:var(--s4);display:grid}.account-block h2{font-size:var(--head-m);font-weight:800}.account .loading{padding-block:0}.provider-links{gap:var(--s3);justify-items:start;display:grid}.form{gap:var(--s5);justify-items:start;display:grid}.form .field,.form .palette{width:100%}.form-actions{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.dev-box{padding:var(--s5);border:1px dashed var(--line-strong);border-radius:var(--r-card)}.dev-box h2{font-size:var(--head-s)}.name-row{align-items:flex-start;gap:var(--s4);width:100%;display:flex}.name-row .field{flex:1;min-width:0}.name-row .avatar{--size:76px;margin-top:30px}@media (max-width:560px){.form>.btn,.provider-links .btn,.form-actions .btn{width:100%}.provider-links{justify-items:stretch}}@media (min-width:900px){.account{gap:var(--s8);grid-template-columns:minmax(0,30rem) minmax(0,1fr);align-content:stretch;align-items:stretch;min-height:calc(100svh - 174px);padding-block:0}.account-panel{padding-block:var(--s8);align-self:center}.account-art{height:auto;min-height:30rem;margin-inline:0 calc(var(--gutter-r) * -1);order:2}.account-art:after{background:linear-gradient(90deg, var(--ink), #0d0f1200 34%), linear-gradient(0deg, #0d0f1299, #0d0f1200 30%)}}@media (max-height:520px) and (orientation:landscape){.account-art{display:none}.account{padding-top:var(--s5)}}