.notifications-wrapper>div{position:fixed;z-index:10001;margin:0 1rem}.notification{position:relative;padding:0.75rem 2.5rem 0.75rem 2.875rem;border:var(--t42-border);overflow:hidden;color:Hsl(var(--t42-content-color-base), calc(var(--t42-content-color-l) - 20%));background-color:rgba(var(--t42-bg-light), 0.8);background-repeat:no-repeat;backdrop-filter:var(--backdrop-filter)}.notification::before{position:absolute;top:50%;left:0.875rem;width:1.25rem;height:1.25rem;background-color:var(--t42-icon-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform:translateY(-50%);content:""}.notification::after{position:absolute;top:0;left:0;z-index:-1;width:1px;height:1px;border-radius:50%;opacity:1;animation:color-pulse 3s infinite;content:""}.notification:hover{color:var(--t42-content-color)}.notification-info:hover{border-color:#1c89ea}.notification-info::after{background:#1c89ea;background:radial-gradient(circle, rgba(255,255,255,0.35) 0%, rgba(28,137,234,0.75) 60%, #1c89ea 75%, #1c89ea 100%)}.notification-info::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M260.6 484.4q0-4.1-4.6-4.1q-16.9 0-29.2-12.3t-11.8-29.2q0-4.6-4.6-4.6t-4.6 4.6q0 21 14.8 35.8t35.3 14.3q4.6 0 4.6-4.6zM493.6 402.4q0 14.8-10.8 25.6t-25.6 10.8h-128q0 30.2-21.5 51.7t-51.7 21.5t-51.7-21.5t-21.5-51.7h-128q-14.8 0-25.6-10.8t-10.8-25.6q14.3-12.3 26.1-25.1t24.1-34.3t21.5-45.6t13.8-58.9t5.6-74.2q0-43 33.8-80.4t87.6-45.6q-2.6-5.1-2.6-10.8q0-11.8 8.2-19.5t19.5-8.2t19.5 8.2t8.2 19.5q0 5.6-2.6 10.8q54.3 8.2 87.6 45.6t33.8 80.4q0 39.9 5.6 74.2t14.3 58.9t21 45.6t24.6 34.3t25.6 25.1z'%3E%3C/path%3E%3C/svg%3E")}.notification-warning:hover{border-color:#f9a825}.notification-warning::after{background:#f9a825;background:radial-gradient(circle, rgba(255,255,255,0.35) 0%, rgba(249,168,37,0.75) 60%, #f9a825 75%, #f9a825 100%)}.notification-warning::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M292.4 410.9v-54.3q0-4.1-2.6-6.7t-6.1-2.6h-55.3q-3.6 0-6.1 2.6t-2.6 6.7v54.3q0 4.1 2.6 6.7t6.1 3.1h55.3q3.6 0 6.1-3.1t2.6-6.7zM291.8 304.4l5.1-131.6q0-3.1-2.6-5.1q-3.6-3.1-7.2-3.1h-62.5q-3.1 0-7.2 3.1q-2.6 2-2.6 6.1l4.6 130.6q0 2.6 3.1 4.6t6.7 1.5h52.7q4.1 0 7.2-1.5t2.6-4.6zM288.3 37.1l219.1 402.4q10.2 17.9-.5 35.8q-4.6 8.7-13.3 13.3t-17.9 5.1h-439.3q-9.2 0-17.9-5.1t-13.3-13.3q-10.8-17.9-.5-35.8l219.6-402.4q4.6-8.7 13.3-13.8t18.4-5.1t18.4 5.1t13.8 13.8z'%3E%3C/path%3E%3C/svg%3E%0A")}.notification-error:hover{border-color:#ff511f}.notification-error::after{background:#ff511f;background:radial-gradient(circle, rgba(255,255,255,0.35) 0%, rgba(255,81,31,0.75) 60%, #ff511f 75%, #ff511f 100%)}.notification-error::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 402 512'%3E%3Cpath d='M370.728 359.68q0 11.264-7.68 19.456l-38.912 38.912q-8.192 7.68-19.456 7.68t-19.456-7.68l-83.968-84.48-83.968 84.48q-8.192 7.68-19.456 7.68t-19.456-7.68l-38.912-38.912q-8.192-8.192-8.192-19.456t8.192-19.456l83.968-83.968-83.968-83.968q-8.192-8.192-8.192-19.456t8.192-19.456l38.912-38.912q8.192-8.192 19.456-8.192t19.456 8.192l83.968 83.968 83.968-83.968q8.192-8.192 19.456-8.192t19.456 8.192l38.912 38.912q7.68 7.68 7.68 19.456t-7.68 19.456l-83.968 83.968 83.968 83.968q7.68 7.68 7.68 19.456z'%3E%3C/path%3E%3C/svg%3E")}.notification-success:hover{border-color:#43a047}.notification-success::after{background:#43a047;background:radial-gradient(circle, rgba(255,255,255,0.35) 0%, rgba(67,160,71,0.75) 60%, #43a047 75%, #43a047 100%)}.notification-success::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M477.4 152.8q0 11.3-8.2 19.5l-245.8 245.8q-8.2 7.7-19.5 7.7t-19.5-7.7l-142.3-142.3q-7.7-8.2-7.7-19.5t7.7-19.5l38.9-38.9q8.2-8.2 19.5-8.2t19.5 8.2l84 84.5l187.4-187.9q8.2-8.2 19.5-8.2t19.5 8.2l38.9 38.9q8.2 7.7 8.2 19.5z'%3E%3C/path%3E%3C/svg%3E")}.notification h4{margin-bottom:0;color:var(--t42-content-color)}.notification.notification-visible{transform:translateY(0);opacity:1}.notification.notification-hidden{opacity:0}.notifications-tr,.notifications-tl,.notifications-tc{top:0;bottom:auto}.notifications-tr .notification,.notifications-tl .notification,.notifications-tc .notification{margin-top:1rem}.notifications-br,.notifications-bl,.notifications-bc{top:auto;bottom:0}.notifications-br .notification,.notifications-bl .notification,.notifications-bc .notification{margin-bottom:1rem}.notifications-tr,.notifications-br{right:0;left:auto}.notifications-tl,.notifications-bl{right:auto;left:0}.notifications-tc,.notifications-bc{left:50%;margin:0 auto;transform:translateX(-50%)}.notification-dismiss{position:absolute;top:50%;right:0.5rem;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border-radius:50%;font-size:0;background-color:var(--t42-color-opacity-10);transform:translateY(-50%);cursor:pointer;opacity:0.75}.notification-dismiss::before{background-color:var(--t42-content-color);background-image:none;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M366.9 336.4c6.1 6.1 9.2 13.5 9.2 22s-3.1 15.9-9.2 22c-6.1 5.5-13.5 8.2-22 8.2c-8.5 0-15.9-2.7-22-8.2l-67.6-77.8l-67.6 77.8c-6.1 5.5-13.5 8.2-22 8.2c-8.5 0-15.9-2.7-22-8.2c-5.5-6.1-8.2-13.5-8.2-22s2.7-15.9 8.2-22l70.7-79.9l-70.7-80.9c-5.5-6.1-8.2-13.5-8.2-22c0-8.5 2.7-15.9 8.2-22c6.1-5.5 13.5-8.2 22-8.2c8.5 0 15.9 2.7 22 8.2l67.6 77.8l67.6-77.8c6.1-5.5 13.5-8.2 22-8.2c8.5 0 15.9 2.7 22 8.2c6.1 6.1 9.2 13.5 9.2 22c0 8.5-3.1 15.9-9.2 22l-70.7 80.9L366.9 336.4z'/%3E%3C/svg%3E");width:1rem;height:1rem;content:""}.notification-dismiss:hover{opacity:1}.notification-dismiss:hover::before{background-color:var(--t42-icon-color)}