:root {
    --p-colorPrimaryAlpha50: hsla(210, 96%, 45%, 50%);
    --p-colorBackgroundDisabled: #f2f2f2;
    --p-colorBackgroundDisabledDeemphasize05: #e6e6e6;
    --colorTextPlaceholder: #77787e;
    --colorDanger: #df1b41;


    --fontSizeSm: 16px;
    --fontWeightNormal: 400;
    --borderRadius: 5px;
    --p-spacing1: 5px;
    --p-spacing3: 15px;
    --focusOutline: 0;

    --p-colorPrimaryAlpha20: hsla(210, 96%, 45%, 25%);
    --p-colorBackgroundContrastAlpha08: rgba(0, 0, 0, 0.08);
    --focusBoxShadow: 0 0 0 3px var(--p-colorPrimaryAlpha20), 0 1px 1px 0 var(--p-colorBackgroundContrastAlpha08);
    }
        
    .p-Input{
        margin-bottom: 15px;
    }

  .piec{
      margin-bottom: 10px;
  }
  
  .Input{
    margin-top:5px;
    font-size: var(--fontSizeSm);
    display: inline-block;
    width: 100%;
    padding: var(--p-spacing3);
    background-color: white;
    border-radius: var(--borderRadius);
    transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
  }
  
  .Input--invalid {
    color: var(--colorDanger);
    border-color: var(--colorDanger);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px var(--colorDanger);
  }
  
  .Input::placeholder, .p-Input--placeholder {
    color: var(--colorTextPlaceholder);
  }
  
  .Input:disabled {
    background-color: var(--p-colorBackgroundDisabled);
    color: var(--colorTextPlaceholder);
    border-color: var(--p-colorBackgroundDisabledDeemphasize05);
    box-shadow: none;
  }
    
  .Label {
    color: #313131;
    margin-bottom: var(--p-spacing1);
    font-size: 15px;
    font-weight: 400;
    text-shadow: 0px 0px 1px grey
  }
  
  
  
  #ind{
    margin-bottom:20px
  }
  
  .Input:focus, .p-Input--focused {
    outline: var(--focusOutline);
    border-color: var(--p-colorPrimaryAlpha50);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), var(--focusBoxShadow);
  }

  
  .Input:-webkit-autofill:not(.p-Input--delayAutofillStyles) {
    -webkit-text-fill-color: rgb(48, 49, 61);
    box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 1px 0px, rgba(0, 0, 0, 0.02) 0px 3px 6px 0px,0 0 0 100px rgb(255, 255, 255) inset !important;
    transition: none !important;
  }
  
  .Input:-webkit-autofill:hover:not(.p-Input--delayAutofillStyles) {
    -webkit-text-fill-color: rgb(48, 49, 61);
    box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 1px 0px, rgba(0, 0, 0, 0.02) 0px 3px 6px 0px,0 0 0 100px rgb(255, 255, 255) inset !important;
  }
  
  .Input:-webkit-autofill:focus:not(.p-Input--delayAutofillStyles) {
    -webkit-text-fill-color: rgb(48, 49, 61);
    box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 1px 0px, rgba(0, 0, 0, 0.02) 0px 3px 6px 0px, rgba(5, 115, 225, 0.25) 0px 0px 0px 3px, rgba(0, 0, 0, 0.08) 0px 1px 1px 0px,0 0 0 100px rgb(255, 255, 255) inset !important;
  }
