:root{--profile-accent:#ffd149}.profile-page-hero{height:145px;background:linear-gradient(0deg,#06141f1a,#06141f05),url('assets/profile-convoy.png') center 48%/cover;border-bottom:1px solid #b89235}.page-profile{background:#03141e;color:#f3f6fb}.page-profile>header{background:#03121f;border-bottom:1px solid #cda43e;position:relative;z-index:5}.profile-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;max-width:1600px;margin:0 auto;padding:18px 14px 30px}.profile-sidebar nav{display:flex;flex-direction:column;border:1px solid #4b606a;border-radius:10px;background:#04151ee8;overflow:hidden}.profile-sidebar nav a{display:flex;align-items:center;gap:21px;padding:16px 22px;min-height:49px;color:#e3edf5;text-decoration:none;border-bottom:1px solid #2a404c55;font-size:14px}.profile-sidebar nav a:first-letter{color:#ffcf46}.profile-sidebar nav a.selected{background:linear-gradient(110deg,#ffe16a,#ffcc37);color:#0c151c;font-weight:750}.profile-team-poster{height:265px;margin:14px 5px 0;border:2px solid #ffd65d;border-radius:11px;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(0deg,#07111cf2,transparent),url('assets/vorlage.jpeg') center/cover;box-shadow:0 0 13px #ffbe3444;color:#ffe070;text-align:center}.profile-team-poster strong{font-size:23px}.profile-team-poster p{font-size:13px}.profile-main{padding:0;min-width:0;max-width:none;margin:0}.profile-title{display:flex;gap:14px;align-items:center;margin:0 0 18px}.profile-title>span{border-radius:50%;display:grid;place-items:center;background:#13bed4;width:45px;height:45px;font-size:26px}.profile-title h1{font-size:25px;margin:0 0 3px}.profile-title p{margin:0;color:#d5e1eb;font-size:13px}.profile-card{border:1px solid #466371;border-radius:9px;background:linear-gradient(130deg,#041923f5,#02121bf7);padding:16px;min-width:0}.profile-card h2{font-size:18px;margin:0 0 4px;display:flex;gap:13px;align-items:center}.profile-card h2 i{font-style:normal;color:#ffcf45;font-size:26px}.profile-card p{font-size:12px;line-height:1.5;color:#c7dae8;margin:4px 0 12px}.profile-card small{font-size:11px;color:#c4d4df}.profile-card hr{border:0;border-top:1px solid #38515d;margin:16px 0 12px}.profile-summary{padding:0;overflow:hidden;margin-bottom:6px}.profile-cover{height:97px;position:relative;border:1px solid #f3c34c;border-radius:8px;overflow:hidden}.profile-cover img,.profile-banner-preview img{width:100%;height:100%;object-fit:cover}.profile-cover button,.profile-banner-preview button{position:absolute;right:14px;top:14px;font-size:12px;padding:10px 15px;background:#04131deb}.profile-summary-body{display:flex;align-items:center;gap:23px;padding:10px 16px 16px;min-height:130px}.profile-avatar-wrap{position:relative;margin-top:-66px;flex:0 0 185px}.profile-avatar{--frame:#ffcc47;width:180px;height:180px;border:3px solid var(--frame);border-radius:50%;background:#0a2431;box-shadow:0 0 12px var(--frame),inset 0 0 8px var(--frame);overflow:hidden;display:grid;place-items:center;color:#ffe17b;font-size:50px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-camera{position:absolute;bottom:0;right:0;border:2px solid #ffdd59;border-radius:50%;width:53px;height:53px;padding:0;font-size:24px;background:#081c27;box-shadow:0 0 12px #ffd14977}.profile-person{min-width:180px;flex:1}.profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-name-row h2{font-size:30px;line-height:1.1;overflow-wrap:anywhere}.profile-person>p{font-size:14px;color:#8ca9ba;margin:5px 0 10px}.profile-online{font-size:11px;background:#004c40;color:#00e6ac;padding:5px 8px;border-radius:10px}.profile-roles{display:flex;gap:7px;flex-wrap:wrap}.profile-roles span{border:1px solid currentColor;color:#ffcf49;border-radius:7px;padding:4px 8px;font-size:10px;background:#131c27}.profile-roles [data-role=admin]{color:#ff7651;box-shadow:0 0 9px #fb3e3544}.profile-roles [data-role=moderator]{color:#22c9ff}.profile-roles [data-role=right_hand]{color:#b0cfff}.profile-roles [data-role=community]{color:#e1ba76}.profile-roles [data-role=staff]{color:#90c8ff}.profile-roles [data-role=member]{color:#cddae5}.profile-numbers{display:grid;grid-template-columns:repeat(4,1fr);flex:1.1;border-top:1px solid #233e4d;gap:0;padding-top:15px}.profile-numbers>div{display:flex;flex-direction:column;gap:5px;padding:0 12px;border-right:1px solid #203845}.profile-numbers b{color:#ffcf45;font-size:22px}.profile-numbers span{font-size:11px;color:#bac9d6}.profile-numbers strong{font-size:17px;white-space:nowrap}.profile-edit-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:7px 0 14px}.profile-upload-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(150px,1fr);gap:18px;margin-top:13px}.profile-drop{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:178px;padding:14px;border:1px dashed #6d8ea2;border-radius:8px;cursor:pointer;text-align:center}.profile-drop:focus-visible,.profile-drop.is-dragging{outline:2px solid #ffd149;background:#ffc93d12}.profile-drop>b{font-size:33px;color:#a4bbce}.profile-drop>strong{font-size:13px}.profile-drop .button{font-size:12px;min-width:175px;padding:10px 16px}.profile-preview{padding:11px;border:1px solid #2a3f4c;border-radius:9px;background:linear-gradient(135deg,#ffffff08,transparent);display:flex;flex-direction:column;gap:9px;align-items:center}.profile-preview>strong{align-self:flex-start;font-size:11px}.profile-preview .profile-avatar{width:125px;height:125px;font-size:35px}.profile-preview small{text-align:center}.profile-banner-preview{height:112px;position:relative;margin:12px 0 7px;border:1px solid #9c9b9e;border-radius:8px;overflow:hidden}.profile-data input,.profile-data textarea{background:#0c1e2b;border:1px solid #667f91;color:white;border-radius:6px;width:100%;padding:10px;font-size:13px}.profile-data textarea{resize:vertical;min-height:86px}.profile-data #profileform>label{display:none}.profile-data #profileform #profilesave{display:none}.profile-data #profileform{display:block}.profile-bio-count{text-align:right;font-size:10px;margin-top:-20px;position:relative;padding-right:9px;pointer-events:none}.profile-color-options,.profile-frame-options{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}.profile-color-options button{width:26px;height:26px;border:2px solid transparent;border-radius:50%;padding:0;background:var(--swatch)}.profile-color-options button[aria-pressed=true]{outline:2px solid #fff3be;outline-offset:3px}.profile-frame-options button{width:54px;height:54px;padding:6px;border:1px solid #465363;border-radius:6px;background:#071721}.profile-frame-options button[aria-pressed=true]{border:2px solid #ffe390;box-shadow:0 0 8px #ffce5166}.profile-frame-sample{width:100%;height:100%;display:block;border:2px solid var(--frame);border-radius:50%;box-shadow:0 0 7px var(--frame)}.profile-frame-electric{--frame:#37afff;border-style:dashed!important}.profile-frame-flame{--frame:#ff513c;border-style:double!important}.profile-frame-violet{--frame:#c462ff;border-style:dotted!important}.profile-frame-emerald{--frame:#34ef95;border-style:dashed!important}.profile-frame-laurel{--frame:#ffc951;border-style:double!important;border-width:6px!important}.profile-frame-silver{--frame:#cbd8e5;border-style:double!important}.profile-save-all{width:100%;padding:14px!important;font-size:15px!important;margin-top:10px}.profile-detail-card{margin-top:12px;scroll-margin-top:20px}.profile-detail-card input{max-width:100%}.profile-notification{display:flex;align-items:center;gap:10px}.profile-notification input{width:auto}.profile-user-chip{display:inline-flex;align-items:center;gap:10px;max-width:245px;padding:5px 12px 5px 5px;border:1px solid #b99139;border-radius:12px;background:#051622ed;color:#fff;text-decoration:none;font-size:12px}.profile-user-chip img,.profile-chip-initial{width:39px;height:39px;object-fit:cover;border:2px solid var(--profile-accent);border-radius:50%}.profile-chip-initial{display:grid;place-items:center;background:#152d3b;color:#ffde71;font-size:19px}.profile-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-user-chip[hidden]{display:none!important}.profile-save-hint{margin-top:9px!important}.profile-page-hero~.profile-layout #profile-page-status:empty{display:none}.page-profile footer{margin-top:15px}.profile-app-support[hidden]{display:none!important}@media(max-width:1350px){.profile-summary-body{gap:17px;flex-wrap:wrap}.profile-numbers{flex-basis:100%;margin-left:200px}.profile-avatar-wrap{flex-basis:165px}.profile-avatar{width:160px;height:160px}.profile-person{flex:1}.profile-layout{grid-template-columns:235px minmax(0,1fr);gap:20px}.profile-sidebar nav a{padding:14px 16px;gap:14px}.profile-edit-grid{grid-template-columns:1.2fr 1fr}.profile-upload-row{grid-template-columns:1fr}.profile-preview{flex-direction:row;flex-wrap:wrap;justify-content:center}.profile-preview .profile-avatar{width:90px;height:90px}.profile-preview>strong{width:100%}}@media(max-width:850px){.profile-layout{grid-template-columns:1fr;padding:12px}.profile-sidebar nav{display:flex;flex-direction:row;overflow-x:auto}.profile-sidebar nav a{flex:0 0 auto;gap:7px;padding:12px}.profile-sidebar nav a:not(:first-child){font-size:12px}.profile-team-poster{display:none}.profile-edit-grid{grid-template-columns:1fr}.profile-page-hero{height:100px}.profile-summary-body{gap:12px}.profile-numbers{margin-left:0}.profile-name-row h2{font-size:25px}.profile-avatar-wrap{flex-basis:120px;margin-top:-45px}.profile-avatar{width:115px;height:115px}.profile-camera{width:37px;height:37px;font-size:16px}.profile-upload-row{grid-template-columns:1.6fr 1fr}.profile-person{min-width:150px}.profile-user-chip{max-width:190px}}@media(max-width:500px){.profile-upload-row{grid-template-columns:1fr}.profile-numbers>div{padding:0 8px}.profile-numbers strong{font-size:13px}.profile-numbers span{font-size:10px}.profile-title h1{font-size:22px}.profile-main .profile-card{padding:12px}.profile-summary.profile-card{padding:0}.profile-user-chip{max-width:170px}.profile-chip-name{max-width:110px}.profile-frame-options{gap:7px}.profile-frame-options button{width:43px;height:43px}}

.profile-sidebar nav{gap:0}.profile-roles [data-role=regular]{color:#e1ba76}.profile-roles [data-role=employee]{color:#90c8ff}.profile-main>.profile-title{scroll-margin-top:16px}

/* Original community sign supplied for the profile sidebar. */
.profile-team-poster{height:auto;min-height:0;display:block;padding:0;border:0;background:none;box-shadow:none;overflow:hidden;border-radius:10px}.profile-team-poster img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:850px){.profile-team-poster{display:none}}
