.jp-alert{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;background-color:var(--background-primary);box-shadow:0 2px 6px #00000014;border-radius:.25rem;max-width:40rem;width:100%;z-index:10000}.jp-alert-content{flex:1 1 0;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.jp-alert-content-title{font-size:1.5rem}.jp-alert-close{padding:.5rem}.jp-alert-close-button{display:flex;justify-content:center;align-items:center;width:.75rem;height:.75rem;border:none;padding:0;cursor:pointer;background-color:transparent}.jp-alert-progress{width:100%}.jp-alert-progress-bar{animation:fill-bar 5s linear;height:3px;background-color:var(--secondary-color)}.jp-alert-warning .jp-alert-progress-bar{background-color:var(--warning-color)}.jp-alert-warning .jp-alert-content-title,.jp-alert-warning .jp-alert-content-message{color:var(--warning-color)}.jp-alert-success .jp-alert-progress-bar{background-color:var(--success-color)}.jp-alert-success .jp-alert-content-title,.jp-alert-success .jp-alert-content-message{color:var(--success-color)}@keyframes fill-bar{0%{width:0}to{width:100%}}@media (max-width: 700px){max-width: calc(100vw - 2rem){}}