@layer components {[pi-snackbar-container]{position:fixed;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:var(--pi-size-spacing-4)}@media screen and (min-width: 684px){[pi-snackbar-container]{top:var(--pi-snackbar-top, 56px);right:var(--pi-snackbar-right, 24px);bottom:unset;left:unset;align-items:flex-end;max-width:90%}}@media screen and (max-width: 683px){[pi-snackbar-container]{top:unset;bottom:var(--pi-snackbar-bottom, 56px);left:var(--pi-size-spacing-12);right:var(--pi-size-spacing-12);align-items:stretch}}[pi-snackbar]{--pi-snackbar-line-height: var(--pi-size-font-paragraph-14-line);--pi-snackbar-max-width: 480px;--pi-snackbar-bg-color: rgba(33, 33, 33, var(--pi-opacity-80));--pi-snackbar-text-color: var(--pi-color-white);--pi-snackbar-border-radius: var(--pi-snackbar-border-radius-override, var(--pi-size-border-radius-8));--pi-snackbar-backdrop-filter: var(--pi-filter-blur-50);--pi-snackbar-shadow: var(--pi-shadow-50), var(--pi-shadow-100);--pi-snackbar-link-color: var(--pi-snackbar-link-color-override, var(--pi-color-accent-1-300));position:relative;top:0;left:0;display:flex;flex-direction:column;gap:var(--pi-size-spacing-4);box-sizing:border-box;width:max-content;max-width:var(--pi-snackbar-max-width);padding:var(--pi-size-spacing-8) var(--pi-size-spacing-8) var(--pi-size-spacing-8) var(--pi-size-spacing-16);background-color:var(--pi-snackbar-bg-color);backdrop-filter:var(--pi-snackbar-backdrop-filter);border-radius:var(--pi-snackbar-border-radius);box-shadow:var(--pi-snackbar-shadow);color:var(--pi-snackbar-text-color);transition:top .6s ease-out,left .6s ease-out,height .72s linear;overflow:auto;pointer-events:auto}[pi-snackbar][pi-state=close]{opacity:0;transform:translateY(100px);pointer-events:none}@media screen and (min-width: 684px){[pi-snackbar][pi-state=close]{transform:translateX(100px)}}[pi-snackbar][pi-state=open]{opacity:1;transform:translateY(0);animation:fadeInBottom .72s ease-in-out}@media screen and (min-width: 684px){[pi-snackbar][pi-state=open]{transform:translateX(0);animation:fadeInRight .72s ease-in-out}}[pi-snackbar][pi-state=closing]{opacity:0;animation:fadeOutBottom .6s ease-out}@media screen and (min-width: 684px){[pi-snackbar][pi-state=closing]{animation:fadeOutRight .6s ease-out}}[pi-snackbar][pi-controls-align=bottom] [pi-snackbar-main]{padding-bottom:0}[pi-snackbar] a{color:var(--pi-snackbar-link-color);text-decoration:underline}[pi-snackbar] a:hover{text-decoration:none}[pi-snackbar-content]{width:100%;display:flex;flex-direction:column;gap:var(--pi-size-spacing-4)}[pi-snackbar-main]{width:100%;display:flex;gap:var(--pi-size-spacing-8);justify-content:space-between;align-items:flex-start}[pi-snackbar][pi-controls-align=right] [pi-snackbar-main]{align-items:flex-start}[pi-snackbar-icon]{height:var(--pi-snackbar-line-height);display:flex;align-items:center;flex-shrink:0;margin:var(--pi-size-spacing-8) 0}[pi-snackbar-icon] [pi-icon]{--pi-icon-size: 20px}[pi-snackbar-message]{flex:1;font:normal var(--pi-font-weight-medium) var(--pi-size-font-paragraph-14-text)/var(--pi-snackbar-line-height) var(--pi-font-family);letter-spacing:var(--pi-size-font-paragraph-14-spacing);color:var(--pi-snackbar-text-color);word-wrap:break-word;padding:var(--pi-size-spacing-8) var(--pi-size-spacing-8) var(--pi-size-spacing-8) 0}[pi-snackbar-controls]{display:flex;gap:var(--pi-size-spacing-8);align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap}[pi-snackbar][pi-controls-align=bottom] [pi-snackbar-controls]{width:100%;justify-content:flex-end}[pi-snackbar][pi-controls-align=right] [pi-snackbar-controls]{flex-direction:row;flex-shrink:0;margin-left:var(--pi-size-spacing-8)}[pi-snackbar-actions]{display:flex;gap:var(--pi-size-spacing-8)}[pi-snackbar][pi-controls-align=bottom] [pi-snackbar-actions],[pi-snackbar][pi-controls-align=right] [pi-snackbar-actions]{flex-direction:row}[pi-snackbar-actions] *[pi-button][pi-color=accent-1]{--pi-button-color-override: var(--pi-snackbar-link-color)}[pi-snackbar-close]{flex-shrink:0;margin-left:var(--pi-size-spacing-8)}[pi-snackbar-close] [pi-icon]{--pi-icon-size: 16px;color:var(--pi-snackbar-text-color);opacity:var(--pi-opacity-64);transition:opacity .2s ease}[pi-snackbar-close]:hover [pi-icon]{opacity:1}[pi-snackbar-close]:focus [pi-icon]{opacity:1}@keyframes fadeInRight{0%{opacity:0;height:0;transform:translateX(1000px)}20%{height:initial}80%{opacity:1;transform:translateX(-16px)}100%{transform:translateX(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}80%{opacity:0;transform:translateX(1000px)}100%{height:0}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(500px)}60%{opacity:1;transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(500px)}100%{height:0}}@media screen and (max-width: 683px){[pi-snackbar]{width:100%;max-width:none;margin:0}}@media(prefers-reduced-motion: reduce){[pi-snackbar]{animation-duration:.1s !important;transition-duration:.1s !important}[pi-snackbar][pi-state=open]{animation:none;opacity:1;transform:none}[pi-snackbar][pi-state=closing]{animation:none;opacity:0}}}