{"version":3,"sources":["..\\..\\lib\\css\\icons.css","..\\..\\lib\\css\\base\\_fonts.scss","..\\..\\lib\\css\\base\\_reset.scss","..\\..\\lib\\css\\style.scss"],"names":[],"mappings":"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","file":"js.b77712fa.css","sourceRoot":"..\\src","sourcesContent":["@font-face {\r\n  font-family: \"icons\";\r\n  src: url(\"./icons.eot?21628910\");\r\n  src: url(\"./icons.eot?21628910#iefix\") format(\"embedded-opentype\"),\r\n    url(\"./icons.woff2?21628910\") format(\"woff2\"),\r\n    url(\"./icons.woff?21628910\") format(\"woff\"),\r\n    url(\"./icons.ttf?21628910\") format(\"truetype\"),\r\n    url(\"./icons.svg?21628910#icons\") format(\"svg\");\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */\r\n/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */\r\n/*\r\n@media screen and (-webkit-min-device-pixel-ratio:0) {\r\n  @font-face {\r\n    font-family: 'icons';\r\n    src: url('./icons.svg?21628910#icons') format('svg');\r\n  }\r\n}\r\n*/\r\n\r\n[class^=\"icon-\"]:before,\r\n[class*=\" icon-\"]:before {\r\n  font-family: \"icons\";\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  speak: none;\r\n\r\n  display: inline-block;\r\n  text-decoration: inherit;\r\n  width: 1em;\r\n  margin-right: 0.2em;\r\n  text-align: center;\r\n  /* opacity: .8; */\r\n\r\n  /* For safety - reset parent styles, that can break glyph codes*/\r\n  font-variant: normal;\r\n  text-transform: none;\r\n\r\n  /* fix buttons height, for twitter bootstrap */\r\n  line-height: 1em;\r\n\r\n  /* Animation center compensation - margins should be symmetric */\r\n  /* remove if not needed */\r\n  margin-left: 0.2em;\r\n\r\n  /* you can be more comfortable with increased icons size */\r\n  /* font-size: 120%; */\r\n\r\n  /* Font smoothing. That was taken from TWBS */\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n\r\n  /* Uncomment for 3D effect */\r\n  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */\r\n}\r\n\r\n.icon-search:before {\r\n  content: \"\\e800\";\r\n} /* '' */\r\n.icon-cancel-circled-outline:before {\r\n  content: \"\\e801\";\r\n} /* '' */\r\n","@import url(\"https://fonts.googleapis.com/css?family=Lato&display=swap\");\r\n@import \"./icons/icons.css\";\r\n","* {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.clearfix::after {\r\n  clear: both;\r\n  content: \"\";\r\n  display: block;\r\n}\r\n\r\n\r\nhtml, body, div, span, applet, object, iframe,\r\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\r\na, abbr, acronym, address, big, cite, code,\r\ndel, dfn, em, img, ins, kbd, q, s, samp,\r\nsmall, strike, strong, sub, sup, tt, var,\r\nb, u, i, center,\r\ndl, dt, dd, ol, ul, li,\r\nfieldset, form, label, legend,\r\ntable, caption, tbody, tfoot, thead, tr, th, td,\r\narticle, aside, canvas, details, embed, \r\nfigure, figcaption, footer, header, hgroup, \r\nmenu, nav, output, ruby, section, summary,\r\ntime, mark, audio, video, input, select, textarea {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tfont-size: 100%;\r\n\tfont: inherit;\r\n\tvertical-align: baseline;\r\n\ttext-decoration:none;\r\n\toutline:none;\r\n}\r\n/* HTML5 display-role reset for older browsers */\r\narticle, aside, details, figcaption, figure, \r\nfooter, header, hgroup, menu, nav, section {\r\n\tdisplay: block;\r\n}\r\nbody {\r\n\tline-height: 1;\r\n}\r\nol, ul {\r\n\tlist-style: none;\r\n}\r\nblockquote, q {\r\n\tquotes: none;\r\n}\r\nblockquote:before, blockquote:after,\r\nq:before, q:after {\r\n\tcontent: '';\r\n\tcontent: none;\r\n}\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}","@import \"./base/reset\";\r\n@import \"./base/fonts\";\r\n@import \"./base/variables\";\r\n@import \"./base/mixins\";\r\n\r\n/* GLOBAL STYLING */\r\n* {\r\n  font-family: \"Lato\", sans-serif !important;\r\n}\r\n::-webkit-scrollbar {\r\n  width: 5px;\r\n  height: 5px;\r\n  background: rgba(0, 0, 0, 0.1);\r\n}\r\n::-webkit-scrollbar-track {\r\n  background: none;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n  background: lightskyblue;\r\n  border-radius: 4px;\r\n}\r\n\r\n/* custom styling */\r\n.gifpicker {\r\n  width: 455px;\r\n  margin: 10px auto;\r\n  position: relative;\r\n  &__input {\r\n    width: 100%;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n    list-style: none;\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 100%;\r\n    height: 32px;\r\n    padding: 4px 11px;\r\n    color: rgba(0, 0, 0, 0.65);\r\n    font-size: 14px;\r\n    line-height: 32px;\r\n    background-color: #fff;\r\n    background-image: none;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    transition: all 0.3s;\r\n    margin-bottom: 5px;\r\n    &:hover {\r\n      border-color: rgba(0, 0, 0, 0.65);\r\n    }\r\n    &:focus {\r\n      box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.65);\r\n    }\r\n  }\r\n  &__submit {\r\n    position: absolute;\r\n    background-color: #fff;\r\n    border: none;\r\n    z-index: 1;\r\n    width: 17px;\r\n    height: 17px;\r\n    position: absolute;\r\n    top: 7px;\r\n    right: 7px;\r\n    &:after {\r\n      font-family: icons;\r\n      position: absolute;\r\n      content: \"\\e800\";\r\n      top: 0;\r\n      left: 0;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  &__chosengif {\r\n    position: relative;\r\n    img {\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n    button {\r\n      position: absolute;\r\n      right: 10px;\r\n      top: 10px;\r\n      background-color: #fff;\r\n      border-radius: 50%;\r\n      border: 1px solid #fff;\r\n      cursor: pointer;\r\n      width: 18px;\r\n      height: 18px;\r\n      &:after {\r\n        font-family: icons;\r\n        position: absolute;\r\n        content: \"\\e801\";\r\n        top: -1px;\r\n        left: -1px;\r\n        font-size: 19px;\r\n      }\r\n    }\r\n  }\r\n  &__suggestions {\r\n    overflow-x: scroll;\r\n    overflow-y: hidden;\r\n    white-space: nowrap;\r\n    margin-bottom: 5px;\r\n    -webkit-overflow-scrolling: touch;\r\n    > * {\r\n      margin-right: 5px;\r\n    }\r\n    &::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n    &__button {\r\n      line-height: 1.499;\r\n      position: relative;\r\n      display: inline-block;\r\n      font-weight: 400;\r\n      white-space: nowrap;\r\n      text-align: center;\r\n      background-image: none;\r\n      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\r\n      cursor: pointer;\r\n      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n      user-select: none;\r\n      touch-action: manipulation;\r\n      height: 32px;\r\n      padding: 0 15px;\r\n      font-size: 14px;\r\n      border-radius: 4px;\r\n      color: rgba(0, 0, 0, 0.65);\r\n      background-color: #fff;\r\n      border: 1px solid #d9d9d9;\r\n    }\r\n  }\r\n  &__results {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    height: 475px;\r\n    overflow: auto;\r\n    &__gifHolder {\r\n      display: flex;\r\n      width: 220px;\r\n      height: 150px;\r\n      margin-bottom: 5px;\r\n      margin-right: 5px;\r\n      background-color: black;\r\n      border: 0px solid #d9d9d9;\r\n      border-radius: 4px;\r\n      overflow: hidden;\r\n      cursor: pointer;\r\n      button {\r\n        border: 1px solid #d9d9d9;\r\n        background-color: #000;\r\n        cursor: pointer;\r\n      }\r\n      img {\r\n        object-fit: cover;\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}