@mixin card-root() { ... }@mixin card-root() { 
  @include kib-foundations.card;
  @include kib-foundations.card-interactive;

  margin: 0 0 spacing.get('s4') 0;
  padding: 0;
  max-width: settings.$max-width;
 }

@mixin content-wrapper() { ... }@mixin content-wrapper() { 
  $radius: kib-foundations.$card-border-radius - kib-foundations.$card-border-width;

  margin: 0;
  overflow: hidden;
  border-radius: $radius $radius 0 0;
 }

@mixin cover-image-wrapper() { ... }@mixin cover-image-wrapper() { 
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: settings.$cover-min-height;

  &::after {
    display: block;
    content: '';
    padding-top: 28.6%;
  }

  &--placeholder {
    min-width: settings.$cover-placeholder-min-width;
    background: {
      color: settings.$cover-placeholder-background-color;
      image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3EChewy%3C/title%3E%3Cpath d='M18.7827579,12.6340632 C16.7223368,13.1271158 16.1949684,15.5730105 14.0065474,16.0231158 C11.5223368,16.5340632 9.95096842,14.5974316 9.47181053,12.2677474 C9.07854737,10.3551158 9.41623158,7.53658947 12.1758105,7.12185263 C14.5993895,6.75785263 15.1659158,9.28311579 17.8631789,8.75048421 C19.4614947,8.43490526 20.2318105,7.17869474 19.8577053,5.57322105 C19.2699158,3.13995789 15.4078105,1.35237895 11.1686526,2.22416842 C5.71496842,3.34585263 2.02717895,8.20816842 3.22717895,14.3071158 C4.46738947,20.6113263 10.4252842,22.6536421 15.1381263,21.6235368 C21.2023368,20.2976421 22.2625474,16.0018526 21.9326526,14.5862737 C21.6467579,13.3605895 20.3958105,12.2304842 18.7827579,12.6340632' fill='%23fff' opacity='0.2' %3E%3C/path%3E%3C/svg%3E%0A");
      position: -25% center;
      repeat: no-repeat;
      size: 50% auto;
    }
  }
 }

@mixin cover-image() { ... }@mixin cover-image() { 
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);

  @supports (object-fit: cover) {
    top: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: none;
  }
 }

@mixin avatar-wrapper() { ... }@mixin avatar-wrapper() { 
  position: absolute;
  left: spacing.get('s2');
  bottom: spacing.get('s2');
  width: settings.$avatar-size;
  height: settings.$avatar-size;
  overflow: hidden;
  background-color: settings.$avatar-background-color;
  border: settings.$avatar-border-width solid kib-foundations.$card-background-color;
  border-radius: settings.$avatar-radius;

  &--placeholder {
    background-image: settings.$avatar-background-image;
    background-size: cover;
  }
 }

@mixin avatar-image() { ... }@mixin avatar-image() { 
  display: block;
  width: 100%;
  height: 100%;
 }

@mixin caption() { ... }@mixin caption() { 
  @include typography.style-as('display-6');

  padding-left: unit.rem(80px);
  padding-right: spacing.get('s2');
  line-height: kib-core-dimensions-get(huger);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 }

$brand: color.get('ui-bg', 'brand', 'primary') !default;

$max-width: unit.rem(460px) !default;

$cover-placeholder-background-color: $brand !default;

$cover-placeholder-min-width: unit.rem(280px) !default;

$cover-min-height: unit.rem(80px) !default;

$avatar-background-color: color.get('ui-bg', '02') !default;

