.ui-dialog__close{border:none;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.ui-dialog__close::-moz-focus-inner{border:0;padding:0}.ui-dialog__close:focus{outline:none}.ui-dialog{display:flex;position:fixed;align-items:flex-start;justify-content:center;inset:0;padding:10px;background-color:var(--dialog-backdrop);z-index:100}.ui-dialog--center .ui-dialog__container{margin:auto}.ui-dialog--top .ui-dialog__container{margin:.5vh auto}.ui-dialog--enter-active{transition:opacity .15s}.ui-dialog--enter-active .ui-dialog__container{transition:transform .15s}.ui-dialog--leave-active{transition:opacity .3s}.ui-dialog--leave-active .ui-dialog__container{transition:transform .3s}.ui-dialog--enter-from,.ui-dialog--leave-to{opacity:0}.ui-dialog--enter-from .ui-dialog__container,.ui-dialog--leave-to .ui-dialog__container{transform:translateY(10px)}.ui-dialog__container{padding:24px;margin:auto;display:flex;max-height:100%;max-width:100%;flex-direction:column;justify-content:flex-start;position:relative;background-color:var(--bg-color);box-shadow:0 0 8px #0000001a,0 0 16px #0000001a,0 0 32px #0000001a}@media screen and (max-width:768px){.ui-dialog__container{padding:20px}}@media screen and (max-width:480px){.ui-dialog__container{padding:16px}}.ui-dialog__header{display:flex;align-items:center;flex:none;margin:0 0 20px}.ui-dialog__header:empty{display:none}.ui-dialog__title{flex:auto;font-weight:500}.ui-dialog__close{position:absolute;width:24px;height:24px;top:16px;right:16px;flex:none;cursor:pointer}.ui-dialog__close:after,.ui-dialog__close:before{content:"";display:block;width:2px;position:absolute;left:calc(50% - 1px);top:2px;bottom:2px;background-color:currentColor;pointer-events:none;transition:transform .3s ease-out;opacity:.5}.ui-dialog__close:hover:before{transform:rotate(45deg)}.ui-dialog__close:hover:after{transform:rotate(135deg)}.ui-dialog__close:before{transform:rotate(-45deg)}.ui-dialog__close:after{transform:rotate(45deg)}.ui-dialog__close:focus{background-color:#2196f31a}.ui-dialog__body{position:relative;flex:auto;min-height:0;overflow-x:hidden;overflow-y:auto;transition:opacity .3s .3s}.ui-dialog__body--no-scroll{overflow:visible}.ui-dialog__footer{flex:none;margin:20px 0 0}