/*!
 * 
 *         ============= BUILD INFO =============
 *         MFE: Phoenix-experience
 *         chunkName: component-clientlibs/snackbar/snackbar.v1/snackbar
 *         VERSION: 6fcfad7
 *         BRANCH: HEAD
 *         COMMITHASH: 6fcfad7d266e74bdc71a87dee4c9c24960e6a23e
 *         LASTCOMMITDATETIME: 2025-06-19T14:23:21-06:00
 *         ============= If you're reading this, why not come work with us? https://www.t-mobile.com/careers =============
 */.tdds-snackbar{--tdds-color-fill-onLight-snackbar-icon-success:var(--tdds-color-brand-status-positive-200);--tdds-color-fill-onLight-snackbar-icon-primary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-snackbar-icon-success:var(--tdds-color-brand-status-positive-300);--tdds-color-fill-onDark-snackbar-icon-primary:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onLight-background-secondary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-background-primary:var(--tdds-color-brand-grayscale-white);--tdds-color-fill-onLight-background-brand:var(--tdds-color-brand-primary-400);--tdds-color-fill-onDark-background-secondary:var(--tdds-color-brand-grayscale-800);--tdds-color-fill-onDark-background-primary:var(--tdds-color-brand-grayscale-black);--tdds-color-fill-onDark-background-brand:var(--tdds-color-brand-primary-300);--tdds-color-text-onLight-general-tertiary:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-general-secondary:var(--tdds-color-brand-grayscale-700);--tdds-color-text-onLight-general-primary:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onLight-general-brand:var(--tdds-color-brand-primary-400);--tdds-color-text-onDark-general-brand:var(--tdds-color-brand-primary-300);--tdds-color-text-onDark-general-tertiary:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-general-secondary:var(--tdds-color-brand-grayscale-400);--tdds-color-text-onDark-general-primary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-general-icon-brand:var(--tdds-color-brand-primary-400);--tdds-color-fill-onLight-general-icon-tertiary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-general-icon-secondary:var(--tdds-color-brand-grayscale-700);--tdds-color-fill-onLight-general-icon-primary:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-general-icon-brand:var(--tdds-color-brand-primary-300);--tdds-color-fill-onDark-general-icon-tertiary:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-general-icon-secondary:var(--tdds-color-brand-grayscale-400);--tdds-color-fill-onDark-general-icon-primary:var(--tdds-color-brand-grayscale-200);--snackbar-button-size:48px;--snackbar-icon-size:24px;--snackbar-button-position:-12px;--boxShadow:var(--tdds-elevation-onLight-shadow-far);--topOffset:36px;align-items:center;background-color:var(--tdds-color-fill-onLight-background-quaternary);border-radius:var(--tdds-border-radius-size-4);box-shadow:var(--boxShadow);box-sizing:border-box;color:var(--tdds-color-text-onLight-general-tertiary);display:flex;font:var(--tdds-typeset-body-md-normal);left:var(--tdds-spacing-size-20);margin-inline:auto;max-width:335px;min-height:48px;padding:var(--tdds-spacing-size-12);position:fixed;right:var(--tdds-spacing-size-20);visibility:hidden;z-index:99}.tdds-snackbar--position-bottom{bottom:100px}.tdds-snackbar--position-top{top:var(--topOffset)}.tdds-snackbar--fade-out{animation:fadeOut 1s ease-out forwards}.tdds-snackbar--animate-down{animation:fadeInDown .75s ease-in-out forwards;top:var(--topOffset)}.tdds-snackbar--animate-up{animation:fadeInUp .75s ease-in-out forwards;bottom:100px}.tdds-snackbar--visible{visibility:visible}.tdds-snackbar__label{flex-basis:100%;word-break:break-word}.tdds-snackbar__label+.tdds-snackbar__close{margin-left:var(--tdds-spacing-size-8)}.tdds-snackbar__decoration{height:var(--snackbar-icon-size);margin-inline-end:var(--tdds-spacing-size-8);width:var(--snackbar-icon-size)}.tdds-snackbar__decoration svg{fill:var(--tdds-color-fill-onLight-snackbar-icon-success)}.tdds-snackbar__close{height:100%;margin-left:auto;position:relative;right:var(--snackbar-button-position)}.tdds-snackbar__close button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:var(--snackbar-button-size);justify-content:center;margin-block:var(--snackbar-button-position);outline-offset:0;width:var(--snackbar-button-size)}.tdds-snackbar__close svg{fill:var(--tdds-color-fill-onLight-snackbar-icon-primary)}.tdds-snackbar:not([data-inverse=false])[data-inverse],[data-inverse]:not([data-inverse=false]) .tdds-snackbar:not([data-inverse=false]){--boxShadow:var(--tdds-elevation-onDark-shadow-far);background-color:var(--tdds-color-fill-onDark-background-quaternary);color:var(--tdds-color-text-onDark-general-tertiary)}.tdds-snackbar:not([data-inverse=false])[data-inverse] .tdds-snackbar__decoration svg,[data-inverse]:not([data-inverse=false]) .tdds-snackbar:not([data-inverse=false]) .tdds-snackbar__decoration svg{fill:var(--tdds-color-fill-onDark-snackbar-icon-success)}.tdds-snackbar:not([data-inverse=false])[data-inverse] .tdds-snackbar__close svg,[data-inverse]:not([data-inverse=false]) .tdds-snackbar:not([data-inverse=false]) .tdds-snackbar__close svg{fill:var(--tdds-color-fill-onDark-snackbar-icon-primary)}@keyframes fadeInDown{0%{transform:translateY(-100%)}90%{transform:translateY(10%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{transform:translateY(100%)}90%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (min-width:768px){.tdds-snackbar{width:fit-content}.tdds-snackbar__close{margin-left:10px}}@keyframes skeletonLoaderShimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.tdds-snackbar--animate-down{top:calc(var(--js--header-height-overall, 0px) + 36px)}