.q-notification{background-color:#2c2c2d;box-shadow:0 0 4px #0000001a;display:grid;gap:0 8px;grid-template-areas:"icon message" ". action";grid-template-columns:16px auto;padding:12px;width:-moz-fit-content;width:fit-content}.q-notification__icon{align-items:center;color:#fff;display:flex;grid-area:icon;justify-content:center;width:16px}.q-notification__action{color:var(--text-caution);cursor:pointer;font-size:14px;grid-area:action;line-height:20px;margin-top:4px}.q-notification__action:hover{color:var(--text-caution-hover)}.q-notification__message{font-size:16px;font-style:normal;font-weight:300;grid-area:message;line-height:20px;text-decoration:none;text-transform:none}.page-notifications-list{display:grid;gap:8px;justify-content:center;left:50%;position:fixed;top:72px;transform:translate(-50%);width:calc(100% - 32px);z-index:99}@media (min-width:1440px){.page-notifications-list{top:120px}}.page-notifications-list .notification-enter-active,.page-notifications-list .notification-leave-active{transition:opacity .3s ease,transform .3s ease}.page-notifications-list .notification-enter-from,.page-notifications-list .notification-leave-to{opacity:0;transform:translateY(-100%)}