/*! Puffanee Dialogio | (c) Puffanee | https://github.com/puffaneeCo/DialogioJS | v3.0.2 */@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{--dialoger-redalert-color:#f55353;--dialoger-greenalert-color:#47ce8a;--dialoger-bluealert-color:#29a0f0;--dialoger-orangealert-color:#eb8440;--dialoger-blackalert-color:#161616;--dialoger-notification-ms:8000ms}.DialogioJS__Toasts{display:flex;flex-direction:column;position:fixed;z-index:9999;padding:15px;box-sizing:border-box;width:auto;height:auto;gap:10px;max-width:35rem;transition:all .3s ease}.DialogioJS__Toasts{pointer-events:none}.DialogioJS__Toasts>*{pointer-events:auto}.DialogioJS__Toasts.TopCenter{top:0;left:50%;transform:translateX(-50%);align-items:center;justify-content:center}.DialogioJS__Toasts.BottomCenter{bottom:0;left:50%;transform:translateX(-50%);align-items:center;justify-content:center}.DialogioJS__Toasts.LeftTop{top:0;left:0;align-items:flex-start}.DialogioJS__Toasts.RightTop{top:0;right:0;align-items:flex-end}.DialogioJS__Toasts.LeftBottom{bottom:0;left:0;align-items:flex-start}.DialogioJS__Toasts.RightBottom{bottom:0;right:0;align-items:flex-end}.DialogioJS__Toasts .DialogioJS__Toast{display:flex;flex-direction:row;background-color:var(--dialoger-blackalert-color);padding:16px 15px;border-radius:1rem;color:#fff;align-items:center;animation-duration:.5s,.5s;animation-fill-mode:forwards;position:relative;overflow:hidden;cursor:pointer;box-sizing:border-box;width:fit-content;transition:.3s ease;opacity:1}.DialogioJS__Toasts .DialogioJS__Toast .ToastMessage{font-family:Inter,sans-serif;font-weight:500;font-size:1rem}.DialogioJS__Toasts .DialogioJS__Toast .ToastIcon{width:26px;height:26px;margin-right:10px;flex-shrink:0}.DialogioJS__Toasts .DialogioJS__Toast .ToastIcon svg{width:26px;height:26px}.DialogioJS__Toasts.LeftTop .DialogioJS__Toast,.DialogioJS__Toasts.RightTop .DialogioJS__Toast,.DialogioJS__Toasts.TopCenter .DialogioJS__Toast{animation-name:slide-in-top,slide-out-top}.DialogioJS__Toasts.BottomCenter .DialogioJS__Toast,.DialogioJS__Toasts.LeftBottom .DialogioJS__Toast,.DialogioJS__Toasts.RightBottom .DialogioJS__Toast{animation-name:slide-in-bottom,slide-out-bottom}.DialogioJS__Toasts.BottomCenter .DialogioJS__Toast,.DialogioJS__Toasts.LeftBottom .DialogioJS__Toast,.DialogioJS__Toasts.LeftTop .DialogioJS__Toast,.DialogioJS__Toasts.RightBottom .DialogioJS__Toast,.DialogioJS__Toasts.RightTop .DialogioJS__Toast,.DialogioJS__Toasts.TopCenter .DialogioJS__Toast{animation-delay:0s,var(--dialoger-notification-ms)}.DialogioJS__Toasts .DialogioJS__Toast.Danger{background-color:var(--dialoger-redalert-color)}.DialogioJS__Toasts .DialogioJS__Toast.Success{background-color:var(--dialoger-greenalert-color)}.DialogioJS__Toasts .DialogioJS__Toast.Information{background-color:var(--dialoger-bluealert-color)}.DialogioJS__Toasts .DialogioJS__Toast.Warning{background-color:var(--dialoger-orangealert-color)}.DialogioJS__Toasts .DialogioJS__Toast.Default{background-color:var(--dialoger-blackalert-color)}.DialogioJS__ConfirmOverlay{position:fixed;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);backdrop-filter:blur(15px);z-index:9998;top:0;left:0;box-sizing:border-box;width:100%;height:100%;flex-direction:column;animation-duration:.2s;animation-fill-mode:forwards;animation-name:slide-in-top;opacity:1;transition:.2s ease-in-out;transform:translateY(0);visibility:visible}.DialogioJS__ConfirmOverlay.Hide{opacity:0;visibility:hidden;animation-duration:.2s;animation-fill-mode:forwards;animation-name:opacity-out}.DialogioJS__Confirm{display:flex;flex-direction:column;background-color:#fff;padding:20px;min-width:500px;max-width:500px;max-height:90%;min-height:180px;color:#090909;border-radius:1rem;overflow:hidden;box-shadow:rgba(0,0,0,.1) 0 4px 12px;animation-duration:.9s;animation-fill-mode:forwards;animation-name:slide-in-top;position:relative;box-sizing:border-box;z-index:9999;opacity:1;transition:.2s ease-in-out;transform:translateY(0);visibility:visible}.DialogioJS__Confirm .Confirm__Header{display:flex;width:100%;align-items:center;flex-direction:row;justify-content:space-between;box-sizing:border-box;height:1.5em;user-select:none;-moz-user-select:none}.DialogioJS__Confirm .Confirm__Header .Header__Title{font-family:Inter,sans-serif;font-weight:600;font-size:1.2rem;margin:0;color:#090909;text-align:left;max-width:calc(100% - 2.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DialogioJS__Confirm .Confirm__Header .Header__CloseButton{width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;border:none;background:0 0;outline:0;margin-right:-8px}.DialogioJS__Confirm .Confirm__Header .Header__CloseButton svg{width:100%;height:100%;fill:#090909;transition:.2s ease-in-out}.DialogioJS__Confirm .Confirm__Header .Header__CloseButton:hover svg{fill:var(--dialoger-redalert-color);opacity:.8}.DialogioJS__Confirm .Confirm__Header .Header__CloseButton:active svg{transform:scale(.95)}.DialogioJS__Confirm .Confirm__Content{display:flex;width:100%;align-items:center;justify-content:center}.DialogioJS__Confirm .Confirm__Message{display:flex;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;max-height:100%;flex-direction:column;margin-top:5px;margin-bottom:10px}.DialogioJS__Confirm .Confirm__Message p{font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:#090909;text-align:left}.DialogioJS__Confirm .Confirm__Message strong{font-weight:600}.DialogioJS__Confirm .Confirm__Message a,a:visited{text-decoration:underline;color:#090909;font-weight:500}.DialogioJS__Confirm .Confirm__Message a:hover{opacity:.7}.DialogioJS__Confirm .Confirm__Buttons{display:flex;width:100%;align-items:center;flex-direction:row;justify-content:flex-end;gap:10px;margin-top:auto;flex-shrink:0;box-sizing:border-box;user-select:none;-moz-user-select:none}.DialogioJS__Confirm .Confirm__Buttons .Confirm__Button{border:#090909 solid 1px;background-color:#090909;color:#fff;outline:0;cursor:pointer;padding:7px 13px;border-radius:.7rem;font-family:Inter,sans-serif;font-weight:500;font-size:1rem;transition:.2s ease-in-out;box-sizing:border-box;text-align:center;align-items:center;justify-content:center;text-transform:capitalize}.DialogioJS__Confirm .Confirm__Buttons .Confirm__Button:active{transform:scale(.95)}.DialogioJS__Confirm .Confirm__Buttons .Confirm__Button.BtnPos{background-color:#090909;color:#fff}.DialogioJS__Confirm .Confirm__Buttons .Confirm__Button.BtnPos:hover{background-color:var(--dialoger-greenalert-color);color:#fff;border:var(--dialoger-greenalert-color) solid 1px}.DialogioJS__Confirm .Confirm__Buttons .Confirm__Button.BtnNeg{background-color:transparent;color:#090909;border:#090909 solid 1px}.DialogioJS__Confirm .Confirm__Buttons .Confirm__Button.BtnNeg:hover{background-color:var(--dialoger-redalert-color);color:#fff;border:var(--dialoger-redalert-color) solid 1px}.DialogioJS__InputOverlay{position:fixed;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2);backdrop-filter:blur(5px);z-index:9998;top:0;left:0;box-sizing:border-box;width:100%;height:100%;flex-direction:column;animation-duration:.2s;animation-fill-mode:forwards;animation-name:slide-in-top;opacity:1;transition:.2s ease-in-out;transform:translateY(0);visibility:visible}.DialogioJS__InputOverlay.Hide{opacity:0;visibility:hidden;animation-duration:.2s;animation-fill-mode:forwards;animation-name:opacity-out}.DialogioJS__Input{display:flex;flex-direction:column;background-color:#fff;padding:20px;min-width:500px;max-width:500px;max-height:90%;min-height:180px;color:#090909;border-radius:1rem;overflow:hidden;box-shadow:rgba(0,0,0,.1) 0 4px 12px;animation-duration:.9s;animation-fill-mode:forwards;animation-name:slide-in-top;position:relative;box-sizing:border-box;z-index:9999;opacity:1;transition:.2s ease-in-out;transform:translateY(0);visibility:visible}.DialogioJS__Input .Input__Header{display:flex;width:100%;align-items:center;flex-direction:row;justify-content:space-between;box-sizing:border-box;height:1.5em;user-select:none;-moz-user-select:none}.DialogioJS__Input .Input__Header .Header__Title{font-family:Inter,sans-serif;font-weight:600;font-size:1.2rem;margin:0;color:#090909;text-align:left;max-width:calc(100% - 2.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DialogioJS__Input .Input__Header .Header__CloseButton{width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;border:none;background:0 0;outline:0;margin-right:-8px}.DialogioJS__Input .Input__Header .Header__CloseButton svg{width:100%;height:100%;fill:#090909;transition:.2s ease-in-out}.DialogioJS__Input .Input__Header .Header__CloseButton:hover svg{fill:var(--dialoger-redalert-color);opacity:.8}.DialogioJS__Input .Input__Header .Header__CloseButton:active svg{transform:scale(.95)}.DialogioJS__Input .Input__Content{display:flex;width:100%;max-height:99%;overflow-x:hidden;overflow-y:auto;flex-direction:column;gap:1rem;margin-top:20px;margin-bottom:20px;align-items:center}.DialogioJS__Input .Custom__InputBox{display:flex;width:100%;flex-direction:column;text-align:left;padding:0;flex-shrink:0;gap:.2rem}.DialogioJS__Input .Custom__InputBox .InputLabel{font-family:Inter,sans-serif;font-weight:400;font-size:1rem;text-align:left}.DialogioJS__Input .Custom__InputBox .CustomInput{font-family:Inter,sans-serif;font-size:1rem;border:#d6d6d6 solid 1px;background-color:rgba(248,247,247,.78);color:#090909;padding:10px;border-radius:.7rem;font-weight:500;outline:0;transition:.2s ease-in-out}.DialogioJS__Input .Custom__InputBox .CustomInput:hover{border:silver solid 1px}.DialogioJS__Input .Custom__InputBox .CustomInput:focus{border:silver solid 1px;background-color:#f5f5f5}.DialogioJS__Input .Input__Button{display:flex;justify-content:flex-end;margin-top:auto;margin-left:auto;border:#090909 solid 1px;background-color:#090909;color:#fff;outline:0;cursor:pointer;padding:7px 13px;border-radius:.7rem;font-family:Inter,sans-serif;font-weight:500;font-size:1rem;transition:.2s ease-in-out;box-sizing:border-box;text-align:center;align-items:center;text-transform:capitalize;flex-shrink:0;user-select:none;-moz-user-select:none}.DialogioJS__Input .Input__Button:active{transform:scale(.95)}.DialogioJS__Input .Input__Button:hover{border:#353535 solid 1px;background-color:#353535;color:#fff}@keyframes slide-in-top{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-bottom{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-top{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slide-out-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes opacity-out{from{opacity:1}to{opacity:0}}@media (max-width:429px){.DialogioJS__Confirm{min-width:95%;max-width:95%;max-height:90%;min-height:180px}.DialogioJS__Input{min-width:95%;max-width:95%;max-height:90%;min-height:180px}}@media (min-width:430px) and (max-width:767px){.DialogioJS__Confirm{min-width:95%;max-width:95%;max-height:90%;min-height:180px}.DialogioJS__Confirm .Confirm__Header .Header__Title{font-size:1.3rem}.DialogioJS__Confirm .Confirm__Header .Header__CloseButton{width:2.5rem;height:2.5rem}.DialogioJS__Confirm .Confirm__Message p{font-size:1.1rem}.DialogioJS__Input{min-width:95%;max-width:95%;max-height:90%;min-height:180px}.DialogioJS__Input .Input__Header .Header__Title{font-size:1.3rem}.DialogioJS__Input .Input__Header .Header__CloseButton{width:2.5rem;height:2.5rem}}@media (min-width:768px) and (max-width:1023px){.DialogioJS__Confirm{min-width:80%;max-width:80%;max-height:90%;min-height:180px}.DialogioJS__Confirm .Confirm__Header .Header__Title{font-size:1.4rem}.DialogioJS__Confirm .Confirm__Header .Header__CloseButton{width:2.7rem;height:2.7rem}.DialogioJS__Confirm .Confirm__Message p{font-size:1.2rem}.DialogioJS__Input{min-width:80%;max-width:80%;max-height:90%;min-height:180px}.DialogioJS__Input .Input__Header .Header__Title{font-size:1.4rem}.DialogioJS__Input .Input__Header .Header__CloseButton{width:2.7rem;height:2.7rem}.DialogioJS__Input .Custom__InputBox .InputLabel{font-size:1.1rem}.DialogioJS__Input .Custom__InputBox .CustomInput{font-size:1.1rem}}