@mantine/core/styles/AspectRatio.layer.css

React components library focused on usability, accessibility and developer experience

@layer mantine {.m-71ac47fc{--ar-ratio:1;max-width:100%;position:relative}.m-71ac47fc:before{content:"";display:block;height:0;padding-bottom:calc((1/var(--ar-ratio))*100%)}.m-71ac47fc:after{clear:both;content:"";display:table}.m-71ac47fc>:where(:not(style)){align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.m-71ac47fc>:where(img,video){object-fit:cover}}