:root{--c-InputPhone-color-background:var(--c-Token-color-0);--c-InputPhone-color-textDisabled:var(--c-Token-color-grey-400);--c-InputPhone-color-borderDefault:var(--c-Token-color-grey-400);--c-InputPhone-color-borderHover:var(--c-Token-color-grey-600);--c-InputPhone-color-borderSelected:var(--c-Token-color-1000);--c-InputPhone-color-borderDisabled:var(--c-Token-color-grey-200)}.c-InputPhone{position:relative}.c-InputPhone.is-invalid{--c-InputPhone-color-background:var(--c-Token-color-red-100);--c-InputPhone-color-borderDefault:var(--c-Token-color-red-400)}.c-InputPhone .c-InputPhone-wrapper{display:flex;flex-direction:column;justify-content:center}@media (pointer:coarse){.c-InputPhone .c-InputPhone-wrapper{min-block-size:44px}}.c-InputPhone .c-InputPhone-label{margin-block-end:var(--c-Token-space-25)}.c-InputPhone .c-InputPhone-inputWrapper{display:flex;gap:var(--c-Token-space-50)}.c-InputPhone .c-InputPhone-input{align-items:center;appearance:none;background-color:var(--c-InputPhone-color-background);border:none;border-radius:4px;box-shadow:inset 0 0 0 1px var(--c-InputPhone-color-borderDefault);display:flex;font-size:var(--c-Token-fontSize-75);font-weight:600;inline-size:100%;justify-content:center;line-height:var(--c-Token-lineHeight-75);margin:0;outline:none;padding-block:var(--c-Token-space-50);padding-inline:var(--c-Token-space-75) var(--c-Token-space-50)}:is(.c-InputPhone .c-InputPhone-input):hover{box-shadow:inset 0 0 0 1px var(--c-InputPhone-color-borderHover)}:is(.c-InputPhone .c-InputPhone-input):active,:is(.c-InputPhone .c-InputPhone-input):focus-visible{box-shadow:inset 0 0 0 1px var(--c-InputPhone-color-borderSelected);cursor:default}:is(.c-InputPhone .c-InputPhone-input):disabled{box-shadow:inset 0 0 0 1px var(--c-InputPhone-color-borderDisabled);color:var(--c-InputPhone-color-textDisabled);cursor:default;pointer-events:none}.c-InputPhone .c-InputPhone-error,.c-InputPhone .c-InputPhone-helpText{margin-block-start:var(--c-Token-space-25)}.c-InputPhone--size-l .c-InputPhone-input{font-size:var(--c-Token-fontSize-100);font-weight:600;line-height:var(--c-Token-lineHeight-100);padding-block:var(--c-Token-space-75);padding-inline:var(--c-Token-space-100) var(--c-Token-space-75)}.c-InputPhone--size-m .c-InputPhone-input{font-size:var(--c-Token-fontSize-75);font-weight:600;line-height:var(--c-Token-lineHeight-75);padding-block:var(--c-Token-space-50);padding-inline:var(--c-Token-space-75) var(--c-Token-space-50)}.c-InputPhone--size-s .c-InputPhone-input{font-size:var(--c-Token-fontSize-50);font-weight:600;line-height:var(--c-Token-lineHeight-50);padding-block:var(--c-Token-space-25);padding-inline:var(--c-Token-space-50)}