.clnotify-container{position:fixed;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;pointer-events:none}.clnotify-top-left{top:1rem;left:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.clnotify-top-right{top:1rem;right:1rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.clnotify-top-center{top:1rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clnotify-bottom-left{bottom:1rem;left:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.clnotify-bottom-right{bottom:1rem;right:1rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.clnotify-bottom-center{bottom:1rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clnotify-item{background:#fff;border:1px solid #ddd;border-left:4px solid #fff0;border-radius:6px;-webkit-box-shadow:0 2px 6px rgb(0 0 0 / .15);box-shadow:0 2px 6px rgb(0 0 0 / .15);padding:12px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px;font-family:system-ui,sans-serif;color:#333;cursor:pointer;pointer-events:auto;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.2s ease,-webkit-transform 0.2s ease;transition:opacity 0.2s ease,-webkit-transform 0.2s ease;-o-transition:opacity 0.2s ease,transform 0.2s ease;transition:opacity 0.2s ease,transform 0.2s ease;transition:opacity 0.2s ease,transform 0.2s ease,-webkit-transform 0.2s ease}.clnotify-item:hover{-webkit-box-shadow:0 3px 10px rgb(0 0 0 / .2);box-shadow:0 3px 10px rgb(0 0 0 / .2)}.clnotify-item div{line-height:1.4}.clnotify-item div:first-child{font-weight:700;margin-bottom:2px}.clnotify-success{border-left:4px solid #28a745;background:#e6f4ea;color:#155724}.clnotify-error{border-left:4px solid #dc3545;background:#f8d7da;color:#721c24}.clnotify-warning{border-left:4px solid #ffc107;background:#fff3cd;color:#856404}.clnotify-info{border-left:4px solid #17a2b8;background:#d1ecf1;color:#0c5460}.clnotify-item span:first-child{font-size:1.3em;-ms-flex-negative:0;flex-shrink:0;line-height:1}.clnotify-progress{position:absolute;left:0;bottom:0;height:4px;background:rgb(0 0 0 / .2);width:100%;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-animation:clnotify-shrink var(--clnotify-duration) linear forwards;animation:clnotify-shrink var(--clnotify-duration) linear forwards;border-radius:0 0 6px 6px}@-webkit-keyframes clnotify-shrink{from{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes clnotify-shrink{from{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}