.banners-basic__list{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--grid-gutter-cards);gap:var(--grid-gutter-cards)}@media(max-width:767px){.banners-basic__list{grid-template-columns:1fr}}.banner-basic{display:flex;width:100%;border-radius:var(--border-radius-base);position:relative;color:var(--color-white);background:var(--color-gray-800);text-decoration:none;overflow:hidden;min-height:220px;transition:var(--trs-base);outline:none}.banner-basic:after{content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px;border:1px dashed;border-radius:inherit;opacity:0;transition:var(--trs-base),border-color 0s;pointer-events:none}.state--focus-enabled .banner-basic:focus:after{opacity:.75}.banner-basic:after{z-index:3}.banner-basic__fg{flex:1 1 auto;display:flex;flex-direction:column;padding:24px var(--card-padding-x);position:relative;z-index:2;max-width:53%}.banner-basic__bg,.banner-basic__image{position:absolute;top:0;right:0;height:100%;width:49%;object-fit:cover}.banner-basic__image{width:100%;max-width:300px;-webkit-clip-path:ellipse(118% 100% at 119% 50%);clip-path:ellipse(118% 100% at 119% 50%);transition:var(--trs-base)}.banner-basic__actions{margin-top:auto;padding-top:20px}.banner-basic__title{font:var(--font-h3);margin:12px 0}.banner-basic__note{margin:12px 0;color:var(--color-gray-300);font-size:var(--fz-small);line-height:var(--lh-small)}@media(max-width:1319px){.banner-basic{min-height:200px}.banner-basic__bg{display:none}.banner-basic__fg{width:100%;max-width:420px;padding:20px var(--card-padding-x)}}