.pf-main{grid-template-columns:minmax(0, var(--pf-left-w)) minmax(320px, var(--pf-panel-w));justify-content:space-between;align-items:start;column-gap:calc(64 * var(--u));grid-template-rows:none;row-gap:0}.pf-left{flex-direction:column;grid-column:1;min-width:0;display:flex}.pf-head .j-kicker{font-family:var(--profile-kicker-ff);font-size:var(--profile-kicker-fs);color:var(--profile-kicker-color);font-weight:var(--profile-kicker-fw,revert)}.pf-head h1{font-family:var(--profile-title-ff);font-size:var(--profile-title-fs);color:var(--profile-title-color);font-weight:var(--profile-title-fw,revert)}.pf-head h1 em{color:var(--profile-title-accent-color)}.pf-head .j-sub{font-family:var(--profile-subtitle-ff);font-size:var(--profile-subtitle-fs);color:var(--profile-subtitle-color);font-weight:var(--profile-subtitle-fw,revert)}.pf-top{padding-bottom:calc(48 * var(--u))}.pf-identity{align-items:center;gap:calc(48 * var(--u));padding-right:calc(48 * var(--u));display:flex}.pf-avatar-frame{width:var(--pf-avatar-size);height:var(--pf-avatar-size);aspect-ratio:1;flex:none;min-width:56px;min-height:56px;display:block}.pf-avatar{object-fit:cover;border:1px solid var(--c-line);box-sizing:border-box;border-radius:50%;width:100%;height:100%;display:block}.pf-who{gap:var(--sp-l);flex-direction:column;min-width:0;display:flex}.pf-name-row{align-items:center;gap:var(--sp-l);display:flex}.pf-name{font-family:var(--profile-name-ff);font-size:var(--profile-name-fs);font-weight:var(--profile-name-fw,var(--fw-regular));color:var(--profile-name-color);margin:0}.journal .pf-edit{align-items:center;gap:var(--sp-s);height:calc(58 * var(--u));min-height:44px;padding-inline:calc(24 * var(--u));border-radius:var(--j-date-radius);cursor:pointer;font-family:var(--profile-edit-ff);font-size:var(--profile-edit-fs);color:var(--profile-edit-color);font-weight:var(--profile-edit-fw,revert);display:inline-flex}.pf-edit-actions{align-items:center;gap:var(--sp-m);display:none}.pf-facts{gap:var(--sp-l);flex-direction:column;margin:0;padding:0;display:flex}.pf-facts>div{grid-template-columns:calc(160 * var(--u)) 1fr;gap:var(--sp-l);align-items:baseline;display:grid}.pf-facts dt{font-family:var(--profile-fact-label-ff);font-size:var(--profile-fact-label-fs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--profile-fact-label-color);font-weight:var(--profile-fact-label-fw,revert)}.pf-facts dd{font-family:var(--profile-fact-value-ff);font-size:var(--profile-fact-value-fs);line-height:var(--lh-body);color:var(--profile-fact-value-color);font-weight:var(--profile-fact-value-fw,revert);margin:0;position:relative}.pf-age{color:var(--c-muted)}.pf-facts>.pf-about-row{grid-template-rows:auto auto}.journal .pf-about-toggle{align-items:center;gap:var(--sp-s);cursor:pointer;color:var(--c-accent-deep);background:0 0;border:0;padding:0;display:inline-flex}.pf-about-toggle:after{content:"";width:.4em;height:.4em;transition:rotate var(--dur-fast) var(--ease-default);border-bottom:1px solid;border-right:1px solid;translate:0 -.15em;rotate:45deg}.pf-about-row.is-open .pf-about-toggle:after{translate:0 .1em;rotate:225deg}.pf-about-row:not(.is-open) .pf-about-hide,.pf-about-row.is-open .pf-about-show{display:none}.pf-about-text{text-align:left;grid-column:1/-1;display:none}.pf-about-row.is-open .pf-about-text{display:block}.pf-identity.is-editing :is(.pf-about-toggle,.pf-about-empty,.pf-about-text){display:none}.pf-identity.is-editing .pf-about-row>dd:first-of-type{grid-column:1/-1}.pf-identity .pf-input{width:100%;max-width:calc(360 * var(--u));box-sizing:border-box;border:0;border-bottom:1px solid var(--c-line);padding:var(--sp-xs) 0;color:var(--profile-fact-value-color);color-scheme:dark;font-family:var(--profile-fact-value-ff);font-size:var(--profile-fact-value-fs);line-height:var(--lh-body);font-weight:var(--profile-fact-value-fw,revert);background:0 0;border-radius:0;display:none}.pf-identity .pf-input:focus{border-bottom-color:var(--c-accent-line);outline:none}.pf-identity textarea.pf-input{resize:none;height:calc(96 * var(--u));min-height:64px;max-width:calc(520 * var(--u));overflow-y:auto}.pf-identity .pf-name-input{max-width:calc(280 * var(--u));font-family:var(--profile-name-ff);font-size:var(--profile-fact-value-fs);color:var(--profile-name-color);font-weight:var(--profile-fact-value-fw,revert)}.pf-identity .pf-gender-select{width:100%;max-width:calc(280 * var(--u));flex:0 auto;display:none;position:relative}.pf-identity.is-editing .pf-gender-select{display:flex}.pf-identity .pf-gender-select select.pf-input{width:100%;height:100%;padding:0 calc(20 * var(--u)) 0 0;appearance:none;cursor:pointer;border:0;max-width:none;display:block}.pf-identity .pf-gender-select select.pf-input option{background:var(--c-bg)}.pf-identity .pf-gender-select svg{right:calc(20 * var(--u));pointer-events:none;color:var(--c-muted);position:absolute}.pf-identity.is-editing [data-user-name],.pf-identity.is-editing [data-user-dob],.pf-identity.is-editing [data-user-gender],.pf-identity.is-editing [data-user-about],.pf-identity.is-editing [data-user-age],.pf-identity.is-editing [data-edit-profile]{display:none}.pf-identity.is-editing .pf-input{display:block}.pf-identity.is-editing .pf-edit-actions{display:inline-flex}.pf-sub{align-items:center;gap:calc(32 * var(--u));margin-top:calc(8 * var(--u));box-sizing:border-box;height:var(--pf-sub-h);min-height:96px;padding:var(--pf-sub-pad-y) var(--pf-sub-pad-x);border-radius:var(--pf-sub-radius);overflow-clip-margin:10px;display:flex;position:relative;overflow:clip}.pf-sub-img{height:100%;width:var(--pf-sub-img-w);object-fit:cover;object-position:var(--pf-sub-img-x) var(--pf-sub-img-y);opacity:var(--pf-sub-img-opacity);pointer-events:none;border-radius:0 var(--pf-sub-radius) var(--pf-sub-radius) 0;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 45%);mask-image:linear-gradient(90deg,#0000 0,#000 45%)}.pf-sub-lock{z-index:1;width:calc(76 * var(--u));aspect-ratio:1;border-radius:var(--r-m);background:radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--c-accent) 16%, transparent), transparent 65%), color-mix(in srgb, var(--c-bg) 80%, black);flex:none;justify-content:center;align-items:center;min-width:52px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.pf-sub-body{z-index:1;min-width:0;position:relative}.pf-sub h2{font-family:var(--profile-sub-title-ff);font-size:var(--profile-sub-title-fs);font-weight:var(--profile-sub-title-fw,var(--fw-regular));color:var(--profile-sub-title-color);margin:0}.pf-sub p{margin:var(--sp-s) 0 0;font-family:var(--profile-sub-text-ff);font-size:var(--profile-sub-text-fs);color:var(--profile-sub-text-color);font-weight:var(--profile-sub-text-fw,revert)}.pf-foot{margin-top:calc(40 * var(--u));padding-top:var(--sp-l);border-top:1px solid var(--c-line-subtle)}.pf-foot p{font-family:var(--profile-footer-ff);font-size:var(--profile-footer-fs);font-style:italic;line-height:var(--lh-body);color:var(--profile-footer-color);font-weight:var(--profile-footer-fw,revert);margin:0}.pf-panel{padding:calc(40 * var(--u)) calc(40 * var(--u)) calc(12 * var(--u));border-radius:var(--pf-sub-radius,var(--r-l));grid-column:2}.pf-panel-head{align-items:center;gap:var(--sp-l);padding-bottom:calc(28 * var(--u));border-bottom:1px solid var(--c-line-subtle);display:flex}.pf-panel-icon{width:calc(52 * var(--u));aspect-ratio:1;border-radius:var(--r-m);min-width:40px;color:var(--c-accent-deep);background:radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--c-accent) 16%, transparent), transparent 65%), color-mix(in srgb, var(--c-bg) 80%, black);flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff0f}.pf-panel-head-text{flex:auto;min-width:0}.pf-panel-head-text h2{font-family:var(--profile-panel-title-ff);font-size:var(--profile-panel-title-fs);font-weight:var(--profile-panel-title-fw,var(--fw-regular));color:var(--profile-panel-title-color);margin:0}.pf-panel-head-text p{margin:var(--sp-xs) 0 0;font-family:var(--profile-panel-subtitle-ff);font-size:var(--profile-panel-subtitle-fs);color:var(--profile-panel-subtitle-color);font-weight:var(--profile-panel-subtitle-fw,revert)}.journal .pf-panel-save{height:calc(52 * var(--u));min-height:40px;padding-inline:calc(28 * var(--u));flex:none}.pf-panel-section{padding:calc(28 * var(--u)) 0;border-bottom:1px solid var(--c-line-subtle)}.pf-panel-section:last-child{padding-bottom:calc(4 * var(--u));border-bottom:0}.pf-panel-section-head{align-items:flex-start;gap:var(--sp-m);display:flex}.pf-panel-section-icon{margin-top:calc(2 * var(--u));color:var(--c-accent-deep);flex:none}.pf-panel-section-head>div{flex:auto;min-width:0}.pf-panel-section-head h3{font-family:var(--profile-section-title-ff);font-size:var(--profile-section-title-fs);font-weight:var(--profile-section-title-fw,var(--fw-regular));color:var(--profile-section-title-color);margin:0}.pf-panel-section-head p{margin:var(--sp-xs) 0 0;font-family:var(--profile-section-text-ff);font-size:var(--profile-section-text-fs);color:var(--profile-section-text-color);font-weight:var(--profile-section-text-fw,revert)}.pf-fields{gap:var(--sp-m);margin-top:var(--sp-l);flex-direction:column;display:flex}.journal .pf-field{align-items:center;gap:var(--sp-m);height:calc(56 * var(--u));min-height:44px;padding-inline:calc(20 * var(--u));border-radius:var(--pf-field-radius);cursor:text;display:flex}.pf-field svg{color:var(--c-muted);flex:none}.pf-field input{width:100%;min-width:0;font-family:var(--profile-field-text-ff);font-size:var(--profile-field-text-fs);color:var(--profile-field-text-color);font-weight:var(--profile-field-text-fw,revert);background:0 0;border:0;outline:0;flex:auto;padding:0}.pf-field input::placeholder{color:var(--c-muted)}.pf-field input:is(:autofill,:autofill){-webkit-text-fill-color:var(--profile-field-text-color,var(--c-text));caret-color:var(--c-text);transition:background-color 600000s,color 600000s}.pf-field input:-webkit-autofill:first-line{font-family:var(--profile-field-text-ff);font-size:var(--profile-field-text-fs);font-weight:var(--profile-field-text-fw,revert)}.pf-field.is-static{cursor:default}.pf-field.is-static span{font-family:var(--profile-field-text-ff);font-size:var(--profile-field-text-fs);color:var(--c-muted);font-weight:var(--profile-field-text-fw,revert)}.pf-hint{margin:var(--sp-m) 0 0;font-family:var(--profile-section-text-ff);font-size:var(--profile-section-text-fs);color:var(--profile-section-text-color);font-weight:var(--profile-section-text-fw,revert)}.pf-hint:empty{display:none}.pf-hint.is-error{color:var(--c-error)}.pf-panel-section[aria-busy=true]{opacity:.6}.pf-provider-logo{color:var(--profile-field-text-color);flex:none;display:flex}.pf-provider>span[data-provider-mail]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.pf-provider-badge{padding:var(--sp-xs) var(--sp-m);border-radius:var(--r-pill);border:1px solid var(--c-line-subtle);font-family:var(--profile-section-text-ff);font-size:var(--profile-section-text-fs);color:var(--c-accent-deep);font-weight:var(--profile-section-text-fw,revert);flex:none}.pf-panel-section-danger .pf-panel-section-head{align-items:center}.pf-panel-section-danger .pf-panel-section-icon{color:var(--c-error);margin-top:0}.pf-panel-section-danger h3{color:var(--c-error)}.journal .pf-danger-btn{height:calc(48 * var(--u));min-height:38px;padding-inline:calc(22 * var(--u));border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1px solid color-mix(in srgb, var(--c-error) 55%, transparent);color:var(--c-error);font-family:var(--profile-section-text-ff);font-size:var(--profile-field-text-fs);font-weight:var(--profile-field-text-fw,revert);background:0 0;flex:none}@media (hover:hover){.pf-danger-btn:hover{background:color-mix(in srgb, var(--c-error) 12%, transparent)}}@media (width<=1023px){.pf-main{grid-template-columns:1fr}.pf-identity{flex-direction:column;align-items:flex-start}.pf-panel{margin-top:calc(48 * var(--u));grid-column:1}.pf-sub-img{opacity:calc(var(--pf-sub-img-opacity) * .45)}.pf-panel-head,.pf-panel-section-danger .pf-panel-section-head{flex-wrap:wrap}.pf-panel-save,.pf-danger-btn{margin-left:auto}}.pf-panel-toggle{display:none}@media (width<=767px){.pf-main{align-content:start}.pf-top{padding-bottom:var(--sp-l);border-bottom:1px solid var(--c-line-subtle);margin-top:var(--sp-l)}.pf-identity{align-items:center;column-gap:var(--sp-l);row-gap:var(--sp-l);grid-template-columns:auto minmax(0,1fr);padding-right:0;display:grid}.pf-who{display:contents}.pf-name-row{grid-column:2}.pf-facts{grid-column:1/-1}.pf-avatar-frame{width:var(--pf-avatar-size-m,84px);height:var(--pf-avatar-size-m,84px);min-width:0;min-height:0}.pf-sub,.pf-panel{border-radius:var(--pf-sub-radius-m)}.pf-sub-img{border-radius:0 var(--pf-sub-radius-m) var(--pf-sub-radius-m) 0}.pf-who{gap:var(--sp-m);flex:auto}.pf-name-row{gap:var(--sp-m);flex-wrap:wrap}.journal .pf-edit{height:36px;min-height:36px;padding-inline:var(--sp-m);border-radius:var(--r-pill)}.pf-facts{gap:var(--sp-m)}.pf-facts>div{gap:var(--sp-m);grid-template-columns:auto minmax(0,1fr)}.pf-facts dt{white-space:nowrap}.pf-facts dd,.pf-identity.is-editing .pf-facts dd{text-align:right}.pf-identity.is-editing .pf-facts .pf-input{text-align:right;margin-left:auto}.pf-identity .pf-input,.pf-identity .pf-gender-select,.pf-identity .pf-name-input{max-width:none}.pf-identity.is-editing .pf-gender-select{width:100%}.pf-identity .pf-name-input{flex:8em;width:auto;min-width:0}.pf-identity.is-editing .pf-about-row .pf-input{text-align:left;max-width:none}.pf-sub{margin-top:var(--sp-l);height:auto;min-height:0;padding:var(--sp-l);gap:0}.pf-sub-lock{aspect-ratio:auto;width:auto;min-width:0;padding-right:var(--sp-l);box-shadow:none;background:0 0}.pf-sub-body{padding-left:var(--sp-l);border-left:1px solid var(--c-line-subtle)}.pf-foot{margin-top:var(--sp-l)}.pf-panel{margin-top:var(--sp-l);padding:0 var(--sp-l)}.pf-panel-head,.pf-panel-section{padding:var(--sp-l) 0}.pf-panel-head{border-bottom:1px solid var(--c-line-subtle);flex-wrap:nowrap}.pf-panel-icon{aspect-ratio:auto;width:auto;min-width:0;padding-right:var(--sp-l);box-shadow:none;background:0 0}.pf-panel-head-text{padding-left:var(--sp-l);border-left:1px solid var(--c-line-subtle);cursor:pointer}.pf-panel-toggle{width:var(--tap);height:var(--tap);margin-right:calc(var(--sp-s) * -1);color:var(--c-text-2);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.pf-panel-toggle svg{transition:rotate var(--dur-fast) var(--ease-default)}.pf-panel.is-open .pf-panel-toggle svg{rotate:90deg}.pf-panel:not(.is-open) :is(.pf-panel-save,[data-password-form],[data-email-form]){display:none}.pf-panel.is-open .pf-panel-head{flex-wrap:wrap}.pf-panel.is-open .pf-panel-save{order:5;margin-left:auto}.pf-panel-section-head{align-items:center;gap:0}.pf-panel-section-icon{padding-right:var(--sp-l);margin-top:0}.pf-panel-section-head>div{padding-left:var(--sp-l);border-left:1px solid var(--c-line-subtle)}.pf-panel-section-danger .pf-panel-section-head{gap:var(--sp-m);flex-wrap:nowrap}.pf-panel-section-danger .pf-panel-section-head>div{flex:auto}.pf-danger-btn{margin-left:0}}.pf-icon{width:var(--pf-icon-size,22px);height:var(--pf-icon-size,22px);flex:none;display:inline-flex}.pf-icon svg{width:100%;height:100%;display:block}.pf-edit .pf-icon{width:.95em;height:.95em}.pf-field .pf-icon{width:1em;height:1em;color:var(--c-muted)}.pf-sub-lock .pf-icon-sub{color:var(--c-accent-deep)}.pf-icon-sub svg{rotate:-35deg}.pf-name-row .pf-edit,.pf-name-row .pf-edit-actions{margin-left:auto}.journal .pf-provider{border-radius:var(--pf-sub-radius)}.pf-panel:has([data-provider-section]:not([hidden])) .pf-panel-head{display:none}@media (width<=767px){.journal .pf-provider{border-radius:var(--pf-sub-radius-m)}.pf-sub-lock,.pf-panel-icon,.pf-panel-section-icon{flex:0 0 calc(var(--pf-icon-size,22px) + var(--sp-l));justify-content:flex-start;align-items:center;width:auto;margin:0;padding:0;display:flex}.pf-sub{padding-inline:var(--sp-l)}.pf-panel-head,.pf-panel-section-danger .pf-panel-section-head{gap:0}.pf-panel-toggle,.journal .pf-danger-btn{margin-left:var(--sp-m)}}.journal :is(.pf-sub,.pf-panel){border-color:#0000}.journal :is(.pf-sub,.pf-panel):after{display:none}
