atlas-guide
Version:
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
1 lines • 60.9 kB
Source Map (JSON)
{"version":3,"sources":["dev_atlas.css","bindings/global/_global-normalization.scss","_dev-atlas-settings.scss","bindings/frame/_atlas-page.scss","bindings/frame/_atlas-content.scss","bindings/frame/_atlas.scss","bindings/frame/_atlas-overline.scss","bindings/frame/_atlas-message-global.scss","bindings/guideline/_atlas-toc.scss","bindings/guideline/_atlas-landing.scss","bindings/guideline/_atlas-welcome.scss","bindings/guideline/_atlas-coverage.scss","bindings/component/_atlas-playground.scss","bindings/component/_atlas-component-aside.scss","bindings/component/_atlas-info-digit.scss","defintions/_tooltip.scss","bindings/component/_atlas-component-footer.scss","bindings/component/_atlas-sparkline.scss","bindings/component/_atlas-info-list.scss","bindings/component/_atlas-constant.scss","bindings/component/_atlas-component-structure.scss","bindings/styleguide/_atlas-copier.scss"],"names":[],"mappings":"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","file":"dev_atlas.css","sourcesContent":["ul,ol,p{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;margin:0}figure{margin:0}body{background:#fff;color:#595959;margin:0;padding:0}.atlas-page{margin:0;padding:0}.atlas-content{all:unset;box-sizing:border-box;color:#595959;display:block}.atlas-content__inner{margin:0 auto;min-height:calc(100vh - 40px);padding:20px;padding-top:0;position:relative}.atlas{all:initial;color:#595959;font-family:\"Arial\",\"FreeSans\",sans-serif;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:normal}.atlas-title{display:block}.atlas-title_1,.atlas-title_2,.atlas-title_3{margin-bottom:20px;margin-top:40px}.atlas-title_1,.atlas-title_2,.atlas-title_3,.atlas-title_4,.atlas-title_5,.atlas-title_6{font-weight:bold;letter-spacing:-0.03em;margin-bottom:20px}.atlas-title_1{font-size:39px;font-weight:bold;letter-spacing:-0.04em;line-height:44px;margin-top:20px;padding-top:16px}.atlas-title_2{font-size:25px;line-height:40px}.atlas-title_3{font-size:20px;line-height:20px}.atlas-title_4{font-size:15px;font-weight:bold;line-height:20px;text-transform:uppercase}.atlas-title_5{font-size:12.8px;font-weight:bold;line-height:20px;text-transform:uppercase}.atlas-title_6{font-size:12.8px;line-height:20px}.atlas-p{display:block;margin:0 0 20px;padding:0}.atlas-p a{color:#3281e2;text-decoration:underline;word-break:break-word}.atlas-p img{max-width:100%}.atlas-hr{border:none;border-top:1px solid;color:#ccc;display:block;margin:40px auto}.atlas-ol,.atlas-ul{display:block;list-style:disc;margin-bottom:20px;margin-top:20px;padding-left:20px}.atlas-ol li,.atlas-ul li{margin:0;padding:0}.atlas-ol{list-style:decimal}.atlas-table{border-collapse:collapse;display:table;margin-bottom:20px}.atlas-table th,.atlas-table td{padding:5px 10px 5px 0}.atlas-table th{border-bottom:2px solid #b3b3b3;font-weight:bold}.atlas-code{display:block;font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-weight:400;line-height:1.5;position:relative;text-align:left}.atlas-code code{direction:ltr;overflow:auto;text-align:left;white-space:pre-wrap;word-break:normal;word-spacing:normal;word-wrap:normal}.atlas-code pre{background-color:#fcfcfc;border:1px solid #f2f2f2;border-radius:3px;margin:0 0 20px;overflow:auto;padding:10px}.atlas-code pre code{background:transparent;border:none;border-radius:0;padding:0}.atlas-code[class*=_bad]::after,.atlas-code[class*=_good]::after{display:block;font-size:.8em;font-weight:bold;line-height:20px;margin:-20px 0 20px}.atlas-code[class*=_bad] pre{border-color:#fa8989}.atlas-code[class*=_bad]::after{color:#f73b3b;content:\"Don’t.\"}.atlas-code[class*=_good] pre{border-color:#c8e79d}.atlas-code[class*=_good]::after{color:#a3d65c;content:\"Do.\"}.atlas code{background-color:#f2f2f2;border:1px solid #e6e6e6;border-radius:5px;font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-size:.85em;line-height:1.2;padding:.1em .3em}.atlas-title__text,.atlas-p,.atlas-ul,.atlas-ol,.atlas-code{color:#595959;max-width:800px}.atlas-content__inner .atlas-title_1+.atlas-p{font-size:20px;line-height:1.2;margin-bottom:40px}.atlas-title{align-items:flex-end;display:flex;justify-content:space-between;position:relative}.atlas-title__text{position:relative;z-index:1}.atlas-title__anchor{color:#ccc;font-size:20px;padding-left:20px}.atlas-title__anchor::after{background:linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) no-repeat right bottom;background-size:100%;bottom:0;content:\"\";height:1px;position:absolute;right:0;transition:width ease .4s;width:0}.atlas-title__anchor:hover,.atlas-title__anchor:focus{color:#999}.atlas-title__anchor:hover::after,.atlas-title__anchor:focus::after{width:100%}.atlas-title__anchor:active{color:#3281e2}.atlas-title__anchor svg{height:14px;width:14px}.atlas-title__highlight{bottom:-5px;left:-20px;pointer-events:none;position:absolute;right:-20px;top:-5px;z-index:0}.atlas-anchor{pointer-events:none;position:absolute;transform:translateY(-70px)}.atlas-anchor:target+.atlas-title .atlas-title__highlight{animation:target-highlight 2s ease}.atlas-section{padding:1px 0;position:relative}.atlas-title_2{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(0,0,0,.1);margin:0 -20px 40px;padding:10px 20px;position:sticky;top:-1px;z-index:5}@supports(backdrop-filter: blur(10px)){.atlas-title_2{backdrop-filter:saturate(180%) blur(10px);background:rgba(255,255,255,.7)}}.atlas-title_2 .atlas-title__highlight{bottom:0;left:0;right:0;top:0}@keyframes target-highlight{0%{background-color:#f7b23b}100%{background-color:transparent}}.atlas-overline{font-family:\"Arial\",\"FreeSans\",sans-serif;font-size:20px;line-height:20px;margin-bottom:-20px;padding-top:20px;text-transform:capitalize}.atlas-overline svg{color:#3281e2;height:24px;position:relative;top:4px;vertical-align:baseline;width:24px}.atlas-message-global{clear:both;font-family:\"Arial\",\"FreeSans\",sans-serif;font-size:12.8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0 -20px;padding:10px;text-align:center}.atlas-message-global.error{background:#f73b3b;color:#fff}.atlas-message-global._warn{background-color:#f7b23b;color:#595959}.atlas-toc{all:initial;background:#fff linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) no-repeat;background-size:1px 100%;bottom:0;float:right;font-family:\"Arial\",\"FreeSans\",sans-serif;font-size:12px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:20px;overflow:auto;-webkit-overscroll-behavior:contain;-ms-scroll-chaining:none;overscroll-behavior:contain;padding-left:20px;padding-top:10px;position:relative;right:0;top:0;width:250px;z-index:5}.atlas-toc__item{display:block}.atlas-toc__ln{color:#3281e2;display:block;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.atlas-toc__ln:hover,.atlas-toc__ln:focus{color:#195cae}.atlas-toc__ln:active{color:#f7b23b}.atlas-toc__ln_1{font-size:14px;font-weight:bold}.atlas-toc__ln_2{font-weight:bold;margin-left:20px}.atlas-toc__ln_3{margin-left:40px}.atlas-toc__ln_4{margin-left:60px}.atlas-toc__ln_5{margin-left:80px}.atlas-toc__ln_6{margin-left:100px}.atlas-landing__head{align-items:center;background:#f7e13b;margin:0 -20px;padding:20px;padding-right:0;position:relative}.atlas-landing__content{display:flex;position:relative}.atlas-landing__main{width:100%}.atlas-landing__aside .atlas-toc{height:90vh;position:sticky;top:0}.atlas-welcome{all:initial;color:#595959;font-family:\"Arial\",\"FreeSans\",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:relative}.atlas-welcome__column{display:inline-block;min-width:33%;vertical-align:top}.atlas-welcome__title{font-size:64px;font-weight:bold;hyphens:manual;line-height:60px;margin-bottom:20px}.atlas-welcome__title strong{display:block;font-weight:bold}.atlas-coverage{border-top:1px solid;color:#fff;margin-top:40px;padding-top:20px}.atlas-coverage__digit{font-size:32px}.atlas-coverage__line{font-size:19px;margin-bottom:10px}.atlas-coverage__graph-container{height:8px;margin-bottom:10px;position:relative;width:100%}.atlas-coverage__graph{position:absolute;width:100%}.atlas-coverage__all{fill:#fff}.atlas-coverage__covered{fill:#595959}.atlas-playground{clear:both;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 -10px 20px;padding:0 10px 10px;position:relative}.atlas-playground__summary{align-items:center;background:transparent;border:none;color:#ccc;cursor:pointer;display:flex;font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;justify-content:space-between;outline:none;overflow:hidden;padding:3px 0;text-align:left;transition:background-color ease-in-out .2s,color ease-in-out .2s;width:100%}.atlas-playground__summary::-webkit-details-marker{display:none}.atlas-playground__summary::after{background-color:#fff;border-radius:5px;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transition:inherit}.atlas-playground__summary:hover,.atlas-playground__summary:focus{color:#595959}.atlas-playground__summary:hover::after,.atlas-playground__summary:focus::after{background-color:#f2f2f2}details[open] .atlas-playground__summary,.atlas-playground__summary[aria-expanded=true]{background-color:#38382d;color:#fff}details[open] .atlas-playground__summary::after,.atlas-playground__summary[aria-expanded=true]::after{background-color:#38382d}.atlas-playground__summary:focus:active{background-color:#2a2a22;color:#fff;transition:none}.atlas-playground__summary:focus:active::after{background-color:#2a2a22}.atlas-playground__summary-text{font-size:11px;line-height:25px;pointer-events:none;position:relative;z-index:1}.atlas-playground__summary-ico{pointer-events:none;position:relative;width:18px;z-index:1}.atlas-playground__details{position:relative;transition:ease-in-out .3s;transition-property:max-height,opacity;z-index:1}.atlas-playground__details:focus{outline:none !important}.atlas-playground__details[aria-hidden=true]{max-height:0;opacity:0;overflow:hidden;visibility:hidden}.atlas-playground__details[aria-hidden=false]{max-height:40vh;opacity:1;overflow:initial;visibility:visible}.atlas-playground__details pre{background-color:transparent;font-style:normal;font-weight:normal;max-height:40vh;overflow:auto}.atlas-playground__details pre::-webkit-scrollbar{height:8px;width:8px}.atlas-playground__details pre::-webkit-scrollbar-track{border-radius:10px}.atlas-playground__details pre::-webkit-scrollbar-thumb{background-color:#29291e;border-radius:10px}.atlas-playground__details pre::-webkit-scrollbar-corner{background-color:transparent}.atlas-playground__details code{color:#f5f5f5;font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-size:12.75px;line-height:1.2;outline:none !important}.atlas-playground__example{background-color:#fff;border:1px solid #e6e6e6;border-radius:3px;padding:10px;position:relative;z-index:1}.atlas-playground__notifier{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-size:20px;font-style:normal;left:50%;line-height:20px;min-width:20px;opacity:0;padding:20px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%, -25%);transition:ease .6s;transition-property:opacity,visibility;visibility:hidden;z-index:10}.atlas-playground__notifier.js-show{opacity:1;visibility:visible}.atlas-playground__copy-button{appearance:none;background-color:transparent;border:none;color:#ccc;cursor:pointer;position:absolute;right:10px;top:0}.atlas-playground__copy-button:hover{color:#fff}.atlas-playground-test-frame{outline:none;padding:2px}.atlas-playground.js-opened .atlas-playground__example{border-color:#000;background-color:#595959;background-image:linear-gradient(0deg, transparent 7px, rgba(171, 210, 237, 0.25) 7px),linear-gradient(90deg, transparent 7px, rgba(171, 210, 237, 0.25) 7px);background-position:left top;background-size:8px 8px;padding:0}.atlas-playground.js-opened .atlas-playground__example *{background-color:rgba(171,210,237,.125);color:#abd2ed;outline:rgba(171,210,237,.5) solid 1px}.atlas-component-aside{all:initial;background:linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)) no-repeat;background-size:1px 100%;color:#595959;float:right;font-family:\"Arial\",\"FreeSans\",sans-serif;font-size:12.8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:20px;padding-left:20px;position:relative;width:250px;z-index:1}.atlas-component-aside__section{margin:20px 0}.atlas-component-aside__title{font-weight:bold;margin-bottom:5px}.atlas-component-aside__list-item{font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-component-aside__list-item svg{color:#3281e2;position:relative;top:2px;vertical-align:text-bottom}.atlas-info-digit{align-items:flex-end;display:flex;font-size:12.8px;margin:20px 0;max-width:33.3333333333%;position:relative;width:50%}.atlas-info-digit__digit{color:#3281e2;font-size:48px;font-weight:normal;line-height:1;margin-right:5px}.atlas-info-digit__details{margin-bottom:.4em}.atlas-info-digit__title{font-size:16px;font-weight:bold}.atlas-info-digit__popup{background:rgba(255,255,255,.97);border:1px solid #e0e0e0;border-left:7px solid #3281e2;border-radius:4px;bottom:7px;box-shadow:0 0 20px -4px rgba(0,0,0,.3);display:none;left:70%;min-width:150px;padding:10px;position:absolute;z-index:10}.atlas-info-digit__popup::before{border-bottom:7px solid transparent;border-right:7px solid #3281e2;border-top:7px solid transparent;bottom:10px;content:\"\";display:block;height:0;left:-13px;position:absolute;width:0}.atlas-info-digit:hover .atlas-info-digit__popup{display:block}.atlas-info-digit__list{list-style:none;margin:0;padding:0}.atlas-info-digit._primary .atlas-info-digit__digit{font-size:64px;font-weight:normal}.atlas-component-footer{all:initial;background:#fafafa;clear:both;color:#595959;display:flex;float:none;font-family:\"Arial\",\"FreeSans\",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:space-between;margin:40px -20px -20px}.atlas-component-footer__item{padding:20px;width:50%}.atlas-component-footer__section{display:flex;margin:0;padding:20px 0 0;position:relative}.atlas-component-footer__section+.atlas-component-footer__section{border-top:1px solid rgba(0,0,0,.1)}.atlas-sparkline{margin:10px 0 0 40px;max-width:none;width:100%}.atlas-sparkline__line{transform:translate(5px, 10px)}.atlas-sparkline__line>path{stroke:url(\"#atlas-graph-gradient\");stroke-linecap:round;stroke-width:2px}.atlas-sparkline__shadow{transform:translate(3px, 3px)}.atlas-sparkline__shadow>path{stroke:rgba(0,0,0,.3)}.atlas-info-list{display:flex;flex-wrap:wrap;font-weight:bold;list-style:none;margin:0 0 20px;padding:0;text-transform:capitalize;width:100%}.atlas-info-list__item{margin:0 0 20px;width:33.3333333333%}.atlas-info-list__total{color:#3281e2;font-size:32px;font-weight:normal;padding-right:5px}.atlas-info-list__name{padding-right:10px}.atlas-constant{all:unset;text-transform:none;width:100%}.atlas-constant__item{display:flex;margin:20px 0}.atlas-constant__caption{min-width:33.3333333333%}.atlas-constant__details{display:block;width:100%}.atlas-constant__name{font-weight:bold;text-transform:capitalize}.atlas-constant__name::after{content:\":\"}.atlas-constant__status{display:block;font-size:12.8px;font-weight:normal;line-height:1.6}.atlas-constant__status svg{height:16px;margin-bottom:-3px;width:12px}.atlas-constant__status._success{color:#a3d65c}.atlas-constant__status._error{color:#f73b3b}.atlas-constant__list{display:block;font-size:12.8px;font-weight:normal;margin:5px 0;padding-left:16px;position:relative}.atlas-constant__counter{display:inline-block;font-size:10px;font-weight:bold;height:12px;left:0;line-height:12px;position:absolute;text-align:center;top:2px;width:12px}.atlas-constant__counter svg{height:16px;left:-2px;position:absolute;top:-2px;width:11px}.atlas-constant__counter-digit{position:relative;z-index:1}.atlas-constant__counter._warn{color:#fff}.atlas-constant__counter._warn svg{color:#f7b23b}.atlas-constant__counter._error{color:#fff}.atlas-constant__counter._error svg{color:#f73b3b}.atlas-constant__counter._1{color:transparent;text-shadow:none}.atlas-constant code{font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-size:11.2px}.atlas-component-structure{margin-bottom:40px;margin-top:40px}.atlas-component-structure__title{display:none;font-size:20px;font-weight:bold;line-height:20px;margin-bottom:20px}.atlas-component-structure__nodes{background:linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) no-repeat;background-position:26px 0;background-size:1px 100%;font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-size:12.8px;list-style:none;padding-bottom:5px;padding-left:20px;position:relative}.atlas-component-structure__nodes::after{background-color:rgba(0,0,0,.3);border-radius:5px;bottom:0;content:\"\";height:3px;left:25px;position:absolute;width:3px}.atlas-component-structure__nodes .atlas-component-structure__nodes{background:none;padding-bottom:0}.atlas-component-structure__nodes .atlas-component-structure__nodes::after{display:none}.atlas-component-structure__node{font-size:12.8px;line-height:1.4;margin:5px 0}.atlas-component-structure__type{background:gray;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,.1);color:#fff;display:inline-block;font-family:\"Arial\",\"FreeSans\",sans-serif;font-size:11px;font-weight:bold;height:15px;line-height:14px;position:relative;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.5);top:-1px;width:15px}.atlas-component-structure__type._container,.atlas-component-structure__type._mixin{background-color:#fff;color:#595959;text-shadow:none}.atlas-component-structure__type._container::before,.atlas-component-structure__type._mixin::before{background:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2357595b%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-width%3D%223.068%22%20d%3D%22M20.575%203.425L3.221%2020.779%22%2F%3E%3Cpath%20d%3D%22M16.236%2020.778H3.221V7.763%22%20stroke-width%3D%223.06772%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center center no-repeat;background-size:80%;color:transparent;content:\"↙\"}.atlas-component-structure__type._container{transform:rotate(45deg)}.atlas-component-structure__type._condition{background-color:#fff;color:#595959;text-shadow:none}.atlas-component-structure__type._condition::before{content:\"?\"}.atlas-component-structure__type._extend{background-color:#fff;color:#595959;text-shadow:none}.atlas-component-structure__type._extend::before{background:url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2357595b%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-width%3D%223.068%22%20d%3D%22M3.221%2020.779L20.575%203.425%22%2F%3E%3Cpath%20d%3D%22M7.56%203.425h13.015V16.44%22%20stroke-width%3D%223.06772%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center center no-repeat;background-size:80%;color:transparent;content:\"↗\"}.atlas-component-structure__type._component{background-color:#e56daa}.atlas-component-structure__type._component::before{content:\"c\"}.atlas-component-structure__type._modifier{background-color:#2196f3}.atlas-component-structure__type._modifier::before{content:\"m\"}.atlas-component-structure__type._modifier-adjacent{background-color:#0c7cd5}.atlas-component-structure__type._modifier-adjacent::before{content:\"ma\"}.atlas-component-structure__type._modifier-implicit{background-color:#51adf6}.atlas-component-structure__type._modifier-implicit::before{content:\"mi\"}.atlas-component-structure__type._modifier-context{background-color:#0c7cd5}.atlas-component-structure__type._modifier-context::before{content:\"mc\"}.atlas-component-structure__type._element{background-color:#6d7ce5}.atlas-component-structure__type._element::before{content:\"e\"}.atlas-component-structure__type._element-implicit{background-color:#98a3ed}.atlas-component-structure__type._element-implicit::before{content:\"ei\"}.atlas-component-structure__brackets{color:rgba(0,0,0,.3)}.atlas-copier{cursor:pointer;position:relative}.atlas-copier__message{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;font-family:\"DejaVu Sans Mono\",\"SFMono-Regular\",\"Menlo\",\"Consolas\",\"Lucida Console\",monospace;font-size:12.8px;font-style:normal;left:50%;line-height:10px;min-width:20px;padding:20px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);transition:ease .6s;transition-property:opacity,visibility;z-index:10}.atlas-copier__text{all:unset;appearance:none;background-color:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;text-align:inherit}.atlas-copier__text:focus{outline:none}.atlas-copier:hover .atlas-copier__text{color:#3281e2}","ul,\nol,\np {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tfont-size: inherit;\n\tmargin: 0;\n}\n\nfigure {\n\tmargin: 0;\n}\n\nbody {\n\tbackground: $color-white-atlas;\n\tcolor: $atlas-color-text;\n\tmargin: 0;\n\tpadding: 0;\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-page {\n\tmargin: 0;\n\tpadding: 0;\n}\n",".atlas-content {\n\tall: unset;\n\tbox-sizing: border-box;\n\tcolor: $atlas-color-text;\n\tdisplay: block;\n\n\t&__inner {\n\t\tmargin: 0 auto;\n\t\tmin-height: calc(100vh - #{$space-md-atlas * 2});\n\t\tpadding: $space-md-atlas;\n\t\tpadding-top: 0;\n\t\tposition: relative;\n\t}\n}\n","@use \"sass:math\";\n\n.atlas {\n\tall: initial;\n\tcolor: $atlas-color-text;\n\tfont-family: $font-sans-atlas;\n\tfont-size: 16px;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tfont-weight: normal;\n\n\t&-title {\n\t\tdisplay: block;\n\n\t\t&_1,\n\t\t&_2,\n\t\t&_3 {\n\t\t\tmargin-bottom: $space-md-atlas;\n\t\t\tmargin-top: $space-lg-atlas;\n\t\t}\n\n\t\t&_1,\n\t\t&_2,\n\t\t&_3,\n\t\t&_4,\n\t\t&_5,\n\t\t&_6 {\n\t\t\tfont-weight: bold;\n\t\t\tletter-spacing: -0.03em;\n\t\t\tmargin-bottom: $space-md-atlas;\n\t\t}\n\n\t\t&_1 {\n\t\t\tfont-size: $scale-xxl-atlas;\n\t\t\tfont-weight: bold;\n\t\t\tletter-spacing: -0.04em;\n\t\t\tline-height: 44px;\n\t\t\tmargin-top: $space-md-atlas;\n\t\t\tpadding-top: 16px;\n\t\t}\n\n\t\t&_2 {\n\t\t\tfont-size: $scale-xl-atlas;\n\t\t\tline-height: $space-lg-atlas;\n\t\t}\n\n\t\t&_3 {\n\t\t\tfont-size: $scale-lg-atlas;\n\t\t\tline-height: $space-md-atlas;\n\t\t}\n\n\t\t&_4 {\n\t\t\tfont-size: $scale-md-atlas;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: $space-md-atlas;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t&_5 {\n\t\t\tfont-size: $scale-sm-atlas;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: $space-md-atlas;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t&_6 {\n\t\t\tfont-size: $scale-sm-atlas;\n\t\t\tline-height: $space-md-atlas;\n\t\t}\n\t}\n\n\t&-p {\n\t\tdisplay: block;\n\t\tmargin: 0 0 $space-md-atlas;\n\t\tpadding: 0;\n\n\t\ta {\n\t\t\tcolor: $color-blue-atlas;\n\t\t\ttext-decoration: underline;\n\t\t\tword-break: break-word;\n\t\t}\n\n\t\timg {\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n\n\t&-hr {\n\t\tborder: none;\n\t\tborder-top: 1px solid;\n\t\tcolor: $color-grey80-atlas;\n\t\tdisplay: block;\n\t\tmargin: $space-lg-atlas auto;\n\t}\n\n\t&-ol,\n\t&-ul {\n\t\tdisplay: block;\n\t\tlist-style: disc;\n\t\tmargin-bottom: $space-md-atlas;\n\t\tmargin-top: $space-md-atlas;\n\t\tpadding-left: $space-md-atlas;\n\n\t\tli {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t&-ol {\n\t\tlist-style: decimal;\n\t}\n\n\t&-table {\n\t\tborder-collapse: collapse;\n\t\tdisplay: table;\n\t\tmargin-bottom: $space-md-atlas;\n\n\t\tth,\n\t\ttd {\n\t\t\tpadding: #{math.div($space-sm-atlas, 2)} $space-sm-atlas #{math.div($space-sm-atlas, 2)} 0;\n\t\t}\n\n\t\tth {\n\t\t\tborder-bottom: 2px solid $atlas-color-divider;\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n\n\t&-code {\n\t\tdisplay: block;\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-weight: 400;\n\t\tline-height: 1.5;\n\t\tposition: relative;\n\t\ttext-align: left;\n\n\t\tcode {\n\t\t\tdirection: ltr;\n\t\t\t//hyphens: none;\n\t\t\toverflow: auto;\n\t\t\t//tab-size: 4;\n\t\t\ttext-align: left;\n\t\t\twhite-space: pre-wrap;\n\t\t\tword-break: normal;\n\t\t\tword-spacing: normal;\n\t\t\tword-wrap: normal;\n\t\t}\n\n\t\tpre {\n\t\t\tbackground-color: lighten($color-grey95-atlas, 4%);\n\t\t\tborder: 1px solid $color-grey95-atlas;\n\t\t\tborder-radius: 3px;\n\t\t\tmargin: 0 0 $space-md-atlas;\n\t\t\toverflow: auto;\n\t\t\tpadding: $space-sm-atlas;\n\n\t\t\tcode {\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t&[class*=\"_bad\"],\n\t\t&[class*=\"_good\"] {\n\t\t\t&::after {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 0.8em;\n\t\t\t\tfont-weight: bold;\n\t\t\t\tline-height: $space-md-atlas;\n\t\t\t\tmargin: -#{$space-md-atlas} 0 $space-md-atlas;\n\t\t\t}\n\t\t}\n\n\t\t&[class*=\"_bad\"] {\n\t\t\tpre {\n\t\t\t\tborder-color: lighten($color-red-atlas, 16%);\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcolor: $color-red-atlas;\n\t\t\t\tcontent: \"Don’t.\";\n\t\t\t}\n\t\t}\n\n\t\t&[class*=\"_good\"] {\n\t\t\tpre {\n\t\t\t\tborder-color: lighten($color-green-atlas, 16%);\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcolor: $color-green-atlas;\n\t\t\t\tcontent: \"Do.\";\n\t\t\t}\n\t\t}\n\t}\n\n\tcode {\n\t\tbackground-color: lighten($color-grey90-atlas, 5%);\n\t\tborder: 1px solid $color-grey90-atlas;\n\t\tborder-radius: 5px;\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: 0.85em;\n\t\tline-height: 1.2;\n\t\tpadding: 0.1em 0.3em;\n\t}\n}\n\n.atlas-title__text,\n.atlas-p,\n.atlas-ul,\n.atlas-ol,\n.atlas-code {\n\tcolor: $atlas-color-text; // revert text to darkgrey for all clients that have alterations\n\tmax-width: 800px;\n}\n\n// Article Headline\n.atlas-content__inner {\n\t.atlas-title_1 {\n\t\t+ .atlas-p {\n\t\t\tfont-size: $scale-lg-atlas;\n\t\t\tline-height: 1.2;\n\t\t\tmargin-bottom: $space-lg-atlas;\n\t\t}\n\t}\n}\n\n// Title Anchor\n.atlas-title { /* stylelint-disable-line */\n\talign-items: flex-end;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tposition: relative;\n\n\t&__text {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t&__anchor {\n\t\tcolor: $color-grey80-atlas;\n\t\tfont-size: $scale-lg-atlas;\n\t\tpadding-left: $space-md-atlas;\n\n\t\t&::after {\n\t\t\tbackground: linear-gradient(to left, rgba(black, 0.1), rgba(black, 0)) no-repeat right bottom;\n\t\t\tbackground-size: 100%;\n\t\t\tbottom: 0;\n\t\t\tcontent: \"\";\n\t\t\theight: 1px;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttransition: width ease 0.4s;\n\t\t\twidth: 0;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: $color-grey60-atlas;\n\n\t\t\t&::after {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: $color-blue-atlas;\n\t\t}\n\n\t\tsvg {\n\t\t\theight: 14px;\n\t\t\twidth: 14px;\n\t\t}\n\t}\n\n\t&__highlight {\n\t\tbottom: -5px;\n\t\tleft: -#{$space-md-atlas};\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: -#{$space-md-atlas};\n\t\ttop: -5px;\n\t\tz-index: 0;\n\t}\n}\n\n.atlas-anchor {\n\tpointer-events: none;\n\tposition: absolute;\n\ttransform: translateY(-70px);\n}\n\n.atlas-anchor:target + .atlas-title .atlas-title__highlight {\n\tanimation: target-highlight 2s ease;\n}\n\n// Sticky headings logic\n.atlas-section {\n\tpadding: 1px 0;\n\tposition: relative;\n}\n\n.atlas-title_2 { /* stylelint-disable-line */\n\tbackground: rgba($color-white-atlas, 0.9);\n\tborder-bottom: 1px solid rgba(black, 0.1);\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.atlas-title__highlight {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n}\n\n@keyframes target-highlight {\n\t0% {\n\t\tbackground-color: $color-orange-atlas;\n\t}\n\n\t100% {\n\t\tbackground-color: transparent;\n\t}\n}\n",".atlas-overline {\n\tfont-family: $font-sans-atlas;\n\tfont-size: $scale-lg-atlas;\n\tline-height: $space-md-atlas;\n\tmargin-bottom: -#{$space-md-atlas};\n\tpadding-top: $space-md-atlas;\n\ttext-transform: capitalize;\n\n\tsvg {\n\t\tcolor: $color-blue-atlas;\n\t\theight: 24px;\n\t\tposition: relative;\n\t\ttop: 4px;\n\t\tvertical-align: baseline;\n\t\twidth: 24px;\n\t}\n}\n",".atlas-message-global {\n\tclear: both;\n\tfont-family: $font-sans-atlas;\n\tfont-size: $atlas-scale-secondary;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tmargin: 0 -#{$space-md-atlas};\n\tpadding: $space-sm-atlas;\n\ttext-align: center;\n\n\t&.error {\n\t\tbackground: $color-red-atlas;\n\t\tcolor: $color-white-atlas;\n\t}\n\n\t&._warn {\n\t\tbackground-color: $color-orange-atlas;\n\t\tcolor: $atlas-color-text;\n\t}\n}\n",".atlas-toc {\n\tall: initial;\n\tbackground: $color-white-atlas linear-gradient(to top, rgba(black, 0), rgba(black, 0.1)) no-repeat;\n\tbackground-size: 1px 100%;\n\tbottom: 0;\n\tfloat: right;\n\tfont-family: $font-sans-atlas;\n\tfont-size: 12px;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\tmargin-left: $space-md-atlas;\n\toverflow: auto;\n\t-webkit-overscroll-behavior: contain;\n\t-ms-scroll-chaining: none;\n\toverscroll-behavior: contain; /* stylelint-disable-line */\n\tpadding-left: $space-md-atlas;\n\tpadding-top: $space-sm-atlas;\n\tposition: relative;\n\tright: 0;\n\ttop: 0;\n\twidth: 250px;\n\tz-index: 5;\n\n\t&__item {\n\t\tdisplay: block;\n\t}\n\n\t&__ln {\n\t\tcolor: $color-blue-atlas;\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\ttext-decoration: underline;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: darken($color-blue-atlas, 15%);\n\t\t}\n\n\t\t&:active {\n\t\t\tcolor: $color-orange-atlas;\n\t\t}\n\n\t\t&_1 {\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t&_2 {\n\t\t\tfont-weight: bold;\n\t\t\tmargin-left: $space-md-atlas;\n\t\t}\n\n\t\t&_3 {\n\t\t\tmargin-left: $space-md-atlas * 2;\n\t\t}\n\n\t\t&_4 {\n\t\t\tmargin-left: $space-md-atlas * 3;\n\t\t}\n\n\t\t&_5 {\n\t\t\tmargin-left: $space-md-atlas * 4;\n\t\t}\n\n\t\t&_6 {\n\t\t\tmargin-left: $space-md-atlas * 5;\n\t\t}\n\t}\n}\n","$bg: $color-yellow-atlas;\n$fg: $color-white-atlas;\n$accent: $atlas-color-text;\n\n.atlas-landing {\n\t&__head {\n\t\talign-items: center;\n\t\tbackground: $bg;\n\t\tmargin: 0 -#{$space-md-atlas};\n\t\tpadding: $space-md-atlas;\n\t\tpadding-right: 0;\n\t\tposition: relative;\n\t}\n\n\t&__head-inner {}\n\n\t&__content {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t}\n\n\t&__main {\n\t\twidth: 100%;\n\t}\n\n\t&__aside {\n\t\t.atlas-toc {\n\t\t\theight: 90vh;\n\t\t\tposition: sticky;\n\t\t\ttop: 0;\n\t\t}\n\t}\n}\n",".atlas-welcome {\n\tall: initial;\n\tcolor: $atlas-color-text;\n\tfont-family: $font-sans-atlas;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\toverflow: hidden;\n\tposition: relative;\n\n\t&__column {\n\t\tdisplay: inline-block;\n\t\tmin-width: 33%;\n\t\tvertical-align: top;\n\t}\n\n\t&__title {\n\t\tfont-size: 64px;\n\t\tfont-weight: bold;\n\t\thyphens: manual;\n\t\tline-height: $space-md-atlas * 3;\n\t\tmargin-bottom: $space-md-atlas;\n\n\t\tstrong {\n\t\t\tdisplay: block;\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n}\n",".atlas-coverage {\n\tborder-top: 1px solid;\n\tcolor: $color-white-atlas;\n\tmargin-top: $space-lg-atlas;\n\tpadding-top: $space-md-atlas;\n\n\t&__digit {\n\t\tfont-size: 32px;\n\t}\n\n\t&__line {\n\t\tfont-size: 19px;\n\t\tmargin-bottom: $space-sm-atlas;\n\t}\n\n\t&__graph-container {\n\t\theight: 8px;\n\t\tmargin-bottom: $space-sm-atlas;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t}\n\n\t&__graph {\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t}\n\n\t&__all {\n\t\tfill: $fg;\n\t}\n\n\t&__covered {\n\t\tfill: $accent;\n\t}\n}\n",".atlas-playground {\n\tclear: both;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tmargin: 0 -#{$space-sm-atlas} $space-md-atlas;\n\tpadding: 0 $space-sm-atlas $space-sm-atlas;\n\tposition: relative;\n\n\t&__summary {\n\t\talign-items: center;\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tcolor: $color-grey80-atlas;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tfont-family: $font-mono-atlas;\n\t\tjustify-content: space-between;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tpadding: 3px 0;\n\t\ttext-align: left;\n\t\ttransition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;\n\t\twidth: 100%;\n\n\t\t&::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: lighten($color-grey90-atlas, 10%);\n\t\t\tborder-radius: 5px;\n\t\t\tbottom: 0;\n\t\t\tcontent: \"\";\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\ttransition: inherit;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: $atlas-color-text;\n\n\t\t\t&::after {\n\t\t\t\tbackground-color: $color-grey95-atlas;\n\t\t\t}\n\t\t}\n\n\t\tdetails[open] &,\n\t\t&[aria-expanded=\"true\"] {\n\t\t\tbackground-color: #38382d;\n\t\t\tcolor: $color-white-atlas;\n\n\t\t\t&::after {\n\t\t\t\tbackground-color: #38382d;\n\t\t\t}\n\t\t}\n\n\t\t&:focus:active {\n\t\t\tbackground-color: darken(#38382d, 5%);\n\t\t\tcolor: $color-white-atlas;\n\t\t\ttransition: none;\n\n\t\t\t&::after {\n\t\t\t\tbackground-color: darken(#38382d, 5%);\n\t\t\t}\n\t\t}\n\n\t\t&-text {\n\t\t\tfont-size: $atlas-scale-mono-small;\n\t\t\tline-height: 25px;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t&-ico {\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\twidth: 18px;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n\t&__details {\n\t\tposition: relative;\n\t\ttransition: ease-in-out 0.3s;\n\t\ttransition-property: max-height, opacity;\n\t\tz-index: 1;\n\n\t\t&:focus {\n\t\t\toutline: none !important; // stylelint-disable-line\n\t\t}\n\n\t\t&[aria-hidden=\"true\"] {\n\t\t\tmax-height: 0;\n\t\t\topacity: 0;\n\t\t\toverflow: hidden;\n\t\t\tvisibility: hidden;\n\t\t}\n\n\t\t&[aria-hidden=\"false\"] {\n\t\t\tmax-height: 40vh;\n\t\t\topacity: 1;\n\t\t\toverflow: initial;\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\tpre {\n\t\t\tbackground-color: transparent;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: normal;\n\t\t\tmax-height: 40vh;\n\t\t\toverflow: auto;\n\n\t\t\t&::-webkit-scrollbar {\n\t\t\t\theight: 8px;\n\t\t\t\twidth: 8px;\n\t\t\t}\n\n\t\t\t&::-webkit-scrollbar-track {\n\t\t\t\tborder-radius: 10px;\n\t\t\t}\n\n\t\t\t&::-webkit-scrollbar-thumb {\n\t\t\t\tbackground-color: #29291e;\n\t\t\t\tborder-radius: 10px;\n\t\t\t}\n\n\t\t\t&::-webkit-scrollbar-corner {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\tcode {\n\t\t\tcolor: whitesmoke;\n\t\t\tfont-family: $font-mono-atlas;\n\t\t\tfont-size: 12.75px;\n\t\t\tline-height: 1.2;\n\t\t\toutline: none !important; // stylelint-disable-line\n\t\t}\n\t}\n\n\t&__example {\n\t\tbackground-color: $color-white-atlas;\n\t\tborder: 1px solid $color-grey90-atlas;\n\t\tborder-radius: 3px;\n\t\tpadding: $space-sm-atlas;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t&__notifier {\n\t\tbackground-color: rgba(black, 0.5);\n\t\tborder-radius: 5px;\n\t\tcolor: $color-white-atlas;\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: 20px;\n\t\tfont-style: normal;\n\t\tleft: 50%;\n\t\tline-height: 20px;\n\t\tmin-width: 20px;\n\t\topacity: 0;\n\t\tpadding: $space-md-atlas;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -25%);\n\t\ttransition: ease 0.6s;\n\t\ttransition-property: opacity, visibility;\n\t\tvisibility: hidden;\n\t\tz-index: 10;\n\n\t\t&.js-show {\n\t\t\topacity: 1;\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n\n\t&__copy-button {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tcolor: $color-grey80-atlas;\n\t\tcursor: pointer;\n\t\tposition: absolute;\n\t\tright: 10px;\n\t\ttop: 0;\n\n\t\t&:hover {\n\t\t\tcolor: $color-white-atlas;\n\t\t}\n\t}\n\n\t// Frame for screenshot caption\n\t&-test-frame {\n\t\t// overflow: auto;\n\t\toutline: none;\n\t\tpadding: 2px;\n\t\t// position: relative;\n\t}\n}\n\n// Blueprint\n\n@mixin blueprint() {\n\tbackground-color: $atlas-color-text;\n\tbackground-image:\n\t\tlinear-gradient(0deg, transparent 7px, hsla(205, 65%, 80%, 0.25) 7px),\n\t\tlinear-gradient(90deg, transparent 7px, hsla(205, 65%, 80%, 0.25) 7px);\n\tbackground-position: left top;\n\tbackground-size: 8px 8px;\n\tpadding: 0;\n\n\t* { /* stylelint-disable-line */\n\t\tbackground-color: hsla(205, 65%, 80%, 0.125);\n\t\tcolor: hsl(205, 65%, 80%);\n\t\toutline: hsla(205, 65%, 80%, 0.5) solid 1px;\n\t}\n}\n\n.atlas-playground.js-opened {\n\t.atlas-playground__example {\n\t\tborder-color: black;\n\t\t@include blueprint();\n\t}\n}\n\n//.atlas-page_layout {\n//\t.atlas-playground__example {\n//\t\t@include blueprint();\n//\t}\n//}\n","@use \"sass:math\";\n\n.atlas-component-aside {\n\tall: initial;\n\tbackground: linear-gradient(to top, rgba(black, 0), rgba(black, 0.1)) no-repeat;\n\tbackground-size: 1px 100%;\n\tcolor: $atlas-color-text;\n\tfloat: right;\n\tfont-family: $font-sans-atlas;\n\tfont-size: $atlas-scale-secondary;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tmargin-left: $space-md-atlas;\n\tpadding-left: $space-md-atlas;\n\tposition: relative;\n\twidth: 250px;\n\tz-index: 1;\n\n\t&__section {\n\t\tmargin: $space-md-atlas 0;\n\t}\n\n\t&__title {\n\t\tfont-weight: bold;\n\t\tmargin-bottom: math.div($space-sm-atlas, 2);\n\t}\n\n\t&__list {}\n\n\t&__list-item {\n\t\tfont-family: $font-mono-atlas;\n\t\tfont-size: $atlas-scale-mono-small;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\n\t\tsvg {\n\t\t\tcolor: $color-blue-atlas;\n\t\t\tposition: relative;\n\t\t\ttop: 2px;\n\t\t\tvertical-align: text-bottom;\n\t\t}\n\t}\n\n\t&__pre {}\n}\n","@use \"sass:math\";\n\n.atlas-info-d