.app-btn{--app-btn-decor-glare:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent 50%);--app-btn-decor-rest-inset:0px 0px 0px 0px rgba(0,0,0,.1) inset;--app-btn-decor-pressed-inset:0px 2px 0px 1px rgba(0,0,0,.1) inset;--app-btn-decor-border-shine:0px 1px 0px 0px hsla(0,0%,100%,.1) inset;--app-btn-easing:cubic-bezier(.19,.91,.38,1);--app-btn-bg:var(--app-btn-decor-glare),#262626;--app-btn-text-color:#fff;--app-btn-shadow:var(--app-btn-decor-border-shine),0px 0px 0px 1px #171717;--app-btn-text-hover-opacity:.7;background:var(--app-btn-bg);box-shadow:var(--app-btn-shadow);color:var(--app-btn-text-color);transition:color 75ms var(--app-btn-easing),background 75ms var(--app-btn-easing),box-shadow 75ms var(--app-btn-easing)}.app-btn>*{transition:transform .15s var(--app-btn-easing)}.app-btn:not([data-disabled]):active>*,.app-btn:not([data-disabled]):hover>*{opacity:var(--app-btn-text-hover-opacity)}.app-btn:not([data-disabled]):active>*{transform:translateY(1px)}.app-btn__primary-solid:not([data-disabled]):active{--app-btn-bg:#171717;--app-btn-shadow:var(--app-btn-decor-pressed-inset),0px 0px 0px 1px #171717}.app-btn__primary-soft{--app-btn-bg:rgb(64 64 64/5%);--app-btn-text-color:#404040;--app-btn-shadow:var(--app-btn-decor-rest-inset),0px 0px 0px 1px var(--app-btn-bg);--app-btn-text-hover-opacity:1}.app-btn__primary-ghost:not([data-disabled]):hover,.app-btn__primary-soft:not([data-disabled]):hover{--app-btn-bg:rgba(64,64,64,.1)}.app-btn__primary-ghost:not([data-disabled]):active,.app-btn__primary-soft:not([data-disabled]):active{--app-btn-bg:rgba(64,64,64,.15);--app-btn-shadow:var(--app-btn-decor-pressed-inset),0px 0px 0px 1px var(--app-btn-bg)}.app-btn__primary-ghost{--app-btn-bg:transparent;--app-btn-text-color:#404040;--app-btn-shadow:var(--app-btn-decor-rest-inset),0px 0px 0px 1px var(--app-btn-bg);--app-btn-text-hover-opacity:1}.app-btn__white-solid{--app-btn-bg:#fff;--app-btn-text-color:#404040;--app-btn-shadow:var(--app-btn-decor-rest-inset),0 0 0 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.05);--app-btn-text-hover-opacity:.8}.app-btn__white-solid:not([data-disabled]):hover{--app-btn-bg:#fafafa}.app-btn__white-solid:not([data-disabled]):active{--app-btn-bg:#fafafa;--app-btn-shadow:var(--app-btn-decor-pressed-inset),0 0 0 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.05)}.app-btn__white-soft{--app-btn-bg:hsla(0,0%,100%,.05);--app-btn-text-color:#fff;--app-btn-shadow:var(--app-btn-decor-rest-inset),0px 0px 0px 1px var(--app-btn-bg);--app-btn-text-hover-opacity:1}.app-btn__white-ghost:not([data-disabled]):hover,.app-btn__white-soft:not([data-disabled]):hover{--app-btn-bg:hsla(0,0%,100%,.1)}.app-btn__white-ghost:not([data-disabled]):active,.app-btn__white-soft:not([data-disabled]):active{--app-btn-bg:hsla(0,0%,100%,.15);--app-btn-shadow:var(--app-btn-decor-pressed-inset),0px 0px 0px 1px var(--app-btn-bg)}.app-btn__white-ghost{--app-btn-bg:transparent;--app-btn-text-color:#fff;--app-btn-shadow:var(--app-btn-decor-rest-inset),0px 0px 0px 1px var(--app-btn-bg);--app-btn-text-hover-opacity:1}.app-btn__danger-solid{--app-btn-bg:var(--app-btn-decor-glare),#b91c1c;--app-btn-shadow:var(--app-btn-decor-border-shine),0px 0px 0px 1px rgba(153,27,27,.9)}.app-btn__danger-solid:not([data-disabled]):hover{--app-btn-bg:var(--app-btn-decor-glare),#991b1b}.app-btn__danger-solid:not([data-disabled]):active{--app-btn-bg:#7f1d1d;--app-btn-shadow:var(--app-btn-decor-pressed-inset),0px 0px 0px 1px rgba(153,27,27,.9)}.app-btn__danger-soft{--app-btn-bg:rgb(185 28 28/5%);--app-btn-text-color:#b91c1c;--app-btn-shadow:var(--app-btn-decor-rest-inset),0px 0px 0px 1px var(--app-btn-bg);--app-btn-text-hover-opacity:1}.app-btn__danger-ghost:not([data-disabled]):hover,.app-btn__danger-soft:not([data-disabled]):hover{--app-btn-bg:rgba(185,28,28,.1)}.app-btn__danger-ghost:not([data-disabled]):active,.app-btn__danger-soft:not([data-disabled]):active{--app-btn-bg:rgba(185,28,28,.15);--app-btn-shadow:var(--app-btn-decor-pressed-inset),0px 0px 0px 1px var(--app-btn-bg)}.app-btn__danger-ghost{--app-btn-bg:transparent;--app-btn-text-color:#b91c1c;--app-btn-shadow:var(--app-btn-decor-rest-inset),0px 0px 0px 1px var(--app-btn-bg);--app-btn-text-hover-opacity:1}.notifs-enter-active,.notifs-leave-active,.notifs-move{transition:all .3s cubic-bezier(.55,0,.1,1)}.notifs-enter-from,.notifs-leave-to{--tw-translate-y:.5rem;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.notifs-leave-active{position:absolute}
