.vf-container,.vanillafocus{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%}.vf-container img,.vanillafocus img{position:absolute;left:0;top:0;margin:0;display:block;width:auto;height:auto;min-width:100%;min-height:100%;max-height:none;max-width:none}.vf-ratio{position:relative;width:100%}.vf-ratio::before{display:block;padding-top:var(--aspect-ratio);content:""}.vf-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.vf-ratio-1x1{--aspect-ratio: 100%}.vf-ratio-1x2{--aspect-ratio: calc(4 / 2 * 100%)}.vf-ratio-4x2{--aspect-ratio: calc(2 / 4 * 100%)}.vf-ratio-4x3{--aspect-ratio: calc(3 / 4 * 100%)}.vf-ratio-16x9{--aspect-ratio: calc(9 / 16 * 100%)}.vf-ratio-21x9{--aspect-ratio: calc(9 / 21 * 100%)}@media (min-width: 576px){.vf-ratio-sm-1x1{--aspect-ratio: 100%}.vf-ratio-sm-1x2{--aspect-ratio: calc(4 / 2 * 100%)}.vf-ratio-sm-4x2{--aspect-ratio: calc(2 / 4 * 100%)}.vf-ratio-sm-4x3{--aspect-ratio: calc(3 / 4 * 100%)}.vf-ratio-sm-16x9{--aspect-ratio: calc(9 / 16 * 100%)}.vf-ratio-sm-21x9{--aspect-ratio: calc(9 / 21 * 100%)}}@media (min-width: 768px){.vf-ratio-md-1x1{--aspect-ratio: 100%}.vf-ratio-md-1x2{--aspect-ratio: calc(4 / 2 * 100%)}.vf-ratio-md-4x2{--aspect-ratio: calc(2 / 4 * 100%)}.vf-ratio-md-4x3{--aspect-ratio: calc(3 / 4 * 100%)}.vf-ratio-md-16x9{--aspect-ratio: calc(9 / 16 * 100%)}.vf-ratio-md-21x9{--aspect-ratio: calc(9 / 21 * 100%)}}@media (min-width: 992px){.vf-ratio-lg-1x1{--aspect-ratio: 100%}.vf-ratio-lg-1x2{--aspect-ratio: calc(4 / 2 * 100%)}.vf-ratio-lg-4x2{--aspect-ratio: calc(2 / 4 * 100%)}.vf-ratio-lg-4x3{--aspect-ratio: calc(3 / 4 * 100%)}.vf-ratio-lg-16x9{--aspect-ratio: calc(9 / 16 * 100%)}.vf-ratio-lg-21x9{--aspect-ratio: calc(9 / 21 * 100%)}}@media (min-width: 1200px){.vf-ratio-xl-1x1{--aspect-ratio: 100%}.vf-ratio-xl-1x2{--aspect-ratio: calc(4 / 2 * 100%)}.vf-ratio-xl-4x2{--aspect-ratio: calc(2 / 4 * 100%)}.vf-ratio-xl-4x3{--aspect-ratio: calc(3 / 4 * 100%)}.vf-ratio-xl-16x9{--aspect-ratio: calc(9 / 16 * 100%)}.vf-ratio-xl-21x9{--aspect-ratio: calc(9 / 21 * 100%)}}@media (min-width: 1400px){.vf-ratio-xxl-1x1{--aspect-ratio: 100%}.vf-ratio-xxl-1x2{--aspect-ratio: calc(4 / 2 * 100%)}.vf-ratio-xxl-4x2{--aspect-ratio: calc(2 / 4 * 100%)}.vf-ratio-xxl-4x3{--aspect-ratio: calc(3 / 4 * 100%)}.vf-ratio-xxl-16x9{--aspect-ratio: calc(9 / 16 * 100%)}.vf-ratio-xxl-21x9{--aspect-ratio: calc(9 / 21 * 100%)}}