.notice{--notice-tone:var(--m-ink-2);--notice-tile:var(--m-bg);--notice-tile-line:var(--m-line);border:1px solid var(--m-line);background:var(--m-bg);color:var(--m-ink-2);text-align:left;border-radius:12px;align-items:flex-start;gap:11px;padding:11px 13px;font-size:13px;line-height:1.5;display:flex}.notice--success{--notice-tone:color-mix(in srgb, var(--success) 72%, var(--m-ink));--notice-tile:color-mix(in srgb, var(--success) 9%, var(--m-bg));--notice-tile-line:color-mix(in srgb, var(--success) 22%, var(--m-bg))}.notice--warning{--notice-tone:color-mix(in srgb, var(--warning) 62%, var(--m-ink));--notice-tile:color-mix(in srgb, var(--warning) 10%, var(--m-bg));--notice-tile-line:color-mix(in srgb, var(--warning) 26%, var(--m-bg))}.notice--danger{--notice-tone:color-mix(in srgb, var(--danger) 82%, var(--m-ink));--notice-tile:color-mix(in srgb, var(--danger) 8%, var(--m-bg));--notice-tile-line:color-mix(in srgb, var(--danger) 22%, var(--m-bg))}.notice-icon{border:1px solid var(--notice-tile-line);background:var(--notice-tile);width:30px;height:30px;color:var(--notice-tone);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.notice-icon svg{width:15px;height:15px}.notice-body{flex-direction:column;flex:auto;justify-content:center;gap:2px;min-width:0;min-height:30px;display:flex}.notice-title{letter-spacing:-.01em;color:var(--m-ink);margin:0;font-size:13.5px;font-weight:600}.notice-text p{margin:0}.notice-text strong,.notice-text b{color:var(--m-ink);font-weight:600}.notice-action{margin-top:8px}.notice-dismiss{width:28px;height:28px;color:var(--m-ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:1px -4px 0 0;transition:background-color .15s,color .15s;display:inline-flex}.notice-dismiss:hover{background:var(--m-bg-tinted);color:var(--m-ink)}.notice-dismiss:focus-visible{outline:2px solid var(--m-ink);outline-offset:1px}.notice-dismiss svg{width:14px;height:14px}.notice--sm{border-color:var(--hairline);background:var(--canvas);color:var(--ink-2);border-radius:10px;gap:9px;padding:9px 11px;font-size:12.5px}.notice--sm .notice-icon{border-radius:7px;width:24px;height:24px}.notice--sm .notice-icon svg{width:13px;height:13px}.notice--sm .notice-body{min-height:24px}.notice--sm .notice-dismiss{width:24px;height:24px;margin-top:0}.notice--sm.notice--info{--notice-tone:var(--ink-2);--notice-tile:var(--canvas);--notice-tile-line:var(--hairline)}.notice--sm .notice-text strong,.notice--sm .notice-text b{color:var(--ink)}