# qi-blocks/1.0.7/assets/dist/message-box.css

Qi Blocks, version 1.0.7. 1 lines.

- Page: https://pluginprobe.com/plugins/qi-blocks/1.0.7/code/assets/dist/message-box.css
- Raw: https://pluginprobe.com/plugins/qi-blocks/1.0.7/raw/assets/dist/message-box.css
- Modified: 2022-12-23T11:22:34+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/qi-blocks/1.0.7/code/assets/dist/message-box.css#L10-L20`.

```css
.qi-block-message-box-holder{transition:height .23s cubic-bezier(.05,.47,.58,1)}.qi-block-message-box{background:#d5eaf4;display:flex;padding:40px;position:relative;transition:opacity .19s ease,visibility .19s ease}.qi-block-message-box .qodef-m-close-icon{cursor:pointer;font-size:30px;line-height:1;position:absolute;right:17px;top:17px;transition:color .25s ease-in-out}.qi-block-message-box .qodef-m-close-icon i{color:inherit}.qi-block-message-box .qodef-m-close-icon svg{fill:currentColor;stroke:currentColor;height:auto;width:1em}.qi-block-message-box .qodef-m-icon{font-size:30px;line-height:1;margin-right:20px}.qi-block-message-box .qodef-m-icon svg{fill:currentColor;stroke:currentColor;height:auto;width:1em}.qi-block-message-box .qodef-m-text,.qi-block-message-box .qodef-m-title{margin:0}.qi-block-message-box.qodef-hidden{opacity:0;visibility:hidden}.qi-block-message-box.qodef-icon--middle{align-items:center}.qi-block-message-box.qodef-icon--top{align-items:flex-start}.qi-block-message-box.qodef-icon--bottom{align-items:flex-end}
```