.rdp-root{--rdp-accent-color: $dark;--rdp-accent-background-color: $dark}.phone-container{position:relative}.phone-container .country-code-container{position:absolute;z-index:1;left:0}.phone-container .country-code-container .icon{position:absolute;margin-top:18px;margin-left:18px;background-color:#d0d0d0}.phone-container .country-code-container .country-code-input{position:relative;top:1px;left:1px;padding-left:17px!important;padding-right:5px!important;border-radius:16.5px 0 0 16.5px!important;background-color:transparent;border:none;font-weight:600;transition:width .2s}.phone-container .country-code-container .pipe{position:absolute;z-index:2;margin-top:6px;font-size:1.8em!important;font-weight:300!important;color:#bebebe;transition:left .2s}.phone-container .number-input{font-weight:500!important;color:#373737;position:relative;transition:padding-left .2s}.phone-container .valid-number-indicator{position:absolute;top:20px;right:15px;width:20px;height:20px;border-radius:50px;background-color:#008489;opacity:.8}.phone-container .valid-number-indicator .icon{position:absolute;left:calc(50% - 8px);top:calc(50% - 9px);width:16px;height:16px;background-color:#fff}.phone-container:focus-within .number-input{border-color:#00848980}.phone-container:focus-within .number-input:focus{border-color:#008489}