{"version":3,"file":"styles/dpd-parcelshop-popup.css","mappings":"AAAA,sBAMC,qBALA,aAIA,YAGA,OANA,eAKA,MAHA,WADA,YAMA,cACD,CAEC,6BACC,aAAF,CAIE,uDAMC,mBACA,SAEA,gBAJA,WASA,cAZA,YAUA,YAFA,aACA,UAVA,kBAEA,WACA,SASA,WAEA,SAFH,CAIG,2HAKC,gBAIA,SAPA,WACA,cAIA,YAIA,OADA,YANA,kBAQA,QAJA,MAFA,SAGJ,CAMG,8DACC,wBAJJ,CAOG,6DACC,uBALJ,CASE,uDAGC,kBAEA,YAEA,aAHA,kBAEA,UANH,CAUE,qDAmBC,gBADA,gBAfA,aAIA,sBASA,YANA,SAIA,gBAGA,gBAGA,aAZA,kBACA,QAIA,+BAEA,UAHH,CAWE,kDACC,eATH,CAYE,iDACC,kBAVH,CAaE,wDAMC,mBAHA,aAIA,iBAXH,CAcE,mDAEC,gBADA,eAXH,CAeE,qKAQC,gBADA,sBAIA,gBADA,WADA,mBAHA,aAFA,YADA,UAPH,CAkBE,mDACC,cAhBH,CAmBE,gHAGC,mBACA,SAEA,gBAOA,sBAXA,WAQA,eACA,YACA,mBALA,aACA,eACA,UAdH,CAqBE,gEACC,iBAnBH,CAsBE,uEAGC,iBAFA,WAIA,YAEA,OADA,kBAEA,MAJA,WAFA,SAdH,CAuBE,sEAGC,sEAIA,2BAFA,kBAEA,oCAOA,SANA,YACA,cACA,YAKA,OAEA,YANA,kBAKA,QAHA,MADA,WAMA,SAtBH,CAyBE,qDACC,YAvBH,CA0BE,4DACC,aAxBH,CA2BE,0DAGC,mBAEA,cADA,gBAHA,iBACA,cAIA,SAzBH,CA4BE,6DAMC,yCAJA,WADA,eAGA,eADA,YAMA,uDA1BH,CA6BE,wEACC,uBA3BH,CA8BE,mEACC,qBA5BH,CA8BE,oEACC,yBACA,UA5BH,CA+BE,sDACC,aACA,iBA7BH,CAgCE,6DACC,aA9BH,CAiCE,wDAGC,UADA,eAEA,mBAHA,eA5BH,CAoCA,kDACC,GAEC,sBAjCA,CAmCD,GAEC,uBAjCA,CACF,C","sources":["webpack:///./assets/styles/dpd-parcelshop-popup.scss"],"sourcesContent":[".dpd-parcelshop-popup {\n\tdisplay: none;\n\tposition: fixed;\n\tz-index: 999;\n\twidth: 100%;\n\theight: 100%;\n\tbackground: rgb(0 0 0 / 50%);\n\ttop: 0;\n\tleft: 0;\n\tz-index: 100000;\n\n\t// Force stronger selector to override external styles\n\t&.active {\n\t\tdisplay: block;\n\t}\n\n\t& #{&} {\n\t\t&__close-btn {\n\t\t\tposition: absolute;\n\t\t\tfont-size: 0;\n\t\t\tright: 20px;\n\t\t\ttop: 20px;\n\t\t\tcolor: #fff;\n\t\t\tbackground: #dc0032;\n\t\t\tborder: 0;\n\t\t\t-webkit-box-shadow: none;\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t\tpadding: 0;\n\t\t\theight: 50px;\n\t\t\twidth: 50px;\n\t\t\tdisplay: block;\n\t\t\tz-index: 2;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tbackground: #fff;\n\t\t\t\twidth: 2px;\n\t\t\t\theight: 26px;\n\t\t\t\ttop: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tmargin: auto;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\ttransform: rotate(-45deg);\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\ttransform: rotate(45deg);\n\t\t\t}\n\t\t}\n\n\t\t&__container {\n\t\t\t-ms-flex-item-align: center;\n\t\t\t-ms-grid-row-align: center;\n\t\t\talign-self: center;\n\t\t\tposition: relative;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tpadding: 15px;\n\t\t}\n\n\t\t&__content {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: -ms-flexbox;\n\t\t\tdisplay: flex;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\t-webkit-box-direction: normal;\n\t\t\t-ms-flex-direction: column;\n\t\t\tflex-direction: column;\n\t\t\tposition: relative;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\t-ms-transform: translate(-50%, -50%);\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tmax-width: 500px;\n\t\t\twidth: 100%;\n\t\t\theight: auto;\n\t\t\toverflow: hidden;\n\t\t\tborder-radius: 0px;\n\t\t\tbackground: #ffffff;\n\t\t\tpadding: 15px;\n\t\t}\n\n\t\t&__form {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&__row {\n\t\t\tmargin-bottom: 15px;\n\t\t}\n\n\t\t&__input-wrap {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: -ms-flexbox;\n\t\t\tdisplay: flex;\n\t\t\t-webkit-box-align: center;\n\t\t\t-ms-flex-align: center;\n\t\t\talign-items: center;\n\t\t\tmargin-bottom: 5px;\n\t\t}\n\n\t\t&__label {\n\t\t\tmin-width: 100px;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t&__input,\n\t\t&__input:hover,\n\t\t&__input:focus {\n\t\t\twidth: 100%;\n\t\t\tpadding: 5px;\n\t\t\tbackground: #ffffff;\n\t\t\toutline: none;\n\t\t\tborder: 1px solid #ccc;\n\t\t\tbackground: #fff;\n\t\t\tline-height: normal;\n\t\t\tcolor: #000;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&__input {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&__search-btn,\n\t\t&__choose-btn {\n\t\t\tcolor: #fff;\n\t\t\tbackground: #dc0032;\n\t\t\tborder: 0;\n\t\t\t-webkit-box-shadow: none;\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t\tpadding: 0 14px;\n\t\t\twidth: 100%;\n\t\t\tcursor: pointer;\n\t\t\theight: 40px;\n\t\t\tline-height: normal;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t&__search-btn.loading {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t&__search-btn.loading:before {\n\t\t\tcontent: '';\n\t\t\tz-index: 1;\n\t\t\tbackground: rgba(255, 255, 255, 0.8);\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t}\n\n\t\t&__search-btn.loading:after {\n\t\t\t-webkit-animation: dpd-parcelshop-input-loading-animation 1.2s linear\n\t\t\t\tinfinite;\n\t\t\tanimation: dpd-parcelshop-input-loading-animation 1.2s linear infinite;\n\t\t\tborder-color: #dc0032 transparent;\n\t\t\tborder-radius: 50%;\n\t\t\tborder-style: solid;\n\t\t\tborder-width: 1px;\n\t\t\tcontent: ' ';\n\t\t\tdisplay: block;\n\t\t\theight: 16px;\n\t\t\tposition: absolute;\n\t\t\twidth: 16px;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tmargin: auto;\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t&__results {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&__results.active {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&__parcels-list {\n\t\t\tmax-height: 120px;\n\t\t\toverflow: auto;\n\t\t\tmargin-bottom: 15px;\n\t\t\tmargin-top: 15px;\n\t\t\tmargin-left: 0;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t&__parcels-list li {\n\t\t\tcursor: pointer;\n\t\t\tcolor: #000;\n\t\t\tpadding: 5px;\n\t\t\tfont-size: 14px;\n\t\t\tborder: 1px solid #ccc;\n\t\t\tborder-bottom-width: 0;\n\t\t\t-webkit-transition: background-color 0.2s linear, color 0.2s linear;\n\t\t\t-o-transition: background-color 0.2s linear, color 0.2s linear;\n\t\t\ttransition: background-color 0.2s linear, color 0.2s linear;\n\t\t}\n\n\t\t&__parcels-list li:last-child {\n\t\t\tborder-bottom-width: 1px;\n\t\t}\n\n\t\t&__parcels-list li:hover {\n\t\t\tbackground-color: #ccc;\n\t\t}\n\t\t&__parcels-list li.active {\n\t\t\tbackground-color: #dc0032;\n\t\t\tcolor: #fff;\n\t\t}\n\n\t\t&__response {\n\t\t\tdisplay: none;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t&__response.active {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&__response p {\n\t\t\tmargin-top: 15px;\n\t\t\tfont-size: 16px;\n\t\t\tcolor: red;\n\t\t\tmargin-bottom: 15px;\n\t\t}\n\t}\n}\n\n@keyframes dpd-parcelshop-input-loading-animation {\n\t0% {\n\t\t-webkit-transform: rotate(0deg);\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\t-webkit-transform: rotate(360deg);\n\t\ttransform: rotate(360deg);\n\t}\n}\n"],"names":[],"sourceRoot":""}