{"version":3,"sources":["/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/dropdown/dropdown.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/drawer/drawer.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/base/settings.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/shortcuts-bar/shortcuts-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/base/units.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/tooltip/tooltip.scss","tooltip.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/tab-bar/tab-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/sidebar/sidebar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/search-bar/search-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/arrow-button/arrow-button.scss","dropdown.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/main/actions-bar/actions-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/placeholder/placeholder.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/assets/asset/asset.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/assets/assets.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/main/main.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/code-block/code-block.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/pane/pane.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/status-button/status-button.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/app/app.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/reset.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/elements/general.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/elements/focus-ring.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/elements/scroll.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/components/button.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/components/range.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/utils.scss"],"names":[],"mappings":"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","file":"main.f3aef49e.chunk.css","sourcesContent":["@import '../../styles/base/index';\n\n$dropdown-color: $white;\n$dropdown-offset: rem(10px);\n$dropdown-translate-offset: rem(8px);\n$dropdown-arrow-size: rem(14px);\n$dropdown-arrow-offset: -$dropdown-arrow-size / 2 + rem(1px);\n\n$dropdown-content-shadow: 0 0 1px 1px hsla(232, 50%, 5%, 0.08),\n  0 rem(2px) rem(12px) hsla(232, 50%, 5%, 0.12);\n$dropdown-arrow-shadow: 0 0 1px 1px hsla(232, 50%, 5%, 0.08),\n  0 0 rem(12px) hsla(232, 50%, 5%, 0.12);\n\n.dropdown {\n  z-index: $z-index-dropdown;\n}\n\n.dropdown__content {\n  position: relative;\n  background-color: $dropdown-color;\n  border-radius: $border-radius;\n  box-shadow: $dropdown-content-shadow;\n  will-change: transform, opacity;\n\n  [data-placement*='top'] > & {\n    margin-bottom: $dropdown-offset;\n  }\n\n  [data-placement*='right'] > & {\n    margin-left: $dropdown-offset;\n  }\n\n  [data-placement*='bottom'] > & {\n    margin-top: $dropdown-offset;\n  }\n\n  [data-placement*='left'] > & {\n    margin-right: $dropdown-offset;\n  }\n}\n\n.dropdown__arrow {\n  position: absolute;\n  height: $dropdown-arrow-size;\n  width: $dropdown-arrow-size;\n  transform: rotate(45deg);\n  border-radius: rem(2px);\n  box-shadow: $dropdown-arrow-shadow;\n  background-color: $dropdown-color;\n  z-index: -1;\n\n  [data-placement*='top'] & {\n    bottom: 0;\n    margin-bottom: $dropdown-arrow-offset;\n  }\n\n  [data-placement*='right'] & {\n    left: 0;\n    margin-left: $dropdown-arrow-offset;\n  }\n\n  [data-placement*='bottom'] & {\n    top: 0;\n    margin-top: $dropdown-arrow-offset;\n  }\n\n  [data-placement*='left'] & {\n    right: 0;\n    margin-right: $dropdown-arrow-offset;\n  }\n}\n\n.dropdown__list {\n  padding: $gutter-half;\n  border-radius: $border-radius;\n  background-color: $white;\n}\n\n.dropdown__item {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  height: rem(34px);\n  padding: 0 rem(14px) 0 rem(4px);\n  border-radius: $border-radius;\n  color: hsl(232, 16%, 50%);\n  cursor: pointer;\n\n  &:hover {\n    background: hsl(232, 50%, 95%);\n    color: hsl(232, 40%, 54%);\n  }\n\n  &:active {\n    background-color: hsl(232, 30%, 90%);\n    color: hsl(232, 40%, 54%);\n  }\n\n  &:before {\n    content: '';\n    width: rem(14px);\n    margin-right: rem(4px);\n    font-size: rem(20px);\n    text-align: center;\n    color: hsl(158, 63%, 45%);\n  }\n\n  &.is-active:before {\n    content: '●';\n  }\n}\n","@import '../../styles/base/index';\n\n.drawer {\n  display: flex;\n  position: fixed;\n  z-index: $z-index-modal;\n  will-change: transform;\n\n  &--top {\n    top: 0;\n    left: 0;\n    right: 0;\n  }\n\n  &--bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n\n  &--left {\n    top: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  &--right {\n    top: 0;\n    bottom: 0;\n    right: 0;\n  }\n}\n\n.drawer__overlay {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: hsla(232, 50%, 5%, 0.8);\n  z-index: $z-index-modal-overlay;\n  will-change: opacity;\n}\n","/* Components */\n\n$asset-size: rem(64px);\n$scroll-size: rem(6px);\n$scroll-thumb-color: hsl(232, 20%, 86%);\n\n/* Layout */\n\n$gutter: rem(16px);\n$gutter-half: $gutter / 2;\n$layout-min-width: rem(400px);\n$layout-min-height: 100vh;\n\n$breakpoint-sm: rem(700px);\n$breakpoint-md: rem(960px);\n$breakpoint-lg: rem(1200px);\n$breakpoint-xl: rem(1300px);\n\n/* Colors */\n\n$white: #fff;\n$black: hsl(232, 20%, 10%);\n$dark-gray: hsl(232, 20%, 24%);\n\n/* Font weights */\n\n$book: 400;\n$semi-bold: 500;\n$bold: 700;\n\n/* Base styles */\n\n$font-family: 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;\n$font-size: 1rem;\n$font-weight: $book;\n$line-height: 1.2;\n$text-color: hsl(233, 16%, 51%);\n$background-color: $white;\n$border-radius: rem(4px);\n\n/* z-index */\n\n$z-index-modal-overlay: 1010;\n$z-index-modal: 1020;\n$z-index-dropdown: 1040;\n$z-index-tooltip: 1050;\n","@import '../../styles/base/index';\n\n.shortcuts-bar {\n  flex: 1;\n  background-color: hsl(232, 100%, 98%);\n  padding: $gutter * 3;\n}\n\n.shortcuts-bar__close {\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: $gutter * 1.6;\n  opacity: 0.4;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n  }\n}\n\n.shortcuts-bar__title {\n  margin-bottom: $gutter * 3;\n  font-size: rem(24px);\n  text-align: center;\n  color: hsl(232, 20%, 24%);\n}\n\n.shortcuts-bar__list {\n  max-width: rem(600px);\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: $gutter $gutter * 2;\n}\n\n.shortcuts-bar__item {\n  display: flex;\n  align-items: center;\n}\n\n.shortcuts-bar__keys {\n  width: rem(80px);\n  margin-right: $gutter;\n  text-align: right;\n}\n\n.shortcuts-bar__key {\n  display: inline-block;\n  min-width: rem(40px);\n  padding: rem(10px) rem(14px);\n  border-radius: $border-radius;\n  background-color: hsl(232, 16%, 24%);\n  background-image: -webkit-gradient(\n    linear,\n    0% 0%,\n    0% 100%,\n    from(hsl(232, 16%, 32%)),\n    to(hsl(232, 16%, 24%))\n  );\n  font-family: $font-family;\n  font-weight: $book;\n  color: $white;\n  text-align: center;\n  text-transform: capitalize;\n}\n","/* Units functions */\n\n$default-context: 16px;\n\n@function rem($pixels, $context: $default-context) {\n  @return $pixels / $context * 1rem;\n}\n\n@function em($pixels, $context: $default-context) {\n  @return $pixels / $context * 1em;\n}\n","@import '../../styles/base/index';\n\n$tooltip-color: hsl(232, 32%, 26%);\n$tooltip-offset: rem(10px);\n$tooltip-translate-offset: rem(8px);\n$tooltip-arrow-size: rem(10px);\n$tooltip-arrow-offset: -$tooltip-arrow-size / 2 + rem(1px);\n\n.tooltip {\n  z-index: $z-index-tooltip;\n}\n\n.tooltip__content {\n  position: relative;\n  padding: rem(8px) rem(10px);\n  background-color: $tooltip-color;\n  border-radius: $border-radius;\n  color: $white;\n  will-change: transform, opacity;\n\n  [data-placement*='top'] > & {\n    margin-bottom: $tooltip-offset;\n  }\n\n  [data-placement*='right'] > & {\n    margin-left: $tooltip-offset;\n  }\n\n  [data-placement*='bottom'] > & {\n    margin-top: $tooltip-offset;\n  }\n\n  [data-placement*='left'] > & {\n    margin-right: $tooltip-offset;\n  }\n}\n\n.tooltip__arrow {\n  position: absolute;\n  height: $tooltip-arrow-size;\n  width: $tooltip-arrow-size;\n  transform: rotate(45deg);\n  border-radius: rem(1px);\n  background-color: $tooltip-color;\n  z-index: -1;\n\n  [data-placement*='top'] & {\n    bottom: 0;\n    margin-bottom: $tooltip-arrow-offset;\n  }\n\n  [data-placement*='right'] & {\n    left: 0;\n    margin-left: $tooltip-arrow-offset;\n  }\n\n  [data-placement*='bottom'] & {\n    top: 0;\n    margin-top: $tooltip-arrow-offset;\n  }\n\n  [data-placement*='left'] & {\n    right: 0;\n    margin-right: $tooltip-arrow-offset;\n  }\n}\n","/* Units functions */\n/* Components */\n/* Layout */\n/* Colors */\n/* Font weights */\n/* Base styles */\n/* z-index */\n.tooltip {\n  z-index: 1050; }\n\n.tooltip__content {\n  position: relative;\n  padding: 0.5rem 0.625rem;\n  background-color: #2d3358;\n  border-radius: 0.25rem;\n  color: #fff;\n  will-change: transform, opacity; }\n  [data-placement*='top'] > .tooltip__content {\n    margin-bottom: 0.625rem; }\n  [data-placement*='right'] > .tooltip__content {\n    margin-left: 0.625rem; }\n  [data-placement*='bottom'] > .tooltip__content {\n    margin-top: 0.625rem; }\n  [data-placement*='left'] > .tooltip__content {\n    margin-right: 0.625rem; }\n\n.tooltip__arrow {\n  position: absolute;\n  height: 0.625rem;\n  width: 0.625rem;\n  transform: rotate(45deg);\n  border-radius: 0.0625rem;\n  background-color: #2d3358;\n  z-index: -1; }\n  [data-placement*='top'] .tooltip__arrow {\n    bottom: 0;\n    margin-bottom: -0.25rem; }\n  [data-placement*='right'] .tooltip__arrow {\n    left: 0;\n    margin-left: -0.25rem; }\n  [data-placement*='bottom'] .tooltip__arrow {\n    top: 0;\n    margin-top: -0.25rem; }\n  [data-placement*='left'] .tooltip__arrow {\n    right: 0;\n    margin-right: -0.25rem; }\n","@import '../../styles/base/index';\n\n$tab-bar-gutter: rem(6px);\n$tab-bar-gutter-sm: rem(10px);\n\n.tab-bar {\n  display: flex;\n  flex-direction: row;\n  padding: $tab-bar-gutter;\n  align-items: center;\n  background-color: hsl(232, 39%, 51%);\n\n  @media screen and (min-width: $breakpoint-sm) {\n    flex-direction: column;\n    padding: $tab-bar-gutter-sm;\n  }\n}\n\n.tab-bar__logo {\n  margin: 0 $gutter 0 rem(10px);\n  transition: opacity 250ms ease-out;\n  will-change: opacity;\n\n  &:hover {\n    opacity: 0.75;\n  }\n\n  svg {\n    width: rem(20px);\n  }\n\n  @media screen and (min-width: $breakpoint-sm) {\n    margin: rem(10px) 0 rem(24px);\n\n    svg {\n      width: rem(24px);\n    }\n  }\n}\n\n.tab-bar__section {\n  display: flex;\n  flex-direction: row;\n\n  &:last-child {\n    margin-left: auto;\n  }\n\n  @media screen and (min-width: $breakpoint-sm) {\n    display: flex;\n    flex-direction: column;\n\n    &:last-child {\n      margin-top: auto;\n    }\n  }\n}\n\n.tab-bar__item {\n  &:not(:last-child) {\n    margin-right: $tab-bar-gutter;\n  }\n\n  @media screen and (min-width: $breakpoint-sm) {\n    &:not(:last-child) {\n      margin-right: 0;\n      margin-bottom: $tab-bar-gutter-sm;\n    }\n  }\n}\n\n.tab-bar__tab {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: rem(36px);\n  width: rem(36px);\n  border-radius: $border-radius;\n  color: hsl(232, 100%, 92%);\n  transition: background-color 200ms ease-out, color 200ms ease-out,\n    transform 200ms ease-out;\n\n  &:hover {\n    background-color: hsla(0, 0%, 100%, 0.1);\n    color: hsl(232, 100%, 97%);\n  }\n\n  &:active {\n    transform: scale(0.95);\n    color: hsl(232, 100%, 98%);\n  }\n\n  &.is-active {\n    background-color: hsla(0, 0%, 100%, 0.15);\n    color: hsl(232, 100%, 98%);\n  }\n\n  @media screen and (min-width: $breakpoint-sm) {\n    height: rem(41px);\n    width: rem(41px);\n  }\n}\n","@import '../../styles/base/index';\n\n.sidebar {\n  width: rem(238px);\n  padding: $gutter;\n  padding-right: $gutter - $scroll-size;\n  overflow-y: scroll;\n  background-color: hsl(232, 17%, 96%);\n\n  &::-webkit-scrollbar-thumb {\n    background-color: transparent;\n  }\n\n  &:hover::-webkit-scrollbar-thumb {\n    background-color: $scroll-thumb-color;\n  }\n}\n\n.sidebar__section {\n  &:not(:first-child) {\n    margin-top: rem(12px);\n  }\n}\n\n.sidebar__title {\n  padding: rem(12px);\n  font-size: rem(13px);\n  letter-spacing: rem(1.2px);\n  text-transform: uppercase;\n  font-weight: $semi-bold;\n  color: hsl(232, 20%, 44%);\n}\n\n.sidebar__item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: rem(40px);\n  padding: 0 rem(12px);\n  border-radius: $border-radius;\n  color: hsl(232, 20%, 45%);\n  transition: background-color 200ms ease-out;\n\n  &:hover {\n    background-color: hsl(232, 27%, 93%);\n  }\n\n  &.is-active {\n    background-color: hsl(232, 27%, 92%);\n    color: hsl(232, 35%, 48%);\n  }\n\n  &:active {\n    background-color: hsl(232, 27%, 90%);\n    color: hsl(232, 24%, 35%);\n  }\n}\n\n.sidebar__icon {\n  flex-shrink: 0;\n  margin-right: rem(10px);\n  opacity: 0.9;\n}\n\n.sidebar__text {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n","@import '../../styles/base/index';\n\n.search-bar {\n  position: relative;\n  height: rem(38px);\n  width: 100%;\n  max-width: 280px;\n  border-radius: $border-radius;\n}\n\n.search-bar__label {\n  position: absolute;\n  top: 51%;\n  left: rem(14px);\n  transform: translateY(-50%);\n  color: hsl(232, 16%, 59%);\n  z-index: 150;\n  cursor: text;\n}\n\n.search-bar__input {\n  width: 100%;\n  padding: 0 rem(40px);\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  color: hsl(232, 16%, 50%);\n  background-color: hsl(232, 20%, 96%);\n  border: 2px solid transparent;\n  border-radius: $border-radius;\n  transition: all 200ms ease-out;\n\n  &:hover {\n    background-color: hsl(232, 20%, 94%);\n    color: hsl(232, 20%, 48%);\n  }\n\n  &:focus {\n    border-color: hsl(232, 75%, 68%);\n    background-color: $white;\n    color: hsl(232, 24%, 48%);\n  }\n\n  &::placeholder {\n    color: hsl(232, 16%, 50%);\n  }\n\n  &:focus::placeholder {\n    color: hsl(232, 15%, 80%);\n  }\n}\n\n.search-bar__reset {\n  position: absolute;\n  top: 50%;\n  right: rem(8px);\n  transform: translateY(-50%);\n  color: hsl(232, 26%, 60%);\n  opacity: 0.4;\n  z-index: 150;\n  transition: all 200ms ease-out;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  &:active {\n    color: hsl(232, 26%, 40%);\n  }\n\n  svg {\n    max-width: rem(20px);\n  }\n}\n","@import '../../styles/base/index';\n\n.arrow-button__icon {\n  margin-top: rem(3px);\n  margin-left: rem(8px);\n  opacity: 0.85;\n}\n","@charset \"UTF-8\";\n/* Units functions */\n/* Components */\n/* Layout */\n/* Colors */\n/* Font weights */\n/* Base styles */\n/* z-index */\n.dropdown {\n  z-index: 1040; }\n\n.dropdown__content {\n  position: relative;\n  background-color: #fff;\n  border-radius: 0.25rem;\n  box-shadow: 0 0 1px 1px rgba(6, 8, 19, 0.08), 0 0.125rem 0.75rem rgba(6, 8, 19, 0.12);\n  will-change: transform, opacity; }\n  [data-placement*='top'] > .dropdown__content {\n    margin-bottom: 0.625rem; }\n  [data-placement*='right'] > .dropdown__content {\n    margin-left: 0.625rem; }\n  [data-placement*='bottom'] > .dropdown__content {\n    margin-top: 0.625rem; }\n  [data-placement*='left'] > .dropdown__content {\n    margin-right: 0.625rem; }\n\n.dropdown__arrow {\n  position: absolute;\n  height: 0.875rem;\n  width: 0.875rem;\n  transform: rotate(45deg);\n  border-radius: 0.125rem;\n  box-shadow: 0 0 1px 1px rgba(6, 8, 19, 0.08), 0 0 0.75rem rgba(6, 8, 19, 0.12);\n  background-color: #fff;\n  z-index: -1; }\n  [data-placement*='top'] .dropdown__arrow {\n    bottom: 0;\n    margin-bottom: -0.375rem; }\n  [data-placement*='right'] .dropdown__arrow {\n    left: 0;\n    margin-left: -0.375rem; }\n  [data-placement*='bottom'] .dropdown__arrow {\n    top: 0;\n    margin-top: -0.375rem; }\n  [data-placement*='left'] .dropdown__arrow {\n    right: 0;\n    margin-right: -0.375rem; }\n\n.dropdown__list {\n  padding: 0.5rem;\n  border-radius: 0.25rem;\n  background-color: #fff; }\n\n.dropdown__item {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  height: 2.125rem;\n  padding: 0 0.875rem 0 0.25rem;\n  border-radius: 0.25rem;\n  color: #6b7194;\n  cursor: pointer; }\n  .dropdown__item:hover {\n    background: #eceef9;\n    color: #5b67b9; }\n  .dropdown__item:active {\n    background-color: #dee0ed;\n    color: #5b67b9; }\n  .dropdown__item:before {\n    content: '';\n    width: 0.875rem;\n    margin-right: 0.25rem;\n    font-size: 1.25rem;\n    text-align: center;\n    color: #2abb86; }\n  .dropdown__item.is-active:before {\n    content: '●'; }\n","@import '../../../styles/base/index';\n\n.actions-bar {\n  display: flex;\n  position: sticky;\n  top: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: $gutter-half;\n  background-color: $white;\n  box-shadow: 0 1px 5px hsla(232, 40%, 50%, 0.1);\n\n  @media screen and (min-width: $breakpoint-sm) {\n    padding: $gutter;\n  }\n}\n\n.actions-bar__section {\n  display: flex;\n  align-items: center;\n\n  &:not(:last-child) {\n    margin-right: $gutter-half;\n    flex: 1;\n\n    @media screen and (min-width: $breakpoint-sm) {\n      margin-right: $gutter;\n    }\n  }\n}\n\n.actions-bar__item {\n  &:not(:last-child) {\n    margin-right: $gutter-half;\n\n    @media screen and (min-width: $breakpoint-sm) {\n      margin-right: $gutter;\n    }\n  }\n}\n","@import '../../styles/base/index';\n\n.placeholder {\n  display: flex;\n  flex-flow: column;\n  align-items: center;\n  justify-content: center;\n  color: hsl(232, 13%, 60%);\n}\n\n.placeholder__icon {\n  margin-bottom: rem(16px);\n}\n\n.placeholder__title {\n  margin-bottom: rem(6px);\n  font-size: rem(16px);\n  font-weight: $semi-bold;\n  text-transform: capitalize;\n  color: hsl(232, 28%, 60%);\n}\n\n.placeholder__text {\n  max-width: rem(500px);\n  overflow: hidden;\n  font-size: rem(16px);\n  line-height: 2;\n  text-align: center;\n  text-overflow: ellipsis;\n  color: hsl(232, 22%, 62%);\n\n  b {\n    display: inline-block;\n    margin: 0 rem(2px);\n    padding: 0 rem(6px);\n    line-height: 1.3;\n    border-radius: $border-radius;\n    border: 1px solid hsl(232, 18%, 80%);\n    white-space: nowrap;\n  }\n}\n","@import '../../../styles/base/index';\n\n.asset {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: $asset-size;\n  width: $asset-size;\n  overflow: hidden;\n  border: 3px solid transparent;\n  border-radius: $border-radius;\n  color: hsl(232, 20%, 26%);\n\n  &:hover {\n    background-color: hsl(232, 32%, 96%);\n  }\n\n  &:active {\n    color: $black;\n  }\n\n  &.is-active {\n    border-color: hsl(232, 52%, 60%);\n    background-color: hsl(232, 32%, 96%);\n  }\n\n  svg {\n    height: rem(32px);\n    max-height: 50%;\n    min-height: 50%;\n    min-width: 50%;\n  }\n}\n","@import '../../styles/base/index';\n\n.assets {\n  flex: 1;\n  overflow: hidden;\n\n  &--placeholder {\n    display: flex;\n    overflow-y: hidden;\n    margin-top: rem(-64px);\n  }\n}\n\n.assets__section {\n  margin-bottom: $gutter;\n}\n\n.assets__header {\n  display: flex;\n  align-items: center;\n  margin: 0 0 $gutter;\n  padding: $gutter-half $gutter;\n  border-radius: $border-radius;\n  background-color: hsl(232, 30%, 97%);\n  color: hsl(232, 16%, 58%);\n}\n\n.assets__title {\n  display: flex;\n  align-items: center;\n  font-size: rem(13px);\n  letter-spacing: rem(1.2px);\n  text-transform: uppercase;\n  font-weight: $semi-bold;\n}\n\n.assets__header-icon {\n  margin-right: rem(10px);\n  opacity: 0.9;\n}\n\n.assets__count {\n  margin-left: auto;\n  font-size: rem(14px);\n  white-space: nowrap;\n}\n\n.assets__list {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax($asset-size, 1fr));\n  grid-template-rows: repeat(auto-fill, $asset-size);\n}\n","@import '../../styles/base/index';\n\n.main {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n","@import '../../styles/base/index';\n\n.code-block {\n  margin: 0;\n  padding: $gutter;\n  overflow: auto;\n  overflow-x: scroll;\n  background-color: hsl(232, 44%, 99%);\n  border-radius: $border-radius;\n  border: 1px solid hsl(232, 23%, 94%);\n  font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n  font-size: 14px;\n  color: #333;\n  text-align: left;\n  line-height: 1.4;\n  white-space: pre;\n  word-spacing: normal;\n  hyphens: none;\n  direction: ltr;\n  tab-size: 4;\n  user-select: text;\n\n  &::-webkit-scrollbar {\n    height: rem(2px);\n  }\n\n  & * {\n    user-select: text;\n  }\n\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: #969896;\n  }\n\n  .token.punctuation {\n    color: hsl(232, 16%, 51%);\n  }\n\n  .token.string,\n  .token.atrule,\n  .token.attr-value {\n    color: hsl(158, 60%, 40%);\n  }\n\n  .token.variable {\n    color: hsl(232, 45%, 51%);\n  }\n\n  .token.property,\n  .token.tag {\n    color: #63a35c;\n  }\n\n  .token.boolean,\n  .token.number {\n    color: #0086b3;\n  }\n\n  .token.selector,\n  .token.attr-name,\n  .token.attr-value .punctuation:first-child,\n  .token.keyword,\n  .token.regex,\n  .token.important {\n    color: #795da3;\n  }\n\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .language-css .token.string {\n    color: #a71d5d;\n  }\n\n  .namespace {\n    opacity: 0.7;\n  }\n}\n\n.code-block.line-numbers {\n  position: relative;\n  padding-left: $gutter * 2;\n  counter-reset: linenumber;\n\n  code {\n    position: relative;\n    white-space: inherit;\n  }\n\n  .line-numbers-rows {\n    position: absolute;\n    pointer-events: none;\n    top: 0;\n    left: -$gutter * 2.4;\n    width: 3em; // works for line-numbers below 1000 lines\n    letter-spacing: -1px;\n    user-select: none;\n  }\n\n  .line-numbers-rows > span {\n    pointer-events: none;\n    display: block;\n    counter-increment: linenumber;\n  }\n\n  .line-numbers-rows > span:before {\n    content: counter(linenumber);\n    color: rgba(27, 31, 35, 0.2);\n    display: block;\n    padding-right: 0.8em;\n    text-align: right;\n  }\n}\n","@import '../../styles/base/index';\n\n.pane {\n  display: flex;\n  flex-direction: column;\n  width: rem(300px);\n  background-color: $white;\n  border-left: 1px solid hsl(232, 10%, 90%);\n  overflow-y: auto;\n\n  .drawer > & {\n    border: 0;\n  }\n\n  @media screen and (min-width: $breakpoint-xl) {\n    width: rem(320px);\n  }\n}\n\n.pane__file {\n  display: flex;\n  align-items: center;\n  color: hsl(232, 20%, 52%);\n}\n\n.pane__file-icon {\n  flex-shrink: 0;\n  margin-right: rem(6px);\n  opacity: 0.9;\n}\n\n.pane__file-name {\n  margin-right: $gutter;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.pane__header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: rem(50px);\n  border-top: 1px solid hsl(232, 38%, 94%);\n  border-bottom: 1px solid hsl(232, 38%, 94%);\n  background-color: hsl(232, 36%, 98%);\n  padding: rem(11px) $gutter;\n}\n\n.pane__title {\n  font-size: rem(13px);\n  letter-spacing: rem(1.2px);\n  text-transform: uppercase;\n  font-weight: $semi-bold;\n  color: hsl(232, 16%, 51%);\n}\n\n.pane__content {\n  padding: rem(20px) $gutter;\n\n  .pane__section--footer & {\n    padding: $gutter;\n  }\n}\n\n.pane__preview {\n  min-height: rem(122px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h6v6H0V0zm6 6h6v6H6V6z' fill='%23F3F4F8' fill-rule='evenodd'/%3E%3C/svg%3E\");\n  border-radius: $border-radius;\n  border: 1px solid hsl(232, 23%, 94%);\n  overflow: hidden;\n  color: hsl(232, 21%, 28%);\n\n  svg {\n    width: rem(36px);\n    height: rem(36px);\n  }\n}\n\n.pane__section {\n  &--footer {\n    margin-top: auto;\n    border-top: 1px solid hsl(232, 38%, 94%);\n  }\n}\n\n.pane__info-item {\n  display: flex;\n  margin-bottom: $gutter;\n  justify-content: space-between;\n}\n\n.pane__info-title {\n  margin-right: rem(6px);\n  flex-grow: 1;\n  flex-shrink: 0;\n  color: hsl(232, 16%, 60%);\n  text-transform: capitalize;\n}\n\n.pane__info-text {\n  max-width: rem(130px);\n  text-align: right;\n  color: hsl(232, 16%, 50%);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pane__range {\n  position: absolute !important;\n  top: 0;\n  right: $gutter;\n  max-width: 100px;\n  height: 100%;\n}\n","@import '../../styles/base/index';\n\n.status-button {\n  position: relative;\n}\n\n.status-button__icon {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    opacity: 1;\n  }\n}\n","@import '../../styles/base/index';\n\n.app {\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  animation: app-fade-in 200ms ease-out;\n\n  &--placeholder {\n    animation: app-fade-in 1000ms ease-out;\n    background-color: hsl(232, 100%, 97%);\n  }\n\n  @media screen and (min-width: $breakpoint-sm) {\n    &:not(.app--placeholder) {\n      flex-direction: row;\n    }\n  }\n}\n\n@keyframes app-fade-in {\n  0% {\n    opacity: 0;\n  }\n}\n","/* Minimal reset */\n\nhtml {\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n}\n\n*,\n*:before,\n*:after {\n  box-sizing: inherit;\n}\n\n* {\n  user-select: none;\n  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\ninput[type],\n[contenteditable] {\n  user-select: text;\n}\n\nbody,\np,\nh1,\nh2,\nh3,\nh4 {\n  margin: 0;\n  padding: 0;\n}\n\nh1,\nh2,\nh3,\nh4 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\nol,\nul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\nhead,\nmeta,\nscript,\nstyle,\ntitle {\n  display: none;\n}\n\nb {\n  font-weight: inherit;\n}\n\n// Remove the focus ring on select items for Firefox.\nselect:-moz-focusring {\n  color: transparent;\n  text-shadow: none;\n}\n\na {\n  text-decoration: none;\n  color: inherit;\n}\n\nbutton {\n  display: inline-block;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background-color: transparent;\n  text-align: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  white-space: nowrap;\n  appearance: none;\n  color: inherit;\n\n  &:active {\n    color: inherit;\n  }\n}\n\ninput,\nfieldset {\n  appearance: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n  font-size: 1rem;\n  font-family: inherit;\n}\n\ninput::-ms-clear {\n  display: none;\n}\n\n// Prevent number input spinner for Firefox.\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\n\n// Prevent number input spinner for WebKit.\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  appearance: none;\n}\n\nsvg {\n  display: block;\n}\n\nimg {\n  max-width: 100%;\n  display: block;\n}\n","body {\n  min-height: $layout-min-height;\n  min-width: $layout-min-width;\n  font-family: $font-family;\n  font-size: $font-size;\n  font-weight: $font-weight;\n  line-height: $line-height;\n  color: $text-color;\n  background-color: $background-color;\n  overflow: hidden;\n}\n\nbutton {\n  cursor: pointer;\n}\n\nsvg {\n  fill: currentColor;\n}\n","/* Only show the focus ring to tabbing users.\n   Add `.is-tabbing` class to the `body` element with JS.\n*/\n\n:focus {\n  outline: 0;\n}\n\n.is-tabbing :not([tabindex='-1']):focus {\n  outline: 3px solid hsl(232, 75%, 70%);\n}\n","::-webkit-scrollbar {\n  width: $scroll-size;\n  height: $scroll-size;\n  cursor: default;\n}\n\n::-webkit-scrollbar-thumb {\n  border-radius: $border-radius;\n  background-color: $scroll-thumb-color;\n}\n\n::-webkit-scrollbar-thumb:window-inactive {\n  background-color: transparent;\n}\n",".btn {\n  display: flex;\n  align-items: center;\n  height: rem(38px);\n  padding: 0 rem(14px);\n  border: 1px solid transparent;\n  border-radius: $border-radius;\n  background-color: hsl(232, 24%, 97%);\n  color: hsl(232, 16%, 47%);\n  font-size: 1rem;\n  transition: background-color 200ms ease-out, border-color 200ms ease-out;\n\n  &:hover {\n    background-color: hsl(232, 20%, 94%);\n    color: hsl(232, 20%, 36%);\n  }\n\n  &:active {\n    background-color: hsl(232, 30%, 92%);\n    color: hsl(232, 24%, 35%);\n  }\n\n  &--small {\n    height: rem(30px);\n    font-size: rem(14px);\n  }\n\n  &--full {\n    width: 100%;\n    justify-content: center;\n  }\n\n  &--icon-only {\n    padding-left: rem(8px);\n    padding-right: rem(8px);\n  }\n\n  svg {\n    opacity: 0.85;\n  }\n}\n\n.btn--primary {\n  background-color: hsl(158, 63%, 45%);\n  color: $white;\n\n  &:hover {\n    background-color: hsl(158, 60%, 43%);\n    color: $white;\n  }\n\n  &:active {\n    background-color: hsl(158, 60%, 40%);\n    color: $white;\n  }\n}\n\n.btn--outline {\n  background-color: transparent;\n  border-color: hsl(232, 23%, 90%);\n}\n","$track-color: hsl(233, 20%, 76%) !default;\n$thumb-color: hsl(158, 63%, 45%) !default;\n\n$thumb-radius: 50% !default;\n$thumb-height: 14px !default;\n$thumb-width: 14px !default;\n$thumb-shadow-size: 0 !default;\n$thumb-shadow-blur: 0 !default;\n$thumb-shadow-color: transparent !default;\n$thumb-border-width: 0 !default;\n$thumb-border-color: transparent !default;\n\n$track-width: 100% !default;\n$track-height: 4px !default;\n$track-shadow-size: 0 !default;\n$track-shadow-blur: 0 !default;\n$track-shadow-color: transparent !default;\n$track-border-width: 0 !default;\n$track-border-color: transparent !default;\n\n$track-radius: 5px !default;\n$contrast: 0 !default;\n\n$ie-bottom-track-color: darken($track-color, $contrast) !default;\n\n@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {\n  box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color,\n    0 0 $shadow-size lighten($shadow-color, 5%);\n}\n\n@mixin track {\n  height: $track-height;\n  transition: all 0.2s ease;\n  width: $track-width;\n  cursor: pointer;\n}\n\n@mixin thumb {\n  @include shadow($thumb-shadow-size, $thumb-shadow-blur, $thumb-shadow-color);\n  background: $thumb-color;\n  border: $thumb-border-width solid $thumb-border-color;\n  border-radius: $thumb-radius;\n  box-sizing: border-box;\n  height: $thumb-height;\n  width: $thumb-width;\n  transition: box-shadow 0.3s ease-out;\n}\n\n.range {\n  position: relative;\n  width: $track-width;\n}\n\n.range input {\n  -webkit-appearance: none;\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &:hover {\n    &::-webkit-slider-thumb {\n      box-shadow: 0 0 0 4px hsla(233, 0%, 0%, 0.1);\n    }\n\n    &::-moz-range-thumb {\n      box-shadow: 0 0 0 4px hsla(233, 0%, 0%, 0.1);\n    }\n\n    &::-ms-thumb {\n      box-shadow: 0 0 0 4px hsla(233, 0%, 0%, 0.1);\n    }\n  }\n\n  &:focus {\n    outline: 0;\n\n    &::-webkit-slider-runnable-track {\n      background: darken($track-color, $contrast);\n    }\n\n    &::-ms-fill-lower {\n      background: $track-color;\n    }\n\n    &::-ms-fill-upper {\n      background: lighten($track-color, $contrast);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include track;\n    @include shadow(\n      $track-shadow-size,\n      $track-shadow-blur,\n      $track-shadow-color\n    );\n    background: $track-color;\n    border: $track-border-width solid $track-border-color;\n    border-radius: $track-radius;\n  }\n\n  &::-webkit-slider-thumb {\n    @include thumb;\n    -webkit-appearance: none;\n    margin-top: (\n      (-$track-border-width * 2 + $track-height) / 2 - $thumb-height / 2\n    );\n  }\n\n  &::-moz-range-track {\n    @include shadow(\n      $track-shadow-size,\n      $track-shadow-blur,\n      $track-shadow-color\n    );\n    @include track;\n    background: $track-color;\n    border: $track-border-width solid $track-border-color;\n    border-radius: $track-radius;\n    height: $track-height / 2;\n  }\n\n  &::-moz-range-thumb {\n    @include thumb;\n  }\n\n  &::-ms-track {\n    @include track;\n    background: transparent;\n    border-color: transparent;\n    border-width: ($thumb-height / 2) 0;\n    color: transparent;\n  }\n\n  &::-ms-fill-lower {\n    @include shadow(\n      $track-shadow-size,\n      $track-shadow-blur,\n      $track-shadow-color\n    );\n    background: $ie-bottom-track-color;\n    border: $track-border-width solid $track-border-color;\n    border-radius: ($track-radius * 2);\n  }\n\n  &::-ms-fill-upper {\n    @include shadow(\n      $track-shadow-size,\n      $track-shadow-blur,\n      $track-shadow-color\n    );\n    background: $track-color;\n    border: $track-border-width solid $track-border-color;\n    border-radius: ($track-radius * 2);\n  }\n\n  &::-ms-thumb {\n    @include thumb;\n    margin-top: $track-height / 4;\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb,\n    &::-moz-range-thumb,\n    &::-ms-thumb,\n    &::-webkit-slider-runnable-track,\n    &::-ms-fill-lower,\n    &::-ms-fill-upper {\n      cursor: not-allowed;\n    }\n  }\n}\n","/* Utilities */\n\n.u-ml-auto {\n  margin-left: auto !important;\n}\n\n.u-mr-auto {\n  margin-right: auto !important;\n}\n\n.u-truncate {\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  text-overflow: ellipsis !important;\n}\n"]}