.overlay-container{container-type:inline-size}@container (max-width: 150px){.overlay-content>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}.overlay-text{font-size:var(--fz-body-xs);line-height:var(--lh-body-xs);font-family:var(--ff-body)}}@container (min-width: 150px) and (max-width: 200px){.overlay-text{font-size:var(--fz-body-xs);line-height:var(--lh-body-xs);font-family:var(--ff-body)}.overlay-content>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse))}}@container (min-width: 200px) and (max-width: 300px){.overlay-text{font-size:var(--fz-body-sm);line-height:var(--lh-body-sm);font-family:var(--ff-body)}.overlay-content>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse))}}@container (min-width: 300px){.overlay-text{font-size:var(--fz-body-md);line-height:var(--lh-body-md);font-family:var(--ff-body)}.overlay-content>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(2rem * var(--un-space-y-reverse))}}
