* {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:root {
  --text-primary: #222222;
}

:host {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.boxo-banner {
  width: 100%;
  background-color: white;
  position: relative;
  overflow: hidden;
}
.boxo-banner__image {
  width: 100%;
  display: block;
}
.boxo-banner__no-image {
  max-width: 176px;
  min-height: 176px;
}
.boxo-banner__corner-round {
  border-radius: 10px;
}
.boxo-banner__corner-squared {
  border-radius: 0;
}
.boxo-banner__style-elevated {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
.boxo-banner__style-outline {
  border: 1px solid #efefef;
}