/* compiled by scssphp 1.6.0 on Thu, 04 Jun 2026 08:15:49 +0000 (0.0651s) */

.card.--employee{--card__span: span 3;--card__template-columns--employee: 1fr;grid-template-rows:20rem min-content}@media (min-width:48rem){.card.--employee{grid-template-rows:25rem 1fr}}.card.--employee .card__heading{grid-column:1 / -1;grid-row:2}.card.--employee .card__name{--card__name-font-weight--strong: var( --font-weight--bold );--card__name-font-size: 1.25rem}.card.--employee .card__function{color:var(--color-gray--06)}.card.--employee .card__image-container{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border 0.3s ease-in-out}.card.--employee .card__image-container::before{content:'';position:absolute;inset:0;background:rgba(6, 19, 35, 0.87);opacity:0;transition:opacity 0.3s ease-in-out}.card.--employee .card__image{--employee-card__image-max-width: 100%;--employee-card__image-max-height: 20rem;--card__image-height--employee: 100%;--employee-card__image-border-radius: var( --radius--md );--employee-card__image-margin-right: 0;--card__image-columns--employee: 1 / -1;--card__image-rows--employee: 1;border:2px solid transparent;object-position:top}@media (min-width:48rem){.card.--employee .card__image{--employee-card__image-max-height: 100%}}.card.--employee .card__button{height:100%;padding:0 3.625rem;border:none;order:-1;position:absolute;transform:translateY(0%);background:transparent;transition:transform 0.3s ease-in-out}@media (min-width:48rem){.card.--employee .card__button{transform:translateY(100%)}}.card.--employee .card__button .button__icon{max-width:3.625rem;width:3.625rem;padding:1.25rem;border-radius:50%;display:flex;justify-content:center;align-items:center;order:-1;background:var(--color-2);transition:background 0.5s 0.2s ease-in-out;opacity:0}@media (min-width:48rem){.card.--employee .card__button .button__icon{opacity:1}}.card.--employee .card__button .button__icon svg{min-width:1rem;min-height:1rem;fill:var(--color-2--foreground);transition:fill 0.5s ease-in-out}.card.--employee .card__button .button__title{color:var(--color-white);opacity:0}@media (min-width:48rem){.card.--employee .card__button .button__title{opacity:1}}@media (pointer:fine){.card.--employee:hover .card__image-container::before{opacity:1}.card.--employee:hover .card__image{border:2px solid #233543;transform:none}.card.--employee:hover .card__button{transform:translateY(0)}.card.--employee:hover .card__button .button__icon{background:var(--color-1)}.card.--employee:hover .card__button .button__icon svg{fill:var(--color-1--foreground)}}