{"version":3,"sources":["webpack://src/style.module.css"],"names":[],"mappings":"AAAA,0CACE,oBAAa,CAAb,YAAa,CACb,8BAAuB,CAAvB,sBACF,CACA,0DACE,WACF,CACA,8BACE,UAAW,CACX,iBACF,CAEA,MACE,cAAe,CACf,SACF,CAEA,oBACE,oBAAa,CAAb,YAAa,CACb,iBAAkB,CAClB,UAAW,CACX,2BACF,CAEA,6BACE,iBACF,CAEA,oBACE,0BAA4B,CAC5B,kBAAsB,CACtB,qBAAsB,CACtB,QAAS,CACT,qBAAsB,CACtB,UAAW,CACX,0BAA4B,CAC5B,aAAc,CACd,2BACF,CAEA,0BACE,yBACF,CAEA,qDACE,sBAAuB,CACvB,uBAAkC,CAClC,2BAA4B,CAC5B,QAAS,CACT,cAAe,CACf,WAAY,CACZ,SAAU,CACV,SAAU,CACV,UACF,CAEA,0BACE,qBAAuB,CACvB,mBAAoB,CACpB,OAAQ,CACR,UACF,CAEA,2BACE,wBAAyB,CACzB,mBAAoB,CACpB,cAAe,CACf,UAAW,CACX,UACF,CAEA,yBACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,QAAS,CACT,cACF,CAEA,wBACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,QAAS,CACT,cACF,CAEA,+BACE,yDAA+D,CAC/D,kCACF,CAEA,iCACE,SACF,CAEA,0BACE,yDAA+D,CAC/D,eAAgB,CAChB,0BAA4B,CAC5B,aAAoB,CACpB,wBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,qBAAuB,CACvB,iBAAkB,CAClB,UAAW,CAEX,OAAQ,CACR,eAAgB,CAChB,gBAAiB,CACjB,eAAgB,CAChB,aAAc,CACd,UAAW,CACX,QACF,CA4CA,+BACE,wBACF,CAEA,yBACE,cAAe,CACf,oBAAsB,CACtB,gBAAiB,CACjB,wBAAyB,CACzB,oBAAa,CAAb,YAAa,CACb,0BAAmB,CAAnB,kBACF,CAEA,kCACE,kBACF,CAEA,oCACE,WACF,CAEA,gCACE,wBACF","file":"main.371a174e.chunk.css","sourcesContent":[".buyingGuideSearchbarWrapper{\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.buyingGuideSearchbarWrapper__deviceResponse{\r\n  width: 500px;\r\n}\r\n.searcbarWrapper {\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\ninput {\r\n  font-size: 18px;\r\n  outline: 0;\r\n}\r\n\r\n.field {\r\n  display: flex;\r\n  position: relative;\r\n  z-index: 10; \r\n  border-radius: 5px !important; \r\n}\r\n\r\n.field--focused {\r\n  border-color: #ccc;\r\n}\r\n\r\n.input {\r\n  box-shadow: unset !important;\r\n  border: 0px !important;\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 8px 0 8px 8px;\r\n  width: 100%;\r\n  font-size: 18.2px !important;\r\n  color: #3f3f3f;\r\n  border-radius: 5px !important\r\n}\r\n\r\n.input:focus {\r\n  background: white !important;\r\n}\r\n\r\n.clearButton, .submitButton {\r\n  background: transparent;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  border: 0;\r\n  cursor: pointer;\r\n  font-size: 0;\r\n  outline: 0;\r\n  padding: 0;\r\n  width: 25px;\r\n}\r\n\r\n.clearButton {\r\n  background-color: white;\r\n  background-size: 30%;\r\n  right: 0;\r\n  width: 40px;\r\n}\r\n\r\n.submitButton {\r\n  background-color: #f6f6f6;\r\n  background-size: 35%;\r\n  padding: 0 20px;\r\n  opacity: .8;\r\n  width: 40px;\r\n}\r\n\r\n.searchIcon {\r\n  position: absolute;\r\n  right: 15px;\r\n  z-index: 100;\r\n  top: 10px;\r\n  cursor: pointer;\r\n}\r\n\r\n.clearIcon {\r\n  position: absolute;\r\n  right: 55px;\r\n  z-index: 100;\r\n  top: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.fieldFocuseStyle {\r\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 2px #2060b2;\r\n  border: 1px solid #41aff2 !important;\r\n}\r\n\r\n.submitButton:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.suggestions {\r\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 2px #2060b2;\r\n  list-style: none;\r\n  margin-top: -17px !important;\r\n  padding: 7px 0 7px 0;\r\n  user-select: none;\r\n  background-color: white;\r\n  position: absolute;     \r\n  z-index: 10;\r\n  width: 100%;\r\n  top: 97%;\r\n  text-align: left;\r\n  max-height: 300px;\r\n  overflow: scroll;\r\n  color: #3f3f3f;\r\n  width: 100%;\r\n  top: 137%;\r\n}\r\n\r\n/* @media (max-width:320px) {\r\n  .suggestions {\r\n    width: 100%;\r\n    top: 137%;\r\n  }\r\n}\r\n\r\n@media (min-width:321px) and (max-width:375px) {\r\n  .suggestions {\r\n    width: 100%;\r\n    top: 137%;\r\n  }\r\n}\r\n\r\n@media (min-width:376px) and (max-width:425px) {\r\n  .suggestions {\r\n    width: 100%;\r\n    top: 137%;\r\n  }\r\n}\r\n\r\n@media (min-width:426px) and (max-width:768px) {\r\n  .suggestions {\r\n    width: 100%;\r\n    top:137%\r\n  }\r\n}\r\n\r\n@media (min-width:769px) and (max-width:1024px) {\r\n  .suggestions {\r\n    width: 100%;\r\n    top:137%\r\n  }\r\n}\r\n\r\n@media (min-width:1025px) {\r\n  .suggestions {\r\n    width: 100%;\r\n    top: 137%;\r\n  }\r\n}  */\r\n\r\n.suggestion:hover {\r\n  background-color: rgb(245, 245, 245);\r\n}\r\n\r\n.suggestion {\r\n  cursor: pointer;\r\n  letter-spacing: 0.03em;\r\n  line-height: 1.43;\r\n  padding: 7px 7px 7px 10px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.suggestion--focused {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.suggestion:last-child {\r\n  border: none;\r\n}\r\n\r\n.suggestionFocused {\r\n  background-color: #ECECEC;\r\n}\r\n\r\n"]}