@layer components{.pf-ten>i{transform-origin:0 50%;transition:transform .9s var(--ease)}:root[data-js] .app-page:not([data-entered]) .pf-ten>i{transform:scaleX(0)}:root[data-motion=off] .pf-ten>i{transform:none!important}.app-page[data-entered] .pf-badge{animation:pf-pop .5s var(--spring) .9s backwards}.pf-badge{transition:transform .25s var(--ease),border-color .2s,background-color .2s,box-shadow .25s}.pf-badge-go{opacity:.7;transition:transform .25s var(--ease),opacity .2s}.pf-badge:focus-visible,.pf-badge:hover{transform:translateY(-2px);border-color:var(--accent-line);background-color:var(--accent-soft);box-shadow:inset 0 1px 0 rgb(255 255 255/.07),0 10px 24px -12px rgb(var(--accent-rgb)/.7)}.pf-badge:focus-visible .pf-badge-go,.pf-badge:hover .pf-badge-go{opacity:1;transform:translate(2px,-2px)}.pf-badge:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.pf-photo{cursor:zoom-in;transition:transform .25s var(--ease),box-shadow .25s}.pf-photo:focus-visible,.pf-photo:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--accent-line),0 10px 24px -12px rgb(var(--shade-rgb)/calc(.7 * var(--shade-k)))}.pf-photo:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.pf-lb{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:24px}.pf-lb-bg{position:absolute;inset:0;background:var(--g-scrim-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:pf-fade .25s var(--ease)}.pf-lb-box{position:relative;width:min(460px,100%,calc(100dvh - 48px));aspect-ratio:1;overflow:hidden;border-radius:22px;border:1px solid var(--g-border-floating);outline:none;box-shadow:var(--hl),var(--sh-floating);animation:pf-zoom .4s var(--spring)}.pf-lvl-unit{display:inline-block;max-width:0;overflow:hidden;vertical-align:bottom;white-space:nowrap;opacity:0;transition:max-width .3s var(--ease),opacity .2s}.pf-lvl:hover .pf-lvl-unit{max-width:6ch;opacity:1}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .pf-ten>i{transform:none!important}}}@keyframes pf-fade{0%{opacity:0}}@keyframes pf-zoom{0%{opacity:0;transform:scale(.92)}}@keyframes pf-pop{0%{opacity:0;transform:scale(.82)}}@media (min-width:981px) and (max-height:860px){.pf-bio p{font-size:16px}}