export default `:host{text-align:center}:host>input{display:none}:host>input:checked ~ .overlay,:host>input:checked ~ article{opacity:1;pointer-events:auto}:host>input:checked ~ .overlay{display:block}:host>input:checked ~ article{overflow:auto}:host>.overlay,:host>article{max-height:100%;opacity:0;overflow:hidden;position:fixed;z-index:100;pointer-events:none;transition:opacity .3s}:host>.overlay{background:rgba(17,17,17,0.6);border-radius:0;bottom:0;left:0;margin:0;right:0;top:0}:host>.overlay:before,:host>.overlay:after{display:none}:host>article{background:#fff;border:0;padding:0;text-align:left;display:flex;flex-direction:column}:host>article.x-center.y-top{top:0;left:50%;transform:translateX(-50%)}:host>article.x-left.y-top{top:0;left:0}:host>article.x-right.y-top{top:0;right:0}:host>article.x-center.y-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}:host>article.x-left.y-center{top:50%;left:0;transform:translateY(-50%)}:host>article.x-right.y-center{top:50%;right:0;transform:translateY(-50%)}:host>article.x-center.y-bottom{bottom:0;left:50%;transform:translateX(-50%)}:host>article.x-left.y-bottom{bottom:0;left:0}:host>article.x-right.y-bottom{bottom:0;right:0}:host>article>header,:host>article>section,:host>article>footer{padding:.6em .8em}:host>article>header{border-bottom:1px solid #eee;font-weight:bold;position:relative}:host>article>header h1,:host>article>header h2,:host>article>header h3,:host>article>header h4,:host>article>header h5,:host>article>header h6{display:inline-block;margin:0 2em 0 0;vertical-align:text-bottom}:host>article>header .close{cursor:pointer;font-size:1.2em;padding:0 .5em;position:absolute;right:.3em;top:.4em;width:auto}:host>article>header .close:hover{color:#ff4136}:host>article>header:last-child{border-bottom:0}:host>article>section{flex-grow:1}
`;