|
- .infobanner{margin:var(--section-margin) auto;container-type:inline-size}.infobanner *>.banner{container-type:inline-size}.infobanner .banner{position:relative;display:flex;color:var(--color-text);border-radius:var(--border-radius-xs);text-decoration:none;transition:.25s ease}.infobanner .banner.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.infobanner .banner:focus-visible,.infobanner .banner.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.infobanner .banner{--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.infobanner .banner{--gradient-angle: 150deg}}@container (min-width: 768px){.infobanner .banner{--gradient-angle: 130deg}}@container (min-width: 1100px){.infobanner .banner{--gradient-angle: 110deg}}.infobanner .banner.focus-visible:focus .btn{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.infobanner .banner:focus-visible .btn,.infobanner .banner-moz-focusring .btn{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.infobanner .banner:before{content:"";position:relative;display:block;padding-top:12.36%}@media (max-width: 567px){.infobanner .banner:before{padding-top:66.6667%}}.infobanner .is-commercial{position:absolute;display:block;z-index:1;right:0;top:0;padding:1px 7px;font-size:var(--font-size-xs);color:var(--color-text);background-color:var(--color-background);border-bottom-left-radius:var(--border-radius-xs)}.infobanner .image-box{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.infobanner .image-box img{border-radius:var(--border-radius-xs);position:relative;display:block;max-width:100%;margin:0 auto;width:100%;height:100%;object-fit:cover}.infobanner .text-wrapper{position:relative;display:flex;justify-content:space-between;flex:1 1 100%;background:linear-gradient(120deg,rgba(var(--swatches-primary-500-rgb),1),rgba(var(--swatches-primary-500-rgb),.2));border-radius:var(--border-radius-xs)}@media (max-width: 567px){.infobanner .text-wrapper{flex-direction:column}}.infobanner:not(.has-image-box) .text-wrapper{background:none}.infobanner .text-box{padding:18px 24px;min-height:180px;max-width:768px;display:flex;flex-direction:column;justify-content:center;line-height:1.4}@media (max-width: 1339px){.infobanner .text-box{min-height:150px}}@media (max-width: 999px){.infobanner .text-box{min-height:0;padding:12px 20px}}@media (max-width: 567px){.infobanner .text-box{padding:8px 0;margin:var(--content-box-padding)}}.infobanner .text-box>*{margin-top:.1em;margin-bottom:.1em}.infobanner .text-box>*.kicker{margin-left:0}@media (max-width: 567px){.infobanner .text-box>.like-h2{margin-top:8px;margin-bottom:10px}}.infobanner .button-box{padding:24px;display:flex;align-items:flex-end;justify-content:flex-end;margin-top:auto}@media (max-width: 999px){.infobanner .button-box{padding:16px}}@media (max-width: 767px){.infobanner .button-box{padding:0 0 20px;margin:0 var(--content-box-padding)}}@media (max-width: 567px){.infobanner .button-box{padding-bottom:30px}}.infobanner .button-box .btn{background-color:var(--color-button-primary-background);color:var(--color-button-primary-text)}
|
