.card--sales-representative{padding:var(--sr-card-padding-md, 24px);gap:24px;border-radius:4px;box-shadow:4px 4px 16px rgb(var(--color-overlay-rgb) / .12)}.card--sales-representative .card-media{aspect-ratio:var(--sr-ratio, 4 / 3);height:auto;background:var(--color-background-alt, var(--color-background));align-self:stretch;flex:none;min-height:240px}.card--sales-representative .card-media img{display:block;width:100%;height:100%;object-fit:cover}.card--sales-representative__media-placeholder{width:100%;height:100%;background:var(--color-background-alt, var(--color-background))}.card--sales-representative__flags{position:absolute;top:16px;left:16px;display:inline-flex;gap:16px;z-index:2}.card--sales-representative__flag-chip{display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;border-radius:2px;overflow:hidden;flex:0 0 auto;filter:drop-shadow(2px 2px 8px rgb(var(--color-overlay-rgb) / .24));background:var(--color-background);border:1px solid var(--color-outlines)}.card--sales-representative__flag-chip .sk-language-flag{width:100%;height:100%;display:block}.card--sales-representative .card-body{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.card--sales-representative__heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.card--sales-representative__label{color:var(--color-outlines);font-weight:500;font-size:14px;line-height:1;letter-spacing:.02em;margin:0}.card--sales-representative__name{color:var(--color-foreground);font-weight:400;font-size:var(--sr-name-size, 28px);line-height:1;letter-spacing:.02em;margin:0;text-transform:none;font-family:var(--font-body-family)}.card--sales-representative__contacts{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.card--sales-representative__contact{display:inline-flex;align-items:center;gap:12px;color:var(--color-foreground);text-decoration:none;font-size:14px;font-weight:500;line-height:1;letter-spacing:.02em;word-break:break-word}.card--sales-representative__contact:hover .card--sales-representative__contact-text,.card--sales-representative__contact:focus-visible .card--sales-representative__contact-text{text-decoration:underline}.card--sales-representative__contact-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-outlines);flex:0 0 24px}.card--sales-representative__contact-icon svg{width:24px;height:24px;display:block}@media only screen and (min-width:769px){.card--sales-representative__label{font-size:16px}.card--sales-representative__name{font-size:var(--sr-name-size, 34px)}.card--sales-representative__contact{font-size:16px}}@media only screen and (min-width:1025px){.card--sales-representative .card-media{min-height:280px}}@media only screen and (max-width:768px){.card--sales-representative{padding:var(--sr-card-padding, 16px);gap:20px}}.card--sales-representative--no-image .card-body{gap:16px}.card--sales-representative__heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.card--sales-representative--no-image .card--sales-representative__flags{position:static;top:auto;left:auto;gap:8px}.card--sales-representative--no-image .card--sales-representative__flag-chip{width:33.6px;height:24px;filter:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card-sales-representative.css.map */