@layer components{.toast{--toast-bg:var(--color-background-main-system-muted);--toast-fg:var(--color-content-main-default);--toast-border:var(--color-border-main-default);--toast-title-fg:var(--toast-fg);--toast-desc-fg:var(--toast-fg);--toast-action-gap:var(--component-card-sm-gap);--toast-gap:var(--component-card-md-gap);--toast-padding:var(--component-card-md-padding);--toast-min-height:var(--component-card-md-height);--toast-radius:var(--component-card-radius);--toast-border-width:var(--component-card-sm-border-width);--toast-header-col-gap:calc(var(--spacing)*4);--toast-icon-size:calc(var(--spacing)*20);--toast-grid-cols:1fr;--toast-grid-rows:auto;--toast-main-col:1;--toast-close-col:2;background-color:var(--toast-bg);border:var(--toast-border-width) solid var(--toast-border);border-radius:var(--toast-radius);box-shadow:var(--shadow-sm);color:var(--toast-fg);list-style:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:var(--z-index-toast)}.toast--type-success{--toast-bg:var(--color-feedback-low-contrast-success-primary);--toast-fg:var(--color-feedback-high-contrast-success-primary);--toast-border:var(--color-feedback-low-contrast-success-secondary)}.toast--type-warning{--toast-bg:var(--color-feedback-low-contrast-warning-primary);--toast-fg:var(--color-feedback-high-contrast-warning-primary);--toast-border:var(--color-feedback-low-contrast-warning-secondary)}.toast--type-danger{--toast-bg:var(--color-feedback-low-contrast-danger-primary);--toast-fg:var(--color-feedback-high-contrast-danger-primary);--toast-border:var(--color-feedback-low-contrast-danger-secondary)}.toast--type-info{--toast-bg:var(--color-feedback-low-contrast-info-primary);--toast-fg:var(--color-feedback-high-contrast-info-primary);--toast-border:var(--color-feedback-low-contrast-info-secondary)}.toast--type-dark{--toast-bg:var(--color-background-main-inverse-secondary);--toast-fg:var(--color-content-main-inverse-primary);--toast-border:var(--color-background-main-inverse-secondary)}.toast--size-small{--toast-gap:var(--component-card-sm-gap);--toast-padding:var(--component-card-sm-padding);--toast-min-height:var(--component-card-sm-height);--toast-icon-size:calc(var(--spacing)*18)}.toast--size-large{--toast-gap:var(--component-card-lg-gap);--toast-padding:var(--component-card-lg-padding);--toast-min-height:var(--component-card-lg-height);--toast-icon-size:calc(var(--spacing)*24)}.toast--with-icon{--toast-grid-cols:auto 1fr;--toast-main-col:2;--toast-close-col:3}.toast--with-close{--toast-grid-cols:1fr auto}.toast--with-icon.toast--with-close{--toast-grid-cols:auto 1fr auto}.toast--layout-message{--toast-grid-rows:var(--toast-icon-size) auto}.toast__inner{align-items:center;-moz-column-gap:var(--toast-header-col-gap);column-gap:var(--toast-header-col-gap);display:grid;grid-template-columns:var(--toast-grid-cols);grid-template-rows:var(--toast-grid-rows);min-height:var(--toast-min-height);padding:var(--toast-padding);row-gap:calc(var(--spacing)*4)}.toast__icon{align-items:center;color:inherit;display:inline-flex;grid-column:1;grid-row:1;justify-content:center}.toast__content{align-self:start;gap:var(--toast-gap);grid-column:var(--toast-main-col);width:100%}.toast__content,.toast__text{display:flex;flex-direction:column;min-width:0}.toast__text{gap:calc(var(--spacing)*4)}.toast--layout-basic,.toast--layout-quick-action{--toast-header-col-gap:var(--component-card-md-gap)}.toast--size-small.toast--layout-basic,.toast--size-small.toast--layout-quick-action{--toast-header-col-gap:var(--component-card-sm-gap)}.toast--size-large.toast--layout-basic,.toast--size-large.toast--layout-quick-action{--toast-header-col-gap:var(--component-card-lg-gap)}.toast--layout-basic .toast__content,.toast--layout-quick-action .toast__content{align-items:center;align-self:center;flex-direction:row;grid-row:1}.toast__title{color:var(--toast-title-fg);flex:0 1 auto;font-size:var(--typography-body-tight-font-size-b3);font-weight:var(--typography-body-tight-weight-md);grid-column:var(--toast-main-col);grid-row:1;line-height:var(--typography-body-tight-line-height-b3);overflow-wrap:anywhere}.toast--size-small .toast__title{font-size:var(--typography-body-tight-font-size-b4);line-height:var(--typography-body-tight-line-height-b4)}.toast--size-large .toast__title{font-size:var(--typography-body-tight-font-size-b2);line-height:var(--typography-body-tight-line-height-b2)}.toast__description{color:var(--toast-desc-fg);font-size:var(--typography-body-font-size-b3);font-weight:var(--typography-body-weight-sm);line-height:var(--typography-body-line-height-b3);overflow-wrap:anywhere}.toast--layout-basic .toast__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast--layout-message .toast__description,.toast--layout-quick-action .toast__description{display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.toast--size-small .toast__description{font-size:var(--typography-body-font-size-b4);line-height:var(--typography-body-line-height-b4)}.toast--size-large .toast__description{font-size:var(--typography-body-font-size-b2);line-height:var(--typography-body-line-height-b2)}.toast__body{color:var(--toast-desc-fg);font-size:var(--typography-body-font-size-b3);line-height:var(--typography-body-line-height-b3)}.toast__actions{display:flex;flex-wrap:wrap;gap:var(--toast-action-gap);padding-top:calc(var(--spacing)*1)}.toast--layout-basic .toast__actions{margin-left:auto;padding-top:0}.toast--layout-quick-action .toast__actions{align-items:center;margin-left:auto;padding-top:0}.toast--layout-quick-action .toast__action{font-weight:var(--typography-body-weight-md)}.toast__action{flex:0 0 auto}.toast__close{color:var(--toast-fg);grid-column:var(--toast-close-col);grid-row:1;justify-self:end}.toast--size-small .toast__close{--action-button-v2-icon-size:var(--toast-icon-size);--action-button-v2-icon-width:var(--toast-icon-size);--action-button-v2-icon-height:var(--toast-icon-size)}.toast[data-state=open]{animation:toastSlideIn .2s cubic-bezier(.16,1,.3,1)}.toast[data-state=closed]{animation:toastHide .12s ease-in}.toast[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x),var(--reka-toast-swipe-move-y))}.toast[data-swipe=cancel]{transform:translate(0);transition:transform .15s ease-out}.toast[data-swipe=end]{animation:toastSwipeOut .1s ease-out}.toast[data-swipe-direction=right]{--ui-kit-toast-swipe-out-x:calc(100% + var(--ui-kit-toast-enter-distance));--ui-kit-toast-swipe-out-y:0px}.toast[data-swipe-direction=left]{--ui-kit-toast-swipe-out-x:calc(-100% - var(--ui-kit-toast-enter-distance));--ui-kit-toast-swipe-out-y:0px}.toast[data-swipe-direction=down]{--ui-kit-toast-swipe-out-x:0px;--ui-kit-toast-swipe-out-y:calc(100% + var(--ui-kit-toast-enter-distance))}.toast[data-swipe-direction=up]{--ui-kit-toast-swipe-out-x:0px;--ui-kit-toast-swipe-out-y:calc(-100% - var(--ui-kit-toast-enter-distance))}@keyframes toastSlideIn{0%{transform:translate(var(--ui-kit-toast-enter-x),var(--ui-kit-toast-enter-y))}to{transform:translate(0)}}@keyframes toastHide{0%{opacity:1}to{opacity:0}}@keyframes toastSwipeOut{0%{transform:translate(var(--reka-toast-swipe-end-x),var(--reka-toast-swipe-end-y))}to{transform:translate(var(--ui-kit-toast-swipe-out-x),var(--ui-kit-toast-swipe-out-y))}}}