$avatar-background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAAESBayjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFTXXMtcPpp7nljqbel63hZ4jTdZTX0tnx4+b2ydPu3OH0W3/Qg57bv8vsQ23J6Or38xmQdwAACClJREFUeNq80dEKwCAIBVDZCAbV9f//djOUyhL2VGCEp7hFxMGgswAtDwBaeYBCiQA/AVylJf0LAwyh3zpN8Gg/6ybqAWyTB0z5Fl45Nch803pdbN5RIghPiNh07GtfATRIJCCRwY8t+YAIbmwSvHy4EhwuCX5MCViyhciiSPCgOAImwY5kBIoEC5jHDXYsHx9GEkVKdXAJdj6Ye+GZCuZcJlz+4MOVfPjwJDgukIHc9IxagADklNEKwCAIRVuLQcHc///tkIlpabXHMV8y7FB5VTfwdWBr1gmAepxUHbAAsIJafRcgyUNX9xPgWAJiBdjDtkg2sD8HcfQlMWovfU0wfuskoQWifDOmNMs/GUCuoUJuGQI051U/8W4uHDhZ7QDobQiUt4BxxV9adGS3AOyX0Q6DIAxFMyjCpvb/P3e62Q6w0JLsyfgkak+LBu4tN3BFINoAT3sA0VsAR7tmv0areifSKR3gjUkqPgioMhMoLg7qEkvt0wqkUcDyDe6n4SkH1lUG5iwxF1vKU8LJgSBzKEBq4HqWJfu8CEyfN06xuPIkJZXAKk8D4FEkn28Cr3Iex9PQBlzZXh8jEICFg2gB7hOZUPmtULexHWDLPNcu970HQ4PVsmndp0MfEGwaRgH8b4UHjnYCp3iv6ZLnI34MtLRuy7oA8BaAHfPYYRiEAWgIhBFG//9vW6lKCgbMjNQDPiLjF4zjQfOGBViABXgMILzHsKvDI/MABhaIdIXpBZxRCUJKcQeAezXLRKVMDgOOqIpSvJ1oBIBSzcvvCo2AuBGA3YGcCvioW7CkpgJsvHSOAcI71sFj7Mgd3NZewEEwcL/2bdi9lwH+bn3bunODDe2rTDubB8DzK8YNyDzEHHyHB7KVAOJacgHFtbdS5JTsK19ZVAEs0jKLnVnka0wVgOXCUCemE4NOLWkAiHOS8PXvYHGqar2DKzQy40m4JprD9JqWRWJikpGurv7RNMhkLikaZBPRW5MPl5OK3UUV5nAhQwDqaqQfsFfZxx01A6D7XeQedlEdQY5FUeBspgShG/p+0PMfEG7Umg8WYAH+GfAWgH0zSXIYhKEoYAaDh77/bbtSlXQDEkgMXoWty/GzhQTof7IAC7AAC7AAC/BdgCvr8IKcC7BZM3YRbUcrINd5NVOJ4QJydc6ztR4eAPRKDWoSByByBXNjtzcsgAL96j1XHAf9pG/SEtrE8SvVpaao71Bw4jfhHMAJem53T5X3YVNvUUFsFiCAK3YM4KGW36hJCXYRFACDDogmQzQIOOHTxKNfAJmDY5AZNi9tOkzNIuwMzpQ6uDSmKAtkXD7pppoA9u/dJDKzwQgd5dGueTgqe5pBUiu6/eADTLSC7UhCZi5dNWEFuQjvyO+TEdbVBVRUc/Odg+q0Ot14BW3NBqR5LsC0rLnxiHABDapoerdsB9CfoIiqRgCuwcylTTfKhaIW9b3DJDorLyW1Sh+yUROTKMwT6EsJGOp05lMsgCm4hw5zwatnBVmAvxgFbEMXegAWB6BXZU+IcLNUoCulIk8oUHXwASjcP7vujjr4wdbcm2OWnkzAQZmuUZAUNa9QbixWTsmI6qpdXQC47Ceu5m/5+qxS2FVoEc3Ve8lBe9fb9Yqpcd1dZih7dAz3q6nLJM8RdwDCiFHKAAjaynQjAJYZ6/sB5mm7l/f8+hmpGQD3NKA/ROJpgBw/MzAjTcMAwI2eqiAreRscAXouSnYAVjqvzFw55/8/M/HeXJ4Hd3vPWQ82q8JS3xdgARZgARbgywG/ArR3bsuNgzAYBnEw5rTv/7bbaXe7SYpBgDDZGem2GYcvFpJ+JLvLv4ABGIABGIABGIABGIABGIABGIAB7gFIKkJ1VFBaC+5dAUA0Wmka32vbABBbj35C7ptfuRdANacdQ+fjrbcCpNx625QX/R3V+wBsqYnzNIvgxGBj+w4Aj3gEOpQ/Au8AkC4bde5yh2S6cDQNIBGDCen6M7AbINV6pb7uQKip18UAvtoYh0IC+BGL3FaAiOm3hzw3AbMQwAvE3MlZ/4zZCdAafEhND/rYKcdGAI2ZapFT40FrASJm5uR8Y4DGHfizP83UCNhSgLp7/03FMDcltzQKtbdw8xZsDaPV0SKN4hQ3JjL3VTYH/fCdBvXLnqgt7PRXyrNuDYAs1mABVaUd7fXDmFoTQ+t/XGBEhZayovlXCMGo3kQDnJfRwwfUxtQ1yROGkwMaINR+5VM9/NleVcjJPtwGA1UHC9QAmj4F1TeIpgXwI+Ojv+64tpiK94LglNBdlOSKEsCFNcV8LZMgpRoO4Fr5Th8Rqkm1jAI41TJRXjkUUCcZANiBYtLrb+cw12up6GULZADatI8eXlZvcXGxVmkbfQ9A4RYc5cASfM8NoAQA0yUJDfoEoqo2DZ0LyZjxPiQ7XnpZ1WpRkgF4iQewDQlv0QDS0+WBqq96tMb8kb39vFYW0+H6QIv8Quo4phMMthqVGEmOfAztyY304Btiu/VA8RgUes4ZryIX1E7mSUW9qkU5F3KPPZdqL3G6p8DqPVbxSYJMP5SMM7nXwutFjs9L90oMki7lGfKQUbSK5wEOm8fN+r0AXos8axuPFmOmMXFuAUiZzia09TDAkSkt3A+gSAHG2zRvAiD87QCJFMBu2MT2LTxoJowGuvXrPXnAUK1fbUpk2H9rsLQkWtjkQ1rcXMylgiMJq9NTbj1B2+KWEdsHnj6TchTfK4dGPHEfVb+O1hhjlaRoLxDNjboEkIgaNlsA9hkDMAADMAADMAADMAADMAADMMB/a78BGHE7lzxgR+QAAAAASUVORK5CYII=') !default;

$avatar-border-width: unit.rem(2px) !default;

$avatar-size: unit.rem(64px) !default;

$avatar-radius: 100% !default;