.askribe-notification-container{z-index:var(--askribe-z-max);box-sizing:border-box;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;max-width:calc(100% - 40px);max-height:100%;transition:top .3s,right .3s,bottom .3s,left .3s,max-width .3s;display:flex;position:fixed;bottom:14px;right:20px}@media (width<=599.95px){.askribe-notification-container{width:100%;max-width:calc(100% - 32px);right:16px}}.askribe-notification-item{pointer-events:auto;padding:6px 0}.askribe-notification-content{color:#fff;letter-spacing:.01071em;background-color:#313131;border-radius:4px;flex-wrap:nowrap;flex-grow:1;align-items:center;min-width:288px;padding:6px 16px;font-size:.875rem;line-height:1.43;display:flex;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}@media (width<=599.95px){.askribe-notification-content{min-width:0}}.askribe-notification-content.askribe-notification-content--success{background-color:#43a047}.askribe-notification-content.askribe-notification-content--error{background-color:#d32f2f}.askribe-notification-content.askribe-notification-content--warning{background-color:#ff9800}.askribe-notification-content.askribe-notification-content--info{background-color:#2196f3}.askribe-notification-content.askribe-notification-content--with-icon{padding-left:20px}.askribe-notification-icon{fill:currentColor;flex-shrink:0;align-items:center;width:1em;height:1em;margin-inline-end:8px;font-size:20px;display:flex}.askribe-notification-message{align-items:center;padding:8px 0;display:flex}.askribe-notification-action{align-items:center;margin-left:auto;margin-right:-8px;padding-left:16px;display:flex}.askribe-notification-close{color:inherit;cursor:pointer;opacity:.7;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;margin-right:-8px;transition:opacity .15s;display:flex}.askribe-notification-close:hover,.askribe-notification-close:focus-visible{opacity:1;background-color:#ffffff26}@keyframes askribe-notification-enter{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.askribe-notification-item--entering{animation:.225s cubic-bezier(.4,0,.2,1) askribe-notification-enter}@media (prefers-reduced-motion:reduce){.askribe-notification-container{transition:none}.askribe-notification-item--entering{animation:none}}