@layer m3-components{.m3-snackbar-host{z-index:var(--md-sys-z-snackbar);inset-inline:0;bottom:calc(var(--m3-snackbar-bottom,0px) + var(--md-sys-space-6) + env(safe-area-inset-bottom,0px));pointer-events:none;padding-inline:max(var(--md-sys-space-4),env(safe-area-inset-left,0px));justify-content:center;display:flex;position:fixed}.m3-snackbar-stack{flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.m3-snack-row{grid-template-rows:1fr;justify-items:center;width:100%;display:grid}.m3-snack-clip{width:100%;min-height:0;padding-top:var(--md-sys-space-1);justify-content:center;display:flex}.m3-snack-row:first-child .m3-snack-clip{padding-top:0}.m3-snackbar{pointer-events:auto;align-items:center;gap:var(--md-sys-space-2);width:fit-content;max-width:100%;min-height:calc(var(--md-sys-size-btn-s) + var(--md-sys-space-2));padding:var(--md-sys-space-1) var(--md-sys-space-2) var(--md-sys-space-1) var(--md-sys-space-4);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-3);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:translate var(--md-sys-motion-t-small),opacity var(--md-sys-motion-t-fx-small);display:flex}.m3-snackbar[data-dragging]{cursor:grabbing}.m3-snackbar__text{min-width:0;padding-block:var(--md-sys-space-2);overflow-wrap:anywhere;flex:1}.m3-snackbar__action,.m3-snackbar__close{height:var(--md-sys-size-btn-s);border-radius:var(--md-sys-shape-corner-full);background:0 0;border:0;flex:none;place-items:center;margin:0;display:inline-grid}.m3-snackbar__action{--m3-sl:var(--md-sys-color-inverse-primary);padding-inline:var(--md-sys-space-3);color:var(--md-sys-color-inverse-primary)}.m3-snackbar__close{--m3-sl:var(--md-sys-color-inverse-on-surface);width:var(--md-sys-size-btn-s);color:var(--md-sys-color-inverse-on-surface)}.m3-snackbar :focus-visible{outline-color:var(--md-sys-color-inverse-primary);outline-offset:0}.m3-snack-enter-active{transition:grid-template-rows var(--md-sys-motion-t-medium)}.m3-snack-enter-active .m3-snackbar{transition:opacity var(--md-sys-motion-t-fx-medium),translate var(--md-sys-motion-t-medium-in),scale var(--md-sys-motion-t-medium-in)}.m3-snack-enter-from,.m3-snack-leave-to{grid-template-rows:0fr}.m3-snack-enter-from .m3-snackbar{opacity:0;translate:0 calc(var(--md-sys-motion-travel) * 16px);scale:calc(1 - .04 * var(--md-sys-motion-travel))}.m3-snack-leave-active{transition:grid-template-rows var(--md-sys-motion-t-small-out)}.m3-snack-leave-active .m3-snackbar{transition:opacity var(--md-sys-motion-dur-small-out) var(--md-sys-motion-exit),translate var(--md-sys-motion-t-small-out)}.m3-snack-leave-to .m3-snackbar{opacity:0!important;translate:calc(var(--_dir) * 110%) calc((1 - var(--_dir) * var(--_dir)) * var(--md-sys-motion-travel) * 8px)!important}.m3-snack-enter-active .m3-snack-clip,.m3-snack-leave-active .m3-snack-clip{overflow-clip-margin:24px;overflow:clip}.m3-snack-move{transition:transform var(--md-sys-motion-t-medium)}@media (width<=599px){.m3-snackbar{width:100%}.m3-snack-clip{padding-top:var(--md-sys-space-2)}}@media (forced-colors:active){.m3-snackbar{border:var(--md-sys-border-thin) solid CanvasText}}}