#roles{--roles-ease:cubic-bezier(.22,.9,.24,1);transition:height .55s var(--roles-ease)}#roles [data-role-tile]{transition:border-color .4s,box-shadow .4s,transform .35s var(--roles-ease)}#roles [data-role-tile][data-entered=false]{opacity:0}#roles [data-role-tile][data-entered=true]{animation:rolesSlideIn .9s var(--roles-ease) backwards;animation-delay:calc(var(--role-i)*90ms + .1s)}#roles [data-role-tile][aria-pressed=false]:hover{transform:translateY(-3px)}#roles [data-role-tile]:focus-visible{outline:2px solid var(--main-cfo-color);outline-offset:3px}#roles [data-role-body]{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#roles [data-role-reveal]{animation:rolesRise .8s var(--roles-ease) backwards;animation-delay:calc(var(--roles-base,0s) + var(--role-i,0)*75ms)}#roles [data-role-bar]{animation:rolesGrowX 1.1s var(--roles-ease) backwards;animation-delay:calc(var(--roles-base,0s) + var(--role-i,0)*75ms + .35s)}#roles [data-role-bar=y]{animation-delay:calc(var(--roles-base,0s) + var(--role-i,5)*75ms + var(--role-c,0)*45ms + .2s);transform-origin:bottom;animation-name:rolesGrowY;animation-duration:.9s}#roles [data-role-measure] *{transition:none!important;animation:none!important}@keyframes rolesSlideIn{0%{opacity:0;transform:translate(-28px)}}@keyframes rolesRise{0%{opacity:0;transform:translateY(14px)}}@keyframes rolesGrowX{0%{transform:scaleX(0)}}@keyframes rolesGrowY{0%{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){#roles{transition:none}#roles :after,#roles :before,#roles :not([data-role-progress]){transition:none!important;animation:none!important}#roles [data-role-tile][data-entered=false]{opacity:1}#roles [data-role-progress]{animation-delay:0s!important;animation-duration:var(--roles-rotation-duration)!important;animation-iteration-count:1!important}}