.sd-gnot{--gn-blur:26px;--gn-glass:#ffffff29;--gn-edge:#ffffff4d;--gn-ink:#fff;--gn-ink-2:#ffffffc7;--gn-x:50%;--gn-y:0px;--gn-h:76px;--gn-gap:10px;width:min(100%,360px);color:var(--gn-ink);-webkit-font-smoothing:antialiased;font-family:inherit;position:relative}.sd-gnot--smoke{--gn-glass:#0e0e106b;--gn-edge:#ffffff29}.gn-list{height:calc(var(--gn-h) + 20px);margin:0;padding:0;list-style:none;transition:height .48s cubic-bezier(.34,1.2,.64,1);position:relative}.sd-gnot[data-open] .gn-list{height:calc(var(--gn-count) * (var(--gn-h) + var(--gn-gap)) - var(--gn-gap))}.gn-item{height:var(--gn-h);transform-origin:top;transform:translateY(calc(var(--gn-i) * 10px)) scale(calc(1 - var(--gn-i) * .05));opacity:calc(1 - var(--gn-i) * .28);transition:transform .48s cubic-bezier(.34,1.2,.64,1),opacity .32s;position:absolute;inset:0 0 auto}.gn-item:nth-child(n+4){opacity:0;pointer-events:none}.sd-gnot[data-open] .gn-item{transform:translateY(calc(var(--gn-i) * (var(--gn-h) + var(--gn-gap)))) scale(1);opacity:1}.gn-item[data-leaving]{transition-duration:.26s;opacity:0!important;transform:translate(110%)!important}.gn-card{background:var(--gn-glass);height:100%;-webkit-backdrop-filter:blur(var(--gn-blur)) saturate(170%);backdrop-filter:blur(var(--gn-blur)) saturate(170%);box-shadow:inset 0 0 0 1px var(--gn-edge), inset 0 1px 0 #ffffff59, 0 18px 40px -20px #00000080;isolation:isolate;border-radius:22px;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:0 12px 0 14px;display:grid;position:relative;overflow:hidden}.gn-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(200px circle at var(--gn-x) var(--gn-y), #ffffff29, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.sd-gnot:hover .gn-card:before{opacity:1}.gn-icon{background:#ffffff4d 50%/cover;border-radius:10px;width:38px;height:38px;box-shadow:inset 0 0 0 1px #ffffff40}.gn-text{min-width:0}.gn-head{justify-content:space-between;align-items:baseline;gap:8px;margin:0;display:flex}.gn-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:600;overflow:hidden}.gn-time{color:var(--gn-ink-2);flex:none;font-size:12px}.gn-body{white-space:nowrap;text-overflow:ellipsis;color:var(--gn-ink-2);margin:2px 0 0;font-size:13px;overflow:hidden}.gn-close{width:22px;height:22px;color:var(--gn-ink);cursor:pointer;opacity:0;background:#ffffff2e;border:0;border-radius:999px;place-items:center;padding:0;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid}.gn-close svg{width:12px;height:12px}.gn-card:hover .gn-close,.gn-close:focus-visible{opacity:1}.gn-close:active{transform:scale(.88)}.gn-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.gn-empty{text-align:center;color:var(--gn-ink-2);margin:0;padding:26px 0;font-size:14px}@media (hover:none){.gn-close{opacity:1}}@media (prefers-reduced-motion:reduce){.gn-list,.gn-item{transition-duration:1ms!important}}