onfido-sdk-ui/dist/onfidoAuth.vendors~crossDevice.css.map

JavaScript SDK view layer for Onfido identity verification

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