{"version":3,"sources":["webpack://src/style.module.css"],"names":[],"mappings":"AAAA,8BACE,UACF,CAEA,MACE,cAAe,CACf,SACF,CAEA,oBACE,qBAAsB,CACtB,YAAa,CACb,iBAAkB,CAClB,UACF,CAEA,6BACE,iBACF,CAEA,oBACE,0BAA4B,CAC5B,kBAAsB,CACtB,qBAAsB,CACtB,QAAS,CACT,qBAAsB,CACtB,UAAW,CACX,wBACF,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,QAAS,CACT,aAAoB,CACpB,wBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,qBAAuB,CACvB,iBAAkB,CAClB,WAAY,CACZ,UAAW,CACX,OAAQ,CACR,eAAgB,CAChB,gBAAiB,CACjB,eACF,CAEA,yBACE,0BACE,SACF,CACF,CAEA,+CACE,0BACE,SACF,CACF,CAEA,+CACE,0BACE,SACF,CACF,CAEA,+CACE,0BACE,SACF,CACF,CAEA,gDACE,0BACE,SACF,CACF,CAEA,iDACE,0BACE,UACF,CACF,CAEA,+BACE,wBACF,CAEA,yBACE,cAAe,CAEf,oBAAsB,CACtB,gBAAiB,CACjB,wBAAyB,CACzB,YAAa,CACb,kBACF,CASA,kCACE,kBACF,CAEA,oCACE,WACF,CAEA,gCACE,wBACF","file":"main.5be842c6.chunk.css","sourcesContent":[".searcbarWrapper {\r\n  width: 100%;\r\n}\r\n\r\ninput {\r\n  font-size: 18px;\r\n  outline: 0;\r\n}\r\n\r\n.field {\r\n  border: 1px solid #ddd;\r\n  display: flex;\r\n  position: relative;\r\n  z-index: 10; \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: 18px !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: 0;\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: 100;\r\n  width: 100%;\r\n  top: 97%;\r\n  text-align: left;\r\n  max-height: 300px;\r\n  overflow: scroll;\r\n}\r\n\r\n@media (max-width:320px) {\r\n  .suggestions {\r\n    width: 91%;\r\n  }\r\n}\r\n\r\n@media (min-width:321px) and (max-width:375px) {\r\n  .suggestions {\r\n    width: 92%;\r\n  }\r\n}\r\n\r\n@media (min-width:376px) and (max-width:425px) {\r\n  .suggestions {\r\n    width: 93%;\r\n  }\r\n}\r\n\r\n@media (min-width:426px) and (max-width:778px) {\r\n  .suggestions {\r\n    width: 96%;\r\n  }\r\n}\r\n\r\n@media (min-width:779px) and (max-width:1024px) {\r\n  .suggestions {\r\n    width: 98%;\r\n  }\r\n}\r\n\r\n@media (min-width:1025px) and (max-width:1440px) {\r\n  .suggestions {\r\n    width: 100%;\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  /* height: 40px; */\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/* @media (max-width:425px) {\r\n  .suggestion {\r\n    height: 35px;\r\n    line-height: 20px;\r\n  }\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"]}