UNPKG

onfido-sdk-ui

Version:

JavaScript SDK view layer for Onfido identity verification

4 lines (3 loc) 6.64 kB
.rrui__input-field,.rrui__select__button{border:none;border-bottom:1px solid #C5D2E0;-webkit-transition:border .1s;transition:border .1s}.rrui__input-field:focus,.rrui__select__button:focus,.rrui__select__native-expanded:focus+.rrui__select__button{border-bottom-color:#03B2CB}.rrui__input{position:relative}.rrui__input:not(.rrui__input--multiline),.rrui__input-label{height:calc(.3rem * 6)}.rrui__select__native{min-height:calc(.3rem * 6)}.rrui__input-error{margin-top:calc(.3rem);color:#D30F00}.rrui__input-field{outline:none;border-radius:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rrui__input-field--invalid,.rrui__input-field--invalid:focus{border-color:#EB2010}.rrui__input-field--disabled{cursor:default}.rrui__select__button,.rrui__select__option,.rrui__select__close{margin:0;padding:0;white-space:nowrap;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit}.rrui__expandable{opacity:0;pointer-events:none;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% top 0px;transform-origin:50% top 0px;-webkit-transition:all 150ms cubic-bezier(.76, .04, .46, .75) 0ms;transition:all 150ms cubic-bezier(.76, .04, .46, .75) 0ms;background-clip:padding-box;-webkit-background-clip:padding-box}.rrui__expandable--expanded{opacity:1;pointer-events:auto;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% top 0px;transform-origin:50% top 0px;-webkit-transition:all 150ms cubic-bezier(.23, 1, .32, 1) 0ms;transition:all 150ms cubic-bezier(.23, 1, .32, 1) 0ms}.rrui__expandable--overlay{position:absolute;z-index:1}.rrui__expandable__content{opacity:0;-webkit-transition:opacity 150ms ease-out;transition:opacity 150ms ease-out}.rrui__expandable__content--expanded{opacity:1}.rrui__shadow{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.rrui__select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rrui__select--menu{position:relative}.rrui__select__options{margin:0;padding-left:0;padding-top:calc(2 * .3rem);padding-bottom:calc(2 * .3rem);overflow-y:auto;background-color:white;list-style-type:none;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.rrui__expandable--left-aligned{left:0}.rrui__expandable--right-aligned{right:0}.rrui__select__options--left-aligned{left:calc(.3rem * 4 * -1)}.rrui__select__options--right-aligned{right:calc(.3rem * 4 * -1)}.rrui__select__options:not(.rrui__select__options--menu){width:calc(100% + .3rem * 4 * 2)}.rrui__select__options--downward{margin-bottom:1em}.rrui__select__options--upward{bottom:100%;margin-top:1em}.rrui__select__option{display:block;width:100%;padding-left:calc(.3rem * 4);padding-right:calc(.3rem * 4);padding-top:calc(.3rem * 1);padding-bottom:calc(.3rem * 1);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;white-space:nowrap}.rrui__select__option:hover{background-color:#FBFDFD}.rrui__select__button--disabled,.rrui__select__option--disabled{cursor:default}.rrui__select__option-icon{margin-right:calc(.3rem * 3)}.rrui__select__options--upward{-webkit-transform-origin:50% bottom 0px;transform-origin:50% bottom 0px}.rrui__select__option--focused{background-color:#ECF1F6}.rrui__select__option--focused:hover{background-color:#EFF3F8}.rrui__select__option:active{background-color:#3678D1;color:white}.rrui__select__option-icon{margin-right:.5em}.rrui__select__toggler,.rrui__select__button,.rrui__select__autocomplete{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.rrui__select__button{border-bottom:1px solid #C5D2E0;-webkit-transition:border .1s;transition:border .1s;text-align:left}.rrui__select__button:focus,.rrui__select__native-expanded:focus+.rrui__select__button{border-bottom-color:#03B2CB}.rrui__select__button:active{color:#03B2CB}.rrui__select__button--expanded{color:#3678D1}.rrui__select__button--empty{color:#888C91}.rrui__select__button,.rrui__select__option{color:inherit}.rrui__select__button{-webkit-transition:color 30ms ease-out;transition:color 30ms ease-out}.rrui__select__selected-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.rrui__select__selected-label{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;overflow:hidden;text-overflow:ellipsis}.rrui__select__arrow{width:0;height:0;margin-left:.35em;margin-top:.1em;margin-bottom:.1em;opacity:.7;-webkit-transition:opacity 100ms ease-out;transition:opacity 100ms ease-out;border-width:.35em .2em 0 .2em;border-style:solid;border-left-color:transparent;border-right-color:transparent;color:#B8BDC4}.rrui__select__arrow--expanded{opacity:.3}.rrui__select__native-expanded{position:absolute;left:0;z-index:1;opacity:0;cursor:pointer}.rrui__select__close{display:none;position:fixed;top:0;right:0;z-index:1}.rrui__select__close-icon{margin-top:calc(.3rem * 2 + 4px);margin-right:calc(.3rem * 2 + 4px);width:calc(.3rem * 5);height:calc(.3rem * 5)} .react-phone-number-input__row{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.react-phone-number-input__country{width:auto}.react-phone-number-input__phone,.react-phone-number-input__country.rrui__select--expanded{-webkit-box-flex:1;-webkit-flex:1;flex:1}.react-phone-number-input__phone{font-size:inherit}.react-phone-number-input__country.rrui__select--collapsed{margin-right:.5em}.react-phone-number-input__country .rrui__select__autocomplete{width:100%}.react-phone-number-input__country,.react-phone-number-input__country:not(.react-phone-number-input__country--native-expanded) .rrui__input{position:static}.react-phone-number-input .rrui__select__arrow{margin-top:.3em;margin-left:.3em}.react-phone-number-input .rrui__select__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.react-phone-number-input .rrui__select__option-icon{margin-bottom:.1em}.react-phone-number-input__icon{width:1.24em;height:.93em;border:1px solid rgba(0,0,0,0.25);-webkit-box-sizing:content-box;box-sizing:content-box}.react-phone-number-input__icon--international{width:calc(.93em + 2px);height:calc(.93em + 2px);padding-left:.155em;padding-right:.155em;border:none}.react-phone-number-input__error{margin-left:calc(.93em + 2px)} /*# sourceMappingURL=onfido.vendors~crossDevice.css.map*/