{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_code.scss"],"names":[],"mappings":"AAUA,IACC,iBAHoB,QAKpB,yBACA,eACA,gBACA,gBACA,cACA,UACA,YACA,wBACC,iBAbmB,QAgBrB,iBACC,gBAED,KACC,qBACA,kBAED,cACC,MAhCS,QAkCV,YACC,MAnCS,QAqCV,eACC,MArCS,QAuCV,wBACC,MAxCS,QA0CV,UACC,MA3CS,QA6CV,WACC,MA9CS,QAgDV,kBACC,MAjDS,QAmDV,qBACC,MApDS,QAsDV,aACC,MAvDS,QAyDV,eACC,MA1DS,QA4DV,aACC,MA5DS,QA8DV,eACC,MA/DS,QAiEV,mBACC,MAlES,QAoEV,cACC,MArES,QAuEV,WACC,MAxES,QA0EV,aACC,MA3ES,QA6EV,WACC,MA9ES,QAgFV,WACC,MAjFS,QAmFV,gBACC,MAnFS,QAqFV,aACC,MArFS,QAuFV,aACC,MAxFS,QA0FV,aACC,MA3FS,QA6FV,eACC,MA9FS,QAgGV,YACC,MAhGS,QAkGV,cACC,MAnGS,QAqGV,cACC,MArGS,QAuGV,mBACC,MAxGS,QA0GV,MACC,cACA,gBACA,mBACA,MA7GS,QA8GT,aAED,eACC,kBAED,aACC","file":"code.css","sourcesContent":["$color_1: #6a6a6b;\r\n$color_2: #0071b3;\r\n$color_3: #00853f;\r\n$color_4: #bf5909;\r\n$color_5: #c60c46;\r\n$color_6: #00539b;\r\n$color_7: #7b439a;\r\n$color_8: #202024;\r\n$background-color_1: #f0f0f0;\r\n\r\npre {\r\n\tbackground-color: $background-color_1;\r\n\t// border-color: #6a6a6b;\r\n\tborder: 2px solid #6a6a6b;\r\n\tfont-size: 1rem;\r\n\tline-height: 1.5;\r\n\tmax-height: 15em;\r\n\toverflow: auto;\r\n\tpadding: 0;\r\n\tmargin: auto;\r\n\tcode.pattern-source {\r\n\t\tbackground-color: $background-color_1;\r\n\t}\r\n}\r\npre.pre-expanded {\r\n\tmax-height: 100%;\r\n}\r\ncode {\r\n\tword-wrap: break-word;\r\n\tmargin-right: 10px;\r\n}\r\n.hljs-comment {\r\n\tcolor: $color_1;\r\n}\r\n.hljs-quote {\r\n\tcolor: $color_1;\r\n}\r\n.hljs-variable {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-template-variable {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-tag {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-name {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-selector-id {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-selector-class {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-regexp {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-deletion {\r\n\tcolor: $color_2;\r\n}\r\n.hljs-number {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-built_in {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-builtin-name {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-literal {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-type {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-params {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-meta {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-link {\r\n\tcolor: $color_3;\r\n}\r\n.hljs-attribute {\r\n\tcolor: $color_4;\r\n}\r\n.hljs-string {\r\n\tcolor: $color_5;\r\n}\r\n.hljs-symbol {\r\n\tcolor: $color_5;\r\n}\r\n.hljs-bullet {\r\n\tcolor: $color_5;\r\n}\r\n.hljs-addition {\r\n\tcolor: $color_5;\r\n}\r\n.hljs-title {\r\n\tcolor: $color_6;\r\n}\r\n.hljs-section {\r\n\tcolor: $color_6;\r\n}\r\n.hljs-keyword {\r\n\tcolor: $color_7;\r\n}\r\n.hljs-selector-tag {\r\n\tcolor: $color_7;\r\n}\r\n.hljs {\r\n\tdisplay: block;\r\n\toverflow-x: auto;\r\n\tbackground: #f0f0f0;\r\n\tcolor: $color_8;\r\n\tpadding: 0.5em;\r\n}\r\n.hljs-emphasis {\r\n\tfont-style: italic;\r\n}\r\n.hljs-strong {\r\n\tfont-weight: bold;\r\n}"]}