/*!
 * 
 *         ============= BUILD INFO =============
 *         MFE: Phoenix-experience
 *         chunkName: component-clientlibs/snackbar.v1/snackbar
 *         VERSION: rc-phoenix-experience-1.1.23089.1282075107-f4765501-2-g6b5b8e0
 *         BRANCH: HEAD
 *         COMMITHASH: 6b5b8e0f1db56e73e75f45910d7cd37d764df554
 *         LASTCOMMITDATETIME: 2024-05-07T21:04:16+00:00
 *         ============= If you're reading this, why not come work with us? https://www.t-mobile.com/careers =============
 */.tdds-snackbar{--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-900);--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-background-brand:var(--tdds-color-brand-primary-300);--tdds-color-fill-onDark-background-quaternary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-background-tertiary:var(--tdds-color-brand-grayscale-800);--tdds-color-fill-onDark-background-secondary:var(--tdds-color-brand-grayscale-900);--tdds-color-fill-onDark-background-primary:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onLight-background-brand:var(--tdds-color-brand-primary-400);--tdds-color-fill-onLight-background-quaternary:var(--tdds-color-brand-grayscale-900);--tdds-color-fill-onLight-background-tertiary:var(--tdds-color-brand-grayscale-300);--tdds-color-fill-onLight-background-secondary:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-background-primary:var(--tdds-color-brand-grayscale-100);--tdds-color-text-onDark-highContrast-tertiary:var(--tdds-color-brand-grayscale-900);--tdds-color-text-onDark-highContrast-secondary:var(--tdds-color-brand-grayscale-400);--tdds-color-text-onDark-highContrast-primary:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-highContrast-tertiary:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-highContrast-secondary:var(--tdds-color-brand-grayscale-700);--tdds-color-text-onLight-highContrast-primary:var(--tdds-color-brand-grayscale-900);--snackbar-button-size:48px;--snackbar-icon-size:24px;--snackbar-button-position:-12px;--boxShadow:var(--tdds-elevation-onLight-shadow-far);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-highContrast-tertiary);display:flex;font:var(--tdds-typeset-body-md-normal);left:var(--tdds-spacing-size-20);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:36px}.tdds-snackbar--fade-out{animation:fadeOut 1s ease-out forwards}.tdds-snackbar--animate-down{animation:fadeInDown .75s ease-in-out forwards;top:36px}.tdds-snackbar--animate-up{animation:fadeInUp .75s ease-in-out forwards;bottom:100px}.tdds-snackbar--visible{visibility:visible}.tdds-snackbar__label{flex-basis:100%}.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{align-items:center;display:flex;height:100%;justify-content:center;margin-left:auto;position:relative;right:var(--snackbar-button-position)}.tdds-snackbar__close button{background-color:transparent;border:none;cursor:pointer;height:var(--snackbar-button-size);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-highContrast-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(20%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{transform:translateY(100%)}90%{transform:translateY(-20%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (min-width:768px){.tdds-snackbar{left:50vw;max-width:335px;right:auto}.tdds-snackbar--fade-out,.tdds-snackbar--visible{transform:translate(-50%)}.tdds-snackbar__close{margin-left:10px}@keyframes fadeInDown{0%{transform:translate(-50%,-100%)}90%{transform:translate(-50%,20%)}to{transform:translate(-50%)}}@keyframes fadeInUp{0%{transform:translate(-50%,100%)}90%{transform:translate(-50%,-20%)}to{transform:translate(-50%)}}}@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)}