/*!
 * 
 *         ============= BUILD INFO =============
 *         MFE: Phoenix-archetype
 *         chunkName: component-clientlibs/formFieldPin/formFieldPin.v1/formFieldPin
 *         VERSION: cb4319f
 *         BRANCH: HEAD
 *         COMMITHASH: cb4319fd3344d1b4a219a2a8405f1251cbf24c08
 *         LASTCOMMITDATETIME: 2025-07-11T07:20:12-05:00
 *         ============= If you're reading this, why not come work with us? https://www.t-mobile.com/careers =============
 */.xpr-formFieldPin__label{clip:rect(1px,1px,1px,1px);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes skeletonLoaderShimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.xpr-formFieldPin{--tkn--fpin-input-font-size-sm:23px;--tkn--fpin-input-font-size-md:30px;--tkn--fpin-input-font-size-lg:30px;--tkn--fpin-input-color-text-default:var(--tdds-color-brand-grayscale-1000);--tkn--fpin-input-color-text-inverse:var(--tdds-color-brand-grayscale-100);--tkn--fpin-dash-color-base-default:var(--tdds-color-brand-grayscale-800);--tkn--fpin-dash-color-base-inverse:var(--tdds-color-brand-grayscale-200);--tkn--fpin-dash-color-active-default:var(--tdds-color-brand-primary-400);--tkn--fpin-dash-color-active-inverse:var(--tdds-color-brand-primary-300);--fpin--input-font-size:var(--tkn--fpin-input-font-size-sm);--fpin--input-width:25.5ch;--fpin--input-color-text:var(--tkn--fpin-input-color-text-default);--fpin--input-color-fill:transparent;--fpin--dash-base-color:var(--tkn--fpin-dash-color-base-default);--fpin--dash-active-color:var(--tkn--fpin-dash-color-active-default)}.xpr-formFieldPin[data-inverse],[data-inverse] .xpr-formFieldPin{--fpin--input-color-text:var(--tkn--fpin-input-color-text-inverse);--fpin--dash-base-color:var(--tkn--fpin-dash-color-base-inverse);--fpin--dash-active-color:var(--tkn--fpin-dash-color-active-inverse)}@media(min-width:600px){.xpr-formFieldPin{--fpin--input-font-size:var(--tkn--fpin-input-font-size-md)}}@media(min-width:1024px){.xpr-formFieldPin{--fpin--input-font-size:var(--tkn--fpin-input-font-size-lg)}}.xpr-formFieldPin__track{--dash--position:0;--dash--opacity:0;--dash--height:2px;--dash--width-number:3;--dash--width-regular:3ch;--dash--width-offset:4ch;font-size:var(--fpin--input-font-size);position:relative}.xpr-formFieldPin__track:focus-within{--dash--opacity:1}.xpr-formFieldPin__track:after,.xpr-formFieldPin__track:before{bottom:0;content:"";display:block;height:var(--dash--height);position:absolute}.xpr-formFieldPin__track:before{background:repeating-linear-gradient(to right,var(--fpin--dash-base-color) 0 var(--dash--width-regular),transparent 0 var(--dash--width-offset)) bottom/100% var(--dash--height) border-box no-repeat;left:0;width:23ch}.xpr-formFieldPin__track:after{--dash--offset-item:calc(var(--dash--position, 0)*var(--dash--width-number));--dash--offset-augmented:calc(var(--dash--offset-item) + var(--dash--position, 0));background-color:var(--fpin--dash-active-color);left:calc((var(--dash--offset-augmented))*1ch);opacity:var(--dash--opacity);width:var(--dash--width-regular)}.xpr-formFieldPin__input{background:var(--fpin--input-color-fill);border:0;color:var(--fpin--input-color-text);font-family:monospace;font-size:inherit;letter-spacing:var(--dash--width-regular);outline:none;padding:0 0 10px;text-indent:1ch;width:var(--fpin--input-width)}