.ui-dialog__close{background:transparent;border:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;text-align:inherit;width:auto;-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{align-items:flex-start;background-color:var(--dialog-backdrop);display:flex;justify-content:center;inset:0;padding:10px;position:fixed;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{background-color:var(--bg-color);box-shadow:0 0 8px #0000001a,0 0 16px #0000001a,0 0 32px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;margin:auto;max-height:100%;max-width:100%;padding:24px;position:relative}@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{align-items:center;display:flex;flex:none;margin:0 0 20px}.ui-dialog__header:empty{display:none}.ui-dialog__title{flex:auto;font-weight:500}.ui-dialog__close{cursor:pointer;flex:none;height:24px;position:absolute;right:16px;top:16px;width:24px}.ui-dialog__close:after,.ui-dialog__close:before{background-color:currentColor;bottom:2px;content:"";display:block;left:calc(50% - 1px);opacity:.5;pointer-events:none;position:absolute;top:2px;transition:transform .3s ease-out;width:2px}.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{flex:auto;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;transition:opacity .3s .3s}.ui-dialog__body--no-scroll{overflow:visible}.ui-dialog__footer{flex:none;margin:20px 0 0}