diff --git a/view/lean/widget/popup.phtml b/view/lean/widget/popup.phtml
new file mode 100644
index 0000000..e710722
--- /dev/null
+++ b/view/lean/widget/popup.phtml
@@ -0,0 +1,19 @@
+<style>
+    ui-popup {width:80vw; max-width:520px; box-shadow:0px 0px 0px 9999px rgba(0, 0, 0, 0.5);z-index:9999;transition:all 0.3s ease-out;background:#fff;position:fixed!important;top:0;left: 50%;transform:translate(-50%, 5%);max-height:calc(100vh - 10%);}
+    ui-popup.large {max-width:640px;}
+    ui-popup.x-large {max-width:830px;}
+    ui-popup:not(.visible) {transform: translate(-50%, -200%);transition-timing-function: ease-in;box-shadow:none;}
+    ui-popup .button-list {text-align:center;}
+    ui-popup .button-list .button {padding: 0px 7%;}
+    ui-popup .message {background: transparent}
+    ui-popup .title {font-size:1.5rem}
+    ui-popup:before {left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1);content:" ";}
+</style>
+
+<template id="ui-popup">
+    <div class="ui-popup">
+        <slot name="title"></slot>
+        <slot name="message"></slot>
+        <slot name="buttons"></slot>
+    </div>
+</template>
\ No newline at end of file