@layer components{.media-modal{background:transparent;border:0;color:var(--g-color-white);height:100%;margin:0;max-height:none;max-width:none;padding:var(--g-spacing-9) var(--g-padding-inline);width:100%}.media-modal::backdrop{background-color:rgba(15,23,36,.9)}.media-modal[open]{display:grid;place-items:center}.media-modal__body{--media-modal-ratio-width:calc((100svh - var(--g-spacing-9)*2)*var(--media-modal-ratio, 16 / 9));aspect-ratio:var(--media-modal-ratio,16/9);position:relative;width:min(100%,var(--media-modal-width,128rem),var(--media-modal-ratio-width))}.media-modal__image,.media-modal__media,.media-modal__media iframe{display:block;height:100%;width:100%}.media-modal__close-form{position:absolute;right:var(--g-spacing-3);top:var(--g-spacing-3)}.media-modal__close{background-color:var(--g-color-blue-tint-30);border:0;color:var(--g-color-dark-blue-midnight);cursor:pointer;display:grid;height:4.4rem;padding:0;place-items:center;transition-duration:var(--g-easing-duration-micro);transition-property:background-color;transition-timing-function:var(--g-easing-hover);width:4.4rem}@media(hover:hover)and (pointer:fine){.media-modal__close:hover{background-color:var(--g-color-blue-tint-60)}}.media-modal__close:focus-visible{outline:.2rem solid var(--g-color-white);outline-offset:.2rem}}