@layer block{@scope(snack-bar){:scope{--_bg-from: var(--md-color-snack-info-from);--_bg-to: var(--md-color-snack-info-to);--_action-bg-hover: var( --snack-bar-action-hover, oklch(100% 0 0deg / 18%) );--_inset-end: calc( var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px) + var(--bottom-banner-height, 0px) + var(--space-s) )}.snack-stack{pointer-events:none;position:fixed;inset-block-end:var(--_inset-end);inset-inline:0;display:flex;flex-direction:column-reverse;gap:var(--space-3xs);align-items:center}.snack-item{pointer-events:auto;inset-block:auto var(--_inset-end);inset-inline:0;transform:translateY(1rem);display:flex;gap:var(--space-2xs);align-items:center;inline-size:min(100% - 2 * var(--space-s),40rem);margin-inline:auto;padding-block:var(--space-2xs);padding-inline:var(--space-s);border:none;border-radius:var(--md-shape-extra-small);font-family:var(--snack-bar-font-family, var(--font-display));font-weight:var(--snack-bar-font-weight, 600);color:var(--snack-bar-on-container, var(--color-white));opacity:0;background:var( --snack-bar-container, linear-gradient(to right, var(--_bg-from), var(--_bg-to)) );box-shadow:var(--snack-bar-shadow, var(--shadow-card-glow));transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate),opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard),display var(--md-sys-motion-duration-medium2) allow-discrete,overlay var(--md-sys-motion-duration-medium2) allow-discrete;&:popover-open{transform:translateY(0);opacity:1;@starting-style{transform:translateY(1rem);opacity:0}}}.snack-item[data-severity=warning]{--_bg-from: var(--md-color-snack-warning);--_bg-to: var(--md-color-snack-warning)}.snack-item[data-severity=error]{--_bg-from: var(--md-color-snack-error-from);--_bg-to: var(--md-color-snack-error-to)}.snack-icon{flex-shrink:0;inline-size:1.25rem;block-size:1.25rem}.snack-action-btn{--button-min-size: 2.25rem;--button-padding-block: var(--space-3xs);--button-padding-inline: var(--space-s);--button-font-size: var(--step--1);flex-shrink:0;margin-inline-start:auto}.snack-message{flex:1}.snack-close-btn{cursor:pointer;display:inline-grid;flex-shrink:0;place-items:center;inline-size:48px;block-size:48px;margin-inline-end:calc(-1 * var(--space-2xs));padding:0;border:none;border-radius:var(--md-shape-full);color:inherit;background:transparent;& svg{inline-size:24px;block-size:24px;fill:currentcolor}&:hover{background:var(--_action-bg-hover)}}@media(prefers-reduced-motion:no-preference){.snack-action-btn[data-attention]{animation:snack-action-glow 1.2s ease-in-out 3}}@keyframes snack-action-glow{0%,to{box-shadow:0 0 color-mix(in oklch,var(--color-white) 0%,transparent)}50%{box-shadow:0 0 14px 2px color-mix(in oklch,var(--color-white) 55%,transparent)}}@media(prefers-reduced-motion:reduce){.snack-item{transition:none}}}}