@layer primitives{.app-toast-root{--app-toast-safe-inline-size:calc(100vw - max(1rem, var(--coffee-safe-area-inset-left,env(safe-area-inset-left,0px))) - max(1rem, var(--coffee-safe-area-inset-right,env(safe-area-inset-right,0px))));--app-toast-top-offset:calc(var(--dim-bar-height) + var(--spacing-1) + var(--coffee-safe-area-inset-top,env(safe-area-inset-top,0px)));--width:min(var(--app-toast-safe-inline-size), 32rem);--gap:var(--spacing-3,.75rem);--peek:var(--spacing-2,.5rem);z-index:var(--z-tooltip,1500);width:var(--width);max-width:var(--app-toast-safe-inline-size);pointer-events:none;outline:none;position:fixed}.app-toast-root[data-y-position=top]{top:var(--app-toast-top-offset,var(--toast-viewport-top));bottom:auto}.app-toast-root[data-y-position=bottom]{top:auto;bottom:var(--toast-viewport-bottom)}.app-toast-root[data-x-position=left]{right:auto;left:var(--toast-viewport-left)}.app-toast-root[data-x-position=right]{right:var(--toast-viewport-right);left:auto}.app-toast-root[data-x-position=center]{left:50%;right:auto;transform:translate(-50%)}.app-toast-stack-item{--app-toast-scale:calc(max(0, 1 - (var(--toast-index) * .06)));--app-toast-shrink:calc(1 - var(--app-toast-scale));--app-toast-height:var(--toast-frontmost-height,var(--toast-height));z-index:calc(1000 - var(--toast-index));width:min(var(--app-toast-safe-inline-size,calc(100vw - 2rem)), 22rem);max-width:var(--app-toast-safe-inline-size,calc(100vw - 2rem));height:var(--app-toast-height);pointer-events:auto;opacity:1;transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--app-toast-y)) scale(var(--app-toast-scale));transition:transform var(--duration-long) var(--ease-emphasized), opacity var(--duration-standard) var(--ease-out), height var(--duration-fast) var(--ease-out);will-change:transform, opacity, height;position:absolute}.app-toast-stack-item:after{height:calc(var(--gap) + 1px);content:"";position:absolute;inset-inline:0}.app-toast-root[data-y-position=bottom] .app-toast-stack-item:after{top:100%}.app-toast-root[data-y-position=top] .app-toast-stack-item:after{bottom:100%}.app-toast-root[data-x-position=left] .app-toast-stack-item{left:0;right:auto}.app-toast-root[data-x-position=right] .app-toast-stack-item{left:auto;right:0}.app-toast-root[data-x-position=center] .app-toast-stack-item{margin-inline:auto;left:0;right:0}.app-toast-root[data-y-position=bottom] .app-toast-stack-item{--app-toast-y:calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--app-toast-shrink) * var(--app-toast-height)));transform-origin:bottom;bottom:0}.app-toast-root[data-y-position=top] .app-toast-stack-item{--app-toast-y:calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--peek)) + (var(--app-toast-shrink) * var(--app-toast-height)));transform-origin:top;top:0}.app-toast-stack-item[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--app-toast-y))}.app-toast-root[data-y-position=bottom] .app-toast-stack-item[data-expanded]{--app-toast-y:calc((var(--toast-offset-y) * -1) - (var(--toast-index) * var(--gap)) + var(--toast-swipe-movement-y));height:var(--toast-height)}.app-toast-root[data-y-position=top] .app-toast-stack-item[data-expanded]{--app-toast-y:calc(var(--toast-offset-y) + (var(--toast-index) * var(--gap)) + var(--toast-swipe-movement-y));height:var(--toast-height)}.app-toast-stack-item[data-limited]{pointer-events:none;opacity:0}.app-toast-root[data-y-position=bottom] .app-toast-stack-item:is([data-starting-style],[data-ending-style]):not([data-swipe-direction]){transform:translateY(150%)}.app-toast-root[data-y-position=top] .app-toast-stack-item:is([data-starting-style],[data-ending-style]):not([data-swipe-direction]){transform:translateY(-150%)}.app-toast-stack-item[data-ending-style]{opacity:0}.app-toast-stack-item[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--app-toast-y))}.app-toast-stack-item[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--app-toast-y))}.app-toast-stack-item[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.app-toast-stack-item[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.app-toast-stack-content{opacity:1;transition:opacity var(--duration-fast) var(--ease-out);overflow:hidden}.app-toast-stack-content[data-behind]:not([data-expanded]){opacity:0}[data-slot=toast].app-toast{--app-toast-border-color:var(--color-border-subtle,var(--color-divider));--app-toast-shadow:var(--shadow-xl,0 .5rem 1.5rem color-mix(in srgb, var(--color-black) 14%, transparent));color:var(--color-text-primary);background:var(--color-surface);border:var(--border-width-hairline) solid var(--app-toast-border-color);border-radius:var(--radius-lg);box-shadow:var(--app-toast-shadow);padding:0}[data-slot=toast].app-toast--success,[data-slot=toast].app-toast--error,[data-slot=toast].app-toast--warning,[data-slot=toast].app-toast--info{--app-toast-tone:var(--color-blue-600);color:var(--color-text-primary);border-color:color-mix(in srgb, var(--app-toast-tone) 40%, var(--color-divider));background:color-mix(in srgb, var(--app-toast-tone) 7%, var(--color-surface))}[data-slot=toast].app-toast--success{--app-toast-tone:var(--color-success-700,var(--color-green-700))}[data-slot=toast].app-toast--error{--app-toast-tone:var(--color-error-text)}[data-slot=toast].app-toast--warning{--app-toast-tone:var(--color-warning-text)}[data-slot=toast].app-toast--info{--app-toast-tone:var(--color-blue-600)}[data-slot=toast].app-toast--success:before,[data-slot=toast].app-toast--error:before,[data-slot=toast].app-toast--warning:before,[data-slot=toast].app-toast--info:before{background:var(--app-toast-tone);content:"";border-start-start-radius:inherit;border-end-start-radius:inherit;width:3px;position:absolute;inset-block:0;inset-inline-start:0}[data-slot=toast].app-toast:is(.app-toast--success,.app-toast--error,.app-toast--warning,.app-toast--info) .app-toast__icon [data-app-icon]{color:var(--app-toast-tone)}[data-slot=toast].app-toast--connection{width:min(var(--app-toast-safe-inline-size,calc(100vw - 2.75rem)), 31.25rem);max-width:var(--app-toast-safe-inline-size,calc(100vw - 2.75rem));padding:var(--spacing-4);align-items:stretch;display:flex}[data-slot=toast].app-toast--connection-restored{width:min(var(--app-toast-safe-inline-size,calc(100vw - 2.75rem)), 22rem)}[data-slot=toast].plate-toast{min-height:var(--control-height-md,2.5rem);padding:var(--spacing-3);border:var(--border-width-hairline) solid color-mix(in srgb, var(--color-error-text) 40%, var(--color-divider));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-error-text) 7%, var(--color-surface));color:var(--color-text-primary);box-shadow:var(--shadow-xl)}[data-slot=toast].plate-toast--error:before{background:var(--color-error-text);content:"";border-start-start-radius:inherit;border-end-start-radius:inherit;width:3px;position:absolute;inset-block:0;inset-inline-start:0}.app-toast__icon{width:max-content;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:var(--spacing-3);display:flex}.app-toast__body{width:100%;min-width:0;padding:var(--spacing-3);flex:1}.app-toast__content{align-items:center;gap:var(--spacing-2);min-width:0;line-height:var(--leading-5);font-size:var(--text-sm);flex:1;display:flex}.app-toast__interactive{border-radius:inherit;outline:var(--border-width-strong) solid transparent;outline-offset:calc(-1 * var(--border-width-emphasis))}.app-toast__interactive:focus-visible{outline-color:color-mix(in srgb, var(--color-primary) 72%, var(--color-text-primary))}.app-toast__content--with-bold-content{align-items:center;gap:var(--spacing-1);white-space:nowrap;width:100%;min-width:0;display:flex;overflow:hidden}.app-toast__emphasis,.app-toast__message{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-toast__emphasis{max-width:50%;font-weight:var(--font-weight-bold,700);flex-shrink:0}.app-toast__message{width:fit-content}.app-toast__message--lowercase{text-transform:lowercase}.app-toast__title{font-size:var(--text-base);font-weight:var(--font-weight-bold,700);line-height:var(--leading-6)}.app-toast__description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-5)}.app-toast__close{min-width:var(--spacing-8);min-height:var(--spacing-8);max-width:var(--spacing-8);max-height:var(--spacing-8);flex-shrink:0;margin-inline-start:auto}.app-toast__actions{justify-content:flex-end;align-items:center;gap:var(--spacing-1);padding-inline:var(--spacing-2);flex-wrap:wrap;margin-block-start:var(--spacing-1);margin-block-end:var(--spacing-2);display:flex}.app-toast-root--meeting-room[data-coffee-toast-viewport][data-y-position=bottom]{bottom:4rem}.app-toast-root--mobile.app-toast-root[data-coffee-toast-viewport]{--mobile-offset-left:max(var(--spacing-3), var(--coffee-safe-area-inset-left,env(safe-area-inset-left,0px)));--mobile-offset-right:max(var(--spacing-3), var(--coffee-safe-area-inset-right,env(safe-area-inset-right,0px)));--mobile-offset-top:calc(var(--dim-bar-height) + var(--spacing-3) + var(--coffee-safe-area-inset-top,env(safe-area-inset-top,0px)));--app-toast-mobile-bottom-offset:calc(var(--spacing-3) + max(var(--spacing-4), var(--coffee-safe-area-inset-bottom,env(safe-area-inset-bottom,0px))));--mobile-offset-bottom:var(--app-toast-mobile-bottom-offset);--width:calc(100vw - var(--mobile-offset-left) - var(--mobile-offset-right));width:auto;padding:0}body:has(.bottom-bar:not(.bottom-bar--hide)) .app-toast-root--mobile.app-toast-root--default[data-coffee-toast-viewport][data-y-position=bottom]{--app-toast-mobile-bottom-offset:calc(var(--coffee-bottom-bar-total-height,var(--dim-bottom-bar-height)) + var(--spacing-5));bottom:var(--app-toast-mobile-bottom-offset)}.app-toast-root--mobile.app-toast-root[data-coffee-toast-viewport] [data-slot=toast]{border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;margin-inline:0}.app-toast-root--mobile.app-toast-root[data-coffee-toast-viewport] .app-toast__close{width:var(--control-height-lg);min-width:var(--control-height-lg);max-width:var(--control-height-lg);height:var(--control-height-lg);min-height:var(--control-height-lg);max-height:var(--control-height-lg)}@media (pointer:coarse){[data-slot=toast].app-toast .app-toast__close{width:2.75rem;min-width:2.75rem;max-width:2.75rem;height:2.75rem;min-height:2.75rem;max-height:2.75rem}}.app-toast-root--mobile.app-toast-root--meeting-room[data-coffee-toast-viewport][data-y-position=bottom]{bottom:calc(7rem + var(--coffee-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}[data-slot=toast].app-toast:is(.app-toast--success,.app-toast--error,.app-toast--warning,.app-toast--info) .app-toast__content{color:var(--color-text-primary)}.app-toast--actionable .app-toast__icon{align-self:flex-start}.app-toast--actionable .app-toast__body{padding:var(--spacing-2)}.app-toast--actionable .app-toast__close{align-self:flex-start;margin-block-start:calc(var(--spacing-1) * -1);margin-inline-end:calc(var(--spacing-1) * -1)}@media (prefers-reduced-motion:reduce){.app-toast-stack-item,.app-toast-stack-content{transition:none}}}