:root{--ap-box-small-background: transparent;--ap-box-small-avatar-size: 100px;--ap-box-small-color: var(--color-black)}.wrapper-ap-box-person{position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;border-radius:24px;gap:8px;background-color:var(--ap-box-small-background);padding:24px}@media(min-width: 64rem){.wrapper-ap-box-person{border-radius:32px;padding:32px;gap:16px}}.wrapper-ap-box-person .image-wrapper{position:relative;flex:0 1 auto;height:var(--ap-box-small-avatar-size);width:var(--ap-box-small-avatar-size);border-radius:50%;overflow:hidden;background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2)}@media(min-width: 64rem){.wrapper-ap-box-person .image-wrapper{flex-shrink:0}}.wrapper-ap-box-person .image-wrapper::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:6px;background:linear-gradient(to right, #8244CB, #8244CB);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask-composite:exclude;pointer-events:none}.wrapper-ap-box-person .image-wrapper>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1)}.wrapper-ap-box-person .image-wrapper .placeholder{width:100%;height:100%;display:grid;place-content:center;text-align:center;color:var(--color-black);font-weight:600;line-height:1;font-size:32px}.wrapper-ap-box-person .person-details{display:flex;flex-direction:column;gap:8px}@media(min-width: 48rem){.wrapper-ap-box-person .person-details{flex-direction:row;gap:24px}}@media(min-width: 64rem){.wrapper-ap-box-person .person-details{gap:40px}}.wrapper-ap-box-person .person-details .details-wrapper,.wrapper-ap-box-person .person-details .person-contact{display:flex;flex-direction:column;color:var(--ap-box-small-color)}.wrapper-ap-box-person .person-details .details-wrapper>*,.wrapper-ap-box-person .person-details .person-contact>*{color:currentColor}.wrapper-ap-box-person .person-details .details-wrapper{gap:4px}.wrapper-ap-box-person .person-details .person-contact{gap:8px}.wrapper-ap-box-person .person-details .person-contact a{width:100%;color:var(--ap-box-small-color);font-size:16px;font-weight:400;line-height:1.5;text-decoration:none;display:flex;flex-direction:row;gap:8px;transition:color .3s ease}.wrapper-ap-box-person .person-details .person-contact a svg{width:24px;height:24px;fill:currentColor}.wrapper-ap-box-person .person-details .person-contact a:hover{text-decoration:underline;color:var(--color-primary)}.wrapper-ap-box-person .person-details .person-name{color:var(--ap-box-small-color);font-size:20px;font-weight:600;line-height:1}@media(min-width: 64rem){.wrapper-ap-box-person .person-details .person-name{font-size:24px}}