.highlight-tooltip__container { position: absolute; width: 0; height: 0; &.highlight-tooltip__show { top: 0; left: 0; width: 100%; height: 100%; } } .highlight-tooltip__portal { width: 100%; height: 100%; position: relative; .highlight-tooltip__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba($black, 0.35); z-index: z-index(".components-modal__screen-overlay"); @include edit-post__fade-in-animation(); } } .highlight-tooltip__popover { .components-card { min-width: 360px; } .components-card__header { @include font-size( 16 ); font-weight: 600; box-sizing: border-box; } .components-card__footer { justify-content: flex-end; box-sizing: border-box; } }