.MediaComponent{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:576px){.MediaComponent{max-width:576px}}@media (min-width:768px){.MediaComponent{max-width:768px}}@media (min-width:992px){.MediaComponent{max-width:992px}}@media (min-width:1200px){.MediaComponent{max-width:1200px}}@media (min-width:1400px){.MediaComponent{max-width:1400px}}.MediaComponent .media-content{--tw-bg-opacity:1;background-color:rgb(241 249 253/var(--tw-bg-opacity));display:flex;gap:var(--block-padding);height:-moz-fit-content;height:fit-content;padding:var(--block-padding);width:100%}@media not all and (min-width:992px){.MediaComponent .media-content{flex-direction:column}}@media (min-width:992px){.MediaComponent .media-content{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center}}.MediaComponent .media-content .the-content{--tw-text-opacity:1;color:rgb(4 35 63/var(--tw-text-opacity))}@media (min-width:992px){.MediaComponent .media-content .the-content{padding-right:var(--block-padding)}}.MediaComponent .media-content .the-content{font-size:min(4vw,16px)}.MediaComponent .media-content .media-image{aspect-ratio:16/9;height:100%;min-height:300px;width:100%}.MediaComponent .media-content .media-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:1199px) and (min-width:992px){.MediaComponent .media-content .media-image img{height:auto}}.MediaComponent .media-content .media-video{aspect-ratio:16/9;display:flex;justify-content:center;width:100%}@media (min-width:992px){.MediaComponent .media-content:not(:has(.media-image)):not(:has(.media-video)){grid-template-columns:repeat(1,minmax(0,1fr))}}
