@layer components{.md3-snackbar-viewport{z-index:var(--md-ref-z-index-notification);pointer-events:none;padding:8px;position:fixed;inset:auto 0 0}.md3-snackbar-root{box-sizing:border-box;border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-inverse-surface);width:calc(100% - 16px);max-width:672px;box-shadow:var(--md-sys-elevation-level3);pointer-events:auto;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);align-items:center;gap:8px;margin-inline:auto;padding-inline:16px 8px;display:flex;position:absolute;inset-block-end:8px;inset-inline:0}@media (min-width:600px){.md3-snackbar-root{width:fit-content(672px);min-width:344px;margin-inline:8px auto}}.md3-snackbar-root[data-starting-style],.md3-snackbar-root[data-ending-style]{opacity:0;transform:translateY(16px)}.md3-snackbar-root[data-limited]{opacity:0;pointer-events:none}.md3-snackbar-text{-webkit-line-clamp:2;line-clamp:2;min-width:0;color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);font-weight:var(--md-sys-typescale-body-medium-weight);letter-spacing:var(--md-sys-typescale-body-medium-tracking);-webkit-box-orient:vertical;flex:auto;margin:0;padding-block:14px;display:-webkit-box;overflow:hidden}.md3-snackbar-action{box-sizing:border-box;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;color:var(--md-sys-color-inverse-primary);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);background:0 0;border:none;flex-shrink:0;padding:8px 12px;position:relative}.md3-snackbar-action:before{content:"";border-radius:inherit;opacity:0;background:currentColor;transition:opacity 15ms linear;position:absolute;inset:0}.md3-snackbar-action:hover:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md3-snackbar-action:focus-visible:before{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md3-snackbar-action:active:before{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md3-snackbar-action:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md3-snackbar-close{box-sizing:border-box;isolation:isolate;cursor:pointer;block-size:24px;inline-size:24px;color:var(--md-sys-color-inverse-on-surface);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.md3-snackbar-close:after{content:"";width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md3-snackbar-close:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md3-snackbar-closeStateLayer{z-index:-1;border-radius:50%;position:absolute;inset:-12px;overflow:hidden}.md3-snackbar-closeStateLayer:before{content:"";opacity:0;background:currentColor;transition:opacity 15ms linear;position:absolute;inset:0}.md3-snackbar-close:hover .md3-snackbar-closeStateLayer:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md3-snackbar-close:focus-visible .md3-snackbar-closeStateLayer:before{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md3-snackbar-close:active .md3-snackbar-closeStateLayer:before{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md3-snackbar-closeIcon{justify-content:center;align-items:center;block-size:24px;inline-size:24px;font-size:20px;line-height:1;display:inline-flex}.md3-snackbar-closeIcon>*{block-size:100%;inline-size:100%}}