.swal2-container { display: grid; position: fixed; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end" "gap gap gap"; grid-template-rows: auto auto auto .625em; height: 100%; padding: .625em .625em 0; overflow-x: hidden; transition: background-color .1s; -webkit-overflow-scrolling: touch; } .swal2-popup { right: 0 !important; display: grid !important; } [class^=swal2] { -webkit-tap-highlight-color: transparent; } .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background: rgba(0, 0, 0, .4); } .swal2-container.swal2-bottom-end, .swal2-container.swal2-center-end, .swal2-container.swal2-top-end { grid-template-columns: auto auto minmax(0, 1fr); } body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: transparent; pointer-events: none; } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } .swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup { grid-column: 3; align-self: start; justify-self: end; } .swal2-title { max-width: 14rem; }