@layer component{.employee-overview{--min-column-size: 300px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--min-column-size)), 1fr));gap:32px}@media(min-width: 1200px){.employee-overview{--min-column-size: 320px}}@media(min-width: 1400px){.employee-overview{--min-column-size: 360px}}}@layer theme{.employee-overview .card-item{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative;border-radius:0}.employee-overview .card-item>.media-component{position:relative;grid-row:1;grid-column:1;--default-image-height: 520px}.employee-overview .card-item>.media-component::before{content:"";display:block;position:absolute;top:0;height:100%;width:100%;background:var(--image-overlay);z-index:1;transform:rotate(180deg)}.employee-overview .card-item>.body{grid-row:1;grid-column:1;z-index:1;align-self:end;padding:24px 44px;text-align:center}.employee-overview .card-item>.body>.title{--fs-ratio-4: 0.65;font-size:calc(var(--heading-size)*var(--fs-ratio-4));color:var(--white);font-weight:600;margin-bottom:10px}@media(min-width: 768px){.employee-overview .card-item>.body>.title{--fs-ratio-4: 0.4}}.employee-overview .card-item>.body>.function{--fs-ratio-5: 0.5;font-size:calc(var(--heading-size)*var(--fs-ratio-5));color:var(--white)}@media(min-width: 768px){.employee-overview .card-item>.body>.function{--fs-ratio-5: 0.3}}.employee-overview .card-item>.body [class^=btn-]{position:absolute;top:36px;right:40px;width:56px;border-radius:var(--radius-2);min-height:56px;padding:0}.employee-overview .card-item>.body [class^=btn-] .icon{width:48px}.employee-overview .card-item:not([disabled]):active [class^=btn-]{border-color:var(--main-color-1);background-color:var(--main-color-1)}.employee-overview .card-item:not([disabled]):active .icon{color:var(--white)}@media(hover: hover){.employee-overview .card-item:not([disabled]):hover [class^=btn-]{border-color:var(--main-color-1);background-color:var(--main-color-1)}.employee-overview .card-item:not([disabled]):hover .icon{color:var(--white)}}}
@layer components{.card-item-container{container:card-item/inline-size}.card-item{display:block;height:100%}.card-item>.body{flex:1;display:flex;flex-direction:column;padding:20px;padding-top:0}.card-item>.body>.title{display:block;margin-bottom:.4em;text-transform:none}.card-item>.body>.btn-wrapper{margin-top:auto;padding-top:20px}}@layer theme{.card-item{--_color: var(--card-color, var(--brand-text-color));--_bg-color: var(--card-bg-color, var(--brand-bg-color));--_bg-hover-color: var(--card-bg-hover-color, var(--brand-support-color-2));display:flex;flex-direction:column;background-color:var(--_bg-color);color:var(--_color);border-radius:0;transition:background-color var(--transition);overflow:hidden}.card-item.category-item{--card-bg-color: color-mix(in srgb, var(--true-black) 20%, transparent);display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.card-item.category-item>.body{padding:24px 24px 64px}.card-item.category-item>.media-component{--default-image-height: 300px}@media(min-width: 768px){.card-item.category-item>.media-component{--default-image-height: 375px}}@media(min-width: 1200px){.card-item.category-item>.media-component{--default-image-height: 425px}}@media(min-width: 1920px){.card-item.category-item>.media-component{--default-image-height: 460px}}.card-item.product-item{--_bg-color: var(--card-bg-color, var(--brand-support-color-1));padding:24px;background-color:var(--_bg-color) !important}.card-item.product-item>.media-component{--default-image-height: 300px}@media(min-width: 768px){.card-item.product-item{padding:44px}}.has-background .card-item{background-color:var(--card-bg-color, var(--brand-component-color))}.has-background .card-item .media-component::after{background-color:var(--card-bg-color, var(--brand-component-color))}.card-item>.media-component{position:relative;overflow:hidden;--default-image-height: 220px;height:var(--default-image-height);width:100%}.card-item>.media-component img{--media-radius: 0;transition:transform var(--transition)}.card-item>.body{padding:0;padding-top:24px}.card-item>.body>.title{transition:color var(--transition);margin-bottom:0;text-align:center}.card-item:not([disabled]):active>.media-component img{transform:scale(var(--image-trans-zoom))}@media(hover: hover){.card-item:not([disabled]):hover>.media-component img{transform:scale(var(--image-trans-zoom))}}}