[data-career-background]{--career-floor-a:color-mix(in srgb, var(--accent-raw) 7%, var(--grad-floor-a));--career-floor-b:color-mix(in srgb, var(--accent-raw) 4%, var(--grad-floor-b));--career-scene:radial-gradient(ellipse 100% 90% at 85% 105%, color-mix(in srgb, var(--accent-raw) 30%, transparent), transparent 80%), radial-gradient(ellipse 75% 65% at 5% 25%, color-mix(in srgb, var(--accent-raw) 20%, transparent), transparent 85%), linear-gradient(150deg, var(--career-floor-a), var(--career-floor-b))}[data-career-background=grid]{--career-scene:radial-gradient(ellipse 65% 65% at 52% 40%, transparent 12%, color-mix(in srgb, var(--career-floor-b) 65%, transparent) 100%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent-raw) 20%, transparent) 0 1px, transparent 1px 5%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent-raw) 20%, transparent) 0 1px, transparent 1px 3.5%), radial-gradient(ellipse 75% 65% at 85% 85%, color-mix(in srgb, var(--accent-raw) 30%, transparent), transparent), linear-gradient(155deg, var(--career-floor-a), var(--career-floor-b))}[data-career-background=aurora]{--career-scene:linear-gradient(125deg, transparent 35%, color-mix(in srgb, var(--accent-raw) 16%, transparent) 35.1%, transparent 48%), linear-gradient(125deg, transparent 56%, color-mix(in srgb, var(--accent-raw) 22%, transparent) 56.1%, transparent 70%), radial-gradient(ellipse 65% 26% at 15% 13%, color-mix(in srgb, var(--accent-raw) 26%, transparent), transparent 75%), radial-gradient(ellipse 45% 65% at 104% 35%, color-mix(in srgb, var(--accent-raw) 32%, transparent), transparent 72%), radial-gradient(ellipse 70% 28% at 60% 110%, color-mix(in srgb, var(--accent-raw) 38%, transparent), transparent 80%), linear-gradient(155deg, var(--career-floor-a), var(--career-floor-b))}[data-career-background=contours]{--career-scene:radial-gradient(ellipse 65% 85% at 25% 30%, color-mix(in srgb, var(--career-floor-a) 65%, transparent) 0%, transparent 100%), repeating-radial-gradient(ellipse at 110% 105%, transparent 0 3.8%, color-mix(in srgb, var(--accent-raw) 26%, transparent) 3.85% 3.95%, transparent 4% 5.5%), radial-gradient(ellipse 65% 85% at 100% 100%, color-mix(in srgb, var(--accent-raw) 22%, transparent), transparent), linear-gradient(140deg, var(--career-floor-a), var(--career-floor-b))}[data-career-background=prism]{--career-scene:conic-gradient(from 218deg at 68% 38%, transparent 0deg 82deg, color-mix(in srgb, var(--accent-raw) 24%, transparent) 82.2deg 145deg, transparent 145.2deg 360deg), conic-gradient(from 35deg at 30% 76%, transparent 0deg 108deg, color-mix(in srgb, var(--accent-raw) 17%, transparent) 108.2deg 180deg, transparent 180.2deg 360deg), linear-gradient(152deg, transparent 46%, color-mix(in srgb, var(--accent-raw) 30%, transparent) 46.1%, transparent 70%), radial-gradient(ellipse 85% 80% at 100% 5%, color-mix(in srgb, var(--accent-raw) 24%, transparent), transparent 80%), linear-gradient(150deg, var(--career-floor-a), var(--career-floor-b))}[data-career-background=halo]{--career-scene:radial-gradient(ellipse at 90% 100%, transparent 0 35%, color-mix(in srgb, var(--accent-raw) 36%, transparent) 35.2%, color-mix(in srgb, var(--accent-raw) 10%, transparent) 43%, transparent 43.2% 53%, color-mix(in srgb, var(--accent-raw) 22%, transparent) 53.2%, transparent 64%), radial-gradient(ellipse 65% 70% at 90% 100%, color-mix(in srgb, var(--accent-raw) 32%, transparent), transparent 85%), radial-gradient(ellipse 80% 65% at 0% 0%, color-mix(in srgb, var(--accent-raw) 16%, transparent), transparent 80%), linear-gradient(145deg, var(--career-floor-a), var(--career-floor-b))}body:has([data-career-shell]){background:var(--career-scene,var(--background-gradient));background-attachment:fixed}.career-background-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.career-background-option{text-align:left;border:1px solid var(--panel-border);min-width:0;color:var(--panel-fg);background:0 0;border-radius:10px;padding:4px}.career-background-option:hover{background:var(--panel-hover)}.career-background-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.career-background-option:focus-visible{outline:2px solid var(--panel-fg);outline-offset:3px}.career-background-swatch{background:var(--career-scene);border-radius:6px;height:62px;display:block;position:relative;overflow:hidden}.career-background-check{color:var(--panel-fg);position:absolute;top:5px;right:5px}.career-background-label{padding:6px 4px 2px;font-size:10px;font-weight:700;display:block}.career-background-option{cursor:pointer}.career-background-pro{float:right;color:#fbbf24;text-transform:uppercase;background:#fbbf2414;border:1px solid #fbbf2466;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:9px;font-weight:800;line-height:1.2}[data-career-shell]{--career-panel-alpha:var(--panel-fill-opacity,1);--career-container-alpha:var(--panel-container-opacity,1)}html[data-panel-background=off] [data-career-shell]{--career-panel-alpha:0}:is(.career-panel,[data-career-panel]){isolation:isolate;position:relative}:is(.career-panel,[data-career-panel]):before{content:"";border-radius:inherit;background:var(--career-panel-fill);opacity:var(--career-panel-alpha,1);pointer-events:none;z-index:-1;position:absolute;inset:0}.career-panel-container:before{opacity:var(--career-container-alpha,1)}html[data-panel-background=translucent] [data-career-shell] .mp-page-enter{will-change:auto}html[data-panel-background=translucent] [data-career-shell] :is(.career-panel,[data-career-panel]):not(.career-panel-container){-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15)}html[data-panel-background=translucent] [data-career-shell] :is(.career-panel,[data-career-panel]):not(.career-panel-container):after{content:"";border-radius:inherit;background:linear-gradient(145deg, rgba(var(--sf-lift), .045), transparent 55%);box-shadow:inset 0 1px 0 rgba(var(--sf-lift), .1);pointer-events:none;z-index:-1;position:absolute;inset:0}html[data-panel-background=translucent] [data-career-shell] :is(.career-panel,[data-career-panel]):not(.career-panel-container) :is(.career-panel,[data-career-panel]){-webkit-backdrop-filter:none;backdrop-filter:none}html[data-panel-background=translucent] [data-career-shell] :is(.career-panel,[data-career-panel]):not(.career-panel-container) :is(.career-panel,[data-career-panel]):after{content:none}.panel-background-controls .app-set-seg{width:100%}.panel-background-controls .app-set-seg button{flex:1}.panel-opacity-label{justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:11px;display:flex}.panel-opacity-label output{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.panel-opacity-slider{width:100%;height:20px;accent-color:var(--accent);cursor:pointer;display:block}.panel-opacity-slider:disabled{opacity:.35;cursor:default}.career-card-ring{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}
