/*!
 * 
 *         ============= BUILD INFO =============
 *         MFE: Phoenix-upper-funnel
 *         chunkName: component-clientlibs/productColorSwatch.v1/productColorSwatch
 *         VERSION: release-phoenix-upper-funnel-1.1.51192.1797858381-557fbb37-5-gd2220be26
 *         BRANCH: release/fix-upper-funnel-05-07
 *         COMMITHASH: d2220be265b78e34f6a104b2b8847e5cad948bbd
 *         LASTCOMMITDATETIME: 2025-05-06T04:37:49+00:00
 *         ============= If you're reading this, why not come work with us? https://www.t-mobile.com/careers =============
 */@keyframes skeletonLoaderShimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.upf-productCard__colors{--upf--productColorSwatch--bg:none;--upf--productColorSwatch--size:1.6rem;--upf--productColorSwatch--gap:4px;--upf--productColorSwatch--radius:50%;align-items:var(--upf--productColorSwatch--content-align);display:flex;justify-content:var(--upf--productColorSwatch--col-justify);list-style-type:none}.upf-productCard__colors--item{border:.05rem solid var(--tdds-color-brand-grayscale-500);border-radius:var(--upf--productColorSwatch--radius);display:block;height:var(--upf--productColorSwatch--size);margin:0 var(--upf--productColorSwatch--gap);width:var(--upf--productColorSwatch--size)}.upf-productCard__colors--count{display:flex;font:var(--tdds-typeset-body-sm-normal);margin-left:var(--tdds-spacing-size-4);vertical-align:middle}