atlas-guide/assets/css/dev_atlas-insights.css.map

Atlas is living style-guides & pattern library static site generator with extensive CSS monitoring and components info that could be used virtually with any scss/css project

{"version":3,"sources":["bindings/insights/_atlas-cross-dependencies-graph.scss","_dev-atlas-settings.scss","bindings/insights/_atlas-cross-dependencies-legend.scss","bindings/insights/_atlas-cross-dependencies-list.scss","bindings/insights/_atlas-stat-sizes-grid.scss","bindings/insights/_atlas-stat-size-file.scss","bindings/insights/_atlas-stat-section.scss","bindings/insights/_atlas-stat-title.scss","bindings/insights/_atlas-stat-list.scss","bindings/insights/_atlas-stat-header.scss","bindings/insights/_atlas-stat-columns.scss","bindings/insights/_atlas-stat-digit.scss","defintions/_chessboard.scss","bindings/insights/_atlas-stat-font.scss","bindings/insights/_atlas-stat-item.scss","bindings/insights/_atlas-stat-table.scss","bindings/insights/_atlas-stat-info.scss","defintions/_tooltip.scss","bindings/insights/_atlas-stat-space.scss","bindings/insights/_atlas-stat-font-scale.scss","bindings/insights/_atlas-stat-chart.scss","bindings/insights/_atlas-stat-graphs.scss","bindings/insights/_atlas-stat-bundle.scss"],"names":[],"mappings":"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","file":"dev_atlas-insights.css","sourcesContent":[".atlas-cross-dependencies-graph {\n\tcolor: $atlas-color-text;\n\tmargin-top: -#{$space-md-atlas};\n\tuser-select: none;\n\n\t.link {\n\t\tstroke: $color-blue-atlas;\n\t}\n\n\t.node__circle {\n\t\tfill: $color-blue-atlas;\n\t\tstroke: $color-white-atlas;\n\t}\n\n\t.node__text {\n\t\tfill: currentColor;\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: $atlas-scale-mono-small;\n\n\t\t&._partial {\n\t\t\tfill: $color-blue-atlas;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n// Palette\n$color-grey60-atlas: hsl(0, 0%, 60%);\n$color-grey70-atlas: hsl(0, 0%, 70%);\n$color-grey80-atlas: hsl(0, 0%, 80%);\n$color-grey90-atlas: hsl(0, 0%, 90%);\n$color-grey95-atlas: hsl(0, 0%, 95%);\n$color-white-atlas: hsl(0, 0%, 100%);\n\n$color-blue-atlas: hsl(213, 75%, 54%);\n$color-blue79-atlas: hsl(213, 66%, 79%);\n\n$color-pink-atlas: hsl(328, 100%, 60%);\n$color-red-atlas: hsl(0, 92%, 60%);\n$color-orange-atlas: hsl(38, 92%, 60%);\n$color-yellow-atlas: hsl(53, 92%, 60%);\n$color-green-atlas: hsl(85, 60%, 60%);\n\n// Fonts\n$font-sans-atlas: \"Arial\", \"FreeSans\", sans-serif;\n$font-mono-atlas: \"DejaVu Sans Mono\", \"SFMono-Regular\", \"Menlo\", \"Consolas\", \"Lucida Console\", monospace;\n\n// Sizes\n$size-font-atlas: 16px; // 16px\n$size-line-atlas: $size-font-atlas * 1.25; // 20px\n\n// Scales\n$scale-sm-atlas: 12.8px;\n$scale-md-atlas: 15px;\n$scale-lg-atlas: 20px;\n$scale-xl-atlas: 25px;\n$scale-xxl-atlas: 39px;\n$scale-xxxl-atlas: 48.8px;\n\n// Spaces\n$space-sm-atlas: math.div($size-line-atlas, 2); // 10px\n$space-md-atlas: $size-line-atlas; // 20px\n$space-xm-atlas: math.div($size-line-atlas, 2) * 3; // 30px\n$space-lg-atlas: $size-line-atlas * 2; // 40px\n$space-xl-atlas: $size-line-atlas * 3; // 60px\n\n// Depth\n$depth--1: inset 0 3px 10px 1px rgba(black, 0.34);\n$depth-0: none;\n$depth-1: 0 3px 10px 1px rgba(black, 0.34);\n$depth-2: 0 9px 30px 3px rgba(black, 0.44);\n$depth-3: 0 30px 50px 5px rgba(black, 0.44);\n$depth-4: 0 45px 60px 6px rgba(black, 0.44);\n\n// Motion\n$motion-ease: cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;\n$motion-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) 0.2s;\n$motion-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) 0.2s;\n$motion-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) 0.2s;\n\n// Breakpoints\n$break-xl: 1367px;\n$break-md: 1024px;\n$break-sm: 767px;\n\n// Applied colors\n$atlas-color-text: hsl(210, 0%, 35%);\n$atlas-color-divider: $color-grey70-atlas;\n$atlas-aside-bg: $color-grey95-atlas;\n$atlas-aside-bd: hsl(0, 0%, 87%);\n$atlas-aside-selected: hsl(0, 0%, 88%);\n\n// Applied sizes\n$atlas-scale-mono-small: 11px;\n$atlas-scale-primary: $scale-md-atlas;\n$atlas-scale-secondary: $scale-sm-atlas;\n\n// Applied radiuses\n$atlas-radius: 5px;\n",".atlas-cross-dependencies-legend {\n\talign-items: flex-start;\n\t//border-top: 1px solid $atlas-color-divider;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin: $space-sm-atlas 0 $space-lg-atlas;\n\tmax-width: none;\n\tpadding: $scale-sm-atlas 0 0;\n\n\tkbd {\n\t\tbackground-color: $color-grey80-atlas;\n\t\tborder: 1px solid $atlas-color-divider;\n\t\tborder-radius: 3px;\n\t\tbox-shadow: 1px 2px 0 darken($atlas-color-divider, 20%);\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: $atlas-scale-mono-small;\n\t\tfont-weight: bold;\n\t\tmargin: 3px;\n\t\tpadding: 0 3px;\n\t}\n\n\t> svg {\n\t\tcolor: $color-blue-atlas;\n\t\theight: 20px;\n\t\tmin-width: 50px;\n\t\twidth: 50px;\n\t}\n\n\t&__caption {\n\t\tfont-size: 19px;\n\t\tmargin-bottom: 5px;\n\t\tmargin-right: $space-md-atlas;\n\t\twidth: 50%;\n\t}\n\n\t&__example {\n\t\tfont-size: 14.4px;\n\t\tmargin-right: $space-md-atlas;\n\t\ttext-align: justify;\n\t\twidth: 50%;\n\t}\n\n\t&__list {\n\t\tfont-size: 14.4px;\n\t\tmargin: 0 0 0 $space-md-atlas;\n\t\tmin-width: 20%;\n\t\tpadding: 0;\n\n\t\tsvg {\n\t\t\theight: 10px;\n\t\t\twidth: 10px;\n\t\t}\n\t}\n\n\t&__p {\n\t\tdisplay: inline-block;\n\t}\n}\n",".atlas-cross-dependencies-list {\n\tcolor: $atlas-color-text;\n\tdisplay: flex;\n\tfont-family: $font-sans-atlas;\n\n\t&__column {\n\t\twidth: 100%;\n\t}\n\n\t&__title {\n\t\tfont-size: $scale-lg-atlas;\n\t\tfont-weight: bold;\n\t\tmargin: $space-sm-atlas 0;\n\t}\n\n\t&__entry {\n\t\tdisplay: block;\n\t}\n}\n","@use \"sass:math\";\n\n.atlas-stat-sizes-grid {\n\tdisplay: block;\n\tmargin-top: -80px;\n\n\t> div {\n\t\tdisplay: inline-block;\n\t\tpadding: $space-sm-atlas;\n\t\tvertical-align: bottom;\n\t\twidth: math.div(100%, 10);\n\t}\n}\n\n.atlas-stat-sizes-page-title {\n\tposition: relative;\n\tz-index: 1;\n}\n",".atlas-stat-size-file {\n\tall: initial;\n\tborder-bottom: 1px solid $color-blue79-atlas;\n\tcolor: $atlas-color-text;\n\tdisplay: block;\n\tfont-family: $font-mono-atlas;\n\tfont-size: $atlas-scale-mono-small;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tline-height: $space-md-atlas;\n\tpadding-top: 80px;\n\tposition: relative;\n\n\tsvg {\n\t\tdisplay: inline-block;\n\t\tmargin-bottom: -1px;\n\t\tvertical-align: bottom;\n\n\t\trect {\n\t\t\tfill: $color-blue79-atlas;\n\t\t\tstroke: $color-blue-atlas;\n\t\t\tstroke-width: 1px;\n\t\t}\n\t}\n\n\t&__caption {\n\t\tbottom: 5px;\n\t\tdisplay: inline-block;\n\t\tleft: 30px;\n\t\tmax-width: 70px;\n\t\tposition: absolute;\n\t\tword-wrap: break-word;\n\t\tz-index: 1;\n\t}\n\n\t&__size {\n\t\tcolor: $color-blue-atlas;\n\t}\n\n\t&__title {\n\t\tfont-weight: normal;\n\t\tline-height: 1.2;\n\t}\n}\n",".atlas-stat-section {\n\tall: initial;\n\tcolor: $atlas-color-text;\n\tmargin: $space-xl-atlas 0;\n\tposition: relative;\n\n\t&__title,\n\t&__title-sub {\n\t\tall: initial;\n\t\tcolor: $atlas-color-text;\n\t\tdisplay: block;\n\t\tfont-family: $font-sans-atlas;\n\t\tfont-weight: bold;\n\t\tletter-spacing: -0.04em;\n\t}\n\n\t&__title {\n\t\tfont-size: $scale-xl-atlas;\n\t\tmargin: $space-lg-atlas 0 $space-md-atlas;\n\t}\n\n\t&__title-sub {\n\t\tfont-size: $scale-lg-atlas;\n\t\tmargin: $space-sm-atlas 0;\n\t}\n}\n",".atlas-stat-title {\n\tall: unset;\n\tcolor: $atlas-color-text;\n\tdisplay: block;\n\tfont-family: $font-sans-atlas;\n\tfont-size: $scale-xxl-atlas;\n\tfont-weight: bold;\n\tletter-spacing: -0.04em;\n\tmargin: $space-lg-atlas 0;\n}\n",".atlas-stat-list {\n\tall: initial;\n\tcolor: $color-blue-atlas;\n\tdisplay: block;\n\tfont-family: $font-mono-atlas;\n\tfont-size: 12.8px;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tline-height: 1.2;\n\tlist-style-type: disc;\n\tmargin: $space-md-atlas 0;\n\tpadding: 0 $space-md-atlas;\n\n\t&__item {\n\t\tdisplay: list-item;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.atlas-stat-item {\n\t\tcolor: $atlas-color-text;\n\t\toverflow: visible;\n\t}\n\n\t&._tops {\n\t\tfont-size: 16px;\n\t}\n\n\t&._scroll {\n\t\tmax-height: 50vh;\n\t\toverflow: auto;\n\t}\n\n\t&._imports {\n\t\tlist-style-type: decimal-leading-zero;\n\t\tpadding-left: 32px;\n\t}\n}\n",".atlas-stat-header {\n\talign-items: stretch;\n\tbackground: rgba($color-white-atlas, 0.9);\n\tborder-bottom: 1px solid rgba(black, 0.1);\n\tcolor: $atlas-color-text;\n\tdisplay: flex;\n\tfont-family: $font-sans-atlas;\n\tfont-size: 32px;\n\tfont-weight: bold;\n\tletter-spacing: -0.06em;\n\tline-height: 1.2;\n\tmargin: 0 -#{$space-md-atlas} $space-lg-atlas;\n\tpadding: $space-sm-atlas $space-md-atlas;\n\tposition: sticky;\n\ttop: -1px; // compensate composition positioning bug\n\tz-index: 5;\n\n\t@supports (backdrop-filter: blur(10px)) {\n\t\tbackdrop-filter: saturate(180%) blur(10px);\n\t\tbackground: rgba($color-white-atlas, 0.7);\n\t}\n\n\t&__title {\n\t\tall: initial;\n\t\tcolor: $atlas-color-text;\n\t\tdisplay: block;\n\t\tfont-family: $font-sans-atlas;\n\t\tfont-size: 32px;\n\t\tfont-weight: bold;\n\t\tletter-spacing: -0.04em;\n\t\tmargin-right: auto;\n\t\tmax-width: 80%;\n\t}\n\n\t&__caption {\n\t\tmargin-left: auto;\n\t}\n}\n","@use \"sass:math\";\n\n.atlas-stat-columns {\n\tall: unset;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tlist-style: none;\n\tmargin: 0 -#{$space-md-atlas};\n\n\t&__item {\n\t\tall: unset;\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tpadding: $space-md-atlas;\n\t\twidth: math.div(100%, 4);\n\t}\n\n\t&__title {\n\t\tall: initial;\n\t\tcolor: $atlas-color-text;\n\t\tdisplay: block;\n\t\tfont-family: $font-sans-atlas;\n\t\tfont-size: $scale-xl-atlas;\n\t\tfont-weight: bold;\n\t\tletter-spacing: -0.04em;\n\t\tmargin-bottom: $space-lg-atlas;\n\t}\n\n\t&._condenced {\n\t\t.atlas-stat-columns__item {\n\t\t\twidth: math.div(100%, 10);\n\t\t}\n\t}\n\n\t&._colors {\n\t\tmargin: 0;\n\n\t\t.atlas-stat-columns__item {\n\t\t\toverflow: hidden;\n\t\t\tpadding: 0 0 $space-md-atlas;\n\t\t\twidth: math.div(100%, 10);\n\t\t}\n\t}\n\n\t&._fonts {\n\t\t.atlas-stat-columns__item {\n\t\t\twidth: math.div(100%, 3);\n\t\t}\n\t}\n\n\t&._selectors {\n\t\t.atlas-stat-columns__item {\n\t\t\twidth: math.div(100%, 2);\n\t\t}\n\t}\n\n\t&._imports {\n\t\tmargin-bottom: $space-md-atlas;\n\t\tmargin-top: $space-lg-atlas;\n\n\t\t.atlas-stat-columns__item {\n\t\t\twidth: math.div(100%, 3);\n\t\t}\n\t}\n}\n",".atlas-stat-digit {\n\tall: unset;\n\tfont-family: $font-sans-atlas;\n\tfont-size: 64px;\n\tfont-weight: bold;\n\tline-height: 1;\n\tmin-width: 190px;\n\n\t&__data {\n\t\tall: unset;\n\t\tcolor: $color-blue-atlas;\n\t\tdisplay: block;\n\t\tletter-spacing: -0.06em;\n\t}\n\n\t&__caption {\n\t\tall: unset;\n\t\tdisplay: block;\n\t\tfont-size: 16px;\n\t\tline-height: 1.2;\n\t\tpadding: 0;\n\t\ttext-transform: capitalize;\n\t}\n\n\t&._large {\n\t\tfont-size: 80;\n\t}\n\n\t&._color {\n\t\tmin-width: auto;\n\t\t//overflow: hidden;\n\t\twidth: 100%;\n\n\t\tsvg.atlas-stat-digit__data {\n\t\t\t@include chessboard();\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.atlas-stat-digit__caption {\n\t\t\tfont-family: $font-mono-atlas;\n\t\t\tfont-size: $atlas-scale-mono-small;\n\t\t\tmargin-right: 4px;\n\t\t\toverflow: hidden;\n\t\t\tpadding-top: $space-sm-atlas;\n\t\t\ttext-overflow: ellipsis;\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t&._uri {\n\t\t.atlas-stat-digit__data {\n\t\t\tpadding-bottom: 100%;\n\t\t\tposition: relative;\n\n\t\t\t&._display { /* stylelint-disable-line */\n\t\t\t\t@include chessboard();\n\t\t\t}\n\n\t\t\tdiv {\n\t\t\t\talign-items: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\theight: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@mixin chessboard(\n\t$__elem: \"\",\n\t$color: #f1f1f1,\n\t$size: 12px\n) {\n\t@if ($__elem == \"\") {\n\t\tbackground-image:\n\t\t\tlinear-gradient(45deg, $color 25%, transparent 25%, transparent 75%, $color 75%, $color),\n\t\t\tlinear-gradient(45deg, $color 25%, transparent 25%, transparent 75%, $color 75%, $color);\n\t\tbackground-position: 0 0, math.div($size, 2) math.div($size, 2);\n\t\tbackground-size: $size $size;\n\t}\n}\n",".atlas-stat-font {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tjustify-content: stretch;\n\toverflow: hidden;\n\n\t&__figure {\n\t}\n\n\t&__short {\n\t\tfont-size: 64px;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tline-height: 1.2;\n\t}\n\n\t&__alphabet {\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__line {\n\t\tdisplay: block;\n\n\t\t&._1 {\n\t\t\t&::before {\n\t\t\t\tcontent: \"a b c d e f g h i j k l m n o p q r s t u v w x y z\";\n\t\t\t}\n\t\t}\n\n\t\t&._2 {\n\t\t\t&::before {\n\t\t\t\tcontent: \"A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\";\n\t\t\t}\n\t\t}\n\n\t\t&._3 {\n\t\t\t&::before {\n\t\t\t\tcontent: \"1 2 3 4 5 6 7 8 9 0\";\n\t\t\t}\n\t\t}\n\t}\n\n\t&__name {\n\t\tborder-top: 1px solid $atlas-color-divider;\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: $atlas-scale-mono-small;\n\t\tfont-weight: bold;\n\t\tmargin-top: $space-sm-atlas;\n\t\tpadding-top: $space-sm-atlas;\n\t}\n}\n",".atlas-stat-item {\n\tall: initial;\n\tfont-family: $font-mono-atlas;\n\tfont-size: 11.2px;\n\tline-height: 1.2;\n\n\t&._normal {\n\t\tfont-weight: normal;\n\t}\n}\n",".atlas-stat-table {\n\tdisplay: block;\n\tfont-family: $font-mono-atlas;\n\tfont-size: 12.8px;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\twidth: 100%;\n\n\t&__cell,\n\t&__head,\n\t&__body {\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t}\n\n\t&__head {\n\t\t.atlas-stat-table__cell {\n\t\t\tborder-bottom: 1px solid $atlas-color-divider;\n\t\t}\n\t}\n\n\t&__body {\n\t\tmax-height: 50vh;\n\t\toverflow: auto;\n\t}\n\n\t&__item {\n\t\tdisplay: flex;\n\n\t\t&:nth-child(even) {\n\t\t\t.atlas-stat-table__cell {\n\t\t\t\tbackground-color: rgba($color-blue79-atlas, 0.15);\n\t\t\t}\n\t\t}\n\t}\n\n\t&__cell {\n\t\tpadding: 0.3em $space-md-atlas;\n\t\tvertical-align: top;\n\n\t\t&._title {\n\t\t\tborder-right: 1px solid $atlas-color-divider;\n\t\t\tfont-weight: bold;\n\t\t\tmin-width: 100px;\n\t\t\toverflow: hidden;\n\t\t\tpadding-left: 0;\n\t\t\ttext-align: right;\n\t\t\twidth: 100px;\n\t\t}\n\n\t\t&._value {\n\t\t\tfont-weight: normal;\n\t\t\twidth: 80%;\n\t\t}\n\t}\n}\n",".atlas-stat-info {\n\tdisplay: inline-block;\n\tfont-family: $font-sans-atlas;\n\tfont-size: 12.8px;\n\tfont-weight: normal;\n\tletter-spacing: 0;\n\tline-height: 1.2;\n\tposition: relative;\n\n\tsvg {\n\t\tcolor: $color-blue-atlas;\n\t\tcursor: help;\n\t\tdisplay: block;\n\t}\n\n\t&__popup {\n\t\t@include tooltip($_state: stale, $orientation: left);\n\t\tbottom: -10px;\n\t\tleft: 20px;\n\t\tmin-width: 200px;\n\n\t\t&::before {\n\t\t\t@include tooltip(__arrow);\n\t\t}\n\t}\n\n\t&:hover {\n\t\t.atlas-stat-info__popup {\n\t\t\t@include tooltip($_state: activated);\n\t\t}\n\t}\n}\n","@mixin tooltip(\n\t$__elem: \"__root\",\n\t$_state: \"\",\n\t$orientation: left,\n\t$position: bottom\n) {\n\t@if ($__elem == \"__root\") {\n\t\t@if ($_state == \"stale\") {\n\t\t\tbackground: rgba($color-white-atlas, 0.97);\n\t\t\tborder: 1px solid #e0e0e0;\n\t\t\tborder-left: 7px solid $color-blue-atlas;\n\t\t\tborder-radius: 4px;\n\t\t\t#{$position}: 7px;\n\t\t\tbox-shadow: 0 0 20px -4px rgba(black, 0.3);\n\t\t\tdisplay: none;\n\t\t\t#{$orientation}: 70%;\n\t\t\tmin-width: 150px;\n\t\t\tpadding: $space-sm-atlas;\n\t\t\tposition: absolute;\n\t\t\tz-index: 10;\n\t\t} @else if($_state == \"activated\") {\n\t\t\tdisplay: block;\n\t\t}\n\t} @else if($__elem == \"__arrow\") {\n\t\tborder-bottom: 7px solid transparent;\n\t\tborder-right: 7px solid $color-blue-atlas;\n\t\tborder-top: 7px solid transparent;\n\t\tbottom: $space-sm-atlas;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 0;\n\t\tleft: -13px;\n\t\tposition: absolute;\n\t\twidth: 0;\n\t}\n}\n",".atlas-stat-space {\n\tall: initial;\n\tcolor: $atlas-color-text;\n\tdisplay: block;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\n\t&__item {\n\t\tdisplay: flex;\n\t\tmargin: 0 0 2px;\n\t\tpadding: 0;\n\t}\n\n\t&__line {\n\t\tbackground-color: $color-blue79-atlas;\n\t\tborder-right: 1px solid $color-pink-atlas;\n\t}\n\n\t&__caption {\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: $atlas-scale-mono-small;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tpadding-right: 5px;\n\t\tposition: relative;\n\t\ttext-align: right;\n\t\twidth: 90px;\n\t}\n}\n","@use \"sass:math\";\n\n.atlas-stat-font-scale {\n\tall: initial;\n\talign-items: flex-end; // stylelint-disable-line\n\tcolor: $atlas-color-text;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tfont-family: $font-sans-atlas;\n\tline-height: 1.2;\n\tmargin: 0;\n\tpadding: 0;\n\n\t&__item {\n\t\tlist-style: none;\n\t\tmargin: 0 0 64px;\n\t\tpadding: 0;\n\t\tposition: relative;\n\t\twidth: math.div(100%, 10);\n\t}\n\n\t&__example {\n\t\tborder-bottom: 1px solid $color-pink-atlas;\n\t\tborder-top: 1px solid $color-pink-atlas;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\toverflow: hidden;\n\t}\n\n\t&__size {\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: $atlas-scale-mono-small;\n\t\tfont-style: normal;\n\t\tfont-weight: bold;\n\t\tmargin-top: 10px;\n\t\tmax-width: 90px;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n}\n",".atlas-stat-chart-caption {\n\tall: unset;\n\tfont-family: $font-sans-atlas;\n\tfont-size: 12.8px;\n\tfont-weight: bold;\n\tmargin: $space-sm-atlas 0;\n}\n\n.atlas-stat-chart {\n\tdisplay: flex;\n\tfont-family: $font-sans-atlas;\n\tfont-weight: bold;\n\ttext-align: center;\n\n\t&__item {\n\t\tfont-size: 16px;\n\t\twidth: 100%;\n\t}\n\n\t&__legend {\n\t\tcolor: $atlas-color-text;\n\t\tfont-family: $font-sans-atlas;\n\t\tfont-size: 9.6px;\n\t\tmargin-top: $space-md-atlas;\n\t}\n\n\t&__bean-name {\n\t\tmargin: $space-sm-atlas 0 0;\n\t}\n\n\t&__bean-caption {\n\t\tcolor: $color-grey60-atlas;\n\t\tfont-size: 12.8px;\n\t\tmargin: 0 0 $space-md-atlas;\n\t}\n\n\t&__stat {\n\t\tfont-size: $atlas-scale-mono-small;\n\t\tlist-style: none;\n\t\tmargin-top: $space-md-atlas;\n\t\tpadding-left: $space-lg-atlas;\n\t\ttext-align: left;\n\t}\n}\n",".atlas-stat-page {\n\t.bar {\n\t\tfill: $color-blue79-atlas;\n\t}\n\n\t.bar-caption {\n\t\tfill: $atlas-color-text;\n\t\tfont-size: 12.8px;\n\t}\n\n\t.bar-caption-bottom {\n\t\tfill: $atlas-color-text;\n\t\tfont-size: 12.8px;\n\t}\n\n\t.area {\n\t\tfill: url(\"#atlas-blue-gradient\");\n\t\tstroke: none;\n\n\t\t&._huge {\n\t\t\tfill: $color-blue79-atlas;\n\t\t}\n\t}\n\n\t.area-line {\n\t\tstroke: $color-blue-atlas;\n\n\t\t&._huge {\n\t\t\tstroke: none;\n\t\t}\n\t}\n\n\t.tick {\n\t\tfont-family: $font-mono-atlas;\n\n\t\tline {\n\t\t\tstroke: rgba(black, 0.1);\n\t\t}\n\n\t\t&.mean {\n\t\t\tline {\n\t\t\t\tstroke: $color-pink-atlas;\n\t\t\t\tstroke-dasharray: 5, 5;\n\t\t\t\tstroke-width: 0.4px;\n\t\t\t}\n\n\t\t\ttext {\n\t\t\t\tfill: $color-pink-atlas;\n\t\t\t}\n\t\t}\n\t}\n\n\t.focus {\n\t\tcolor: $atlas-color-text;\n\t\tfill: black;\n\t\tfont-family: $font-mono-atlas;\n\n\t\tcircle {\n\t\t\tfill: $color-white-atlas;\n\t\t\tstroke: $color-blue-atlas;\n\t\t\tstroke-width: 1px;\n\t\t}\n\n\t\ttext {\n\t\t\tfont-size: $atlas-scale-mono-small;\n\t\t}\n\t}\n\n\t.js-bar-chart,\n\t.js-line-chart {\n\t\twidth: 100%;\n\t\t//margin: 0 -#{$space-md-atlas} 0 0;\n\t}\n}\n",".atlas-stat-bundle {\n\tmargin-left: -#{$space-md-atlas};\n\tmargin-top: -150px;\n\twidth: 100%;\n\n\t.atlas-link {\n\t\tstroke: $color-blue-atlas;\n\t}\n\n\t.atlas-size {\n\t\tfill: rgba($color-blue-atlas, 0.2);\n\t\tstroke: $color-blue79-atlas;\n\t\tstroke-dasharray: 3;\n\t}\n\n\t.atlas-node {\n\t\ttext {\n\t\t\tfill: $atlas-color-text;\n\t\t\tfont-family: $font-mono-atlas;\n\t\t\tfont-size: 8px;\n\t\t}\n\n\t\tcircle {\n\t\t\tfill: $color-blue-atlas;\n\t\t}\n\n\t\t&._internal {\n\t\t}\n\n\t\t&._leaf {\n\t\t}\n\n\t\t&._0 {\n\t\t\ttext {\n\t\t\t\tfont-family: $font-sans-atlas;\n\t\t\t\tfont-size: $scale-xl-atlas;\n\t\t\t\tfont-weight: bold;\n\t\t\t\ttext-anchor: middle;\n\t\t\t}\n\n\t\t\tcircle {\n\t\t\t\tfill: $color-white-atlas;\n\t\t\t}\n\t\t}\n\n\t\t&._1 {\n\t\t\ttext {\n\t\t\t\tfont-family: $font-sans-atlas;\n\t\t\t\tfont-size: $scale-md-atlas;\n\t\t\t}\n\n\t\t\tcircle {\n\t\t\t\tr: 4px;\n\t\t\t}\n\t\t}\n\t}\n}\n"]}