biotage-banner{align-items:center;display:grid;grid-template-areas:"image" "content";grid-template-columns:1fr;grid-template-rows:auto;justify-content:center;grid-gap:var(--space-300);gap:var(--space-300);margin:0 auto}biotage-banner[size=default]{max-width:var(--layout-size-medium)}biotage-banner .banner__content{display:flex;flex-direction:column;gap:var(--space-50);grid-area:content;-ms-grid-column:1;-ms-grid-row:3;justify-content:center;position:relative;z-index:1}biotage-banner .banner__image{align-items:center;display:flex;grid-area:image;-ms-grid-column:1;-ms-grid-row:1;height:100%;justify-content:flex-start;position:relative}biotage-banner .banner__image.banner__image-ratio-1-1 img{aspect-ratio:1/1}biotage-banner .banner__image.banner__image-ratio-3-2 img{aspect-ratio:3/2}biotage-banner .banner__image.banner__image-ratio-4-5 img{aspect-ratio:4/5}biotage-banner .banner__image.banner__image-ratio-2-1 img{aspect-ratio:2/1}biotage-banner .banner__image img{max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}biotage-banner .image--effect-fade img{mask-image:linear-gradient(270deg,#000 20%,transparent 90%);-webkit-mask-image:linear-gradient(270deg,#000 20%,transparent 90%)}biotage-banner.banner--image-right .image--effect-fade img{mask-image:linear-gradient(90deg,#000 20%,transparent 90%);-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent 90%)}biotage-banner .banner__text{margin-top:var(--space-50)}biotage-banner .banner__button{margin-top:var(--space-100)}biotage-banner.banner--image-bottom{grid-template-areas:"content" "image"}biotage-banner.banner--image-bottom .banner__content{justify-self:center;max-width:var(--layout-size-small)}@media (min-width:768px),print{biotage-banner:not(.banner--image-bottom){grid-template-areas:"image content";grid-template-columns:1fr 1fr}biotage-banner .banner__image{justify-content:center}biotage-banner.banner--image-right{grid-template-areas:"content image"}biotage-banner:not(.banner--image-bottom)>.banner__content{-ms-grid-column:2;-ms-grid-row:1}biotage-banner.banner--image-right>.banner__content,biotage-banner:not(.banner--image-bottom)>.banner__image{-ms-grid-column:1;-ms-grid-row:1}biotage-banner.banner--image-right>.banner__image{-ms-grid-column:3;-ms-grid-row:1}}