.notif-message{align-items:flex-start;gap:.5rem;width:100%;padding:.5rem;font-size:13px;line-height:1;display:flex}.notif-message__title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.notif-message__desc{color:#4b5563;text-overflow:ellipsis;overflow:hidden}.notif-message__desc:not(:first-of-type){margin-top:.5rem}.notif-message__content{flex-direction:column;flex-grow:1;align-self:center;line-height:1.5;display:flex}.notif-message__buttons:not(:first-of-type){margin-top:.5rem}.notif-message__icon{color:var(--primary-color-dark)}.notif-message__icon.error{color:var(--error-color)}.notif-message__icon.warning{color:var(--warning-color)}.notif-message__icon.success{color:var(--success-color)}.notif-message__icon>svg{width:1.25rem;height:1.25rem}.notif-message__action{top:.5rem;right:.5rem}.notif-message__action.inline{align-self:center;align-items:center;height:1lh;display:flex}.notif-message__action:not(.inline){position:absolute}.notif-message__action button{width:1.5rem;height:1.5rem}.toast-notif-group{--toast-translate-x:0;--toast-translate-y:0;--toast-offset:calc(var(--panel-anchor-offset) + .5rem);z-index:9999;padding:var(--toast-offset) var(--toast-offset) .25rem;transform:translate(var(--toast-translate-x), var(--toast-translate-y));pointer-events:none;flex-direction:column;gap:.5rem;width:100%;display:flex;position:fixed}.toast-notif-group.is-center,.toast-notif-group.is-top,.toast-notif-group.is-bottom{align-items:center}.toast-notif-group.is-top{top:0}.toast-notif-group.is-bottom{bottom:0}.toast-notif-group.is-left{left:0}.toast-notif-group.is-right{align-items:center;right:0}.toast-notif-group.is-middle{--toast-translate-y:-50%;top:50%}.toast-notif-group.is-center{--toast-translate-x:-50%;left:50%}.toast-notif-msg{color:var(--text-color);pointer-events:auto;max-width:min(80vw,400px);margin-bottom:.5rem;display:flex;position:relative;overflow:hidden}.toast-notif-msg:focus{outline-color:var(--primary-color)}.toast-notif-msg.error{border-color:var(--error-color);background-color:var(--error-color-light)}.toast-notif-msg.error .notif-message__title{color:var(--error-color-dark)}.toast-notif-msg.warning{border-color:var(--warning-color);background-color:var(--warning-color-light)}.toast-notif-msg.success{border-color:var(--success-color);background-color:var(--success-color-light)}.toast-notif-enter-from{opacity:0;transform:translateY(50%)}.toast-notif-leave-from{max-height:1000px}.toast-notif-leave-to{opacity:0;max-height:0;margin-bottom:0;overflow:hidden}.toast-notif-msg.toast-notif-enter-active{transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.toast-notif-msg.toast-notif-leave-active{transition:max-height .3s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}@media screen and (width<=480px){.toast-notif-group{padding-top:8rem}}.tippy-content{font-size:12px}a{color:var(--text-color);-webkit-user-drag:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;padding:.5rem 1rem;transition:background-color .2s}button:disabled{opacity:.5;pointer-events:none}kbd{color:var(--info-text-color);white-space:nowrap;font-family:monospace,sans-serif}kbd samp{font-size:1em}kbd:has(kbd){align-items:center;gap:3px;margin-right:4px;line-height:1;display:inline-flex}kbd:has(kbd):not(:first-child){margin-left:4px}kbd:not(:has(kbd)){background-color:#f7f7f7cc;border:1px solid #cccc;border-radius:4px;height:20px;margin:1px 0;padding:3px 5px;font-size:.85em;font-weight:700;line-height:12px;display:inline-block;box-shadow:0 1px #ccc}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ghosted{color:var(--text-color-lighter)}.spacer{flex-grow:1}.flex-0{flex-grow:0;flex-shrink:0}.flex-1{flex:1}.badge{text-transform:uppercase;vertical-align:middle;background-color:var(--primary-color-lighter);border-radius:4px;padding:.2rem .5rem;font-size:9px;display:inline-block}.badge .dot{background-color:currentColor;border-radius:50%;width:5.5px;height:5.5px;margin-right:4px;display:inline-block}.badge.pending,.badge.synced{color:var(--text-color-lighter)}.badge.synced .dot{background-color:var(--success-color)}.badge.unsynced{color:var(--warning-color);background-color:var(--warning-color-light)}.blurred{filter:blur(3px)brightness(90%);pointer-events:none;opacity:.5;transition:all .2s}.blurred.more{filter:blur(8px)brightness(90%);opacity:.3}.snugfit{padding:0!important}.stretch{align-items:stretch}.thumbnail{pointer-events:none;object-fit:cover;aspect-ratio:1.3;width:100%;height:100%;transform:translateZ(1px)}.clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.msg-box{color:var(--info-text-color);background-color:var(--warning-color-light);border:1px solid var(--warning-color-light);text-align:left;border-radius:4px;gap:5px;margin:.5rem;padding:.4rem .5rem;display:flex}.msg-box.danger{background-color:var(--error-color-light);border:1px solid var(--error-color-light)}.msg-box.success{background-color:var(--success-color-light);border:1px solid var(--success-color-light)}.msg-box__icon{width:18px;height:18px}.msg-box__text{flex:1;font-size:12px;line-height:1.5}.msg-box__actions{align-items:center;display:flex}.notif-box{flex-direction:column;align-items:center;display:flex}.notif-box svg{width:32px}.overlay{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay__message{align-items:center;margin:.25rem 0;padding:0 1rem;font-size:12px;line-height:1.35;display:flex}.overlay__message.center{text-align:center}.split-btn{display:flex}.split-btn button.filled:focus{outline-width:2px;outline-style:solid}.split-btn .split-left{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:.2rem}.split-btn .split-right{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:.2rem;padding-right:.4rem}.split-btn .split-right .btn-icon{width:10px}.flat-btn{cursor:pointer;color:var(--text-color);background-color:#0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:12px;font-weight:500;transition:background-color .3s;display:flex}.flat-btn .dropdown-arrow{width:10px;height:10px}.flat-btn.float{position:absolute;top:.5rem;right:.5rem}.flat-btn.dense{gap:.2rem}.flat-btn.icon-only{justify-content:center;width:calc(16px + .8rem);height:calc(16px + .8rem);padding:.4rem}.flat-btn.small{width:calc(16px + .6rem);height:calc(16px + .6rem);padding:.3rem}.flat-btn.text-lg{font-size:13px}.flat-btn.large{padding:.5rem .6rem}.flat-btn.large.icon-only{width:calc(18px + 1rem);height:calc(18px + 1rem);padding:.5rem}.flat-btn.large .btn-icon{width:18px;height:18px}.flat-btn.xlarge{padding:.75rem 1rem}.flat-btn.filled{background-color:var(--primary-color-lighter)}.flat-btn.filled:hover{background:var(--primary-color-light)}.flat-btn.danger,.flat-btn.warning{opacity:.85}.flat-btn.danger:disabled,.flat-btn.warning:disabled{opacity:.5}.flat-btn.danger{color:var(--error-color-dark)}.flat-btn.danger:focus,.flat-btn.danger:hover{background-color:var(--error-color-lighter)}.flat-btn.warning{color:var(--warning-color-dark)}.flat-btn.warning.filled{background-color:var(--warning-color-lighter);outline-color:var(--warning-color-lighter)}.flat-btn.warning:focus,.flat-btn.warning:hover{background-color:var(--warning-color-light)}.flat-btn.round{border-radius:99px}.flat-btn.outlined{border:1px solid #0000;border-bottom-width:2px;outline-width:0;transition:background-color .3s,outline .2s,border .2s,border-radius .5s}.flat-btn.outlined.active,.flat-btn.outlined:hover,.flat-btn.outlined:focus{border-color:var(--text-color-lighter);background:0 0}.flat-btn.outlined:not(.opened):active{transform:scale(.98)}.flat-btn.outlined.opened{background-color:var(--dropdown-bg-color);outline:1px solid var(--dropdown-border-color);border-color:var(--dropdown-border-color);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:outline .2s,border .2s,box-shadow .5s;box-shadow:0 20px 25px -5px #0002,0 8px 10px #0002}.flat-btn.active{background:var(--primary-color-lighter)}.flat-btn.active:hover{background:var(--primary-color-light)}.flat-btn.light{color:var(--text-color-lighter)}.flat-btn:active{transition:background-color .3s,border .2s,border-radius .5s}.flat-btn:focus,.flat-btn:hover{background:var(--primary-color-lighter)}.flat-btn:not(.outlined):active{transform:scale(.96)}.primary-btn{background-color:var(--primary-color);color:var(--text-color-inverse);border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem;font-size:12px;text-decoration:none;transition:background-color .2s;display:flex}.primary-btn:hover{background-color:var(--secondary-color)}.primary-btn:active{transform:scale(.96)}.primary-btn:focus{outline:2px solid var(--primary-color-light)}.primary-btn:disabled{background-color:var(--disabled-color);color:var(--text-color-inverse-lighter);opacity:1}.primary-btn:disabled:active{transform:none}.primary-btn__caption{margin:0 2px}.primary-btn.danger{background:var(--error-color);outline-color:var(--error-color-light)}.primary-btn.light{-webkit-backdrop-filter:var(--glass-effect-light);backdrop-filter:var(--glass-effect-light);background:var(--panel-bg-color-light);color:var(--text-color-lighter)}.primary-btn.light:hover,.primary-btn.light:focus{background:var(--panel-bg-color)}.primary-btn.light:not(:disabled):hover{outline:2px solid var(--primary-color-light)}.primary-btn.light>*{transition:opacity .2s}.primary-btn.light:disabled>*{opacity:.6}.primary-btn.standalone{box-shadow:var(--standalone-shadow);margin:.15rem;padding:.5rem .8rem;font-size:13px}.primary-btn.round{border-radius:99px}.primary-btn.dense{gap:.2rem}.primary-btn.large{gap:.5rem;padding:.6rem 1rem}.primary-btn.icon-only{justify-content:center;width:calc(20px + 1.6rem);height:calc(20px + 1.6rem);padding:.8rem}.btn-icon{flex-shrink:0;width:16px;height:16px}.btn-icon.small{width:14px!important;height:14px!important}.btn-icon.large{width:20px!important;height:20px!important}.decor-icon{outline:none;flex-shrink:0;width:1em;height:1em}.decor-icon.small{width:.9em;height:.9em}.decor-icon.middle{width:1.2em;height:1.2em}.invisible{opacity:0;pointer-events:none;position:absolute}
