.profile-card{--pc-accent:var(--accent);--pc-surface:var(--surface-solid);--pc-surface-soft:var(--surface-soft);--pc-border:var(--border);--pc-text:var(--label-primary);--pc-muted:var(--label-secondary);--pc-bg-image:none}[data-pc-theme=standard]{--pc-accent:#167c8a;--pc-surface:#fcfdff;--pc-surface-soft:#f0f2f5;--pc-border:#dde2e9;--pc-text:#141b26;--pc-muted:#4f596b}[data-theme=dark] [data-pc-theme=standard]{--pc-accent:#ff6b26;--pc-surface:#151517;--pc-surface-soft:#202023;--pc-border:#2c2c30;--pc-text:#f7f8fa;--pc-muted:#b0b5bf}[data-pc-theme=petrol-tief]{--pc-accent:#0f5c67;--pc-surface:#f2f7f8;--pc-surface-soft:#e2edef;--pc-border:#c3d8dc;--pc-text:#0d2226;--pc-muted:#3d5a5f}[data-theme=dark] [data-pc-theme=petrol-tief]{--pc-accent:#5cbcc7;--pc-surface:#0b1d21;--pc-surface-soft:#12282d;--pc-border:#1e3b41;--pc-text:#e8f3f4;--pc-muted:#9dbfc4}[data-pc-theme=graphit]{--pc-accent:#2f3b4a;--pc-surface:#f4f5f7;--pc-surface-soft:#e6e8ec;--pc-border:#cdd2da;--pc-text:#15181d;--pc-muted:#565f6d}[data-theme=dark] [data-pc-theme=graphit]{--pc-accent:#c0cad8;--pc-surface:#121417;--pc-surface-soft:#1b1e23;--pc-border:#2b3038;--pc-text:#eef0f3;--pc-muted:#a2aab6}[data-pc-theme=bernstein]{--pc-accent:#8f5100;--pc-surface:#fbf7f0;--pc-surface-soft:#f2ebde;--pc-border:#e2d4bb;--pc-text:#241b0d;--pc-muted:#6a5940}[data-theme=dark] [data-pc-theme=bernstein]{--pc-accent:#f2a93b;--pc-surface:#171310;--pc-surface-soft:#221c15;--pc-border:#352b1f;--pc-text:#f7f2ea;--pc-muted:#c1b3a0}[data-pc-theme=nordwind]{--pc-accent:#1c6b66;--pc-surface:#f1f7f7;--pc-surface-soft:#e0ecec;--pc-border:#c1d7d7;--pc-text:#0e2224;--pc-muted:#3d5d5f}[data-theme=dark] [data-pc-theme=nordwind]{--pc-accent:#63cdbd;--pc-surface:#0c1b1e;--pc-surface-soft:#132529;--pc-border:#1f383c;--pc-text:#e6f2f1;--pc-muted:#9cbdbe}.pc-hero{background-image:var(--pc-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.pc-avatar{--pc-avatar-radius:12px;--pc-avatar-border:1px;--pc-ring-outset:0px;isolation:isolate;position:relative}.pc-avatar:not([data-pc-frame]){overflow:hidden}.pc-avatar:not([data-pc-frame]) .pc-avatar__clip{border-radius:0}.pc-avatar__clip{z-index:1;border-radius:calc(var(--pc-avatar-radius) - var(--pc-avatar-border));place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pc-avatar[data-pc-frame]:before,.pc-avatar[data-pc-frame]:after{content:"";z-index:0;pointer-events:none;inset:calc(-1 * (var(--pc-avatar-border) + var(--pc-ring-outset)));border-radius:calc(var(--pc-avatar-radius) + var(--pc-ring-outset));position:absolute}.pc-avatar[data-pc-frame=signal]:before,.pc-avatar[data-pc-frame=runenring]:after{-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pc-avatar[data-pc-frame=kante]:before{--pc-ring-outset:calc(4px * var(--pc-ring-scale,1));border:calc(4px * var(--pc-ring-scale,1)) solid var(--pc-accent)}.pc-avatar[data-pc-frame=kante]:after{content:none}.pc-avatar[data-pc-frame=doppelring]:before{--pc-ring-outset:calc(3px * var(--pc-ring-scale,1));border:calc(3px * var(--pc-ring-scale,1)) solid var(--pc-accent)}.pc-avatar[data-pc-frame=doppelring]:after{--pc-ring-outset:calc(10px * var(--pc-ring-scale,1));border:calc(2px * var(--pc-ring-scale,1)) solid var(--pc-accent);opacity:.75}.pc-avatar[data-pc-frame=schraffur]:before{--pc-ring-outset:calc(2px * var(--pc-ring-scale,1));border:calc(2px * var(--pc-ring-scale,1)) solid var(--pc-accent)}.pc-avatar[data-pc-frame=schraffur]:after{--pc-ring-outset:calc(12px * var(--pc-ring-scale,1));background:var(--pc-accent);-webkit-mask:url(/profile-shop/frames/frame-schraffur.svg) 50%/100% 100% no-repeat;mask:url(/profile-shop/frames/frame-schraffur.svg) 50%/100% 100% no-repeat}@property --pc-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pc-avatar[data-pc-frame=signal]:before{--pc-ring-outset:calc(5px * var(--pc-ring-scale,1));--pc-angle:0deg;padding:calc(4px * var(--pc-ring-scale,1));background:conic-gradient(from var(--pc-angle), var(--pc-accent) 0deg, color-mix(in srgb, var(--pc-accent) 20%, transparent) 90deg, var(--pc-accent) 180deg, color-mix(in srgb, var(--pc-accent) 20%, transparent) 270deg, var(--pc-accent) 360deg)}.pc-avatar[data-pc-frame=signal]:after{content:none}.pc-avatar[data-pc-frame=runenring]:before{--pc-ring-outset:calc(3px * var(--pc-ring-scale,1));border:calc(3px * var(--pc-ring-scale,1)) solid var(--pc-accent)}.pc-avatar[data-pc-frame=runenring]:after{--pc-ring-outset:calc(11px * var(--pc-ring-scale,1));padding:calc(4px * var(--pc-ring-scale,1));background:repeating-conic-gradient(from 8deg, var(--pc-accent) 0deg 5deg, transparent 5deg 15deg)}[data-pc-name-effect=verlauf] .pc-name,[data-pc-name-effect=schimmer] .pc-name{background-image:linear-gradient(95deg, var(--pc-accent) 0%, color-mix(in srgb, var(--pc-accent) 55%, var(--pc-text)) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-pc-name-effect=schimmer] .pc-name{background-image:linear-gradient(100deg, var(--pc-accent) 0%, var(--pc-accent) 38%, color-mix(in srgb, var(--pc-accent) 55%, var(--pc-text)) 50%, var(--pc-accent) 62%, var(--pc-accent) 100%);background-position:100% 0;background-size:250% 100%}@media (prefers-reduced-motion:no-preference){@keyframes pc-signal-spin{to{--pc-angle:360deg}}@keyframes pc-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.pc-avatar[data-pc-frame=signal]:before{animation:9s linear infinite pc-signal-spin}[data-pc-name-effect=schimmer] .pc-name{animation:7s ease-in-out infinite pc-shimmer}}
.pc-avatar[data-pc-frame=orbit]:before{--pc-ring-outset:calc(5px * var(--pc-ring-scale,1));border:calc(2px * var(--pc-ring-scale,1)) solid color-mix(in srgb, var(--pc-accent) 45%, transparent)}.pc-avatar[data-pc-frame=orbit]:after{width:calc(12px * var(--pc-ring-scale,1));height:calc(12px * var(--pc-ring-scale,1));background:radial-gradient(circle at center, #fff 0, var(--pc-accent) calc(2.5px * var(--pc-ring-scale,1)), color-mix(in srgb, var(--pc-accent) 40%, transparent) calc(4.5px * var(--pc-ring-scale,1)), transparent calc(6px * var(--pc-ring-scale,1)));offset-path:inset(-4px round calc(var(--pc-avatar-radius) + 4px));offset-rotate:0deg;offset-distance:20%;border-radius:50%;inset:0 auto auto 0}.pc-avatar[data-pc-frame=puls]:before{--pc-ring-outset:calc(3px * var(--pc-ring-scale,1));border:calc(3px * var(--pc-ring-scale,1)) solid var(--pc-accent)}.pc-avatar[data-pc-frame=puls]:after{--pc-ring-outset:calc(9px * var(--pc-ring-scale,1));border:calc(2px * var(--pc-ring-scale,1)) solid var(--pc-accent);opacity:.4;transform:scale(1)}@media (prefers-reduced-motion:no-preference){@keyframes pc-orbit-travel{0%{offset-distance:20%}to{offset-distance:120%}}@keyframes pc-puls-breathe{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.profile-card[data-pc-background=animated] .pc-hero{background-image:var(--pc-bg-animated,var(--pc-bg-image))}.pc-avatar[data-pc-frame=orbit]:after{animation:10s linear infinite pc-orbit-travel}.pc-avatar[data-pc-frame=puls]:after{animation:9s ease-in-out infinite pc-puls-breathe}}