.container-with-box-wrapper{container:container-with-box/inline-size}.container-with-box{--container-height:  clamp(28.75rem,25.375rem + 15vw,38.5rem);flex-direction:column;max-width:640px;display:flex}@container container-with-box (width>=976px){.container-with-box{flex-direction:row;max-width:none}}.container-with-box:not(:has(.box)){max-width:none;display:block}.container-with-box .container-with-box-container{border-radius:var(--rounded);aspect-ratio:640/460;height:var(--container-height);flex-shrink:0;overflow:hidden}@container container-with-box (width>=976px){.container-with-box .container-with-box-container{aspect-ratio:976/616}}.container-with-box:not(:has(+.box) .container-with-box-container){aspect-ratio:initial}.container-with-box .box{--margin:  clamp(1rem,-.285714rem + 5.71429cqw,2rem);margin-top:-3rem;margin-inline:var(--margin);width:calc(100% - 2*var(--margin));align-self:center}@container container-with-box (width>=976px){.container-with-box .box{max-width:448px;margin-top:0}.container-with-box .box:is([data-box-position=left] *){order:-1;margin-left:0;margin-right:-112px}.container-with-box .box:is([data-box-position=right] *){margin-left:-112px;margin-right:0}}:is(.section-grid,.grid):not(:has(>*>:not(link,.container-with-box-wrapper)))>*>.container-with-box-wrapper:is(:only-child,link:first-child+:last-child,link:first-child+link+:last-child){height:100%}@container container-with-box (width<976px){:is(.section-grid,.grid):not(:has(>*>:not(link,.container-with-box-wrapper)))>*>.container-with-box-wrapper:is(:only-child,link:first-child+:last-child,link:first-child+link+:last-child) .container-with-box,:is(.section-grid,.grid):not(:has(>*>:not(link,.container-with-box-wrapper)))>*>.container-with-box-wrapper:is(:only-child,link:first-child+:last-child,link:first-child+link+:last-child) .box{height:100%}}
/*# sourceMappingURL=css-shared-template--container-with-box.css.map*/