.aspect-ratio-box{position:relative;width:100%;height:auto;overflow:hidden}.aspect-ratio-box--full{height:100%}.ratio-landscape{aspect-ratio:16/9;height:auto}.ratio-portrait{aspect-ratio:9/16;height:auto}.ratio-square{aspect-ratio:1/1;height:auto}.ratio-full{aspect-ratio:auto;height:100%;display:flex;flex-direction:column}@media (min-width:640px){.sm\:ratio-landscape{aspect-ratio:16/9;height:auto}.sm\:ratio-portrait{aspect-ratio:9/16;height:auto}.sm\:ratio-square{aspect-ratio:1/1;height:auto}.sm\:ratio-full{aspect-ratio:auto;height:100%!important;display:flex;flex-direction:column}}@media (min-width:768px){.md\:ratio-landscape{aspect-ratio:16/9;height:auto}.md\:ratio-portrait{aspect-ratio:9/16;height:auto}.md\:ratio-square{aspect-ratio:1/1;height:auto}.md\:ratio-full{aspect-ratio:auto;height:100%!important;display:flex;flex-direction:column}}@media (min-width:1024px){.lg\:ratio-landscape{aspect-ratio:16/9;height:auto}.lg\:ratio-portrait{aspect-ratio:9/16;height:auto}.lg\:ratio-square{aspect-ratio:1/1;height:auto}.lg\:ratio-full{aspect-ratio:auto;height:100%!important;display:flex;flex-direction:column}}@media (min-width:1280px){.xl\:ratio-landscape{aspect-ratio:16/9;height:auto}.xl\:ratio-portrait{aspect-ratio:9/16;height:auto}.xl\:ratio-square{aspect-ratio:1/1;height:auto}.xl\:ratio-full{aspect-ratio:auto;height:100%!important;display:flex;flex-direction:column}}.aspect-ratio-box__inner{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.aspect-ratio-box__inner>*{width:100%;height:100%}.web-image__wrapper{width:100%;display:flex;flex-direction:column}.web-image__wrapper--full{height:100%}@media (min-width:640px){.sm\:web-image__wrapper--full{height:100%}}@media (min-width:768px){.md\:web-image__wrapper--full{height:100%}}@media (min-width:1024px){.lg\:web-image__wrapper--full{height:100%}}@media (min-width:1280px){.xl\:web-image__wrapper--full{height:100%}}.web-image__wrapper--full>.aspect-ratio-box,[class*=":web-image__wrapper--full"]>.aspect-ratio-box{flex:1;display:flex;flex-direction:column}[class*=ratio-full] .web-image{flex:1;height:100%!important}.web-image{height:auto}.web-image .aspect-ratio-box__inner img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.web-image--contain .aspect-ratio-box__inner img{object-fit:contain}.web-image--empty{background-color:var(--color-gray-100,#f5f5f5)}