.notification{padding-bottom:.75em;position:fixed;top:1.5em;right:1.5em;width:18.75em;max-width:calc(100% - 3em);transition:transform .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999;font-size:16px}.notification__box,.notification__content,.notification__btns{display:flex}.notification__box,.notification__content{align-items:center}.notification__box{animation:flyIn .3s ease-out;background-color:#fff;border-radius:.75em;box-shadow:0 .5em 1em #17181c1a;height:4em;transition:background-color .15s,color .15s}.notification--out .notification__box{animation:flyOut .3s ease-out forwards}.notification__content{padding:.375em 1em;width:100%;height:100%}.notification__icon{flex-shrink:0;margin-right:.75em;width:2em;height:2em}.notification__icon-svg{width:100%;height:auto}.notification__text{line-height:1.333}.notification__text-title{font-size:.75em;font-weight:700}.notification__text-subtitle{font-size:.6em;opacity:.75}.notification__btns:has(*){box-shadow:-1px 0 #17181c26;flex-direction:column;flex-shrink:0;min-width:4em;height:100%;transition:box-shadow .15s}.notification__btn{background-color:transparent;box-shadow:0 0 #17181c80 inset;font-size:.6em;line-height:1;font-weight:500;height:100%;padding:0 .5rem;transition:background-color .15s,color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;border:0}.notification__btn:first-of-type{border-radius:0 .75rem 0 0}.notification__btn:last-of-type{border-radius:0 0 .75rem}.notification__btn:only-child{border-radius:0 .75rem .75rem 0}.notification__btn+.notification__btn{box-shadow:0 -1px #17181c26;font-weight:400}.notification__btn:active,.notification__btn:focus{background-color:#f1f2f4}.notification__btn:focus{outline:transparent}@supports selector(:focus-visible){.notification__btn:focus{background-color:transparent}.notification__btn:focus-visible,.notification__btn:active{background-color:#f1f2f4}}[data-bs-theme=dark] :root{--bg: hsl($hue, 10%, 10%);--fg: hsl($hue, 10%, 90%)}[data-bs-theme=dark] .notification__box{background-color:#454954}[data-bs-theme=dark] .notification__btns{box-shadow:-1px 0 #e3e4e826}[data-bs-theme=dark] .notification__btn+[data-bs-theme=dark] .notification__btn{box-shadow:0 -1px #e3e4e826}[data-bs-theme=dark] .notification__btn:active,[data-bs-theme=dark] .notification__btn:focus{background-color:#505562}@supports selector(:focus-visible){[data-bs-theme=dark] .notification__btn:focus{background-color:transparent}[data-bs-theme=dark] .notification__btn:focus-visible,[data-bs-theme=dark] .notification__btn:active{background-color:#505562}}@keyframes flyIn{0%{transform:translate(calc(100% + 1.5em))}to{transform:translate(0)}}@keyframes flyOut{0%{transform:translate(0)}to{transform:translate(calc(100% + 1.5em))}}