.notification-region{align-items:flex-end;bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;left:auto;overflow:visible;pointer-events:auto;position:fixed;right:.75rem;top:auto;width:min(25rem,calc(100vw - 1.5rem));z-index:1300}.notification-list{align-items:stretch;display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;overflow:visible;padding:0;width:100%}.notification{align-items:flex-start;background:color-mix(in srgb,var(--colors-mono-02) 92%,transparent);border:1px solid var(--colors-mono-04);border-radius:.5rem;box-shadow:0 .5rem 1.5rem #00000059;color:var(--colors-mono-11);display:grid;font-size:.9rem;gap:.6rem;grid-template-columns:auto 1fr auto;line-height:1.35;padding:.7rem .75rem;pointer-events:auto;transform-origin:100% 100%;width:100%}.notification[data-opened]{animation:notification-enter .22s cubic-bezier(.18,.84,.35,1.01)}.notification[data-closed]{animation:notification-exit .18s ease-in forwards}.notification[data-swipe=move]{transform:translate(var(--kb-toast-swipe-move-x))}.notification[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.notification[data-swipe=end]{animation:notification-swipe-end .12s ease-out forwards}.notification-indicator{align-items:center;display:inline-flex;justify-content:center;margin-top:.0625rem}.notification-indicator-icon{color:var(--colors-mono-08);font-size:1.1rem}.notification.variant-info .notification-indicator-icon{color:var(--colors-info)}.notification.variant-success .notification-indicator-icon{color:var(--colors-success)}.notification.variant-warn .notification-indicator-icon{color:var(--colors-warning)}.notification.variant-error .notification-indicator-icon{color:var(--colors-error)}.notification-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.notification.no-title .notification-main{gap:0}.notification-title{color:var(--colors-mono-11);font-size:.85rem;font-weight:600}.notification-content{color:var(--colors-mono-10);font-size:.85rem;line-height:1.3;margin:0}.notification-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end;margin-top:0;width:100%}.notification-close{align-items:center;background:transparent;border:1px solid transparent;border-radius:.4rem;color:var(--colors-mono-09);cursor:pointer;display:inline-flex;justify-content:center;margin-left:.25rem;margin-top:-.05rem;padding:.1rem;transition:var(--transitions-primary);.icon{color:currentcolor;font-size:.95rem}&:hover{border-color:var(--colors-mono-05);color:var(--colors-mono-11)}}@media(max-width:40rem){.notification-region{bottom:0;left:0;right:0;max-width:none;min-width:0;width:100%}.notification-list{padding:0 .5rem .5rem;width:100%}.notification{transform-origin:50% 100%;width:100%}}@keyframes notification-enter{0%{opacity:0;transform:translateY(.35rem) translate(.35rem) scale(.985)}to{opacity:1;transform:translateY(0) translate(0) scale(1)}}@keyframes notification-exit{0%{opacity:1;transform:translateY(0) translate(0) scale(1)}to{opacity:0;transform:translateY(.25rem) translate(.5rem) scale(.985)}}@keyframes notification-swipe-end{0%{opacity:1;transform:translate(var(--kb-toast-swipe-end-x))}to{opacity:0;transform:translate(100%)}}@keyframes select-content-show{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-field{display:flex;flex-direction:column;width:100%}.select-label{color:var(--colors-mono-10);font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.select-trigger{align-items:center;background-color:var(--colors-mono-02);border:1px solid var(--colors-mono-07);border-radius:var(--radius-sm);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:space-between;min-height:var(--form-control-height, 2.375rem);outline:none;padding:.3125rem .75rem;text-align:left;touch-action:manipulation;transition:all var(--transitions-primary);width:100%;&:hover{border-color:var(--colors-mono-09)}&:focus,&:focus-visible,&[data-expanded]{outline:.0625rem solid var(--colors-cool-blue);outline-offset:.0625rem}&[data-invalid]{border-color:var(--colors-scarlett);color:var(--colors-scarlett)}&[data-disabled]{cursor:not-allowed;opacity:.6}}.select-value{color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&[data-placeholder-shown]{color:var(--colors-mono-06)}}.select-trigger-icon{align-items:center;color:var(--colors-mono-08);display:inline-flex;flex:0 0 auto;justify-content:center;margin-left:.5rem;.icon{color:inherit;font-size:1.25rem;transition:transform var(--transitions-primary)}}.select-trigger[data-expanded] .select-trigger-icon .icon{transform:rotate(180deg)}.select-hint{color:var(--colors-mono-05);font-size:.75rem;line-height:1rem;user-select:none}.select-error-message{color:var(--colors-scarlett);font-size:.75rem;line-height:1rem;user-select:none}.select-content{animation:select-content-hide .15s ease-in forwards;background-color:var(--colors-mono-02);border:1px solid var(--colors-mono-07);border-radius:var(--radius-sm);box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.0625rem #0000001a;color:inherit;max-height:min(18rem,var(--kb-popper-available-height, 18rem));min-width:var(--kb-popper-anchor-width);overflow:hidden;z-index:30;&[data-expanded]{animation:select-content-show .15s ease-out}}.select-listbox{max-height:inherit;overflow:auto;padding:.25rem}.select-item{align-items:center;border-radius:var(--radius-sm);color:var(--colors-mono-10);cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;line-height:1.25rem;outline:none;padding:.5rem .625rem;touch-action:manipulation;transition:var(--transitions-primary);&[data-highlighted]{background:rgba(var(--colors-mono-11-rgb),.05);color:var(--colors-mono-11)}&[data-disabled]{cursor:not-allowed;opacity:.45}&[data-selected]{color:var(--colors-mono-11)}}.select-item-label{min-width:0}.select-item-indicator{color:var(--colors-cool-blue);display:inline-flex;flex:0 0 auto;justify-content:center;opacity:0;.icon{color:inherit;font-size:1rem}}.select-item[data-selected] .select-item-indicator{opacity:1}