@layer reset,base,utilities,core,components,theme,admin,external;@layer utilities{.bg-secondary-50{background-color:var(--secondary-50)}.text-secondary-50{color:var(--secondary-50)}.border-secondary-50{border-color:var(--secondary-50)}}@layer components{.promo{--content-padding: var(--spacing-xxl);--max-width: 1192px;margin-inline:auto;max-width:var(--max-width)}@media(min-width:992px){.promo{--content-padding: 100px 48px}}.promo__container{position:relative}@media(min-width:992px){.promo__container{display:flex}}.promo__background{display:flex;flex-direction:column-reverse;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}@media(min-width:992px){.promo__background{flex-direction:row}}.promo__background:before{background-color:var(--content-background);content:"";height:75%;width:100%}@media(min-width:768px){.promo__background:before{border-radius:var(--primary-radius);height:50%}}@media(min-width:992px){.promo__background:before{height:100%;width:65%}}.promo__background:after{background-color:transparent;content:"";height:25%;width:100%}@media(min-width:768px){.promo__background:after{height:50%}}@media(min-width:992px){.promo__background:after{height:100%;width:35%}}@media(min-width:768px){.promo{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}}.promo__content{color:var(--text-color);display:grid;gap:var(--spacing-m);padding:var(--content-padding);position:relative;z-index:1}.promo__image{aspect-ratio:4/3;padding-inline:var(--spacing-m);position:relative;z-index:1}@media(min-width:992px){.promo__image{flex-shrink:0;padding-block:42px;padding-inline:0;width:580px}}.promo__image img{border-radius:var(--primary-radius);height:100%;object-fit:cover;width:100%}.promo__title{margin-bottom:0}.promo--light{--content-background: var(--secondary);--text-color: var(--primary)}.promo--dark{--content-background: var(--primary);--text-color: var(--white)}@media(min-width:992px){.promo--image-left .promo__container{flex-direction:row}.promo--image-left .promo__background{flex-direction:row-reverse}}@media(min-width:992px){.promo--image-right .promo__container{flex-direction:row-reverse}.promo--image-right .promo__background{flex-direction:row}}}
