.prop-input{position:relative;display:flex;flex-direction:column;font-family:var(--Text-styles-Font-body-L-font-family, "Inter")}.prop-input .prop-input-container{display:flex;align-items:center;height:var(--input-primary-l-height, 56px);padding:var(--spacing-none, 0px) var(--input-primary-l-padding-right, 16px) var(--spacing-none, 0px) var(--input-primary-l-padding-left, 16px);gap:var(--input-primary-l-spacing, 8px);border-radius:var(--input-primary-l-corner-radius, 12px);border:var(--input-primary-l-border-width, 2px) solid var(--input-primary-border-color-default, #F1F1F1);background:var(--input-primary-bg-color-default, #FFF);position:relative;z-index:10;transition:all .3s}.prop-input .prop-input-container input{height:100%;width:100%;border:none!important;position:relative;background-color:#0000;color:var(--input-primary-value-color-default, #00143E);font-size:var(--Text-styles-Font-body-M-font-size, 16px);font-weight:var(--Text-styles-Font-body-M-font-weight, 400);line-height:var(--Text-styles-Font-body-M-line-height, 24px);padding:0}.prop-input .prop-input-container input:focus{outline:none;border:none!important}.prop-input .prop-input-container input::placeholder{transition:all .3s;color:var(--input-primary-placeholder-color-default, #808A9F)}.prop-input .prop-input-container.with-label input{padding-top:var(--spacing-4x, 16px)}.prop-input .prop-input-container.with-label input::placeholder{opacity:0}.prop-input .prop-input-container.blank-placeholder input::placeholder{opacity:0!important}.prop-input .prop-input-container label{color:var(--input-primary-label-color-default, #808A9F);position:absolute;font-size:var(--Text-styles-Font-body-M-font-size, 16px);font-weight:var(--Text-styles-Font-body-M-font-weight, 400);line-height:var(--Text-styles-Font-body-M-line-height, 24px);top:50%;transform:translateY(-50%);margin-top:0;z-index:-1;transition:all .3s}.prop-input .prop-input-container:focus-within{border-color:var(--input-primary-border-color-hover, #00143E)}.prop-input .prop-input-container:focus-within label{color:var(--input-primary-label-color-hover, #2A3B5E);margin-top:-12px;font-size:var(--Text-styles-Font-description-L-font-size, 12px);line-height:var(--Text-styles-Font-description-L-line-height, 16px)}.prop-input .prop-input-container:focus-within input::placeholder{opacity:1}.prop-input .prop-input-container input:not(:placeholder-shown)+label{color:var(--input-primary-label-color-hover, #2A3B5E);margin-top:-12px;font-size:var(--Text-styles-Font-description-L-font-size, 12px);line-height:var(--Text-styles-Font-description-L-line-height, 16px)}.prop-input .prop-input-container.have_left_icon label{left:var(--size-l, 48px)}.prop-input .prop-input-container.error{border-color:var(--input-primary-border-color-error, #AA2E2E)}.prop-input .prop-input-container.error label{color:var(--input-primary-label-color-error, #AA2E2E)}.prop-input .prop-input-container.error:focus-within{border-color:var(--input-primary-border-color-error, #AA2E2E)}.prop-input .prop-input-container.error input:not(:placeholder-shown)+label{color:var(--input-primary-label-color-error, #AA2E2E)}.prop-input .prop-input-container.disabled{background:var(--input-primary-bg-color-disabled, #F1F1F1)}.prop-input .prop-input-container.disabled label{color:var(--input-primary-label-color-disabled, #C9C9C9)!important}.prop-input .prop-input-container.disabled input{color:var(--input-primary-value-color-disabled, #C9C9C9)}.prop-input .hint{color:var(--input-primary-hint-color-default, #808A9F);font-size:var(--Text-styles-Font-description-L-font-size, 12px);font-weight:var(--Text-styles-Font-description-L-font-weight, 400);line-height:var(--Text-styles-Font-description-L-line-height, 16px);margin-top:var(--input-primary-l-hint-spacing, 8px);padding:0 var(--input-primary-l-padding-right, 16px) 0 var(--input-primary-l-padding-left, 16px)}.prop-input .hint.error{color:var(--input-primary-hint-color-error, #AA2E2E)}.prop-input .hint.disabled{color:var(--input-primary-hint-color-disabled, #C9C9C9)}.prop-input.search-input-wrapper .prop-input-container .icon{color:var(--input-primary-icon-color-default, #808A9F);fill:var(--input-primary-icon-color-default, #808A9F)}.prop-input.search-input-wrapper .prop-input-container .close-icon{cursor:pointer}.prop-input.search-input-wrapper .prop-input-container:focus-within .icon{color:var(--input-primary-icon-color-hover, #00143E);fill:var(--input-primary-icon-color-hover, #00143E)}.prop-input .phone-number-wrapper{display:flex;gap:var(--spacing-2x, 8px);position:relative}.prop-input .phone-number-wrapper .dropdown{position:unset}.prop-input .phone-number-wrapper .country-flag{width:var(--size-s, 24px);height:var(--size-s, 24px);background-size:cover!important;border-radius:10px}.prop-input .phone-number-wrapper .phone-dropdown-container{width:105px;height:var(--input-primary-l-height, 56px);border-radius:var(--input-primary-l-corner-radius, 12px);border:var(--input-primary-l-border-width, 2px) solid var(--input-primary-border-color-default, #F1F1F1);flex-shrink:0;position:relative;font-family:var(--Text-styles-Font-body-M-font-family, "Inter");font-weight:var(--Text-styles-Font-body-M-font-weight, 400);font-size:var(--Text-styles-Font-body-M-font-size, 16px);line-height:var(--Text-styles-Font-body-M-line-height, 24px);color:var(--input-primary-value-color-error, #00143E)}.prop-input .phone-number-wrapper .phone-dropdown-container select{width:100%;color:var(--input-primary-value-color-error, #00143E);opacity:0;height:100%}.prop-input .phone-number-wrapper .phone-dropdown-container select option{color:#000}.prop-input .phone-number-wrapper .phone-dropdown-container.active{border:var(--input-primary-l-border-width, 2px) solid var(--input-primary-border-color-hover, #00143E)}.prop-input .phone-number-wrapper .phone-dropdown-container.error{border-color:var(--input-primary-border-color-error, #AA2E2E)}.prop-input .phone-number-wrapper .phone-dropdown-container .dropdown-inner{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:var(--input-primary-value-color-error, #00143E);gap:var(--input-primary-l-spacing, 8px)}.prop-input .phone-number-wrapper .prop-input-container{flex-grow:1}.prop-input .phone-number-wrapper .prop-input-container .close-icon{color:var(--input-primary-icon-color-hover, #00143E);fill:var(--input-primary-icon-color-hover, #00143E)}.prop-input .phone-number-wrapper .countries-dropdown{max-width:100vw;width:100%;max-height:250px;overflow:auto;padding-top:0;transform:translateY(10px)}.prop-input .phone-number-wrapper .countries-dropdown .countries-cont{position:relative}.prop-input .phone-number-wrapper .countries-dropdown .countries-cont .search-prop-input-wrapper{position:sticky;top:0;z-index:5;padding:var(--spacing-2x, 8px) var(--spacing-2x, 8px);background:var(--color-background-background-default, #FFF)}.prop-input .phone-number-wrapper .countries-dropdown .country-flag{width:var(--size-s, 24px);height:var(--size-s, 24px);background-size:cover!important;border-radius:10px}@media (max-width: 540px){.prop-input .phone-number-wrapper .countries-dropdown{width:300px}}
