{"version":3,"sources":["index.import.styl","ui-rs-core.css","styles/common/reset.import.styl","styles/common/patterns.import.styl","styles/common/animation.import.styl","styles/common/base.import.styl","styles/common/icons.import.styl","styles/common/fonts.import.styl","styles/lib/cards.import.styl","styles/common/types.import.styl","styles/lib/type.import.styl","styles/lib/rupture.import.styl","styles/components/colour.import.styl","styles/components/d3.import.styl","styles/components/inputs.import.styl","styles/components/buttons.import.styl","styles/lib/button.import.styl","styles/components/icon-buttons.import.styl","styles/components/danger-buttons.import.styl","styles/components/sliders.import.styl","styles/components/widgets.import.styl","styles/components/style-switcher.import.styl"],"names":[],"mappings":"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","file":"ui-rs-core.min.css","sourcesContent":["/*\n * Style setup for redsift-ui based sifts.\n *\n * - Provides:\n *   . ready-to-use UI components\n *   . responsive type system\n *   . breakpoint setup (via 'rupture')\n *   . common functionality like reset, patterns and fonts\n *\n * - Used by:\n *   . redsift-light\n *   . redsift-dark\n *\n * - Folder structure:\n *\n *   ./lib        -> mixin and function library\n *   ./common     -> CSS setup and common classes\n *   ./components -> UI components\n */\n\n/*\n * Configuration via object '$ui-rs-core'\n */\n@import './styles/config.import.styl';\n\n/*\n * Mixin/functions library\n *\n * Common mixins and functions used by redsift-ui.\n */\n@import './styles/lib/cards.import.styl'\n@import './styles/lib/gradients.import.styl'\n@import './styles/lib/images.import.styl'\n\n/*\n * Base configuration and common classes:\n *\n * CSS base setup and common CSS classes.\n */\n@import './styles/common/reset.import.styl'\n@import './styles/common/fonts.import.styl'\n@import './styles/common/patterns.import.styl'\n@import './styles/common/breakpoints.import.styl'\n@import './styles/common/animation.import.styl'\n@import './styles/common/base.import.styl'\n@import './styles/common/types.import.styl'\n@import './styles/components/colour.import.styl'\n@import './styles/common/icons.import.styl'\n\nsetup-font-faces()\ncreate-cards('cards', false)\nsetup-types($ui-rs-core.types.fonts, $ui-rs-core.types.settings);\nsetup-color-system($ui-rs-core.themes.light)\n\n/*\n * UI components:\n *\n * Each UI component is encapsulated within a setup function which takes an\n * opitional settings hash. If omitted the default settings available in the\n * respective component file are used. This allows a (theme) developer to\n * customize components for their own sifts and projects.\n */\n@import './styles/components/inputs.import.styl'\n@import './styles/components/buttons.import.styl'\n@import './styles/components/icon-buttons.import.styl'\n@import './styles/components/danger-buttons.import.styl'\n@import './styles/components/sliders.import.styl'\n@import './styles/components/widgets.import.styl'\n\n\n@import './styles/components/style-switcher.import.styl'\n/* FIXXME: refactor into components! */\n@import './styles/components/d3.import.styl'\n\nsetup-inputs($ui-rs-core.inputs)\nsetup-buttons($ui-rs-core.buttons.light)\nsetup-default-icon-button($ui-rs-core.iconButtons.light.style, $ui-rs-core.buttons.light.black);\nsetup-default-danger-button()\nsetup-sliders($ui-rs-core.sliders.light)\n\nsetup-widget__down-arrow()\nsetup-style-switcher()\n","/*\n * Style setup for redsift-ui based sifts.\n *\n * - Provides:\n *   . ready-to-use UI components\n *   . responsive type system\n *   . breakpoint setup (via 'rupture')\n *   . common functionality like reset, patterns and fonts\n *\n * - Used by:\n *   . redsift-light\n *   . redsift-dark\n *\n * - Folder structure:\n *\n *   ./lib        -> mixin and function library\n *   ./common     -> CSS setup and common classes\n *   ./components -> UI components\n */\n/*\n * Configuration via object '$ui-rs-core'\n */\n/*\n * Mixin/functions library\n *\n * Common mixins and functions used by redsift-ui.\n */\n/*\n * Base configuration and common classes:\n *\n * CSS base setup and common CSS classes.\n */\nbody {\n  margin: 0;\n  padding: 0;\n  min-height: 100%;\n}\n.-pattern-down-arrow-green {\n  background-image: url(\"/icons/down-arrow-green.svg\");\n  background-repeat: repeat;\n  background-size: 12px 7px;\n}\n.-pattern-redsift-logo {\n  background-image: url(\"/icons/redsift-logo-red-8.1.svg\");\n  background-repeat: repeat;\n  background-size: 7px 7px;\n}\n.animate-opacity {\n  transition: opacity ease-in 400ms;\n}\n.fade-in {\n  animation: fadein 400ms ease-in 0s 1 normal both;\n}\n.delay {\n  animation-delay: 400ms;\n}\n@-moz-keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-o-keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.hidden {\n  opacity: 0;\n}\n.hash {\n  background-image: repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,0.2) 2px, rgba(0,0,0,0.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,0.2) 5px);\n}\n.-rs-icon-redsift-red {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-redsift-red.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-redsift-cloud {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-redsift-cloud.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-redsift-white {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-redsift-white.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-github {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/images/icon-github.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-github-white {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-icon-github-white.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-google {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/images/icon-google.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-linkedin {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-icon-linkedin.svg\");\n  background-position: 50% 50%;\n  background-size: 25px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-slack {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/images/icon-slack.png\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-twitter {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/images/icon-twitter.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-settings {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/images/icon-settings.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-down-arrow-green {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/images/icon-down-arrow-green.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-logout {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-logout.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-profile {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-profile.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-dashboard {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-dashboard.svg\");\n  background-position: 50% 50%;\n  background-size: 24px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-catalogue {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-catalogue.svg\");\n  background-position: 50% 50%;\n  background-size: 24px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-workshop {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-workshop.svg\");\n  background-position: 50% 50%;\n  background-size: 24px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-wireframe-blue {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-wireframe-blue.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-expand {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-expand.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-expand-split {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-expand-split.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-exit {\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-exit.svg\");\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n.-rs-icon-question {\n  width: 30px;\n  height: 70px;\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-question.svg\");\n  background-position: 50% 50%;\n  background-size: 15px;\n  background-repeat: no-repeat;\n  opacity: 0.7;\n}\n.-rs-icon-question:hover {\n  opacity: 1;\n}\n/* Heading font @import url(\"https://fonts.googleapis.com/css?family=Raleway:200\"); */\n/* latin */\n@font-face {\n  font-family: 'Raleway';\n  font-style: normal;\n  font-weight: 200;\n  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(\"https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-k73hpw3pgy2gAi-Ip7WPMi0.woff\") format('woff'), url(\"https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-ky3USBnSvpkopQaUR-2r7iU.ttf\") format('truetype');\n}\n@font-face {\n  font-family: 'Raleway';\n  font-style: normal;\n  font-weight: 200;\n  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(\"https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-kwzyDMXhdD8sAj6OAJTFsBI.woff2\") format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n}\n@font-face {\n  font-family: 'Electrolize';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Electrolize'), local('Electrolize-Regular'), url(\"https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJ7rIa-7acMAeDBVuclsi6Gc.woff\") format('woff'), url(\"https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJywlidHJgAgmTjOEEzwu1L8.ttf\") format('truetype');\n}\n@font-face {\n  font-family: 'Electrolize';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Electrolize'), local('Electrolize-Regular'), url(\"https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJ4gp9Q8gbYrhqGlRav_IXfk.woff2\") format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n}\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 300;\n  src: local('Source Code Pro Light'), local('SourceCodePro-Light'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqcVNtom4QlEDNJaqqqzqdSs.woff\") format('woff'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqfS42wKzre0cxmO5m5GyTsY.ttf\") format('truetype');\n}\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD9Hq-FFgoDNV3GTKpHwuvtI.woff\") format('woff'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD0Y6Fu39Tt9XkmtSosaMoEA.ttf\") format('truetype');\n}\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 700;\n  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqYqjGYJUyOXcBwUQbRaNH6c.woff\") format('woff'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqblcMrNrsnL9dgADnXgYJjs.ttf\") format('truetype');\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 300;\n  src: local('Source Code Pro Light'), local('SourceCodePro-Light'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqTOFnJNygIkrHciC8BWzbCz3rGVtsTkPsbDajuO5ueQw.woff2\") format('woff2');\n  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 300;\n  src: local('Source Code Pro Light'), local('SourceCodePro-Light'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqSP2LEk6lMzYsRqr3dHFImA.woff2\") format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD4a1YDtoarzwSXxTHggEXMw.woff2\") format('woff2');\n  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD5bPFduIYtoLzwST68uhz_Y.woff2\") format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n}\n/* latin-ext */\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 700;\n  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqe4s1Ux4PuImWPk5fSr6HPL3rGVtsTkPsbDajuO5ueQw.woff2\") format('woff2');\n  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 700;\n  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqZkF8H8ye47wsfpWywda8og.woff2\") format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n}\ndiv.cards {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n}\ndiv.cards >div {\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: auto;\n}\n/*\n   * Default settings:\n   */\n/* NOTE: It's necessary to use e.g. the $fontNormal variable here. Defining\n   * multiple fonts directly in here yields a stylus compiler error.\n   */\n/*\n   * Breakpoint setup:\n   */\nbody {\n  font-family: 'Raleway', sans-serif;\n  font-size: 1.25rem;\n  font-weight: 300;\n}\nbutton {\n  font-family: 'Electrolize', sans-serif;\n  font-weight: 400;\n}\n.overlayed {\n  font-weight: 400;\n}\ncode {\n  font-family: 'Source Code Pro', monospace;\n  white-space: nowrap;\n}\npre code {\n  white-space: pre-wrap;\n}\np code {\n  padding: 0;\n  padding-top: 0.2em;\n  padding-bottom: 0.2em;\n  border-radius: 3px;\n}\np code::before,\np code::after {\n  letter-spacing: -0.2em;\n  content: \"\\00a0\";\n}\npre {\n  border-radius: 3px;\n  padding: 1em;\n}\nh1 {\n  font-family: 'Electrolize', sans-serif;\n  font-size: 2rem;\n  line-height: 1.2;\n  margin-top: 0.1em;\n  margin-bottom: 0.1em;\n  font-weight: 400;\n  text-transform: uppercase;\n}\nh2 {\n  font-family: 'Electrolize', sans-serif;\n  font-size: 1.4rem;\n  line-height: 1.5;\n  margin-top: 1.25rem;\n  margin-bottom: 0.625rem;\n  font-weight: 400;\n  text-transform: uppercase;\n}\nh3 {\n  font-family: 'Electrolize', sans-serif;\n  font-size: 1.4rem;\n  line-height: 1.5;\n  margin-top: 0;\n  margin-bottom: 0.625rem;\n  font-weight: 400;\n  text-transform: uppercase;\n}\nh4 {\n  font-family: 'Electrolize', sans-serif;\n  font-size: 1rem;\n  line-height: 1.5;\n  margin-top: 0.7em;\n  margin-bottom: 0.7em;\n  font-weight: 400;\n  text-transform: uppercase;\n  border-bottom: 1px solid #424242;\n  text-align: center;\n}\nh5 {\n  font-family: 'Electrolize', sans-serif;\n  font-size: 0.9rem;\n  line-height: 1;\n  margin-top: 0.75em;\n  margin-bottom: 0.75em;\n  font-weight: 400;\n  text-transform: uppercase;\n}\np {\n  font-family: 'Raleway', sans-serif;\n  font-size: 1.25rem;\n  line-height: 1.875rem;\n  font-weight: 200;\n}\na {\n  font-family: 'Raleway', sans-serif;\n  font-size: 1.25rem;\n  line-height: 1.875rem;\n  font-weight: 200;\n}\n@media only screen and (min-width: 48em) {\n  h1 {\n    font-family: 'Electrolize', sans-serif;\n    font-size: 3.8rem;\n    line-height: 1.2;\n    margin-top: 0.1em;\n    margin-bottom: 0.1em;\n    font-weight: 400;\n    text-transform: uppercase;\n  }\n  h2 {\n    font-family: 'Electrolize', sans-serif;\n    font-size: 2.375rem;\n    line-height: 1.5;\n    margin-top: 1.25rem;\n    margin-bottom: 0.625rem;\n    font-weight: 400;\n    text-transform: uppercase;\n  }\n  h3 {\n    font-family: 'Electrolize', sans-serif;\n    font-size: 1.875rem;\n    line-height: 2.75rem;\n    margin-top: 0;\n    margin-bottom: 0.625rem;\n    font-weight: 400;\n    text-transform: uppercase;\n  }\n  h4 {\n    font-family: 'Electrolize', sans-serif;\n    font-size: 1rem;\n    line-height: 1.5;\n    margin-top: 0.7em;\n    margin-bottom: 0.7em;\n    font-weight: 400;\n    text-transform: uppercase;\n    border-bottom: 1px solid #424242;\n  }\n  h5 {\n    font-family: 'Electrolize', sans-serif;\n    font-size: 0.9rem;\n    line-height: 1;\n    margin-top: 0.75em;\n    margin-bottom: 0.75em;\n    font-weight: 400;\n    text-transform: uppercase;\n  }\n  p {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1.25rem;\n    line-height: 1.875rem;\n    font-weight: 200;\n  }\n  a {\n    font-family: 'Raleway', sans-serif;\n    font-size: 1.25rem;\n    line-height: 1.875rem;\n    font-weight: 200;\n  }\n}\n/*\n   * Default settings:\n   */\n/*\n   * Breakpoint setup:\n   */\nbody {\n  color: #333;\n  background: #fff;\n}\n::selection {\n  background: #e11010;\n  color: #fff;\n  fill: #fff;\n}\na {\n  color: #333;\n}\na:visited {\n  color: #333;\n}\na:hover,\na:visited:hover {\n  color: #e11010;\n}\na:active {\n  color: #6a0000;\n}\na:focus {\n  outline: none;\n  color: #e11010;\n}\np code {\n  color: #333;\n  background-color: #f7f7f7;\n}\npre {\n  color: #333;\n  background-color: #f7f7f7;\n}\n.content {\n  background-color: #f7f7f7;\n}\n.content__container,\n.content__container--expand {\n  background-color: #fff;\n}\n.informational {\n  color: #bbb;\n}\n/* Images so assume white text is required */\n.hero h1,\n.hero h2,\n.hero h3,\n.hero h4,\n.hero h5,\n.hero p,\n.hero code {\n  color: #fff;\n}\n/*\n * UI components:\n *\n * Each UI component is encapsulated within a setup function which takes an\n * opitional settings hash. If omitted the default settings available in the\n * respective component file are used. This allows a (theme) developer to\n * customize components for their own sifts and projects.\n */\n.animate-opacity {\n  transition: opacity ease-in 400ms;\n}\n.fade-in {\n  animation: fadein 400ms ease-in 0s 1 normal both;\n}\n.delay {\n  animation-delay: 400ms;\n}\n@-moz-keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-o-keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n/* FIXXME: refactor into components! */\n.svg-center-x {\n  position: relative;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 50%;\n}\n.svg-padding-top {\n  padding-top: 1em;\n}\n.svg-padding-left {\n  padding-left: 1em;\n}\n.reusable path {\n  fill: none;\n  stroke: #000;\n  stroke-width: 1.5px;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.reusable path.bgstroke {\n  stroke: #fff;\n  stroke-width: 3px;\n}\n/*\n   * Default settings:\n   */\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"number\"],\ninput[type=\"tel\"],\ninput[type=\"url\"],\nselect,\ntextarea {\n  box-sizing: border-box;\n  min-height: 2.75em;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n  color: #333;\n  vertical-align: bottom;\n  background-color: #fff;\n  background-repeat: no-repeat;\n  border: 1px solid #d8d8d8;\n  outline: none;\n  font-size: 1rem;\n}\ninput[type=\"text\"]:disabled,\ninput[type=\"password\"]:disabled,\ninput[type=\"email\"]:disabled,\ninput[type=\"number\"]:disabled,\ninput[type=\"tel\"]:disabled,\ninput[type=\"url\"]:disabled,\nselect:disabled,\ntextarea:disabled {\n  background-image: repeating-linear-gradient(125deg, transparent, transparent 2px, #f1f1f1 2px, #f1f1f1 3px, transparent 3px, transparent 5px, #f1f1f1 5px);\n}\n/*\n   * Default settings:\n   */\nbutton {\n  cursor: pointer;\n}\nbutton {\n  padding-top: 0.75em;\n  padding-bottom: 0.75em;\n  padding-left: 1.9375em;\n  padding-right: 1.9375em;\n  color: #e11010;\n  background: transparent;\n  border: 1px solid #e11010;\n  font-family: 'Raleway', sans-serif;\n  font-size: 1rem;\n  transition: background 200ms ease 0s;\n}\nbutton:hover {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n}\nbutton:active {\n  outline: none;\n  color: #fff;\n  background: #6a0000;\n  border: 1px solid #6a0000;\n}\nbutton:disabled {\n  color: #7f7f7f;\n  background: #cacaca;\n  border: 1px solid #cacaca;\n  cursor: default;\n}\nbutton:focus {\n  outline: none;\n}\nbutton.rs-btn--small {\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\nbutton.rs-btn--selected {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n}\nbutton.rs-btn--selected:hover {\n  color: #fff;\n  background: #6a0000;\n  border: 1px solid #6a0000;\n}\nbutton.rs-btn--selected:active {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n}\nbutton.rs-btn--selected:hover:disabled {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n  cursor: default;\n}\n/* Styling the base button will is implicitly applying the styles to the 'bem' buttons */\np button {\n  margin: 0.625rem;\n  line-height: 1;\n}\np button.rs-btn--small {\n  margin: 0.375rem;\n}\np a.rs-btn--red,\np a.rs-btn--blue,\np a.rs-btn--green,\np a.rs-btn--black {\n  margin: 0.625rem;\n}\n@media only screen and (min-width: 48em) {\n  p button {\n    margin: 0.625rem;\n    line-height: 1;\n  }\n  p button.rs-btn--small {\n    margin: 0.375rem;\n  }\n  p a.rs-btn--red,\n  p a.rs-btn--blue,\n  p a.rs-btn--green,\n  p a.rs-btn--black {\n    margin: 0.625rem;\n  }\n}\n.rs-btn--red,\na.rs-btn--red {\n  padding-top: 0.75em;\n  padding-bottom: 0.75em;\n  padding-left: 1.9375em;\n  padding-right: 1.9375em;\n  color: #e11010;\n  background: transparent;\n  border: 1px solid #e11010;\n  font-family: 'Raleway', sans-serif;\n  font-size: 1rem;\n}\n.rs-btn--red:hover,\na.rs-btn--red:hover {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n}\n.rs-btn--red:active,\na.rs-btn--red:active {\n  outline: none;\n  color: #fff;\n  background: #6a0000;\n  border: 1px solid #6a0000;\n}\n.rs-btn--red:disabled,\na.rs-btn--red:disabled {\n  color: #7f7f7f;\n  background: #cacaca;\n  border: 1px solid #cacaca;\n  cursor: default;\n}\n.rs-btn--red:focus,\na.rs-btn--red:focus {\n  outline: none;\n}\na.rs-btn--red {\n  box-sizing: border-box;\n  text-decoration: none;\n}\n.rs-btn--red.rs-btn--selected {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n}\n.rs-btn--red.rs-btn--selected:hover {\n  color: #fff;\n  background: #6a0000;\n  border: 1px solid #6a0000;\n}\n.rs-btn--red.rs-btn--selected:active {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n}\n.rs-btn--red.rs-btn--selected:hover:disabled {\n  color: #fff;\n  background: #e11010;\n  border: 1px solid #e11010;\n  cursor: default;\n}\n.rs-btn--small,\na.rs-btn--small {\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.rs-btn--green,\na.rs-btn--green {\n  padding-top: 0.75em;\n  padding-bottom: 0.75em;\n  padding-left: 1.9375em;\n  padding-right: 1.9375em;\n  color: #0ab93a;\n  background: transparent;\n  border: 1px solid #0ab93a;\n  font-family: 'Raleway', sans-serif;\n  font-size: 1rem;\n}\n.rs-btn--green:hover,\na.rs-btn--green:hover {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n}\n.rs-btn--green:active,\na.rs-btn--green:active {\n  outline: none;\n  color: #fff;\n  background: #087927;\n  border: 1px solid #087927;\n}\n.rs-btn--green:disabled,\na.rs-btn--green:disabled {\n  color: #7f7f7f;\n  background: #cacaca;\n  border: 1px solid #cacaca;\n  cursor: default;\n}\n.rs-btn--green:focus,\na.rs-btn--green:focus {\n  outline: none;\n}\na.rs-btn--green {\n  box-sizing: border-box;\n  text-decoration: none;\n}\n.rs-btn--green.rs-btn--selected {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n}\n.rs-btn--green.rs-btn--selected:hover {\n  color: #fff;\n  background: #087927;\n  border: 1px solid #087927;\n}\n.rs-btn--green.rs-btn--selected:active {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n}\n.rs-btn--green.rs-btn--selected:hover:disabled {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n  cursor: default;\n}\n.rs-btn--small,\na.rs-btn--small {\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.rs-btn--blue,\na.rs-btn--blue {\n  padding-top: 0.75em;\n  padding-bottom: 0.75em;\n  padding-left: 1.9375em;\n  padding-right: 1.9375em;\n  color: #1671f4;\n  background: transparent;\n  border: 1px solid #1671f4;\n  font-family: 'Raleway', sans-serif;\n  font-size: 1rem;\n}\n.rs-btn--blue:hover,\na.rs-btn--blue:hover {\n  color: #fff;\n  background: #1671f4;\n  border: 1px solid #1671f4;\n}\n.rs-btn--blue:active,\na.rs-btn--blue:active {\n  outline: none;\n  color: #fff;\n  background: #0b49a2;\n  border: 1px solid #0b49a2;\n}\n.rs-btn--blue:disabled,\na.rs-btn--blue:disabled {\n  color: #7f7f7f;\n  background: #cacaca;\n  border: 1px solid #cacaca;\n  cursor: default;\n}\n.rs-btn--blue:focus,\na.rs-btn--blue:focus {\n  outline: none;\n}\na.rs-btn--blue {\n  box-sizing: border-box;\n  text-decoration: none;\n}\n.rs-btn--blue.rs-btn--selected {\n  color: #fff;\n  background: #1671f4;\n  border: 1px solid #1671f4;\n}\n.rs-btn--blue.rs-btn--selected:hover {\n  color: #fff;\n  background: #0b49a2;\n  border: 1px solid #0b49a2;\n}\n.rs-btn--blue.rs-btn--selected:active {\n  color: #fff;\n  background: #1671f4;\n  border: 1px solid #1671f4;\n}\n.rs-btn--blue.rs-btn--selected:hover:disabled {\n  color: #fff;\n  background: #1671f4;\n  border: 1px solid #1671f4;\n  cursor: default;\n}\n.rs-btn--small,\na.rs-btn--small {\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.rs-btn--black,\na.rs-btn--black {\n  padding-top: 0.75em;\n  padding-bottom: 0.75em;\n  padding-left: 1.9375em;\n  padding-right: 1.9375em;\n  color: #777;\n  background: transparent;\n  border: 1px solid #777;\n  font-family: 'Raleway', sans-serif;\n  font-size: 1rem;\n}\n.rs-btn--black:hover,\na.rs-btn--black:hover {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n}\n.rs-btn--black:active,\na.rs-btn--black:active {\n  outline: none;\n  color: #fff;\n  background: #087927;\n  border: 1px solid #087927;\n}\n.rs-btn--black:disabled,\na.rs-btn--black:disabled {\n  color: #7f7f7f;\n  background: #cacaca;\n  border: 1px solid #cacaca;\n  cursor: default;\n}\n.rs-btn--black:focus,\na.rs-btn--black:focus {\n  outline: none;\n}\na.rs-btn--black {\n  box-sizing: border-box;\n  text-decoration: none;\n}\n.rs-btn--black.rs-btn--selected {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n}\n.rs-btn--black.rs-btn--selected:hover {\n  color: #fff;\n  background: #087927;\n  border: 1px solid #087927;\n}\n.rs-btn--black.rs-btn--selected:active {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n}\n.rs-btn--black.rs-btn--selected:hover:disabled {\n  color: #fff;\n  background: #0ab93a;\n  border: 1px solid #0ab93a;\n  cursor: default;\n}\n.rs-btn--small,\na.rs-btn--small {\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.hero button.danger,\nbutton.danger {\n  color: #fff;\n  background-color: #e11010;\n  border: 1px solid #e11010;\n}\n.hero button.danger:hover,\nbutton.danger:hover {\n  background-color: #e11010;\n  border: 1px solid #e11010;\n}\n.hero button.danger:active,\nbutton.danger:active {\n  background-color: #6a0000;\n  border: 1px solid #6a0000;\n}\n.hero button.danger:disabled,\nbutton.danger:disabled {\n  background-image: repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,0.2) 2px, rgba(0,0,0,0.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,0.2) 5px);\n}\n.hero button.danger:disabled:hover,\nbutton.danger:disabled:hover {\n  background-color: #e11010;\n  background-image: repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,0.2) 2px, rgba(0,0,0,0.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,0.2) 5px);\n  border: 1px solid #e11010;\n}\n.hero button.danger:focus,\nbutton.danger:focus {\n  outline: none;\n}\n.hero button {\n  color: #fff;\n  font-size: 1.2em;\n  background-color: transparent;\n  box-shadow: 0 0 0 1px #fff;\n}\n.hero button:focus {\n  outline: none;\n  box-shadow: 0 0 0 1px #e11010;\n}\n.hero button:hover {\n  background-color: rgba(255,255,255,0);\n}\n.hero button:disabled {\n  background-image: repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(255,255,255,0.3) 2px, rgba(255,255,255,0.3) 3px, transparent 3px, transparent 5px, rgba(255,255,255,0.3) 5px);\n}\n.hero button:disabled:hover {\n  background-color: transparent;\n  background-image: repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(255,255,255,0.3) 2px, rgba(255,255,255,0.3) 3px, transparent 3px, transparent 5px, rgba(255,255,255,0.3) 5px);\n}\n.hero button:focus {\n  outline: none;\n}\n.rs-icon-btn {\n  display: flex;\n  flex-direction: row;\n  flex: 0 auto;\n  min-width: 180px;\n  color: #777;\n  border: 1px solid #777;\n  text-decoration: none;\n  cursor: pointer;\n  font-family: 'Raleway', sans-serif;\n  font-size: 1rem;\n}\n.rs-icon-btn:hover {\n  color: #fff;\n  background: #0ab93a;\n}\n.rs-icon-btn:active {\n  outline: none;\n  color: #fff;\n  background: #087927;\n  border: 1px solid #087927;\n}\n.rs-icon-btn:disabled {\n  color: #7f7f7f;\n  background: #cacaca;\n  border: 1px solid #cacaca;\n}\n.rs-icon-btn:focus {\n  outline: none;\n}\n.rs-icon-btn__icon {\n  display: block;\n  width: 1.875em;\n  height: 1.875em;\n  flex: 0 0 50px;\n  background-color: #fff;\n}\n.rs-icon-btn__label {\n  display: flex;\n  padding-left: 1em;\n  justify-content: flex-start;\n  align-items: center;\n  flex: 1;\n  background: transparent;\n  transition: background-color 200ms ease;\n}\n.rs-icon-btn__label:hover {\n  background: #0ab93a;\n}\n.rs-icon-btn__icon__wrapper {\n  width: 2.5em;\n  height: 2.5em;\n  border-right: 1px solid #777;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n}\n.rs-danger-btn {\n  display: block;\n  width: 220px;\n  padding-right: 30px;\n  padding-left: 30px;\n  background-color: #e11010;\n  font-family: Electrolize, sans-serif;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #fff;\n  transition: all 300ms ease;\n}\n.rs-danger-btn:hover,\n.rs-danger-btn:visited,\n.rs-danger-btn:visited:hover {\n  width: 100%;\n  background-color: #aa0c0c;\n  color: #fff;\n}\n/*\n   * Default settings:\n   */\n/*\n   * Breakpoint setup:\n   */\ninput[type='range'] {\n  display: block;\n  border: solid 0.5em transparent;\n  padding: 0;\n  width: 15em;\n  height: 2em;\n  border-radius: 0.25em;\n  background: transparent;\n  font-size: 1em;\n  cursor: pointer;\n}\ninput[type='range'],\ninput[type='range']::-webkit-slider-runnable-track,\ninput[type='range']::-webkit-slider-thumb {\n  -webkit-appearance: none;\n}\ninput[type='range']::-ms-track {\n  width: 100%;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\ninput[type='range']::-webkit-slider-runnable-track {\n  width: 15em;\n  height: 0.5em;\n  border-radius: 0.25em;\n  background: linear-gradient(#e11010, #e11010) no-repeat #cacaca;\n  background-size: 0% 100%;\n}\ninput[type='range']::-webkit-slider-thumb {\n  margin-top: -0.25em;\n  border: none;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  box-shadow: 0 0 0.125em #333;\n  background: #fff;\n}\ninput[type='range']:focus {\n  outline: none;\n  box-shadow: 0 0 1px #e11010;\n}\ninput[type='range'].progress {\n  cursor: initial;\n}\ninput[type='range'].progress::-webkit-slider-thumb {\n  display: none;\n}\ninput[type='range'].progress:focus {\n  outline: none;\n  box-shadow: none;\n}\ninput[type='range'].animated::-webkit-slider-runnable-track {\n  transition: background-size 400ms ease-in;\n}\n/*\n   * Default settings:\n   */\n/*\n   * Breakpoint setup:\n   */\n.down-arrow {\n  display: block;\n  width: 20px;\n  height: 30px;\n  margin-right: auto;\n  margin-left: auto;\n  padding: 1em;\n  float: none;\n  clear: none;\n  background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-down-arrow-3.svg\");\n  background-position: 50% 50%;\n  background-size: 30px 20px;\n  background-repeat: no-repeat;\n  opacity: 0.6;\n  background-color: transparent;\n  transition: opacity cubic-bezier(0.175, 0.885, 0.335, 1.155) 400ms;\n}\n.down-arrow:hover {\n  opacity: 1;\n}\n/*\n   * Default settings:\n   */\n/*\n   * Breakpoint setup:\n   */\n.style-switcher {\n  z-index: 1000;\n  display: flex;\n  justify-content: flex-end;\n  position: fixed;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  padding: 0.8em;\n  background: rgba(0,0,0,0.9);\n}\n.style-switcher button {\n  margin-right: 1em;\n}\n","/*\n * Body reset\n * http://codepen.io/absolutholz/pen/XJJpPX\n *\n */\n// html {\n//   height: 100%;\n// }\n\nbody {\n  margin: 0;\n  padding: 0;\n  min-height: 100%;\n}\n","$patterns__down-arrow-green-height = 7px\n$patterns__down-arrow-green-width = 12px\n$patterns__redsift-logo-height = 7px\n$patterns__redsift-logo-width = 7px\n\n.-pattern-down-arrow-green {\n  background-image: url(\"/icons/down-arrow-green.svg\");\n  background-repeat: repeat;\n  background-size: $patterns__down-arrow-green-width $patterns__down-arrow-green-height;\n}\n\n.-pattern-redsift-logo {\n  background-image: url(\"/icons/redsift-logo-red-8.1.svg\");\n  background-repeat: repeat;\n  background-size: $patterns__redsift-logo-width $patterns__redsift-logo-height;\n}\n","/* For Javascript change the curves in d3/tools.js */\n$curveRedsift = cubic-bezier(0.175, 0.885, 0.335, 1.155)\n$timeRedsift = 400ms\n\n/* not using the curve here as fading needs a diffrent shape */\n.animate-opacity {\n\ttransition: opacity ease-in $timeRedsift;\n}\n\n.fade-in {\n\tanimation: fadein $timeRedsift ease-in 0s 1 normal both;\t\n}\n\n.delay {\n\tanimation-delay: $timeRedsift;\n}\n\n@keyframes fadein {\n    from { opacity: 0.0; }\n    to   { opacity: 1.0; }\n}","/*\n * Common base styles\n */\n.hidden {\n  opacity: 0;\n}\n\n.hash {\n  background-image: pattern--core();\n}\n",".-rs-icon-redsift-red {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-redsift-red.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-redsift-cloud {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-redsift-cloud.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-redsift-white {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-redsift-white.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-github {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/images/icon-github.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-github-white {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-icon-github-white.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-google {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/images/icon-google.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-linkedin {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-icon-linkedin.svg');\n  background-position: 50% 50%;\n  background-size: 25px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-slack {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/images/icon-slack.png');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-twitter {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/images/icon-twitter.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-settings {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/images/icon-settings.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-down-arrow-green {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/images/icon-down-arrow-green.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-logout {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-logout.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-profile {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-profile.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-dashboard {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-dashboard.svg');\n  background-position: 50% 50%;\n  background-size: 24px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-catalogue {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-catalogue.svg');\n  background-position: 50% 50%;\n  background-size: 24px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-workshop {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-workshop.svg');\n  background-position: 50% 50%;\n  background-size: 24px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-wireframe-blue {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-wireframe-blue.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-expand {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-expand.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-expand-split {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-expand-split.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-exit {\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-exit.svg');\n  background-position: 50% 50%;\n  background-size: 30px;\n  background-repeat: no-repeat;\n}\n\n.-rs-icon-question {\n  width: 30px;\n  height: 70px;\n  background-image: url('https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-question.svg');\n  background-position: 50% 50%;\n  background-size: 15px;\n  background-repeat: no-repeat;\n  opacity: 0.7;\n}\n\n.-rs-icon-question:hover {\n  opacity: 1;\n}\n","setup-font-faces($woff2 = true) {\n\n/* Heading font @import url(\"https://fonts.googleapis.com/css?family=Raleway:200\"); */\n/* latin */\n@font-face {\n  font-family: 'Raleway';\n  font-style: normal;\n  font-weight: 200;\n  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-k73hpw3pgy2gAi-Ip7WPMi0.woff) format('woff'), url(https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-ky3USBnSvpkopQaUR-2r7iU.ttf) format('truetype');\n}\nif $woff2 {\n  @font-face {\n    font-family: 'Raleway';\n    font-style: normal;\n    font-weight: 200;\n    src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-kwzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n  }\n}\n/* Heading font @import url(\"https://fonts.googleapis.com/css?family=Electrolize\"); */\n@font-face {\n  font-family: 'Electrolize';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Electrolize'), local('Electrolize-Regular'), url(https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJ7rIa-7acMAeDBVuclsi6Gc.woff) format('woff'), url(https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJywlidHJgAgmTjOEEzwu1L8.ttf) format('truetype');\n}\nif $woff2 {\n  @font-face {\n    font-family: 'Electrolize';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Electrolize'), local('Electrolize-Regular'), url(\"https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJ4gp9Q8gbYrhqGlRav_IXfk.woff2\") format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n  }\n}\n/* Code font @import url(\"https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,700\"); */\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 300;\n  src: local('Source Code Pro Light'), local('SourceCodePro-Light'), url(https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqcVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqfS42wKzre0cxmO5m5GyTsY.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 400;\n  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD9Hq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD0Y6Fu39Tt9XkmtSosaMoEA.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Code Pro';\n  font-style: normal;\n  font-weight: 700;\n  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqYqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqblcMrNrsnL9dgADnXgYJjs.ttf) format('truetype');\n}\nif $woff2 {\n  /* latin-ext */\n  @font-face {\n    font-family: 'Source Code Pro';\n    font-style: normal;\n    font-weight: 300;\n    src: local('Source Code Pro Light'), local('SourceCodePro-Light'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqTOFnJNygIkrHciC8BWzbCz3rGVtsTkPsbDajuO5ueQw.woff2\") format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n\n  /* latin */\n  @font-face {\n    font-family: 'Source Code Pro';\n    font-style: normal;\n    font-weight: 300;\n    src: local('Source Code Pro Light'), local('SourceCodePro-Light'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqSP2LEk6lMzYsRqr3dHFImA.woff2\") format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n  }\n\n  /* latin-ext */\n  @font-face {\n    font-family: 'Source Code Pro';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD4a1YDtoarzwSXxTHggEXMw.woff2\") format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n\n  /* latin */\n  @font-face {\n    font-family: 'Source Code Pro';\n    font-style: normal;\n    font-weight: 400;\n    src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD5bPFduIYtoLzwST68uhz_Y.woff2\") format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n  }\n\n  /* latin-ext */\n  @font-face {\n    font-family: 'Source Code Pro';\n    font-style: normal;\n    font-weight: 700;\n    src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqe4s1Ux4PuImWPk5fSr6HPL3rGVtsTkPsbDajuO5ueQw.woff2\") format('woff2');\n    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;\n  }\n\n  /* latin */\n  @font-face {\n    font-family: 'Source Code Pro';\n    font-style: normal;\n    font-weight: 700;\n    src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(\"https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqZkF8H8ye47wsfpWywda8og.woff2\") format('woff2');\n    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;\n  }\n}\n}","\ncreate-cards($className, $grows = true) {\n\tdiv.{$className} {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tflex-direction: row;\n\t}\n\t\n\tdiv.{$className} >div {\n\t\tif $grows {\n\t\t\tflex-grow: 1;\n\t\t} else {\n\t\t\tflex-grow: 0;\n\t\t}\n\t\tflex-shrink: 0;\n\t\tflex-basis: auto;\n\t}\n}\n","@import '../lib/type.import'\n\nsetup-types($customFonts = {}, $customSettings = {}) {\n\n  /*\n   * Default settings:\n   */\n  $fontNormal = 'Raleway', sans-serif\n  $fontHeadings = 'Electrolize', sans-serif\n  $fontCode = 'Source Code Pro', monospace\n\n  /* NOTE: It's necessary to use e.g. the $fontNormal variable here. Defining\n   * multiple fonts directly in here yields a stylus compiler error.\n   */\n  $defaultFonts = {\n    normal: $fontNormal,\n    headings: $fontHeadings,\n    code: $fontCode\n  };\n\n  $defaultFontSize = 1em;\n\n  $defaultSettings = {\n  \tmobilePortrait: {\n  \t  h1: { font-family: $defaultFonts.headings, font-size:   2rem, line-height: 1.2, margin-top:   0.1em, margin-bottom:    0.1em, font-weight: 200, text-transform: uppercase },\n  \t  h2: { font-family: $defaultFonts.headings, font-size: 1.4rem, line-height: 1.5, margin-top: 1.25rem, margin-bottom: 0.625rem, font-weight: 200, text-transform: uppercase },\n  \t  h3: { font-family: $defaultFonts.headings, font-size: 1.4rem, line-height: 1.5, margin-top:       0, margin-bottom: 0.625rem, font-weight: 200, text-transform: uppercase },\n  \t  h4: { font-family: $defaultFonts.headings, font-size:   1rem, line-height: 1.5, margin-top:   0.7em, margin-bottom:    0.7em, font-weight: 200, text-transform: uppercase, border-bottom: 1px solid #424242, text-align: center },\n  \t  p:  { font-family: $defaultFonts.normal,   font-size: $defaultFontSize, line-height: 1.875rem, font-weight: 200 }\n  \t  a:  { font-family: $defaultFonts.normal,   font-size: $defaultFontSize, line-height: 1.875rem, font-weight: 200 }\n  \t},\n  \ttablet: {\n  \t  h1: { font-family: $defaultFonts.headings, font-size:   3.8rem, line-height: 1.2, margin-top:   0.1em, margin-bottom:    0.1em, font-weight: 200, text-transform: uppercase },\n  \t  h2: { font-family: $defaultFonts.headings, font-size: 2.375rem, line-height: 1.5, margin-top: 1.25rem, margin-bottom: 0.625rem, font-weight: 200, text-transform: uppercase },\n  \t  h3: { font-family: $defaultFonts.headings, font-size: 1.875rem, line-height: 2.75rem, margin-top:  0, margin-bottom:  0.625rem, font-weight: 200, text-transform: uppercase },\n  \t  h4: { font-family: $defaultFonts.headings, font-size:     1rem, line-height: 1.5, margin-top:   0.7em, margin-bottom:    0.7em, font-weight: 200, text-transform: uppercase, border-bottom: 1px solid #424242 }\n  \t  h5: { font-family: $defaultFonts.headings, font-size:   0.9rem, line-height:   1, margin-top:  0.75em, margin-bottom:   0.75em, font-weight: 200, text-transform: uppercase },\n  \t  p:  { font-family: $defaultFonts.normal,   font-size:   $defaultFontSize, line-height: 1.875rem, font-weight: 200 }\n  \t  a:  { font-family: $defaultFonts.normal,   font-size:   $defaultFontSize, line-height: 1.875rem, font-weight: 200 }\n  \t},\n    fontCode: {\n      padding: 0.2em,\n      radius: 3px\n    }\n    defaultFontSize: $defaultFontSize\n  };\n\n  $fonts = merge($defaultFonts, $customFonts);\n  $settings = merge($defaultSettings, $customSettings);\n\n  /*\n   * Breakpoint setup:\n   */\n  body {\n    font-family: $fonts.normal;\n    font-size: $settings.defaultFontSize;\n    font-weight: 300;\n  }\n\n  button {\n    font-family: $fonts.headings;\n    font-weight: 400;\n  }\n\n  .overlayed {\n  \tfont-weight: 400;\n  }\n\n  create-type-code($fonts.code, $settings.fontCode);\n\n  create-types($settings.mobilePortrait);\n\n  // +above('mobile-landscape') {\n  //  create-types($settings.mobileLandscape);\n  // }\n\n  +above('tablet') {\n   create-types($settings.tablet);\n  }\n}\n","/*\n * mixins for setting up types\n */\n\ndefine-type(name, settings)\n\t{name}\n\t\t{block}\n\njsonToCss(json)\n\tfor key, value in json\n\t\t{key}: value\n\ncreate-types(types)\n\tfor type, settings in types\n\t\t+define-type(type, settings) {\n\t\t\tjsonToCss(settings)\n\t\t}\n\n/*\n * create-type-code()\n *\n * Prepares 'code', 'pre' and 'p' for code display.\n */\n create-type-code($font, $settings) {\n\t code {\n\t   font-family: $font;\n\t   white-space: nowrap;\n\t }\n\n\t pre code {\n\t   white-space: pre-wrap;\n\t }\n\n\t p code {\n\t   padding: 0;\n\t   padding-top: $settings.padding;\n\t   padding-bottom: $settings.padding;\n\t   border-radius: $settings.radius;\n\t }\n\n\t p code::before,\n\t p code::after {\n\t   letter-spacing: -($settings.padding);\n\t   content: \"\\00a0\";\n\t }\n\n\t pre {\n\t   border-radius: $settings.radius;\n\t   padding: 1em;\n\t }\n }\n","/* version: 0.6.1 */\n\nbase-font-size ?= 16px\nrasterise-media-queries ?= false\n\nrupture = {\n  rasterise-media-queries: rasterise-media-queries\n  mobile-cutoff: 400px\n  desktop-cutoff: 1050px\n  hd-cutoff: 1800px\n  enable-em-breakpoints: false\n  base-font-size: base-font-size\n  anti-overlap: false\n  density-queries: 'dppx' 'webkit' 'moz' 'dpi'\n  retina-density: 1.5\n  use-device-width: false\n}\nrupture.scale = 0 (rupture.mobile-cutoff) 600px 800px (rupture.desktop-cutoff) (rupture.hd-cutoff)\nrupture.scale-names = 'xs' 's' 'm' 'l' 'xl' 'hd'\n\n-is-string(val)\n  if typeof(val) is not 'unit'\n    if val is a 'string' or val is a 'ident'\n      true\n    else\n      false\n  else\n    false\n\n-get-scale-number(scale-name)\n  for list-item, i in rupture.scale-names\n    if list-item is scale-name\n      return i + 1\n  return false\n\n-convert-to(to-unit, value, context = rupture.base-font-size)\n  from-unit = unit(value)\n  return value if to-unit is from-unit\n  if to-unit in ('em' 'rem')\n    return value if from-unit in ('em' 'rem')\n    return unit((value / context), to-unit)\n  if to-unit is 'px'\n    return unit((value * context), 'px')\n\n-on-scale(n)\n  return unit(n) is ''\n\n-larger-than-scale(n)\n  return (n > (length(rupture.scale) - 1)) and -on-scale(n)\n\n-is-zero(n)\n  return n is 0\n\n-overlap-shift(anti-overlap, n)\n  shift-unit = unit(n)\n  anti-overlap = 0px unless anti-overlap\n  anti-overlap = 1px if anti-overlap is true\n  if length(anti-overlap) is 1\n    return -convert-to(shift-unit, anti-overlap)\n  for val in anti-overlap\n    return val if unit(val) is shift-unit\n\n-adjust-overlap(anti-overlap, n, side = 'min')\n  -shift = -overlap-shift(anti-overlap, n)\n  if (side is 'min' and -shift > 0) or (side is 'max' and -shift < 0)\n    n = n + -shift\n  return n\n\n-is-positive(n)\n  return n >= 0\n\n-density-queries(density)\n  if typeof(density) is not 'unit'\n    if not -is-string(density)\n      density = '%s' % density\n  density = rupture.retina-density if density is 'retina'\n  queries = ()\n  for query in rupture.density-queries\n    if query is 'webkit'\n      push(queries, '(-webkit-min-device-pixel-ratio: %s)' % (density))\n    else if query is 'moz'\n      push(queries, '(min--moz-device-pixel-ratio: %s)' % (density))\n    else if query is 'o'\n      push(queries, '(-o-min-device-pixel-ratio: %s/1)' % (density))\n    else if query is 'ratio'\n      push(queries, '(min-device-pixel-ratio: %s)' % (density))\n    else if query is 'dpi'\n      if -is-string(density)\n        density=convert(density)\n      push(queries, '(min-resolution: %sdpi)' % (round(density * 96, 1)))\n    else if query is 'dppx'\n      push(queries, '(min-resolution: %sdppx)' % (density))\n  return queries\n\ncreate-fallback-class(selected, class)\n  /{'' + class + ' ' + selected}\n    {block}\n\n// +between(min, max)\n// usage (scale can be mixed with custom values):\n//   - +between(1, 3) scale:scale\n//   - +between(0, 3) 0 width:scale\n//   - +between(200px, 500px) custom:custom\n//   - +between(0, 300px) 0 width:custom\n//   - +between(1, 300px) scale:custom\n//   - +between(200px, 4) custom:scale\n\nbetween(min, max, anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  selected = selector()\n\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  if -is-string(min)\n    min = -get-scale-number(min)\n  if -is-string(max)\n    max = -get-scale-number(max)\n\n  -min = rupture.scale[min - 1] unless -is-zero(min) or (not -on-scale(min))\n  -max = rupture.scale[max] unless not -on-scale(max)\n  -min ?= min\n  -max ?= max\n\n  if (rupture.rasterise-media-queries)\n    if not (density or -max or orientation)\n      {block}\n  else\n    condition = 'only screen'\n    use-device-width = use-device-width ? 'device-' : ''\n    unless -min is 0\n      -min = -convert-to('em', -min) if rupture.enable-em-breakpoints\n      -min = -adjust-overlap(anti-overlap, -min, side: 'min')\n      condition = condition + ' and (min-' + use-device-width + 'width: %s)' % (-min)\n    unless -larger-than-scale(max)\n      -max = -convert-to('em', -max) if rupture.enable-em-breakpoints\n      -max = -adjust-overlap(anti-overlap, -max, side: 'max')\n      condition = condition + ' and (max-' + use-device-width + 'width: %s)' % (-max)\n    if orientation\n      condition = condition + ' and (orientation: %s)' % (orientation)\n    if density\n      conditions = ()\n      for query in -density-queries(density)\n        push(conditions, condition + ' and %s' % (query))\n      condition = join(', ', conditions)\n    @media condition\n      {block}\n  if fallback-class\n    +create-fallback-class(selected, fallback-class)\n      {block}\n\nat(scale-point, anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  +between(scale-point, scale-point, anti-overlap, density, orientation, use-device-width, fallback-class)\n    {block}\n\nfrom-width(scale-point, anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  +between(scale-point, length(rupture.scale), anti-overlap, density, orientation, use-device-width, fallback-class)\n    {block}\n\nabove = from-width\n\nto-width(scale-point, anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  +between(1, scale-point, anti-overlap, density, orientation, use-device-width, fallback-class)\n    {block}\n\nbelow = to-width\n\nmobile(anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  +below(rupture.mobile-cutoff, anti-overlap, density, orientation, use-device-width, fallback-class)\n    {block}\n\ntablet(anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  +between(rupture.mobile-cutoff, rupture.desktop-cutoff, anti-overlap, density, orientation, use-device-width, fallback-class)\n    {block}\n\ndesktop(anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  +above(rupture.desktop-cutoff, anti-overlap, density, orientation, use-device-width, fallback-class)\n    {block}\n\nhd(anti-overlap = rupture.anti-overlap, density = null, orientation = null, use-device-width = rupture.use-device-width, fallback-class = null)\n  if -is-string(orientation)\n    orientation = convert(orientation)\n  if -is-string(density)\n    density = convert(density)\n  +above(rupture.hd-cutoff, anti-overlap, density, orientation, use-device-width, fallback-class)\n    {block}\n\ndensity(density, orientation = null, fallback-class = null)\n  selected = selector()\n  if not (rupture.rasterise-media-queries)\n    conditions = ()\n    for query in -density-queries(density)\n      condition = 'only screen and %s' % (query)\n      if orientation\n        condition = condition + ' and (orientation: %s)' % (orientation)\n      push(conditions, condition)\n    condition = join(', ', conditions)\n    @media condition\n      {block}\n    if fallback-class\n      +create-fallback-class(selected, fallback-class)\n        {block}\n\npixel-ratio = density\n\nretina(orientation = null, fallback-class = null)\n  +density('retina', orientation, fallback-class)\n    {block}\n\nlandscape(density = null, fallback-class = null)\n  selected = selector()\n  if not (rupture.rasterise-media-queries)\n    if -is-string(density)\n      density = convert(density)\n    if density\n      +pixel-ratio(density, orientation: landscape, fallback-class)\n        {block}\n    else\n      @media only screen and (orientation: landscape)\n        {block}\n      if fallback-class\n        +create-fallback-class(selected, fallback-class)\n          {block}\n\nportrait(density = null, fallback-class = null)\n  selected = selector()\n  if not (rupture.rasterise-media-queries)\n    if -is-string(density)\n      density = convert(density)\n    if density\n      +pixel-ratio(density, orientation: portrait, fallback-class)\n        {block}\n    else\n      @media only screen and (orientation: portrait)\n        {block}\n      if fallback-class\n        +create-fallback-class(selected, fallback-class)\n          {block}\n","@import '../brand.import';\n\nsetup-color-system($customSettings = {}) {\n\n\t/*\n   * Default settings:\n   */\n\t$defaultSettings = {\n\t\ttext: $brandBlack,\n\t\tbgBody: $brandWhite,\n\t\tlink: $brandBlack,\n\t\thover: $brandRed,\n\t\tpressed: #6A0000,\n\t\tvisited: $brandBlack,\n\t\tselection: $brandRed,\n\t\tbgCode: #f7f7f7,\n\t\tcolorCode: $brandBlack,\n\t\tcolourHero: white\n\t}\n\n\t$settings = merge($defaultSettings, $customSettings);\n\n  /*\n   * Breakpoint setup:\n   */\n\tbody {\n\t\tcolor: $settings.text;\n\t\tbackground: $settings.bgBody;\n\t}\n\n\t::selection {\n\t\tbackground: $settings.selection;\n\t\tcolor: white;\n\t\tfill: white;\n\t}\n\n\ta {\n  \tcolor: $settings.link;\n\t}\n\n\ta:visited {\n\t\tcolor: $settings.visited;\n\t}\n\n\ta:hover,\n\ta:visited:hover {\n\t\tcolor: $settings.hover;\n\t}\n\n\ta:active {\n\t\tcolor: $settings.pressed;\n  }\n\n\ta:focus {\n\t\toutline: none;\n\t\tcolor: $settings.hover;\n\t}\n\n\tp code {\n    color: $settings.colorCode;\n\t\tbackground-color: $settings.bgCode;\n\t}\n\n\tpre {\n    color: $settings.colorCode;\n\t\tbackground-color: $settings.bgCode;\n\t}\n\n\t.content {\n\t\tbackground-color: $settings.bgCode;\n\t}\n\n\t.content__container,\n\t.content__container--expand {\n\t\tbackground-color: $settings.bgBody;\n\t}\n\n  .informational {\n    color: #bbb;\n  }\n\n\t/* Images so assume white text is required */\n\t.hero {\n\t\th1, h2, h3, h4, h5, p, code {\n\t\t\tcolor: $settings.colourHero;\n\t\t}\n\t}\n}\n","\n\n.svg-center-x {\n\tposition: relative;\n  \tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n  \tpadding-left: 50%;\n}\n\n.svg-padding-top {\n\tpadding-top: 1em;\n}\n.svg-padding-left {\n\tpadding-left: 1em;\n}\n\n.reusable {\n    path {\n        fill: none;\n        stroke: black;\n        stroke-width: 1.5px;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    path.bgstroke {\n        stroke: white;\n        stroke-width: 3px;\n    }\n}\n\n@import 'd3-legend.import'\n","setup-inputs($customSettings = {}) {\n\t/*\n   * Default settings:\n   */\n\t$defaultSettings = {\n\t\tdefaultFontSize: 1rem,\n\t\tcolourDisabled: #f1f1f1,\n\t\tminHeight: 2.75em,\n\t\tpaddingTop: 0.5em,\n\t\tpaddingBottom: 0.5em,\n\t\tpaddingLeft: 0,\n\t\tpaddingRight: 0,\n    borderColor: #d8d8d8\n\t}\n\n\t$settings = merge($defaultSettings, $customSettings);\n\n\tinput[type=\"text\"],\n  input[type=\"password\"],\n  input[type=\"email\"],\n  input[type=\"number\"],\n  input[type=\"tel\"],\n  input[type=\"url\"],\n  select,\n  textarea {\n\t\tbox-sizing: border-box;\n    min-height: $settings.minHeight;\n    padding-top: $settings.paddingTop;\n    padding-bottom: $settings.paddingBottom;\n\t\tpadding-left: $settings.paddingLeft;\n\t\tpadding-right: $settings.paddingRight;\n    color: #333;\n    vertical-align: bottom;\n    background-color: #fff;\n    background-repeat: no-repeat;\n    border: 1px solid $settings.borderColor;\n    // border-radius: 3px;\n    outline: none;\n    // box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);\n\t\tfont-size: $settings.defaultFontSize;\n\n    &:disabled {\n        background-image: pattern--core($settings.colourDisabled);\n    }\n  }\n}\n","@import '../brand.import';\n@import '../lib/button.import';\n@import '../lib/gradients.import';\n\nsetup-buttons($customSettings = {}) {\n\t/*\n   * Default settings:\n   */\n\t$defaultSettings = {\n\t\tdefaultFontSize: 1rem,\n\t\tcolourDefault: $ui-rs-core.themes.light.text,\n\t\tcolourDisabled: #f1f1f1,\n    colourDanger: #ed1651,\n    colourButton: $brandGrey,\n    colourShadow: $brandRed,\n\t\tpaddingTop: 1.9375em,\n\t\tpaddingBottom: 1.9375em,\n\t\tpaddingLeft: 0.75em,\n\t\tpaddingRight: 0.75em\n\t}\n\n\t$settings = merge($defaultSettings, $customSettings);\n\n  button {\n    cursor: pointer;\n  }\n\n  create-default-button($settings);\n  create-bem-button('red', $settings);\n  create-bem-button('green', $settings);\n  create-bem-button('blue', $settings);\n  create-bem-button('black', $settings);\n\n  // TODO: remove these legacy buttons\n  .hero button.danger,\n  button.danger {\n      color: white;\n      background-color: $settings.red.background.hover;\n      border: 1px solid $settings.red.background.hover;\n\n      &:hover {\n        // background-color: desaturate($settings.red.background.hover, 20%);\n        background-color: $settings.red.background.hover;\n        border: 1px solid $settings.red.background.hover;\n      }\n\n      &:active {\n        // background-color: desaturate($settings.red.background.hover, 20%);\n        background-color: $settings.red.background.pressed;\n        border: 1px solid $settings.red.background.pressed;\n      }\n\n      &:disabled {\n        background-image: pattern--core();\n      }\n\n      &:disabled:hover {\n        background-color: $settings.red.background.hover;\n        background-image: pattern--core();\n        border: 1px solid $settings.red.background.hover;\n      }\n\n      &:focus {\n        outline: none; // Disable outline in chrome\n      }\n  }\n\n  .hero button {\n      color: white;\n      font-size: 1.2em;\n      background-color: transparent;\n      box-shadow: 0 0 0 1px white;\n\n      &:focus {\n          outline: none;\n          box-shadow: 0 0 0 1px $settings.colourShadow;\n      }\n\n      &:hover {\n          background-color: rgba(255,255,255,0);\n      }\n\n      &:disabled {\n          background-image: pattern--core(rgba(255,255,255,0.3));\n      }\n\n      &:disabled:hover {\n          background-color: transparent;\n          background-image: pattern--core(rgba(255,255,255,0.3));\n      }\n\n      &:focus {\n        outline: none; // Disable outline in chrome\n      }\n  }\n}\n","/*\n * mixins for setting up buttons\n */\n\n/*\n * create-default-button()\n *\n * Styles a default button.\n */\ncreate-default-button($settings) {\n  button {\n      padding-top: $settings.style.default.paddingTop;\n      padding-bottom: $settings.style.default.paddingBottom;\n      padding-left: $settings.style.default.paddingLeft;\n      padding-right: $settings.style.default.paddingRight;\n\n      color: $settings.default.color.default;\n      background: $settings.default.background.default;\n      border: 1px solid $settings.default.color.border;\n\n      font-family: $settings.fontFamily;\n      font-size: $settings.defaultFontSize;\n\n      transition: background 200ms ease 0s;\n\n      // NOTE: pseudo class order matters: https://css-tricks.com/remember-selectors-with-love-and-hate/\n      &:hover {\n        color: $settings.default.color.hover;\n        background: $settings.default.background.hover;\n        border: 1px solid $settings.default.background.hover;\n      }\n\n      &:active {\n        outline: none;\n        color: $settings.default.color.pressed;\n        background: $settings.default.background.pressed;\n        border: 1px solid $settings.default.background.pressed;\n      }\n\n      &:disabled {\n        color: $settings.default.color.disabled;\n        background: $settings.default.background.disabled;\n        border: 1px solid $settings.default.background.disabled;\n        cursor: default;\n      }\n\n      &:focus {\n        outline: none; // Disable outline in chrome\n      }\n  }\n\n  button.rs-btn--small {\n    padding-top: $settings.style.small.paddingTop;\n    padding-bottom: $settings.style.small.paddingBottom;\n    padding-left: $settings.style.small.paddingLeft;\n    padding-right: $settings.style.small.paddingRight;\n  }\n\n  button.rs-btn--selected {\n    color: $settings.default.color.hover;\n    background: $settings.default.background.hover;\n    border: 1px solid $settings.default.background.hover;\n\n    &:hover {\n      color: $settings.default.color.pressed;\n      background: $settings.default.background.pressed;\n      border: 1px solid $settings.default.background.pressed;\n    }\n\n    &:active {\n      color: $settings.default.color.hover;\n      background: $settings.default.background.hover;\n      border: 1px solid $settings.default.background.hover;\n    }\n\n    &:hover:disabled {\n      color: $settings.default.color.hover;\n      background: $settings.default.background.hover;\n      border: 1px solid $settings.default.background.hover;\n      cursor: default;\n    }\n  }\n\n  /* Styling the base button will is implicitly applying the styles to the 'bem' buttons */\n  adjust-p-block-styling($ui-rs-core.types.settings.mobilePortrait, $settings.style);\n\n  +above('tablet') {\n    adjust-p-block-styling($ui-rs-core.types.settings.tablet, $settings.style);\n  }\n}\n\n/*\n * create-bem-button()\n *\n * Creates a button with BEM style classes.\n */\n create-bem-button($name, $settings) {\n    .rs-btn--{$name},\n    a.rs-btn--{$name} {\n      padding-top: $settings.style.default.paddingTop;\n      padding-bottom: $settings.style.default.paddingBottom;\n      padding-left: $settings.style.default.paddingLeft;\n      padding-right: $settings.style.default.paddingRight;\n\n      color: $settings[$name].color.default;\n      background: $settings[$name].background.default;\n\n      border: 1px solid $settings[$name].color.border;\n\n      font-family: $settings.fontFamily;\n\t\t\tfont-size: $settings.defaultFontSize;\n\n      // NOTE: pseudo class order matters: https://css-tricks.com/remember-selectors-with-love-and-hate/\n      &:hover {\n        color: $settings[$name].color.hover;\n        background: $settings[$name].background.hover;\n        border: 1px solid $settings[$name].background.hover;\n      }\n\n      &:active {\n        outline: none;\n        color: $settings[$name].color.pressed;\n        background: $settings[$name].background.pressed;\n        border: 1px solid $settings[$name].background.pressed;\n      }\n\n      &:disabled {\n        color: $settings[$name].color.disabled;\n        background: $settings[$name].background.disabled;\n        border: 1px solid $settings[$name].background.disabled;\n        cursor: default;\n      }\n\n      &:focus {\n        outline: none; // Disable outline in chrome\n      }\n\n    }\n\n    a.rs-btn--{$name} {\n      box-sizing: border-box;\n      text-decoration: none;\n    }\n\n    .rs-btn--{$name}.rs-btn--selected {\n      color: $settings[$name].color.hover;\n      background: $settings[$name].background.hover;\n      border: 1px solid $settings[$name].background.hover;\n\n      &:hover {\n        color: $settings[$name].color.pressed;\n        background: $settings[$name].background.pressed;\n        border: 1px solid $settings[$name].background.pressed;\n      }\n\n      &:active {\n        color: $settings[$name].color.hover;\n        background: $settings[$name].background.hover;\n        border: 1px solid $settings[$name].background.hover;\n      }\n\n      &:hover:disabled {\n        color: $settings[$name].color.hover;\n        background: $settings[$name].background.hover;\n        border: 1px solid $settings[$name].background.hover;\n        cursor: default;\n      }\n    }\n\n    .rs-btn--small,\n    a.rs-btn--small {\n      padding-top: $settings.style.small.paddingTop;\n      padding-bottom: $settings.style.small.paddingBottom;\n      padding-left: $settings.style.small.paddingLeft;\n      padding-right: $settings.style.small.paddingRight;\n    }\n }\n\n/*\n * adjust-p-block-styling()\n *\n * We assume that content within <p> blocks will be text'ish. Therefore we style base component like\n * <buttons> so that they look good in a text flow.\n * The margin is calculated based on the line-height of the <p>: p.line-height - p.font-size - button.padding\n */\nadjust-p-block-styling($typeSettings, $styleSettings) {\n  $pLineHeight = $typeSettings.p['line-height'];\n  $pFontSize = $typeSettings.p['font-size'];\n\n  p button {\n    // padding: $styleSettings.default.paddingTop $styleSettings.default.paddingRight $styleSettings.default.paddingBottom $styleSettings.default.paddingLeft;\n    margin: ($pLineHeight - $pFontSize);\n    line-height: 1;\n  }\n\n  p button.rs-btn--small  {\n    margin: ($pLineHeight - $pFontSize - $styleSettings.small.paddingTop/2);\n  }\n\n  p a.rs-btn--red,\n  p a.rs-btn--blue,\n  p a.rs-btn--green,\n  p a.rs-btn--black {\n    margin: ($pLineHeight - $pFontSize);\n  }\n}\n","/*\n * create-icon-button()\n *\n * Creates a button with an icon (e.g. for federated login buttons).\n */\n setup-default-icon-button($style, $colors) {\n    .rs-icon-btn {\n      display: flex;\n      flex-direction: row;\n      flex: 0 auto;\n\n      min-width: $style.default.minWidth;\n\n      color: $colors.color.default;\n      border: 1px solid $colors.color.default;\n\n      text-decoration: none;\n      cursor: pointer;\n\n      font-family: $style.default.fontFamily;\n      font-size: $style.default.defaultFontSize;\n\n      // NOTE: pseudo class order matters: https://css-tricks.com/remember-selectors-with-love-and-hate/\n      &:hover {\n        color: $colors.color.hover;\n        background: $colors.background.hover;\n      }\n\n      &:active {\n        outline: none;\n        color: $colors.color.pressed;\n        background: $colors.background.pressed;\n        border: 1px solid $colors.background.pressed;\n      }\n\n      &:disabled {\n        color: $colors.color.disabled;\n        background: $colors.background.disabled;\n        border: 1px solid $colors.background.disabled;\n      }\n\n      &:focus {\n        outline: none; // Disable outline in chrome\n      }\n    }\n\n    .rs-icon-btn__icon {\n      display: block;\n      width: 1.875em;\n      height: 1.875em;\n      flex: 0 0 50px;\n      background-color: #fff;\n    }\n\n    .rs-icon-btn__label {\n      display: flex;\n      padding-left: 1em;\n      justify-content: flex-start;\n      align-items: center;\n      flex: 1;\n\n      background: $colors.background.default;\n\n      transition: background-color 200ms ease;\n\n      &:hover {\n        background: $colors.background.hover;\n      }\n    }\n\n    .rs-icon-btn__icon__wrapper {\n      width: 2.5em;\n      height: 2.5em;\n\n      border-right: 1px solid $colors.color.default;\n\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      background: white;\n    }\n\n    .rs-icon-btn__icon__wrapper__padding {\n      /* only necessary for flexbox centering */\n    }\n\n    // .rs-icon-btn--small {\n    //   min-width: $style.small.minWidth;\n    //   margin-top: $style.small.marginTop;\n    //   margin-bottom: $style.small.marginBottom;\n    //   margin-left: $style.small.marginLeft;\n    //   margin-right: $style.small.marginRight;\n    // }\n }\n","/*\n * create-icon-button()\n *\n * Creates a danger button.\n */\n setup-default-danger-button() {\n  .rs-danger-btn {\n    display: block;\n    width: 220px;\n    padding-right: 30px;\n    padding-left: 30px;\n    background-color: #e11010;\n    font-family: Electrolize, sans-serif;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: white;\n    transition: all 300ms ease;\n  }\n\n  .rs-danger-btn:hover,\n  .rs-danger-btn:visited,\n  .rs-danger-btn:visited:hover {\n    width: 100%;\n    background-color: #aa0c0c;\n    color: white;\n  }\n }\n","@import '../brand.import';\n\nsetup-sliders($customSettings = {}) {\n\n\t/*\n   * Default settings:\n   */\n  $defaultSettings = {\n    width: 15em,\n    height: 1em,\n    radius: 0.25em,\n    highlight: #E11010,\n    background: #CACACA,\n    thumbColour: $brandWhite,\n    thumbSize: 1em\n  }\n\n  $settings = merge($defaultSettings, $customSettings);\n\n  /*\n   * Breakpoint setup:\n   */\n  input[type='range'] {\n    display: block;\n    border: solid .5em transparent;\n    padding: 0;\n    width: $settings.width;\n    height: $settings.height*2;\n    border-radius: $settings.radius;\n    background: transparent;\n    font-size: 1em;\n    cursor: pointer;\n    &,\n    &::-webkit-slider-runnable-track,\n    &::-webkit-slider-thumb {\n      -webkit-appearance: none;\n    }\n    &::-ms-track {\n      width: 100%;\n      cursor: pointer;\n      background: transparent;\n      border-color: transparent;\n      color: transparent;\n    }\n    &::-webkit-slider-runnable-track {\n      track($settings.highlight, $settings.background, $settings.width, $settings.height/2);\n    }\n    &::-webkit-slider-thumb {\n      margin-top: (($settings.height/2 - $settings.thumbSize)/2);\n      thumb($settings.thumbColour, $settings.thumbSize);\n    }\n    &:focus {\n      outline: none;\n      box-shadow: 0 0 1px $settings.highlight\n    }\n  }\n\n  input[type='range'].progress {\n    cursor: initial;\n    &::-webkit-slider-thumb {\n      display: none;\n    }\n    &:focus {\n      outline: none;\n      box-shadow: none;\n    }\n  }\n\n  input[type='range'].animated {\n    &::-webkit-slider-runnable-track {\n      transition: background-size 400ms ease-in;\n    }\n  }\n\n  input[type='range'].intermediate {\n\n  }\n}\n\ntrack($highlight, $bg, $width, $height) {\n  width: $width;\n  height: $height;\n  border-radius: (@height/2);\n  background: linear-gradient($highlight, $highlight) no-repeat $bg;\n  background-size: 0% 100%;\n}\n\nthumb($bg, $sz = 0.75em) {\n  border: none;\n  width: $sz;\n  height: $sz;\n  border-radius: 50%;\n  box-shadow: 0 0 .125em #333;\n  background: $bg;\n}\n","@import '../common/animation.import'\n\nsetup-widget__down-arrow($customSettings = {}) {\n\t/*\n   * Default settings:\n   */\n\t$defaultSettings = {\n    background-image: url(\"https://static.redsift.io/assets/ui-rs-core/icons/-rs-icon-down-arrow-3.svg\"),\n    width: 20px,\n    height: 30px,\n    padding: 1em,\n    opacity: 0.6,\n    transitionCurve: $curveRedsift,\n    transitionTime: $timeRedsift\n\t}\n\n\t$settings = merge($defaultSettings, $customSettings);\n\n  /*\n   * Breakpoint setup:\n   */\n  .down-arrow {\n    display: block;\n    width: $settings.width;\n    height: $settings.height ;\n    margin-right: auto;\n    margin-left: auto;\n    padding: $settings.padding;\n    float: none;\n    clear: none;\n    background-image: $settings['background-image'];\n    background-position: 50% 50%;\n    background-size: $settings.height $settings.width;\n    background-repeat: no-repeat;\n    opacity: $settings.opacity;\n    background-color: transparent;\n    transition: opacity $settings.transitionCurve $settings.transitionTime;\n  }\n\n  .down-arrow:hover {\n      opacity: 1;\n  }\n}\n","setup-style-switcher($customSettings = {}) {\n\t/*\n   * Default settings:\n   */\n\t$defaultSettings = {\n\t\tbackground: rgba(0,0,0,0.9)\n\t}\n\n\t$settings = merge($defaultSettings, $customSettings);\n\n  /*\n   * Breakpoint setup:\n   */\n\t.style-switcher {\n\t  z-index: 1000;\n\t  display: flex;\n\t  justify-content: flex-end;\n\n\t  position: fixed;\n\t  right: 0;\n\t  left: 0;\n\t  bottom: 0;\n\n\t  padding: 0.8em;\n\t  background: $settings.background\n\t}\n\n\t.style-switcher button {\n\t  margin-right: 1em;\n\t}\n}\n"]}