velocity-verification/dist/onfido.vendors~crossDevice.css.map

JavaScript SDK view layer for identity verification

{"version":3,"sources":["webpack://Velocity/../node_modules/react-phone-number-input/style.css"],"names":[],"mappings":"AAAA,+BAGC,sDACA,uEAGD,iCAGC,yCAIA,YAGD,gCAGC,sBACA,uBAGA,iCAGA,sDAGD,+CAIC,gCACA,iCAIA,6BACA,8BAEA,YAGD,iCAEC,4DACA,uBACA,cAGD,sCAEC,eACA,gBAID,gIAGC,oBACA,mCACA,qCAGD,qCAEC,UAGD,+BAEC,mBAGD,oEAGC,iBAKD,2CAEC,kBACA,8CACA,sDACA,uEACA,kBAGD,0CAEC,kBACA,MACA,OACA,YACA,WACA,UACA,SACA,UACA,eAGD,gDAEC,cACA,WACA,QACA,SACA,mBACA,gBACA,iBACA,+BACA,mBACA,8BACA,+BACA,cACA,WACA,kDAID,kDAEC,cACA,iBAGD,4KAGC,cAKD,wCACC,uBACA,aACA,gBACA,UACA,6DACA,YACA,gCACA,oDACA,kBAGD,8CACC,qBAGD,kDACC,eAGD,wGAEC,qBAID,kDACC,gFAID,yDACC,mB","file":"onfido.vendors~crossDevice.css","sourcesContent":[".react-phone-number-input__row\n{\n\t/* This is done to stretch the contents of this component */\n\tdisplay     : flex;\n\talign-items : center;\n}\n\n.react-phone-number-input__phone\n{\n\t/* The phone number input stretches to fill all empty space */\n\tflex : 1;\n\n\t/* The phone number input should shrink\n\t   to make room for the extension input */\n\tmin-width : 0;\n}\n\n.react-phone-number-input__icon\n{\n\t/* The flag icon size is 4x3 hence the exact `width` and `height` values */\n\twidth      : calc(0.31em * 4);\n\theight     : calc(0.31em * 3);\n\n\t/* `1px` is still too much for a \"retina\" screen but there's no way in CSS to specify \"hairline\" border width. */\n\tborder     : 1px solid rgba(0, 0, 0, 0.5);\n\n\t/* Makes sure `width`x`height` is exactly `4x3` and `border` width is not included in it */\n\tbox-sizing : content-box;\n}\n\n.react-phone-number-input__icon--international\n{\n\t/* The international icon size is square */\n\t/* and also has no border hence the `2 * 1px` `width` and `height` compensation */\n\twidth  : calc(0.31em * 3 + 2 * 1px);\n\theight : calc(0.31em * 3 + 2 * 1px);\n\n\t/* The international icon size is square, hence the exact `padding` value */\n\t/* for precise alignment with `4x3` sized country flags. */\n\tpadding-left  : calc(0.31em / 2);\n\tpadding-right : calc(0.31em / 2);\n\n\tborder : none;\n}\n\n.react-phone-number-input__error\n{\n\tmargin-left : calc(0.31em * 4 + 2 * 1px + 0.3em + 0.35em + 0.5em);\n\tmargin-top  : calc(0.3rem);\n\tcolor       : #D30F00;\n}\n\n.react-phone-number-input__icon-image\n{\n\tmax-width  : 100%;\n\tmax-height : 100%;\n}\n\n/* Removes `<input type=\"number\"/>` up/down arrows in Webkit browsers. */\n.react-phone-number-input__ext-input::-webkit-inner-spin-button,\n.react-phone-number-input__ext-input::-webkit-outer-spin-button\n{\n\tmargin             : 0 !important;\n\t-webkit-appearance : none !important;\n\t-moz-appearance    : textfield !important;\n}\n\n.react-phone-number-input__ext-input\n{\n\twidth : 3em;\n}\n\n.react-phone-number-input__ext\n{\n\twhite-space: nowrap;\n}\n\n.react-phone-number-input__ext,\n.react-phone-number-input__ext-input\n{\n\tmargin-left : 0.5em;\n}\n\n/* Styling native country `<select/>`. */\n\n.react-phone-number-input__country--native\n{\n\tposition     : relative;\n\talign-self   : stretch;\n\tdisplay      : flex;\n\talign-items  : center;\n\tmargin-right : 0.5em;\n}\n\n.react-phone-number-input__country-select\n{\n\tposition : absolute;\n\ttop      : 0;\n\tleft     : 0;\n\theight   : 100%;\n\twidth    : 100%;\n\tz-index  : 1;\n\tborder   : 0;\n\topacity  : 0;\n\tcursor   : pointer;\n}\n\n.react-phone-number-input__country-select-arrow\n{\n\tdisplay            : block;\n\tcontent            : '';\n\twidth              : 0;\n\theight             : 0;\n\tmargin-bottom      : 0.1em;\n\tmargin-top         : 0.3em;\n\tmargin-left        : 0.3em;\n\tborder-width       : 0.35em 0.2em 0 0.2em;\n\tborder-style       : solid;\n\tborder-left-color  : transparent;\n\tborder-right-color : transparent;\n\tcolor              : #B8BDC4;\n\topacity            : 0.7;\n\ttransition         : color 0.1s;\n}\n\n/* A \"divider\" `<option/>` for a native `<select/>`. */\n.react-phone-number-input__country-select-divider\n{\n\tfont-size: 1px;\n\tbackground: black;\n}\n\n.react-phone-number-input__country-select:focus + .react-phone-number-input__country-select-arrow,\n.react-phone-number-input__country.rrui__select--focus .rrui__select__arrow\n{\n\tcolor : #03B2CB;\n}\n\n/* Styling phone number input */\n\n.react-phone-number-input__input--style {\n\theight        : calc(0.3rem * 6);\n\toutline       : none;\n\tborder-radius : 0;\n\tpadding       : 0;\n\tappearance    : none;\n\tborder        : none;\n\tborder-bottom : 1px solid #C5D2E0;\n\ttransition    : border 0.1s;\n\tfont-size     : inherit;\n}\n\n.react-phone-number-input__input--style:focus {\n\tborder-color: #03B2CB;\n}\n\n.react-phone-number-input__input--style--disabled {\n\tcursor: default;\n}\n\n.react-phone-number-input__input--style--invalid,\n.react-phone-number-input__input--style--invalid:focus {\n\tborder-color: #EB2010;\n}\n\n/* Overrides Chrome autofill yellow background color */\n.react-phone-number-input__input:-webkit-autofill {\n\tbox-shadow: 0 0 0 1000px white inset;\n}\n\n/* A small fix for `react-responsive-ui` */\n.react-phone-number-input__country .rrui__select__button {\n\tborder-bottom: none;\n}"],"sourceRoot":""}