{"version":3,"file":"css/style.css","mappings":"AAOA,6CAEE,kBACA,aCRY,CDSZ,aACA,gBACA,WACA,gBACA,gBACA,kBACA,oBACA,iBACA,cACA,kCACA,eACA,iBAIF,sBACE,kBACA,gBACA,cAGF,uDAEE,kBC/Be,CDmCjB,iCACE,kBAGF,yDAIE,aC1CO,CD6CT,mBACE,WAGF,WACE,WAGF,qGAOE,cAGF,0FAME,cAGF,0FAKE,cACA,8BAGF,+CAGE,aCnFO,CDsFT,gBACE,cAGF,8CAGE,WAGF,6BAEE,iBAGF,cACE,kBAGF,cACE,YCnEF,KACE,mCACA,kCACA,aAvBU,CAwBV,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,aA5DK,CA6DL,aACA,qBACA,uCACA,+BACA,sCAEA,0CAEE,gCAIJ,YACE,qCAGF,WACE,sBACA,eAGF,KAEE,wBArFa,CAsFb,kBACA,mBACA,kBAjFA,uBAEE,WACA,cAEF,WACE,WA8EJ,MACE,aA9FK,CA+FL,eACA,iBACA,yBACA,WAEA,YACE,YAIJ,QACE,0CACA,wBAxGK,CAyGL,iBA1HoB,CA2HpB,YACA,sBACA,WACA,eACA,qBACA,gBACA,WAhIa,CAiIb,gBAjIa,CAkIb,aACA,eACA,kBACA,qBACA,uCACA,+BACA,mBACA,WAEA,4BAEE,kEAGF,eACE,kEAGF,cACE,sBACA,yBACA,aAvIG,CAwIH,iBACA,iBAEA,oBACE,6CAGF,yCAEE,oBAhJO,CAoJX,qCA/CF,QAgDI,WAEA,cACE,iBAKN,QACE,kBACA,mBAEA,qCAJF,QAKI,gBAGF,UACE,aA1KG,CA2KH,eACA,mBAIJ,QACE,kBAEA,UACE,mBAIJ,QACE,aAzLK,CA0LL,WACA,cA3MgB,CA4MhB,gB","sources":["webpack://NiceSelect/./src/scss/_prism.scss","webpack://NiceSelect/./src/scss/style.scss"],"sourcesContent":["@use \"sass:color\";\r\n\r\n$gray_dark: #445870 !default;\r\n$gray_lighter: #f6f7f9 !default;\r\n$gray: #90a1b5 !default;\r\n$blue: #55a1fb !default;\r\n\r\ncode[class*=\"language-\"],\r\npre[class*=\"language-\"] {\r\n  border-radius: 2px;\r\n  color: $gray_dark;\r\n  hyphens: none;\r\n  line-height: 1.5;\r\n  tab-size: 4;\r\n  text-align: left;\r\n  white-space: pre;\r\n  word-break: normal;\r\n  word-spacing: normal;\r\n  word-wrap: normal;\r\n  direction: ltr;\r\n  font-family: Inconsolata, monospace;\r\n  font-size: 13px;\r\n  letter-spacing: 0;\r\n}\r\n\r\n/* Code blocks */\r\npre[class*=\"language-\"] {\r\n  padding: 18px 24px;\r\n  margin: 0 0 24px;\r\n  overflow: auto;\r\n}\r\n\r\n:not(pre) > code[class*=\"language-\"],\r\npre[class*=\"language-\"] {\r\n  background: $gray_lighter;\r\n}\r\n\r\n/* Inline code */\r\n:not(pre) > code[class*=\"language-\"] {\r\n  padding: 0 2px 1px;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n  color: $gray;\r\n}\r\n\r\n.token.punctuation {\r\n  color: #999;\r\n}\r\n\r\n.namespace {\r\n  opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n  color: #ec4444;\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.inserted {\r\n  color: #4abf60;\r\n}\r\n\r\n.token.operator,\r\n.token.entity,\r\n.token.url,\r\n.language-css .token.string,\r\n.style .token.string {\r\n  color: #a67f59;\r\n  background: color.adjust(#fff, $alpha: -0.5);\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n  color: $blue;\r\n}\r\n\r\n.token.function {\r\n  color: #dd4a68;\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n  color: #e90;\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n  font-weight: bold;\r\n}\r\n\r\n.token.italic {\r\n  font-style: italic;\r\n}\r\n\r\n.token.entity {\r\n  cursor: help;\r\n}","@use \"sass:color\";\r\n@use \"./prism\" with (\r\n  $gray_dark: #445870,\r\n  $gray_lighter: #f6f7f9,\r\n  $gray: #90a1b5,\r\n  $blue: #55a1fb\r\n);\r\n// Default variables\r\n$font_size: 14px !default;\r\n$font_size_small: 12px !default;\r\n\r\n$input_border_radius: 5px !default;\r\n$input_height: 38px !default;\r\n$input_height_small: 36px !default;\r\n$dropdown_padding: 18px !default;\r\n\r\n$gray_dark: #444 !default;\r\n$gray: #999 !default;\r\n$gray_light: #e8e8e8 !default;\r\n$gray_lighter: #f6f6f6 !default;\r\n$primary_light: $gray !default;\r\n$arrow_color: $gray !default;\r\n\r\n// Override defaults\r\n$gray_dark: #445870;\r\n$gray: #90a1b5;\r\n$gray_light: #e0e7ee;\r\n$gray_lighter: #f6f7f9;\r\n$blue: #55a1fb;\r\n$blue_light: #88bfff;\r\n$primary: $blue;\r\n$primary_light: $blue_light;\r\n\r\n@mixin clearfix() {\r\n  &:before,\r\n  &:after {\r\n    content: \"\";\r\n    display: table;\r\n  }\r\n  &:after {\r\n    clear: both;\r\n  }\r\n}\r\n\r\nbody {\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  color: $gray_dark;\r\n  font-family: \"Work Sans\", sans-serif;\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  letter-spacing: -0.25px;\r\n  margin: 0;\r\n  padding: 0 18px;\r\n}\r\n\r\np {\r\n  line-height: 1.6;\r\n  margin: 0 0 1.6em;\r\n}\r\n\r\nh1 {\r\n  font-size: 36px;\r\n  font-weight: 300;\r\n  letter-spacing: -2px;\r\n  margin: 0 0 24px;\r\n}\r\n\r\nh2 {\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  margin: 0 0 12px;\r\n  padding-top: 48px;\r\n}\r\n\r\nh3 {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  margin: 0 0 12px;\r\n  padding-top: 12px;\r\n}\r\n\r\nul {\r\n  margin: 0;\r\n  padding-left: 16px;\r\n}\r\n\r\na:not(.button) {\r\n  color: $primary;\r\n  outline: none;\r\n  text-decoration: none;\r\n  -webkit-transition: all 0.2s ease-in-out;\r\n  transition: all 0.2s ease-in-out;\r\n  border-bottom: 1px solid transparent;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    border-bottom: 1px solid $primary_light;\r\n  }\r\n}\r\n\r\n::selection {\r\n  background: color.adjust($gray_lighter, $lightness: -1%);\r\n}\r\n\r\n.container {\r\n  margin: 96px auto 60px;\r\n  max-width: 40em;\r\n}\r\n\r\n.box {\r\n  @include clearfix;\r\n  background-color: $gray_lighter;\r\n  border-radius: 2px;\r\n  margin-bottom: 30px;\r\n  padding: 24px 30px;\r\n}\r\n\r\nlabel {\r\n  color: $gray;\r\n  font-size: 11px;\r\n  margin: 0 2px 4px;\r\n  text-transform: uppercase;\r\n  float: left;\r\n\r\n  &.right {\r\n    float: right;\r\n  }\r\n}\r\n\r\n.button {\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n  background-color: $primary;\r\n  border-radius: $input_border_radius;\r\n  border: none;\r\n  box-sizing: border-box;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-weight: 600;\r\n  height: $input_height;\r\n  line-height: $input_height;\r\n  outline: none;\r\n  padding: 0 24px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  -webkit-transition: all 0.2s ease-in-out;\r\n  transition: all 0.2s ease-in-out;\r\n  white-space: nowrap;\r\n  width: auto;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    background-color: color.adjust($primary, $lightness: -4%);\r\n  }\r\n\r\n  &:active {\r\n    background-color: color.adjust($primary, $lightness: -8%);\r\n  }\r\n\r\n  &.light {\r\n    background-color: #fff;\r\n    border: 1px solid $gray_light;\r\n    color: $primary;\r\n    line-height: $input_height - 2;\r\n    margin-left: 24px;\r\n\r\n    &:hover {\r\n      border-color: color.adjust($gray_light, $lightness: -5%);\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      border-color: $primary_light;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 360px) {\r\n    width: 100%;\r\n\r\n    &.light {\r\n      margin: 18px 0 0;\r\n    }\r\n  }\r\n}\r\n\r\n.header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n\r\n  @media screen and (min-width: 600px) {\r\n    padding: 0 18px;\r\n  }\r\n\r\n  p {\r\n    color: $gray;\r\n    font-size: 18px;\r\n    margin-bottom: 36px;\r\n  }\r\n}\r\n\r\n.footer {\r\n  text-align: center;\r\n\r\n  p {\r\n    margin-bottom: 90px;\r\n  }\r\n}\r\n\r\n.credit {\r\n  color: $gray;\r\n  clear: both;\r\n  font-size: $font_size_small;\r\n  margin-top: 90px;\r\n}"],"names":[],"sourceRoot":""}