.notification-card{width:100%;background-color:#fff;box-shadow:0 15px 40px #0000001a;border-radius:.625rem;display:flex;overflow:hidden}.notification-card .notification-card-icon{height:auto;width:3.5rem;display:flex;justify-content:center;align-items:center}.notification-card .notification-card-icon .ui-icon{fill:#fff;color:#fff}.notification-card .notification-card-icon .ui-icon,.notification-card .notification-card-icon img{width:1.25rem;height:1.25rem}.notification-card .notification-card-icon-wrapper{display:flex}.notification-card .notification-card-content{font-size:.75rem;letter-spacing:.02em;line-height:1.5;padding:1rem;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.notification-card .notification-card-content-wrapper{width:100%}.notification-card .notification-card-title{color:var(--theme-color-medium);margin:0 0 .25rem;font-weight:500}.notification-card .notification-card-expand-wrapper{position:relative;height:1.125rem;width:100%;overflow:hidden;transition:.25s cubic-bezier(.25,.46,.45,.94)}.notification-card .notification-card-expand-wrapper:after{content:"";position:absolute;top:0;right:0;height:1.125rem;width:3.125rem;transition:.25s cubic-bezier(.25,.46,.45,.94);background:linear-gradient(90deg,#fff0,#fff)}.notification-card .notification-card-expand-wrapper.-is-expanded{height:var(--message-height)}.notification-card .notification-card-expand-wrapper.-is-expanded:after{opacity:0}.notification-card .notification-card-expand-wrapper .notification-card-message{position:absolute;top:0;left:0}.notification-card .notification-card-expand-wrapper .notification-card-message.-is-pending{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap}.notification-card .notification-card-message{margin:0}.notification-card .notification-card-message.-with-link a{margin-left:1rem;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;color:var(--theme-color-medium);text-decoration:none;transition:background-size .25s cubic-bezier(.25,.46,.45,.94)}.user-input-keyboard .notification-card .notification-card-message.-with-link a:focus,.user-input-mouse .notification-card .notification-card-message.-with-link a:hover,.user-input-touch .notification-card .notification-card-message.-with-link a:active{background-size:100% 1px}.notification-card .notification-card-link{margin-top:.25rem}.notification-card .notification-card-expand-button{display:flex;align-items:center;align-self:flex-start;padding:0 .5rem;margin-top:1rem;margin-right:1rem;transition:.25s cubic-bezier(.25,.46,.45,.94);height:1.125rem}.notification-card .notification-card-expand-button.-is-active{transform:rotate(-180deg)}.notification-card .notification-card-expand-button .ui-icon{width:.75rem;height:.75rem}.notification-card .notification-card-discard{display:flex;justify-content:center;align-items:center;border:0;border-left:.0625rem solid #ccc;width:3.5rem;height:auto;background-color:#fff;cursor:pointer}.notification-card .notification-card-discard div{display:flex}.notification-card .notification-card-discard .ui-icon{width:.75rem;height:.75rem}.notification-card.-is-expandable .notification-card-discard,.notification-card.-is-expandable .notification-card-icon{align-items:flex-start;padding-top:1rem}.notification-card.-is-expandable .notification-card-discard div{height:1.125rem;align-items:center}.notification-card.-success .notification-card-icon,.notification-card.-success.-is-lite .notification-card-icon-wrapper{background-color:#639e30}.notification-card.-warning .notification-card-icon,.notification-card.-warning.-is-lite .notification-card-icon-wrapper{background-color:#f8aa36}.notification-card.-error .notification-card-icon,.notification-card.-error.-is-lite .notification-card-icon-wrapper{background-color:#cc0700}.notification-card.-info .notification-card-icon{background:var(--theme-color-medium)}.notification-card.-is-todo .notification-card-icon{width:.5rem}.notification-card.-is-todo .notification-card-content{position:relative}.notification-card.-is-todo .notification-card-title{font-weight:700;font-size:.875rem;color:#1e1e1e}.notification-card.-is-lite:not(.-info) .notification-card-icon{background-color:initial;width:auto;padding:1rem .75rem 1rem 1rem}.notification-card.-is-lite:not(.-info) .notification-card-icon-wrapper{display:flex;justify-content:center;align-items:center;border-radius:50%;width:1.5rem;height:1.5rem}.notification-card.-is-lite:not(.-info) .notification-card-icon-wrapper img,.notification-card.-is-lite:not(.-info) .notification-card-icon-wrapper svg{width:.75rem;height:.75rem}.notification-card.-is-lite:not(.-info) .notification-card-content{font-size:.875rem;line-height:1.4285714286;padding-left:0}.notification-card.-is-lite:not(.-info).-is-expandable .notification-card-expand-wrapper,.notification-card.-is-lite:not(.-info).-is-expandable .notification-card-expand-wrapper:after{height:1.5rem}.notification-card.-is-lite:not(.-info).-is-expandable .notification-card-expand-wrapper.-is-expanded{height:var(--message-height)}.notification-card.-is-lite:not(.-info).-is-expandable .notification-card-discard div,.notification-card.-is-lite:not(.-info).-is-expandable .notification-card-expand-button{height:1.5rem}@media(min-width:64em){.notification-card .notification-card-content{padding:1.5rem 1rem}.notification-card.-is-expandable .notification-card-icon{padding-top:1.5rem}.notification-card.-is-expandable .notification-card-expand-button{margin-top:1.5rem}.notification-card.-is-expandable .notification-card-discard{padding-top:1.5rem}.notification-card.-info .notification-card-content{padding:1.5rem 1rem}.notification-card.-is-todo .notification-card-message,.notification-card.-is-todo .notification-card-title{width:-moz-fit-content;width:fit-content}.notification-card.-is-todo .notification-card-content{padding:1rem 2rem;justify-content:space-between;align-items:center;flex-direction:row}.notification-card.-is-todo .notification-card-content p:last-child{width:100%}.notification-card.-is-todo .notification-card-link{width:-moz-max-content;width:max-content;white-space:nowrap;padding-left:1.5rem}.notification-card.-is-lite:not(.-info) .notification-card-icon{padding:1.5rem 1rem 1.5rem 1.5rem}.notification-card.-is-lite:not(.-info) .notification-card-content{flex-direction:row;justify-content:flex-start;align-items:center}.notification-card.-is-lite:not(.-info) .notification-card-link{margin:0 0 0 1rem}.notification-card.-is-lite:not(.-info).-is-expandable .notification-card-discard div{height:1.5rem}}.icon-link_xxs_left span{display:flex;align-items:center;gap:.5rem}.icon-link_xxs_left span .ui-icon,.icon-link_xxs_left span img{width:.75rem;height:.75rem;flex-shrink:0}.icon-link_xxs_right span{display:flex;align-items:center;gap:.5rem;flex-direction:row-reverse}.icon-link_xxs_right span .ui-icon,.icon-link_xxs_right span img{width:.75rem;height:.75rem;flex-shrink:0}.icon-link_xs_left span{display:flex;align-items:center;gap:.5rem}.icon-link_xs_left span .ui-icon,.icon-link_xs_left span img{width:1rem;height:1rem;flex-shrink:0}.icon-link_xs_right span{display:flex;align-items:center;gap:.5rem;flex-direction:row-reverse}.icon-link_xs_right span .ui-icon,.icon-link_xs_right span img{width:1rem;height:1rem;flex-shrink:0}.icon-link_s_left span{display:flex;align-items:center;gap:.75rem}.icon-link_s_left span .ui-icon,.icon-link_s_left span img{width:1.25rem;height:1.25rem;flex-shrink:0}.icon-link_s_right span{display:flex;align-items:center;gap:.75rem;flex-direction:row-reverse}.icon-link_s_right span .ui-icon,.icon-link_s_right span img{width:1.25rem;height:1.25rem;flex-shrink:0}.icon-link_m_left span{display:flex;align-items:center;gap:.75rem}.icon-link_m_left span .ui-icon,.icon-link_m_left span img{width:1.5rem;height:1.5rem;flex-shrink:0}.icon-link_m_right span{display:flex;align-items:center;gap:.75rem;flex-direction:row-reverse}.icon-link_m_right span .ui-icon,.icon-link_m_right span img{width:1.5rem;height:1.5rem;flex-shrink:0}@keyframes skeleton-fade{0%{background-color:#f5f5f5;color:#f5f5f5}to{background-color:#ccc;color:#ccc}}.notification-push{position:relative;z-index:10;width:100%}.notification-push.-overlay .notification-card{left:0;position:absolute;top:0;z-index:10;width:100%}.notification-push.fade-enter-active,.notification-push.fade-leave-active{transition:opacity .4s cubic-bezier(0,0,0,1)}.notification-push.fade-enter-from,.notification-push.fade-leave-to{opacity:0}.notification-push .notification-push-no-wrapper{display:contents}