{"version":3,"file":"css/style.css","mappings":"AAAA,6CAEC,kBACA,aCHW,CDIX,aACA,gBACA,WACA,gBACA,gBACA,kBACA,oBACA,iBACC,cACA,kCACA,eACA,iBAIF,sBACC,kBACA,gBACA,cAGD,uDAEC,kBCxBc,CD4Bf,iCACC,kBAGD,yDAIC,aCtCM,CDyCP,mBACC,WAGD,WACC,WAGD,qGAOC,cAGD,0FAMC,cAGD,0FAKC,cACA,gCAGD,+CAGC,aC7EM,CDgFP,gBACC,cAGD,8CAGC,WAGD,6BAEC,iBAED,cACC,kBAGD,cACC,YClED,KACE,mCACA,kCACA,aAxCU,CAyCV,mCACA,eACA,mBACA,uBACA,SACA,eAGF,EACE,gBACA,iBAGF,GACE,eACA,gBACA,oBACA,gBAGF,GACE,eACA,gBACA,gBACA,iBAGF,GACE,eACA,gBACA,gBACA,iBAGF,GACE,SACA,kBAGF,eACE,aA7EK,CA8EL,aACA,qBACA,uCACA,+BACA,sCACA,0CACE,gCAIJ,YACE,mBAGF,WACE,sBACA,eAGF,KAEE,wBApGa,CAqGb,kBACA,mBACA,kBA9EA,uBACE,WACA,cAEF,WACE,WA4EJ,MACE,aA7GK,CA8GL,eACA,iBACA,yBACA,WACA,YACE,YAIJ,QACE,0CACA,wBAtHK,CAuHL,iBA9GoB,CA+GpB,YACA,sBACA,WACA,eACA,qBACA,gBACA,WApHa,CAqHb,gBArHa,CAsHb,aACA,eACA,kBACA,qBACA,uCACA,+BACA,mBACA,WACA,4BACE,yBAEF,eACE,yBAEF,cACE,sBACA,yBACA,aAjJG,CAkJH,iBACA,iBACA,oBACE,qBAEF,yCACE,oBAvJO,CA0JX,qCAvCF,QAwCI,WACA,cACE,iBAMN,QACE,kBACA,mBACA,qCAHF,QAII,gBAEF,UACE,aA9KG,CA+KH,eACA,mBAIJ,QACE,kBACA,UACE,mBAIJ,QACE,aA5LK,CA6LL,WACA,cApLgB,CAqLhB,gB","sources":["webpack://NiceSelect/./src/scss/_prism.scss","webpack://NiceSelect/./src/scss/style.scss"],"sourcesContent":["code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tborder-radius: 2px;\n\tcolor: $gray_dark;\n\thyphens: none;\n\tline-height: 1.5;\n\ttab-size: 4;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-break: normal;\n\tword-spacing: normal;\n\tword-wrap: normal;\n  direction: ltr;\n  font-family: Inconsolata, monospace;\n  font-size: 13px;\t\n  letter-spacing: 0;\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 18px 24px;\n\tmargin: 0 0 24px;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: $gray_lighter;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: 0 2px 1px;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: $gray;\n}\n\n.token.punctuation {\n\tcolor: #999;\n}\n\n.namespace {\n\topacity: .7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n\tcolor: #EC4444;\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n\tcolor: #4ABF60;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n\tcolor: #a67f59;\n\tbackground: hsla(0, 0%, 100%, .5);\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n\tcolor: $blue;\n}\n\n.token.function {\n\tcolor: #DD4A68;\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n\tcolor: #e90;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n","$gray_dark: #445870;\n$gray: #90a1b5;\n$gray_light: #e0e7ee;\n$gray_lighter: #f6f7f9;\n$blue: #55a1fb;\n$blue_light: #88bfff;\n$primary: $blue;\n$primary_light: $blue_light;\n\n// Default variables\n$font_size: 14px !default;\n$font_size_small: 12px !default;\n\n$input_border_radius: 5px !default;\n$input_height: 38px;\n$input_height_small: 36px !default;\n$dropdown_padding: 18px !default;\n\n$gray_dark: #444 !default;\n$gray: #999 !default;\n$gray_light: #e8e8e8 ;\n$gray_lighter: #f6f6f6 !default;\n$primary_light: $gray !default;\n$arrow_color: $gray !default;\n\n@import \"./prism\";\n\n@mixin clearfix() {\n  &:before, &:after {\n    content: \"\";\n    display: table;\n  }\n  &:after {\n    clear: both;\n  }\n}\n\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: $gray_dark;\n  font-family: 'Work Sans', sans-serif;\n  font-size: 14px;\n  font-weight: normal;\n  letter-spacing: -0.25px;\n  margin: 0;\n  padding: 0 18px;\n}\n\np {\n  line-height: 1.6;\n  margin: 0 0 1.6em;\n}\n\nh1 {\n  font-size: 36px;\n  font-weight: 300;\n  letter-spacing: -2px;\n  margin: 0 0 24px;\n}\n\nh2 {\n  font-size: 22px;\n  font-weight: 700;\n  margin: 0 0 12px;\n  padding-top: 48px;\n}\n\nh3 {\n  font-size: 18px;  \n  font-weight: 400;\n  margin: 0 0 12px;\n  padding-top: 12px;\n}\n\nul {\n  margin: 0;\n  padding-left: 16px;\n}\n\na:not(.button) {\n  color: $primary;\n  outline: none;\n  text-decoration: none;\n  -webkit-transition: all 0.2s ease-in-out;\n  transition: all 0.2s ease-in-out;\n  border-bottom: 1px solid transparent;\n  &:hover, &:focus {\n    border-bottom: 1px solid $primary_light;\n  }\n}\n\n::selection {\n  background: darken($gray_lighter, 1%);\n}\n\n.container {\n  margin: 96px auto 60px;\n  max-width: 40em;\n}\n\n.box {\n  @include clearfix;\n  background-color: $gray_lighter;\n  border-radius: 2px;\n  margin-bottom: 30px;\n  padding: 24px 30px;\n}\n\nlabel {\n  color: $gray;\n  font-size: 11px;\n  margin: 0 2px 4px;\n  text-transform: uppercase;\n  float: left;\n  &.right {\n    float: right;\n  }\n}\n\n.button {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  background-color: $primary;\n  border-radius: $input_border_radius;\n  border: none;\n  box-sizing: border-box;\n  color: #fff;\n  cursor: pointer;\n  display: inline-block;\n  font-weight: 600;\n  height: $input_height;\n  line-height: $input_height;\n  outline: none;\n  padding: 0 24px;\n  text-align: center;\n  text-decoration: none;\n  -webkit-transition: all 0.2s ease-in-out;\n  transition: all 0.2s ease-in-out;\n  white-space: nowrap;\n  width: auto;\n  &:hover, &:focus {\n    background-color: darken($primary, 4%);\n  }\n  &:active {\n    background-color: darken($primary, 8%);\n  }\n  &.light {\n    background-color: #fff;\n    border: 1px solid $gray_light;\n    color: $primary;\n    line-height: $input_height - 2;\n    margin-left: 24px;\n    &:hover {\n      border-color: darken($gray_light, 5%);\n    }\n    &:active, &:focus {\n      border-color: $primary_light;\n    }\n  }\n  @media screen and (max-width: 360px) {\n    width: 100%;\n    &.light {\n      margin: 18px 0 0;\n    }\n  }\n}\n\n\n.header {\n  text-align: center;\t\n  margin-bottom: 60px;\n  @media screen and (min-width: 600px) {\n    padding: 0 18px;\n  }\n  p {\n    color: $gray;\n    font-size: 18px;\n    margin-bottom: 36px;\n  }\n}\n\n.footer {\n  text-align: center;\n  p {\n    margin-bottom: 90px;\n  }\n}\n\n.credit {\n  color: $gray;\n  clear: both;\n  font-size: $font_size_small;\n  margin-top: 90px;\n}\n"],"names":[],"sourceRoot":""}