#ToastBox{position:fixed;bottom:9px;inset-inline-end:9px;width:min(300px,96vw);text-align:center;font-size:1rem;z-index:200}@media only screen and (max-width: 500px){#ToastBox{inset-inline:2%;width:96%}}.Toast{position:relative;display:block;min-width:300px;margin-bottom:9px;transform-style:preserve-3d;text-align:center;font-size:1rem;font-family:inherit;border-radius:16px;animation:Toast-FadeIn .2s ease 1 forwards;transition:500ms ease-in-out;z-index:200;border:0px solid rgba(0,0,0,0)}.Toast.Success{background-color:#47b35f;border-color:#47b35f}.Toast.Error{background-color:#fb3246;border-color:#fb3246}.Toast.Info,.Toast.Neutral{background-color:#007fff;border-color:#007fff}.Toast.Bye{animation:Toast-FadeOut .2s ease .1s 1 forwards}.Toast *{margin:0;padding:0;line-height:normal;color:#f9f7f7;place-self:center;place-items:center;-webkit-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;transition:background-color 500ms linear}@media only screen and (max-width: 700px){.Toast{width:96%;margin:2%}}.Toast-Body{display:grid;width:100%;background:inherit;padding:16px 24px;grid-template:"loader content" 1fr/auto 1fr;border-radius:16px;overflow:hidden}.Toast-Body.Toast-LoaderOnly{grid-template:"loader" 1fr/auto}.Toast-Content{position:relative;width:100%;height:100%;color:#f9f7f7;grid-area:content;display:grid;align-items:center;justify-content:center}.Toast-Title{width:100%;margin-bottom:12px;text-align:center;font-size:1.3rem;font-weight:700;color:#f9f7f7}.Toast-Text{display:inline-block;width:100%;text-align:center;font-size:1rem;color:#f9f7f7}.Toast-ButtonBox{position:relative;display:flex;width:100%;justify-content:flex-end;align-content:flex-end;margin-top:16px;box-sizing:border-box}.Toast-Button{position:relative;display:block;width:fit-content;min-width:45px;max-width:100%;margin-inline-start:12px;padding:8px 16px;text-align:center;font-size:1rem;font-weight:700;font-family:inherit;text-decoration:none;color:#f9f7f7;background-color:rgba(0,0,0,0);border:1px solid #f9f7f7;border-radius:50px;outline:0;transition:all .25s cubic-bezier(0.53, 0.01, 0.35, 1.5);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;appearance:none}.Toast-Button.Filled{color:#007fff;background-color:#f9f7f7;border-color:#007fff}.Toast-Button.Outlined{color:#f9f7f7;background-color:rgba(0,0,0,0);border:1px solid #f9f7f7}.Toast-Button.Low{color:#f9f7f7;background-color:rgba(0,0,0,0);border:none}.Toast-Button:hover{box-shadow:inset 0 0 999px 999px hsla(0,0%,100%,.2)}.Toast-Button:disabled,.Toast-Button.Disabled{opacity:.75;background-color:#898989;border-color:#898989;cursor:default}.Toast-Button:focus{color:#007fff;background-color:#f9f7f7}.Toast-ActionBox{position:absolute;inset-block-start:0;inset-inline-end:0;padding:4px 8px 10px;visibility:hidden;opacity:0;transform:translateZ(-1px);font-size:0;background-color:#007fff;border-radius:16px 16px 0 0;animation:none;transition:300ms;line-height:0;z-index:-1;margin-inline-end:0px;border:0px solid rgba(0,0,0,0);scale:1 .8}.Toast.Success .Toast-ActionBox{background-color:#47b35f;border-color:#47b35f}.Toast.Error .Toast-ActionBox{background-color:#fb3246;border-color:#fb3246}.Toast.Info .Toast-ActionBox,.Toast.Neutral .Toast-ActionBox{background-color:#007fff;border-color:#007fff}.Toast-ActionBox:hover,.Toast:hover .Toast-ActionBox{visibility:visible;opacity:1;transform:translateZ(-1px) translateY(-60%);scale:1}@media only screen and (max-width: 700px){.Toast-ActionBox:hover,.Toast:hover .Toast-ActionBox{transform:translateZ(-1px) translateY(-70%)}}.Toast-Action{width:18px;height:18px;aspect-ratio:1/1;margin:2px 6px 8px;background:rgba(0,0,0,0);color:#fff}.Toast-ProgressBar{position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:3px;background-color:rgba(0,0,0,0)}.Toast-ProgressBar-Value{position:absolute;width:0;left:0;bottom:0;height:3px;background-color:#fff}.Toast-LoaderBox{display:flex;grid-area:loader;width:100%;height:100%;align-items:center;justify-content:center}.Toast-Loader{width:1.5rem;height:1.5rem;border:3px solid #f9f7f7;border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:block;animation:loaderRotation 1s linear infinite}@keyframes loaderRotation{0%{rotate:0deg}100%{rotate:360deg}}@keyframes Toast-FadeIn{from{bottom:-32px;opacity:0}to{bottom:0;opacity:1}}@keyframes Toast-FadeOut{from{opacity:1}to{opacity:0;transform:translateY(100%)}}/*# sourceMappingURL=Toast.css.map */