:root{--notice-blocked:#7565bb}@supports (color:lab(0% 0 0)){:root{--notice-blocked:lab(47.231% 22.1807 -43.8276)}}.dark{--notice-blocked:#aa9fec}@supports (color:lab(0% 0 0)){.dark{--notice-blocked:lab(68.5496% 16.69 -37.5571)}}.cdz-notice{--n-accent:var(--info);--n-ink:color-mix(in oklab, var(--n-accent) 55%, var(--foreground));--n-ink-soft:color-mix(in oklab, var(--n-accent) 72%, var(--foreground));border:1px solid color-mix(in oklab, var(--n-accent) 30%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--n-accent) 9%, transparent), color-mix(in oklab, var(--n-accent) 4%, transparent)), var(--card);color:var(--card-foreground);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.75rem .875rem;font-size:.875rem;line-height:1.35;animation:.22s cubic-bezier(.22,1,.36,1) both cdz-notice-in;display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.cdz-notice[data-severity=success]{--n-accent:var(--success)}.cdz-notice[data-severity=warning]{--n-accent:var(--warning)}.cdz-notice[data-severity=blocked]{--n-accent:var(--notice-blocked)}.cdz-notice[data-severity=error]{--n-accent:var(--destructive)}.cdz-notice[data-compact=true]{box-shadow:var(--elev-3,0 6px 20px #0000001f);background:linear-gradient(180deg, color-mix(in oklab, var(--n-accent) 10%, transparent), color-mix(in oklab, var(--n-accent) 5%, transparent)), var(--popover,var(--card));gap:.625rem;padding:.625rem .75rem}.cdz-notice__icon{width:2rem;height:2rem;color:var(--n-ink-soft);background:color-mix(in oklab, var(--n-accent) 16%, transparent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cdz-notice[data-compact=true] .cdz-notice__icon{width:1.75rem;height:1.75rem}.cdz-notice__icon svg{width:1rem;height:1rem}.cdz-notice__body{text-align:start;flex:auto;min-width:0}.cdz-notice__title{letter-spacing:-.005em;overflow-wrap:anywhere;font-weight:600}.cdz-notice__message{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:.125rem}.cdz-notice[data-compact=true] .cdz-notice__message{font-size:.8125rem}.cdz-notice__meter{margin-top:.5rem}.cdz-notice__meter-track{background:color-mix(in oklab, var(--n-accent) 18%, transparent);border-radius:9999px;height:.375rem;position:relative;overflow:hidden}.cdz-notice__meter-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--n-accent) 70%, transparent), var(--n-accent));transition:width .4s;position:absolute;inset-block:0;inset-inline-start:0}[dir=rtl] .cdz-notice__meter-fill{background:linear-gradient(270deg, color-mix(in oklab, var(--n-accent) 70%, transparent), var(--n-accent))}.cdz-notice__meter-label{color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.6875rem}.cdz-notice__summary{gap:.375rem;margin-top:.5rem;font-size:.8125rem;display:grid}.cdz-notice__summary h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);font-size:.6875rem;font-weight:600}.cdz-notice__summary ul{gap:.125rem;margin-top:.125rem;padding-inline-start:1rem;list-style:outside;display:grid}.cdz-notice__actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.625rem;display:flex}.cdz-notice__btn{white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:.5rem;align-items:center;gap:.375rem;min-height:2.25rem;padding:0 .875rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s,opacity .15s,transform .12s;display:inline-flex}@media (min-width:768px){.cdz-notice__btn{min-height:2rem;padding:0 .75rem;font-size:.75rem}}.cdz-notice__btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cdz-notice__btn:active:not(:disabled){transform:scale(.97)}.cdz-notice__btn:disabled{opacity:.55;cursor:not-allowed}.cdz-notice__btn[data-variant=primary]{background:var(--primary);color:var(--primary-foreground);border:1px solid #0000}.cdz-notice__btn[data-variant=primary]:hover:not(:disabled){background:color-mix(in oklab, var(--primary) 90%, var(--foreground))}.cdz-notice__btn[data-variant=secondary]{color:var(--card-foreground);border:1px solid color-mix(in oklab, var(--n-accent) 35%, var(--border));background:0 0}.cdz-notice__btn[data-variant=secondary]:hover:not(:disabled){background:color-mix(in oklab, var(--n-accent) 10%, transparent)}.cdz-notice__btn[data-done=true]{background:color-mix(in oklab, var(--success) 16%, transparent);color:color-mix(in oklab, var(--success) 55%, var(--foreground));border-color:#0000}.cdz-notice__dismiss{width:2rem;height:2rem;color:var(--muted-foreground);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;margin-block:-.25rem;margin-inline-end:-.375rem;transition:background-color .15s,color .15s;display:inline-flex}@media (min-width:768px){.cdz-notice__dismiss{width:1.5rem;height:1.5rem;margin:0}}.cdz-notice__dismiss:hover{background:var(--muted);color:var(--foreground)}.cdz-notice__dismiss:focus-visible{outline:2px solid var(--ring);outline-offset:1px}@keyframes cdz-notice-in{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cdz-notice{animation:none}.cdz-notice__meter-fill,.cdz-notice__btn{transition:none}.cdz-notice__btn:active:not(:disabled){transform:none}}@media (forced-colors:active){.cdz-notice{border:1px solid canvastext}.cdz-notice__btn{border:1px solid buttontext}.cdz-notice__meter-fill{background:highlight}}
