/* Public X profile head and description controls. Loaded after style.css on X pages. */
body.x-directory-page.x-public-profile-page .x-public-profile-editorial-head{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
background:#050505 !important;
border-color:rgba(255,255,255,.14) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.075), 0 22px 58px rgba(0,0,0,.26) !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-editorial-head::before{
content:none !important;
display:none !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-editorial-head::after{
content:none !important;
display:none !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-liquid-slider{
display:block !important;
position:absolute !important;
inset:0 !important;
z-index:0 !important;
width:100% !important;
height:100% !important;
border-radius:inherit !important;
background:
radial-gradient(circle at 12% 16%, rgba(0,92,255,.68), transparent 25%),
radial-gradient(circle at 88% 18%, rgba(255,28,84,.56), transparent 28%),
radial-gradient(circle at 44% 92%, rgba(31,255,136,.50), transparent 32%),
radial-gradient(circle at 72% 72%, rgba(255,210,46,.28), transparent 28%),
linear-gradient(135deg, #020202 0%, #090b10 45%, #020202 100%) !important;
background-size:132% 132%, 128% 128%, 150% 150%, 140% 140%, 100% 100% !important;
animation:widaisDiscoBackdrop 8.5s ease-in-out infinite alternate, widaisDiscoHue 12s linear infinite !important;
will-change:background-position, filter !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-liquid-slider::before{
content:"" !important;
position:absolute !important;
inset:-22% !important;
z-index:1 !important;
border-radius:inherit !important;
background:
conic-gradient(from 120deg at 50% 50%, rgba(0,116,255,0), rgba(0,116,255,.66), rgba(44,255,149,.54), rgba(240,255,97,.36), rgba(255,42,83,.62), rgba(0,116,255,0)),
linear-gradient(68deg, transparent 0 35%, rgba(0,116,255,.46) 43%, transparent 52%),
linear-gradient(122deg, transparent 0 37%, rgba(255,42,83,.38) 47%, transparent 58%),
linear-gradient(18deg, transparent 0 40%, rgba(44,255,149,.34) 50%, transparent 60%),
radial-gradient(ellipse at 18% 24%, rgba(0,116,255,.54), transparent 34%),
radial-gradient(ellipse at 82% 28%, rgba(255,42,83,.44), transparent 36%),
radial-gradient(ellipse at 48% 82%, rgba(44,255,149,.40), transparent 34%) !important;
filter:blur(28px) saturate(1.72) contrast(1.14) !important;
mix-blend-mode:screen !important;
opacity:.96 !important;
transform-origin:50% 50% !important;
animation:widaisDiscoSweep 10s cubic-bezier(.45,0,.2,1) infinite, widaisDiscoBeamHue 6.5s linear infinite, widaisDiscoPulse 3.2s ease-in-out infinite !important;
pointer-events:none !important;
will-change:transform, filter, opacity !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-liquid-slider::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:2 !important;
border-radius:inherit !important;
background:
radial-gradient(circle at var(--widais-liquid-x, 50%) var(--widais-liquid-y, 48%), rgba(255,255,255,.30), rgba(0,213,255,.22) 12%, transparent 28%),
linear-gradient(36deg, transparent 0 34%, rgba(0,116,255,.20) 42%, transparent 52%),
linear-gradient(145deg, transparent 0 38%, rgba(255,42,83,.18) 48%, transparent 60%),
radial-gradient(ellipse at 74% 18%, rgba(255,42,83,.20), transparent 34%),
radial-gradient(ellipse at 22% 84%, rgba(44,255,149,.20), transparent 36%),
linear-gradient(90deg, rgba(0,0,0,.80), rgba(0,0,0,.14) 50%, rgba(0,0,0,.62)),
linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.78)),
repeating-linear-gradient(115deg, rgba(255,255,255,.040) 0 1px, transparent 1px 10px) !important;
box-shadow:inset 0 0 130px rgba(0,0,0,.54) !important;
animation:widaisDiscoGlass 5.8s ease-in-out infinite alternate !important;
pointer-events:none !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-editorial-cover{
display:none !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-editorial-copy{
position:relative !important;
z-index:3 !important;
}

@media(prefers-reduced-motion:reduce){
body.x-directory-page.x-public-profile-page .x-public-profile-liquid-slider,
body.x-directory-page.x-public-profile-page .x-public-profile-liquid-slider::before,
body.x-directory-page.x-public-profile-page .x-public-profile-liquid-slider::after{
animation:none !important;
}
}

body.x-directory-page.x-public-profile-page .x-public-profile-description-shell{
gap:clamp(13px, 1.45vw, 18px) !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
display:none !important;
place-items:center !important;
width:44px !important;
height:44px !important;
min-width:44px !important;
min-height:44px !important;
margin-top:clamp(5px, .65vw, 9px) !important;
padding:0 !important;
border:1px solid rgba(255,255,255,.12) !important;
border-radius:15px !important;
background:rgba(255,255,255,.045) !important;
color:rgba(255,255,255,.72) !important;
font-size:0 !important;
letter-spacing:0 !important;
line-height:1 !important;
text-transform:none !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 34px rgba(0,0,0,.20) !important;
transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-description-shell.is-collapsible .x-public-profile-description-toggle{
display:grid !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:0 !important;
border-radius:inherit !important;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,.12), transparent 42%),
rgba(255,255,255,.018) !important;
opacity:.72 !important;
pointer-events:none !important;
transition:opacity .2s ease, transform .2s ease !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle::after{
content:"" !important;
position:absolute !important;
inset:1px !important;
z-index:0 !important;
padding:1px !important;
border-radius:inherit !important;
background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.12), rgba(255,255,255,.06)) !important;
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite:exclude;
-webkit-mask-composite:xor;
opacity:.46 !important;
pointer-events:none !important;
}

body.x-directory-page.x-public-profile-page .x-public-description-toggle-icon{
position:relative !important;
z-index:1 !important;
display:grid !important;
place-items:center !important;
width:100% !important;
height:100% !important;
color:inherit !important;
font-size:23px !important;
font-weight:820 !important;
line-height:1 !important;
letter-spacing:-.05em !important;
text-shadow:none !important;
transform:translateY(-1px) !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle:hover,
body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle:focus-visible{
transform:translateY(-2px) !important;
border-color:rgba(255,255,255,.24) !important;
background:rgba(255,255,255,.075) !important;
color:#fff !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 18px 42px rgba(0,0,0,.28) !important;
outline:none !important;
}

body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle:hover::before,
body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle:focus-visible::before{
opacity:1 !important;
transform:scale(1.04) !important;
}

@media(max-width:760px){
body.x-directory-page.x-public-profile-page .x-public-profile-description-toggle{
width:42px !important;
height:42px !important;
min-width:42px !important;
min-height:42px !important;
border-radius:15px !important;
}

body.x-directory-page.x-public-profile-page .x-public-description-toggle-icon{
font-size:23px !important;
}
}
