Warning, /frameworks/syntax-highlighting/autotests/reference/highlight.scss.ref is written in an unsupported language. File is not indexed.
0001 <Comment>/**</Comment><br/> 0002 <Comment> * This is a pseudo SCSS file to test Kate's SCSS syntax highlighting.</Comment><br/> 0003 <Comment> */</Comment><br/> 0004 <Normal Text></Normal Text><br/> 0005 <Comment>/* Properties */</Comment><br/> 0006 <Normal Text></Normal Text><br/> 0007 <Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0008 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>15</Number><Unit>pt</Unit><Separator Symbol>;</Separator Symbol><br/> 0009 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> Verdana</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> Helvetica</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"Bitstream Vera Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/> 0010 <Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* yet another comment */</Comment><br/> 0011 <Normal Text> </Normal Text><Property>margin-bottom</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0012 <Normal Text> </Normal Text><Comment>// this is no comment, it's just broken!</Comment><br/> 0013 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>hsl(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Function>calc(</Function><Number>95</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Number>3</Number><Unit>%</Unit><Function>))</Function><Separator Symbol>;</Separator Symbol><br/> 0014 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Droid Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> Arial</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/> 0015 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>11</Number><Unit>pt</Unit><Separator Symbol>;</Separator Symbol><br/> 0016 <Normal Text> </Normal Text><Property>line-height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.5</Number><Unit>em</Unit><Separator Symbol>;</Separator Symbol><br/> 0017 <Normal Text> </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#fff000</Color><Separator Symbol>;</Separator Symbol><br/> 0018 <Normal Text> </Normal Text><Property>text-shadow</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>rgba(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.3</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0019 <Normal Text> </Normal Text><Property>box-sizing</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>border-box</Value><Separator Symbol>;</Separator Symbol><br/> 0020 <Normal Text> </Normal Text><Property>font-variant-alternates</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>styleset(</Function><Normal Text>nice-style</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0021 <Block Symbol>}</Block Symbol><br/> 0022 <Normal Text></Normal Text><br/> 0023 <Comment>/* Selectors */</Comment><br/> 0024 <Normal Text></Normal Text><br/> 0025 <Selector Tag>body</Selector Tag><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>blockquote</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0026 <Normal Text> </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/> 0027 <Block Symbol>}</Block Symbol><br/> 0028 <Normal Text></Normal Text><br/> 0029 <Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Selector Id>#logo</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0030 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0031 <Block Symbol>}</Block Symbol><br/> 0032 <Normal Text></Normal Text><br/> 0033 <Selector Tag>div</Selector Tag><Selector Id>#footer</Selector Id><Normal Text> </Normal Text><Selector Class>.link</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0034 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>blue</Named Color><Separator Symbol>;</Separator Symbol><br/> 0035 <Block Symbol>}</Block Symbol><br/> 0036 <Normal Text></Normal Text><br/> 0037 <Selector Class>.something</Selector Class><br/> 0038 <Block Symbol>{</Block Symbol><br/> 0039 <Normal Text> </Normal Text><Property>margin-right</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0040 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#cdd</Color><Separator Symbol>;</Separator Symbol><br/> 0041 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#AAFE04</Color><Separator Symbol>;</Separator Symbol><br/> 0042 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>rgb(</Function><Number>10</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Number>30</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Number>43</Number><Unit>%</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0043 <Normal Text> </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>maroon</Named Color><Separator Symbol>;</Separator Symbol><br/> 0044 <Block Symbol>}</Block Symbol><br/> 0045 <Normal Text></Normal Text><br/> 0046 <Selector Tag>sidebar</Selector Tag><Normal Text> </Normal Text><Selector Id>#subscribe</Selector Id><Normal Text> </Normal Text><Selector Class>.subscribe_form</Selector Class><Normal Text> </Normal Text><Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>type</Attribute Name><Attribute Operator>=</Attribute Operator><String>"text"</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0047 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0048 <Block Symbol>}</Block Symbol><br/> 0049 <Normal Text></Normal Text><br/> 0050 <Selector Tag>sidebar</Selector Tag><Normal Text> </Normal Text><Selector Id>#subscribe</Selector Id><Normal Text> </Normal Text><Selector Class>.subscribe_form</Selector Class><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>1</Number><Selector Pseudo>):hover</Selector Pseudo><Normal Text> </Normal Text><Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>class</Attribute Name><Attribute Operator>*=</Attribute Operator><String>"small-"</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0051 <Normal Text> </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/> 0052 <Block Symbol>}</Block Symbol><br/> 0053 <Normal Text></Normal Text><br/> 0054 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String>text</String><Selector Attribute>]</Selector Attribute><br/> 0055 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String> text </String><Selector Attribute>]</Selector Attribute><br/> 0056 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String> text </String><Attribute Operator>i</Attribute Operator><Selector Attribute>]</Selector Attribute><br/> 0057 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String> "text" </String><Attribute Operator>i</Attribute Operator><Selector Attribute>]</Selector Attribute><br/> 0058 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String>i</String><Selector Attribute>]</Selector Attribute><br/> 0059 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String> i</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0060 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0061 <Block Symbol>}</Block Symbol><br/> 0062 <Normal Text></Normal Text><br/> 0063 <Selector Id>#header</Selector Id><Separator Symbol>,</Separator Symbol><br/> 0064 <Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/> 0065 <Selector Tag>p</Selector Tag><Selector Class>.intro</Selector Class><Selector Pseudo>:first-letter</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/> 0066 <Selector Tag>p</Selector Tag><Selector Pseudo>:lang(</Selector Pseudo><String>nl</String><Selector Pseudo>)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/> 0067 <Selector Tag>img</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>align</Attribute Name><Attribute Operator>=</Attribute Operator><String>"right"</String><Selector Attribute>]</Selector Attribute><br/> 0068 <Block Symbol>{</Block Symbol><br/> 0069 <Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>solid</Value><Normal Text> Qt::</Normal Text><Named Color>red</Named Color><Normal Text> </Normal Text><Annotation>!important</Annotation><Separator Symbol>;</Separator Symbol><br/> 0070 <Normal Text> </Normal Text><Vendor Property>-moz-border-radius</Vendor Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>15</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* unknown properties render italic */</Comment><br/> 0071 <Block Symbol>}</Block Symbol><br/> 0072 <Normal Text></Normal Text><br/> 0073 <Selector Class>.nice-look</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0074 <Block Symbol>}</Block Symbol><br/> 0075 <Normal Text></Normal Text><br/> 0076 <Selector Tag>ul</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0077 <Normal Text> </Normal Text><Property>list-style</Property><Property Separator>:</Property Separator><Normal Text> thumbs</Normal Text><Separator Symbol>;</Separator Symbol><br/> 0078 <Block Symbol>}</Block Symbol><br/> 0079 <Normal Text></Normal Text><br/> 0080 <Comment>/* SVG <a> */</Comment><br/> 0081 <Selector Tag>svg</Selector Tag><Selector Symbol>|</Selector Symbol><Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/> 0082 <Normal Text></Normal Text><br/> 0083 <Comment>/* XHTML and SVG <a> */</Comment><br/> 0084 <Selector Symbol>*|</Selector Symbol><Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/> 0085 <Normal Text></Normal Text><br/> 0086 <Selector Symbol>*</Selector Symbol><Block Symbol>{}</Block Symbol><br/> 0087 <Selector Class>.class</Selector Class><Block Symbol>{}</Block Symbol><br/> 0088 <Selector Id>#id</Selector Id><Block Symbol>{}</Block Symbol><br/> 0089 <Selector Pseudo>:hover</Selector Pseudo><Block Symbol>{}</Block Symbol><br/> 0090 <Selector Pseudo>:lang(</Selector Pseudo><String>fr</String><Selector Pseudo>)</Selector Pseudo><Block Symbol>{}</Block Symbol><br/> 0091 <Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0092 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0093 <Selector Tag>E</Selector Tag><Selector Symbol>></Selector Symbol><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0094 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Symbol>></Selector Symbol><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0095 <Selector Tag>E</Selector Tag><Selector Symbol>~</Selector Symbol><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0096 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Symbol>~</Selector Symbol><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0097 <Selector Tag>E</Selector Tag><Selector Pseudo>:first-child</Selector Pseudo><Block Symbol>{}</Block Symbol><br/> 0098 <Selector Tag>E</Selector Tag><Selector Pseudo>:visited</Selector Pseudo><Block Symbol>{}</Block Symbol><br/> 0099 <Selector Tag>E</Selector Tag><Selector Pseudo>::after</Selector Pseudo><Block Symbol>{}</Block Symbol><br/> 0100 <Selector Tag>E</Selector Tag><Selector Pseudo>:lang(</Selector Pseudo><String>c</String><Selector Pseudo>)</Selector Pseudo><Block Symbol>{}</Block Symbol><br/> 0101 <Selector Tag>E</Selector Tag><Selector Pseudo>:lang(</Selector Pseudo><String>fr-ca</String><Selector Pseudo>)</Selector Pseudo><Block Symbol>{}</Block Symbol><br/> 0102 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Symbol>+</Selector Symbol><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0103 <Selector Tag>E</Selector Tag><Selector Symbol>+</Selector Symbol><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0104 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0105 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>=</Attribute Operator><String>warning</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0106 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0107 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>~=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0108 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>^=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0109 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>$=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0110 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>*=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0111 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>lang</Attribute Name><Attribute Operator>|=</Attribute Operator><String>"en"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/> 0112 <Selector Tag>DIV</Selector Tag><Selector Class>.warning</Selector Class><Block Symbol>{}</Block Symbol><br/> 0113 <Selector Tag>DIV</Selector Tag><Normal Text> </Normal Text><Selector Class>.warning</Selector Class><Block Symbol>{}</Block Symbol><br/> 0114 <Selector Tag>E</Selector Tag><Selector Id>#myid</Selector Id><Block Symbol>{}</Block Symbol><br/> 0115 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Id>#myid</Selector Id><Block Symbol>{}</Block Symbol><br/> 0116 <Selector Tag>E</Selector Tag><Separator Symbol>,</Separator Symbol><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0117 <Selector Tag>E</Selector Tag><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0118 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Separator Symbol>,</Separator Symbol><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0119 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/> 0120 <Normal Text></Normal Text><br/> 0121 <Selector Tag>p</Selector Tag><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0122 <Normal Text> </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0123 <Block Symbol>}</Block Symbol><br/> 0124 <Normal Text></Normal Text><br/> 0125 <Comment>/* Elements that are not <div> or <span> elements */</Comment><br/> 0126 <Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Selector Pseudo>:not(</Selector Pseudo><Selector Tag>div</Selector Tag><Selector Pseudo>):not(</Selector Pseudo><Selector Tag>span</Selector Tag><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0127 <Normal Text> </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/> 0128 <Block Symbol>}</Block Symbol><br/> 0129 <Normal Text></Normal Text><br/> 0130 <Comment>/* Elements that are not `.crazy` or `.fancy` */</Comment><br/> 0131 <Comment>/* Note that this syntax is not well supported yet. */</Comment><br/> 0132 <Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Selector Pseudo>:not(</Selector Pseudo><Selector Class>.crazy</Selector Class><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Class>.fancy</Selector Class><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0133 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/> 0134 <Block Symbol>}</Block Symbol><br/> 0135 <Normal Text></Normal Text><br/> 0136 <Selector Pseudo>:nth-child(</Selector Pseudo><Value>odd</Value><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0137 <Selector Pseudo>:nth-child(</Selector Pseudo><Value>even</Value><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0138 <Selector Pseudo>:nth-child(</Selector Pseudo><Number>4</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0139 <Selector Pseudo>:nth-child(</Selector Pseudo><Number>4</Number><Unit>n</Unit><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0140 <Selector Pseudo>:nth-child(</Selector Pseudo><Number>3</Number><Unit>n</Unit><Operator>+</Operator><Number>4</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0141 <Selector Pseudo>:nth-child(</Selector Pseudo><Operator>-</Operator><Unit>n</Unit><Operator>+</Operator><Number>3</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0142 <Selector Pseudo>:nth-child(</Selector Pseudo><Unit>n</Unit><Operator>+</Operator><Number>8</Number><Selector Pseudo>):nth-child(</Selector Pseudo><Operator>-</Operator><Unit>n</Unit><Operator>+</Operator><Number>15</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0143 <Normal Text></Normal Text><br/> 0144 <Selector Class>.first</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>+</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/> 0145 <Selector Class>.second</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>+</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/> 0146 <Selector Class>.third</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-of-type(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>+</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0147 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><br/> 0148 <Normal Text> </Normal Text><Unknown Property>unknown-property</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><br/> 0149 <Block Symbol>}</Block Symbol><br/> 0150 <Normal Text></Normal Text><br/> 0151 <Selector Pseudo>:root</Selector Pseudo><Block Symbol>{</Block Symbol><br/> 0152 <Normal Text> </Normal Text><Variable>--foo</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>if(</Function><Normal Text>x </Normal Text><Operator>></Operator><Normal Text> </Normal Text><Number>5</Number><Function>)</Function><Normal Text> this.width </Normal Text><Operator>=</Operator><Normal Text> </Normal Text><Number>10</Number><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* valid custom property, invalid in any normal property */</Comment><br/> 0153 <Block Symbol>}</Block Symbol><br/> 0154 <Normal Text></Normal Text><br/> 0155 <Selector Pseudo>:root</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/> 0156 <Selector Pseudo>:root:lang(</Selector Pseudo><String>en</String><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Variable>--external-link</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"external link"</String><Separator Symbol>;</Separator Symbol><Block Symbol>}</Block Symbol><br/> 0157 <Selector Pseudo>:root:lang(</Selector Pseudo><String>de</String><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Variable>--external-link</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"externer Link"</String><Separator Symbol>;</Separator Symbol><Block Symbol>}</Block Symbol><br/> 0158 <Normal Text></Normal Text><br/> 0159 <Selector Tag>a</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>href</Attribute Name><Attribute Operator>^=</Attribute Operator><String>"http"</String><Selector Attribute>]</Selector Attribute><Selector Pseudo>::after</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>" ("</String><Normal Text> </Normal Text><Function>var(</Function><Variable>--external-link</Variable><Function>)</Function><Normal Text> </Normal Text><String>")"</String><Block Symbol>}</Block Symbol><br/> 0160 <Normal Text></Normal Text><br/> 0161 <Selector Tag>one</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Variable>--foo</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0162 <Selector Tag>two</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Variable>--bar</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(var(</Function><Variable>--foo</Variable><Function>)</Function><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0163 <Selector Tag>three</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Variable>--foo</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(var(</Function><Variable>--bar</Variable><Function>)</Function><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0164 <Selector Class>.foo</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0165 <Normal Text> </Normal Text><Variable>--gap</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Separator Symbol>;</Separator Symbol><br/> 0166 <Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>var(</Function><Variable>--gap</Variable><Function>)</Function><Normal Text>px</Normal Text><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/*20 px*/</Comment><br/> 0167 <Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(var(</Function><Variable>--gap</Variable><Function>)</Function><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/*20px*/</Comment><br/> 0168 <Block Symbol>}</Block Symbol><br/> 0169 <Normal Text></Normal Text><br/> 0170 <Selector Tag>foo</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0171 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Number>-8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/> 0172 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Operator>-</Operator><Normal Text> </Normal Text><Number>8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/> 0173 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Number>+8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/> 0174 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Operator>+</Operator><Normal Text> </Normal Text><Number>8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/> 0175 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>-var(</Function><Normal Text>--a</Normal Text><Function>))</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/> 0176 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Operator>*</Operator><Number>-8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0177 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Number>8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0178 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>-8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0179 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text>(</Normal Text><Number>8</Number><Unit>px</Unit><Normal Text>)</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0180 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>-(var(</Function><Variable>--a</Variable><Function>)))</Function><Separator Symbol>;</Separator Symbol><br/> 0181 <Block Symbol>}</Block Symbol><br/> 0182 <Normal Text></Normal Text><br/> 0183 <Selector Tag>sweet-alert</Selector Tag><Normal Text> </Normal Text><Selector Tag>input</Selector Tag><Selector Pseudo>:focus::-moz-placeholder</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0184 <Normal Text> </Normal Text><Vendor Property>-webkit-transition</Vendor Property><Property Separator>:</Property Separator><Normal Text> opacity </Normal Text><Number>0.3</Number><Unit>s</Unit><Normal Text> </Normal Text><Number>0.03</Number><Unit>s</Unit><Normal Text> </Normal Text><Value>ease</Value><Separator Symbol>;</Separator Symbol><br/> 0185 <Normal Text> </Normal Text><Property>transition</Property><Property Separator>:</Property Separator><Normal Text> opacity </Normal Text><Number>0.3</Number><Unit>s</Unit><Normal Text> </Normal Text><Number>0.03</Number><Unit>s</Unit><Normal Text> </Normal Text><Value>ease</Value><Separator Symbol>;</Separator Symbol><br/> 0186 <Normal Text> </Normal Text><Property>opacity</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0.5</Number><Separator Symbol>;</Separator Symbol><br/> 0187 <Block Symbol>}</Block Symbol><br/> 0188 <Normal Text></Normal Text><br/> 0189 <Normal Text></Normal Text><br/> 0190 <At Rule>@font-feature-values</At Rule><At Rule Text> Font One </At Rule Text><Block Symbol>{</Block Symbol><br/> 0191 <Normal Text> </Normal Text><At Rule>@styleset</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0192 <Normal Text> </Normal Text><Unknown Property>nice-style</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>12</Number><Separator Symbol>;</Separator Symbol><br/> 0193 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0194 <Block Symbol>}</Block Symbol><br/> 0195 <Normal Text></Normal Text><br/> 0196 <At Rule>@font-feature-values</At Rule><At Rule Text> Font Two </At Rule Text><Block Symbol>{</Block Symbol><br/> 0197 <Normal Text> </Normal Text><At Rule>@styleset</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0198 <Normal Text> </Normal Text><Unknown Property>nice-style</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>4</Number><Separator Symbol>;</Separator Symbol><br/> 0199 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0200 <Block Symbol>}</Block Symbol><br/> 0201 <Normal Text></Normal Text><br/> 0202 <At Rule>@font-palette-values</At Rule><At Rule Text> --identifier </At Rule Text><Block Symbol>{</Block Symbol><br/> 0203 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> Bixa</Normal Text><Separator Symbol>;</Separator Symbol><br/> 0204 <Block Symbol>}</Block Symbol><br/> 0205 <Normal Text></Normal Text><br/> 0206 <At Rule>@counter-style</At Rule><At Rule Text> thumbs </At Rule Text><Block Symbol>{</Block Symbol><br/> 0207 <Normal Text> </Normal Text><Property>system</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>cyclic</Value><Separator Symbol>;</Separator Symbol><br/> 0208 <Normal Text> </Normal Text><Property>symbols</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"</String><SpecialChar>\1F44D</SpecialChar><String>"</String><Separator Symbol>;</Separator Symbol><br/> 0209 <Normal Text> </Normal Text><Property>suffix</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>" "</String><Separator Symbol>;</Separator Symbol><br/> 0210 <Block Symbol>}</Block Symbol><br/> 0211 <Normal Text></Normal Text><br/> 0212 <At Rule>@font-face</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0213 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Open Sans"</String><Separator Symbol>;</Separator Symbol><br/> 0214 <Normal Text> </Normal Text><Comment>/* comments */</Comment><br/> 0215 <Normal Text> </Normal Text><Unknown Property>unknown</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0216 <Normal Text> </Normal Text><Property>src</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>url(</Function><String>"/fonts/OpenSans-Regular-webfont.woff2"</String><Function>)</Function><Normal Text> </Normal Text><Function>format(</Function><String>"woff2"</String><Function>)</Function><Separator Symbol>,</Separator Symbol><br/> 0217 <Normal Text> </Normal Text><Function>url(</Function><String>"/fonts/OpenSans-Regular-webfont.woff"</String><Function>)</Function><Normal Text> </Normal Text><Function>format(</Function><String>"woff"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0218 <Block Symbol>}</Block Symbol><br/> 0219 <Normal Text></Normal Text><br/> 0220 <At Rule>@page</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0221 <Normal Text> </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/> 0222 <Block Symbol>}</Block Symbol><br/> 0223 <Normal Text></Normal Text><br/> 0224 <At Rule>@page</At Rule><At Rule Text> </At Rule Text><Selector Pseudo>:first</Selector Pseudo><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0225 <Normal Text> </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/> 0226 <Normal Text> </Normal Text><Comment>/* comments */</Comment><br/> 0227 <Normal Text> </Normal Text><Unknown Property>marks</Unknown Property><Property Separator>:</Property Separator><Normal Text> crop cross</Normal Text><Separator Symbol>;</Separator Symbol><br/> 0228 <Block Symbol>}</Block Symbol><br/> 0229 <Normal Text></Normal Text><br/> 0230 <At Rule>@page</At Rule><At Rule Text> </At Rule Text><Selector Pseudo>:</Selector Pseudo><At Rule Text>unknown </At Rule Text><Block Symbol>{</Block Symbol><br/> 0231 <Normal Text> </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/> 0232 <Block Symbol>}</Block Symbol><br/> 0233 <Normal Text></Normal Text><br/> 0234 <At Rule>@document</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"https://www.example.com/"</String><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0235 <Normal Text> </Normal Text><Selector Tag>h1</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0236 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>green</Named Color><Separator Symbol>;</Separator Symbol><br/> 0237 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0238 <Block Symbol>}</Block Symbol><br/> 0239 <Normal Text></Normal Text><br/> 0240 <At Rule>@charset</At Rule><At Rule Text> </At Rule Text><String>"UTF-8"</String><Separator Symbol>;</Separator Symbol><br/> 0241 <Normal Text></Normal Text><br/> 0242 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><String>'custom.css'</String><Separator Symbol>;</Separator Symbol><br/> 0243 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><String>"common.css"</String><At Rule Text> </At Rule Text><Media Type>screen</Media Type><Separator Symbol>;</Separator Symbol><br/> 0244 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"fineprint.css"</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>print</Media Type><Separator Symbol>;</Separator Symbol><br/> 0245 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>fineprint.css</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>print</Media Type><Separator Symbol>;</Separator Symbol><br/> 0246 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>'bluish.css'</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>speech</Media Type><Separator Symbol>;</Separator Symbol><br/> 0247 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"chrome://communicator/skin/"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0248 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>'landscape.css'</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>orientation</Condition Property><Property Separator>:</Property Separator><At Rule Text>landscape</At Rule Text><Condition Open/Close>)</Condition Open/Close><Separator Symbol>;</Separator Symbol><br/> 0249 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"othersheet.css"</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text>, </At Rule Text><Media Type>print</Media Type><Separator Symbol>;</Separator Symbol><br/> 0250 <Normal Text></Normal Text><br/> 0251 <At Rule>@namespace</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>http://www.w3.org/1999/xhtml</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0252 <At Rule>@namespace</At Rule><At Rule Text> svg </At Rule Text><Function>url(</Function><String>http://www.w3.org/2000/svg</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0253 <Normal Text></Normal Text><br/> 0254 <Comment>/* Animation (Keyframes) */</Comment><br/> 0255 <Normal Text></Normal Text><br/> 0256 <At Rule>@keyframes</At Rule><At Rule Text> important1 </At Rule Text><Block Symbol>{</Block Symbol><br/> 0257 <Normal Text> </Normal Text><Value>from</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0258 <Normal Text> </Normal Text><Value>50%</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>150</Number><Unit>px</Unit><Normal Text> </Normal Text><Annotation>!important</Annotation><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><Comment>/* ignored */</Comment><br/> 0259 <Normal Text> </Normal Text><Value>to</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0260 <Block Symbol>}</Block Symbol><br/> 0261 <Normal Text></Normal Text><br/> 0262 <At Rule>@keyframes</At Rule><At Rule Text> important2 </At Rule Text><Block Symbol>{</Block Symbol><br/> 0263 <Normal Text> </Normal Text><Value>from</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0264 <Normal Text> </Normal Text><Property>margin-bottom</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0265 <Normal Text> </Normal Text><Value>to</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>150</Number><Unit>px</Unit><Normal Text> </Normal Text><Annotation>!important</Annotation><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* ignored */</Comment><br/> 0266 <Normal Text> </Normal Text><Property>margin-bottom</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0267 <Block Symbol>}</Block Symbol><br/> 0268 <Normal Text></Normal Text><br/> 0269 <At Rule>@keyframes</At Rule><At Rule Text> slidein </At Rule Text><Block Symbol>{</Block Symbol><br/> 0270 <Normal Text> </Normal Text><Value>from</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0271 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 0272 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 0273 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0274 <Normal Text></Normal Text><br/> 0275 <Normal Text> </Normal Text><Value>to</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0276 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 0277 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 0278 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0279 <Block Symbol>}</Block Symbol><br/> 0280 <Normal Text></Normal Text><br/> 0281 <Comment>/* Media Queries */</Comment><br/> 0282 <Normal Text></Normal Text><br/> 0283 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>print</Media Type><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0284 <Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0285 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 0286 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0287 <Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0288 <Normal Text> </Normal Text><Comment>/* comments */</Comment><br/> 0289 <Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0290 <Normal Text></Normal Text><br/> 0291 <Normal Text> </Normal Text><Selector Id>#header</Selector Id><br/> 0292 <Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0293 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/> 0294 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0295 <Block Symbol>}</Block Symbol><br/> 0296 <Normal Text></Normal Text><br/> 0297 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>orientation</Condition Property><Property Separator>:</Property Separator><At Rule Text> landscape</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0298 <Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0299 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0300 <Normal Text></Normal Text><br/> 0301 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>min-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>768</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>max-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>960</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0302 <Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0303 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>720</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0304 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0305 <Block Symbol>}</Block Symbol><br/> 0306 <Normal Text></Normal Text><br/> 0307 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>max-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>600</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0308 <Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0309 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/> 0310 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0311 <Block Symbol>}</Block Symbol><br/> 0312 <Normal Text></Normal Text><br/> 0313 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>print</Media Type><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0314 <Block Symbol>}</Block Symbol><br/> 0315 <Normal Text></Normal Text><br/> 0316 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>height</Condition Property><At Rule Text> </At Rule Text><Operator>></Operator><At Rule Text> </At Rule Text><Number>600</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0317 <Normal Text> </Normal Text><Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0318 <Normal Text> </Normal Text><Property>line-height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.4</Number><Separator Symbol>;</Separator Symbol><br/> 0319 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0320 <Block Symbol>}</Block Symbol><br/> 0321 <Normal Text></Normal Text><br/> 0322 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Number>400</Number><Unit>px</Unit><At Rule Text> </At Rule Text><Operator><=</Operator><At Rule Text> </At Rule Text><Condition Property>width</Condition Property><At Rule Text> </At Rule Text><Operator><=</Operator><At Rule Text> </At Rule Text><Number>700</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0323 <Normal Text> </Normal Text><Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0324 <Normal Text> </Normal Text><Property>line-height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.4</Number><Separator Symbol>;</Separator Symbol><br/> 0325 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0326 <Block Symbol>}</Block Symbol><br/> 0327 <Normal Text></Normal Text><br/> 0328 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Property>display</Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Value>grid</Value><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0329 <Normal Text> </Normal Text><Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0330 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>grid</Value><Separator Symbol>;</Separator Symbol><br/> 0331 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0332 <Block Symbol>}</Block Symbol><br/> 0333 <Normal Text></Normal Text><br/> 0334 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Function>font-tech(</Function><Normal Text>color-COLRv1</Normal Text><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0335 <Normal Text> </Normal Text><Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/> 0336 <Block Symbol>}</Block Symbol><br/> 0337 <Normal Text></Normal Text><br/> 0338 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Keyword>not</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Keyword>not</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Property>transform-origin</Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>2</Number><Unit>px</Unit><Condition Open/Close>))</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0339 <Normal Text> </Normal Text><Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/> 0340 <Block Symbol>}</Block Symbol><br/> 0341 <Normal Text></Normal Text><br/> 0342 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Property>display</Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Value>grid</Value><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Keyword>not</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Property>display</Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Value>inline-grid</Value><Condition Open/Close>))</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0343 <Normal Text> </Normal Text><Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/> 0344 <Block Symbol>}</Block Symbol><br/> 0345 <Normal Text></Normal Text><br/> 0346 <Comment>/*</Comment><br/> 0347 <Comment> * CSS Syntax Highlight Sample File (Standard)</Comment><br/> 0348 <Comment> *</Comment><br/> 0349 <Comment> * This file contains most CSS syntax, CSS3 properties, @media, @font-face and</Comment><br/> 0350 <Comment> * @keyframes annotations.</Comment><br/> 0351 <Comment> *</Comment><br/> 0352 <Comment> * @author Guo Yunhe guoyunhebrave@gmail.com</Comment><br/> 0353 <Comment> * @date 2016-09-16</Comment><br/> 0354 <Comment> */</Comment><br/> 0355 <Normal Text></Normal Text><br/> 0356 <Comment>/*</Comment><br/> 0357 <Comment> * Block comment</Comment><br/> 0358 <Comment> *</Comment><br/> 0359 <Comment> * Alert keywords:</Comment><br/> 0360 <Comment> * </Comment><Alert Level 2>TODO</Alert Level 2><Comment> </Comment><Alert Level 2>BUG</Alert Level 2><Comment> </Comment><Alert Level 2>FIXME</Alert Level 2><br/> 0361 <Comment> */</Comment><br/> 0362 <Normal Text></Normal Text><br/> 0363 <Normal Text></Normal Text><br/> 0364 <Comment>/* Region markers */</Comment><br/> 0365 <Normal Text></Normal Text><br/> 0366 <Region Marker>/*BEGIN Comment */</Region Marker><br/> 0367 <Normal Text></Normal Text><br/> 0368 <Normal Text></Normal Text><br/> 0369 <Region Marker>/*END Comment */</Region Marker><br/> 0370 <Normal Text></Normal Text><br/> 0371 <Comment>/*</Comment><br/> 0372 <Comment> * CSS Syntax Highlight Sample File (Complex)</Comment><br/> 0373 <Comment> *</Comment><br/> 0374 <Comment> * This file contains complex CSS syntax that can test unexpected situations.</Comment><br/> 0375 <Comment> *</Comment><br/> 0376 <Comment> * @author Guo Yunhe guoyunhebrave@gmail.com</Comment><br/> 0377 <Comment> * @date 2016-09-16</Comment><br/> 0378 <Comment> */</Comment><br/> 0379 <Normal Text></Normal Text><br/> 0380 <Normal Text></Normal Text><br/> 0381 <Comment>/* Comments with special content */</Comment><br/> 0382 <Normal Text></Normal Text><br/> 0383 <Comment>/*</Comment><br/> 0384 <Comment> * .class-selector #id "string" 'comment' // comment {} [] () /* comment</Comment><br/> 0385 <Comment> * </Comment><Alert Level 2>TODO</Alert Level 2><Comment> </Comment><Alert Level 2>BUG</Alert Level 2><Comment> DEBUG</Comment><br/> 0386 <Comment> * body {</Comment><br/> 0387 <Comment> * margin: 0 !important;</Comment><br/> 0388 <Comment> * }</Comment><br/> 0389 <Comment> */</Comment><br/> 0390 <Normal Text></Normal Text><br/> 0391 <Comment>/* Comments in special positions */</Comment><br/> 0392 <Normal Text></Normal Text><br/> 0393 <Selector Tag>header</Selector Tag><Comment>/* comment here */</Comment><Selector Class>.active</Selector Class><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0394 <Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Property>color</Property><Normal Text> </Normal Text><Property Separator>:</Property Separator><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Named Color>blue</Named Color><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/> 0395 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> Arial </Normal Text><Comment>/* comment here */</Comment><Separator Symbol>,</Separator Symbol><br/> 0396 <Normal Text> </Normal Text><String>"Droid Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Comment>/* comment here */</Comment><br/> 0397 <Normal Text> </Normal Text><Value>sans-serif</Value><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/> 0398 <Block Symbol>}</Block Symbol><br/> 0399 <Normal Text></Normal Text><br/> 0400 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Comment>/* comment here */</Comment><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>max-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>300</Number><Unit>px</Unit><At Rule Text> </At Rule Text><Comment>/* comment here */</Comment><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Comment>/* comment here */</Comment><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><Comment>/* comment here */</Comment><Block Symbol>}</Block Symbol><br/> 0401 <Normal Text></Normal Text><br/> 0402 <Normal Text></Normal Text><br/> 0403 <Comment>/* Strings with special content */</Comment><br/> 0404 <Normal Text></Normal Text><br/> 0405 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"{} $variable /* comment */"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0406 <Normal Text></Normal Text><br/> 0407 <Normal Text></Normal Text><br/> 0408 <Comment>/* Without extra breaklines and spaces */</Comment><br/> 0409 <Normal Text></Normal Text><br/> 0410 <Selector Tag>pre</Selector Tag><Selector Class>.primary</Selector Class><Selector Pseudo>:hover</Selector Pseudo><Selector Class>.large</Selector Class><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>-</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Block Symbol>{</Block Symbol><Property>font-size</Property><Property Separator>:</Property Separator><Number>17</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Property>font-family</Property><Property Separator>:</Property Separator><String>"Noto Sans"</String><Separator Symbol>;</Separator Symbol><Vendor Property>-webkit-box-shadow</Vendor Property><Property Separator>:</Property Separator><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Number>3</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>rgba(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0.3</Number><Function>)</Function><Block Symbol>}</Block Symbol><br/> 0411 <Normal Text></Normal Text><br/> 0412 <Normal Text></Normal Text><br/> 0413 <Comment>/* With unnecessary breaklines and spaces */</Comment><br/> 0414 <Normal Text></Normal Text><br/> 0415 <Selector Tag>blockquote</Selector Tag><Normal Text> </Normal Text><Selector Class>.ref</Selector Class><br/> 0416 <Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0417 <Normal Text> </Normal Text><Property>flex</Property><Normal Text> </Normal Text><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>1</Number><Normal Text> </Normal Text><Number>30</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 0418 <Normal Text> </Normal Text><Property>flex-wrap</Property><Normal Text> </Normal Text><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>wrap</Value><Separator Symbol>;</Separator Symbol><br/> 0419 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0420 <Normal Text></Normal Text><br/> 0421 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>orientation</Condition Property><Property Separator>:</Property Separator><At Rule Text> landscape</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0422 <Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0423 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0424 <Normal Text></Normal Text><br/> 0425 <Normal Text></Normal Text><br/> 0426 <Normal Text></Normal Text><br/> 0427 <Comment>/* Special selectors: HTML5 allows user defined tags */</Comment><br/> 0428 <Normal Text></Normal Text><br/> 0429 <Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0430 <Normal Text> </Normal Text><Selector Tag>flex</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0431 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0432 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0433 <Block Symbol>}</Block Symbol><br/> 0434 <Normal Text></Normal Text><br/> 0435 <Comment>/* CSS Nesting */</Comment><br/> 0436 <Normal Text></Normal Text><br/> 0437 <Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0438 <Normal Text> </Normal Text><Selector Class>.abc</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0439 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0440 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0441 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0442 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Selector Tag>width</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0443 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0444 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0445 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0446 <Block Symbol>}</Block Symbol><br/> 0447 <Normal Text></Normal Text><br/> 0448 <Normal Text></Normal Text><br/> 0449 <Comment>/**</Comment><br/> 0450 <Comment> * SCSS https://sass-lang.com/documentation/file.SASS_REFERENCE.html</Comment><br/> 0451 <Comment> */</Comment><br/> 0452 <Comment>// These comments are only one line long each.</Comment><br/> 0453 <Comment>// They won't appear in the CSS output,</Comment><br/> 0454 <Comment>// since they use the single-line comment syntax.</Comment><br/> 0455 <Normal Text></Normal Text><br/> 0456 <Selector Id>#sidebar</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>grid-width(</Function><Number>5</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0457 <Normal Text></Normal Text><br/> 0458 <Selector Id>#main</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0459 <Normal Text> </Normal Text><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$content</Variable><Separator Symbol>;</Separator Symbol><br/> 0460 <Normal Text> </Normal Text><Unknown Property>new-content</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$new_content</Variable><Separator Symbol>;</Separator Symbol><br/> 0461 <Block Symbol>}</Block Symbol><br/> 0462 <Normal Text></Normal Text><br/> 0463 <Selector Id>#main</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0464 <Normal Text> </Normal Text><Variable>$width</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>5</Number><Unit>em</Unit><Normal Text> </Normal Text><Annotation>!global</Annotation><Separator Symbol>;</Separator Symbol><br/> 0465 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$width</Variable><Separator Symbol>;</Separator Symbol><br/> 0466 <Block Symbol>}</Block Symbol><br/> 0467 <Normal Text></Normal Text><br/> 0468 <Selector Id>#main</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0469 <Normal Text> </Normal Text><At Rule>@import</At Rule><At Rule Text> </At Rule Text><String>"example"</String><Separator Symbol>;</Separator Symbol><br/> 0470 <Block Symbol>}</Block Symbol><br/> 0471 <Normal Text></Normal Text><br/> 0472 <Selector Id>#main</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0473 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>black</Named Color><Separator Symbol>;</Separator Symbol><br/> 0474 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Selector Tag>-sidebar</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>solid</Value><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0475 <Block Symbol>}</Block Symbol><br/> 0476 <Normal Text></Normal Text><br/> 0477 <Selector Id>#main</Selector Id><Normal Text> </Normal Text><Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0478 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#00ff00</Color><Separator Symbol>;</Separator Symbol><br/> 0479 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>97</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 0480 <Normal Text></Normal Text><br/> 0481 <Normal Text> </Normal Text><Selector Class>.redbox</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0482 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#ff0000</Color><Separator Symbol>;</Separator Symbol><br/> 0483 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#000000</Color><Separator Symbol>;</Separator Symbol><br/> 0484 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0485 <Block Symbol>}</Block Symbol><br/> 0486 <Normal Text></Normal Text><br/> 0487 <Selector Id>#main</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0488 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>black</Named Color><Separator Symbol>;</Separator Symbol><br/> 0489 <Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0490 <Normal Text> </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/> 0491 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0492 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0493 <Block Symbol>}</Block Symbol><br/> 0494 <Normal Text></Normal Text><br/> 0495 <Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0496 <Normal Text> </Normal Text><Property>float</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>left</Value><Separator Symbol>;</Separator Symbol><br/> 0497 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>pow(</Function><Number>4</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>3</Number><Function>)</Function><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0498 <Block Symbol>}</Block Symbol><br/> 0499 <Normal Text></Normal Text><br/> 0500 <Selector Class>.banner</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0501 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$primary-color</Variable><Separator Symbol>;</Separator Symbol><br/> 0502 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>scale-color(</Function><Variable>$primary-color</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$lightness</Variable><Normal Text>: </Normal Text><Operator>+</Operator><Number>40</Number><Unit>%</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0503 <Block Symbol>}</Block Symbol><br/> 0504 <Normal Text></Normal Text><br/> 0505 <Selector Class>.micro</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0506 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>sum(</Function><Number>50</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>30</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>100</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0507 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>min(</Function><Variable>$widths</Variable><Operator>...</Operator><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0508 <Block Symbol>}</Block Symbol><br/> 0509 <Normal Text></Normal Text><br/> 0510 <Selector Tag>a</Selector Tag><Selector Class>.funky</Selector Class><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0511 <Normal Text> </Normal Text><Property>font</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Operator>/</Operator><Number>24</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>fantasy</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0512 <Normal Text> </Normal Text><Property>weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/> 0513 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0514 <Block Symbol>}</Block Symbol><br/> 0515 <Normal Text></Normal Text><br/> 0516 <Selector Class>.foo.bar</Selector Class><Normal Text> </Normal Text><Selector Class>.baz.bang</Selector Class><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Class>.bip.qux</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0517 <Normal Text> </Normal Text><Variable>$selector</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Separator Symbol>;</Separator Symbol><br/> 0518 <Block Symbol>}</Block Symbol><br/> 0519 <Normal Text></Normal Text><br/> 0520 <Selector Tag>ul</Selector Tag><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>ol</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0521 <Normal Text> </Normal Text><Property>text-align</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>left</Value><Separator Symbol>;</Separator Symbol><br/> 0522 <Normal Text></Normal Text><br/> 0523 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0524 <Normal Text> </Normal Text><Property>padding</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0525 <Normal Text> </Normal Text><Property>bottom</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/> 0526 <Normal Text> </Normal Text><Property>left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/> 0527 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0528 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0529 <Normal Text></Normal Text><br/> 0530 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>scale-below(</Function><Number>20</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>16</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0531 <Normal Text> </Normal Text><Property>border-radius</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$border-radius</Variable><Separator Symbol>;</Separator Symbol><br/> 0532 <Normal Text> </Normal Text><Property>box-shadow</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$box-shadow</Variable><Separator Symbol>;</Separator Symbol><br/> 0533 <Block Symbol>}</Block Symbol><br/> 0534 <Normal Text></Normal Text><br/> 0535 <Selector Tag>ul</Selector Tag><Normal Text> </Normal Text><Selector Tag>li</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0536 <Normal Text> </Normal Text><Variable>$padding</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>16</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0537 <Normal Text> </Normal Text><Property>padding-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$padding</Variable><Separator Symbol>;</Separator Symbol><br/> 0538 <Normal Text> </Normal Text><Selector Attribute>[</Selector Attribute><Attribute Name>dir</Attribute Name><Attribute Operator>=</Attribute Operator><String>rtl</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0539 <Normal Text> </Normal Text><Property>padding</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0540 <Normal Text> </Normal Text><Property>left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/> 0541 <Normal Text> </Normal Text><Property>right</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$padding</Variable><Separator Symbol>;</Separator Symbol><br/> 0542 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0543 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0544 <Block Symbol>}</Block Symbol><br/> 0545 <Normal Text></Normal Text><br/> 0546 <Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0547 <Normal Text> </Normal Text><Property>background-image</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>url(</Function><String>"/icons/</String><Interpolation>#{</Interpolation><Variable>$name</Variable><Interpolation>}</Interpolation><String>.svg"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0548 <Normal Text> </Normal Text><Property>font</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Interpolation>#{</Interpolation><String>"string"</String><Interpolation>}</Interpolation><Separator Symbol>;</Separator Symbol><br/> 0549 <Block Symbol>}</Block Symbol><br/> 0550 <Normal Text></Normal Text><br/> 0551 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0552 <Normal Text> </Normal Text><Property>font</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Operator>/</Operator><Number>8</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// Plain CSS, no division</Comment><br/> 0553 <Normal Text> </Normal Text><Variable>$width</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1000</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0554 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$width</Variable><Operator>/</Operator><Number>2</Number><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// Uses a variable, does division</Comment><br/> 0555 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>round(</Function><Number>1.5</Number><Function>)</Function><Operator>/</Operator><Number>2</Number><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// Uses a function, does division</Comment><br/> 0556 <Normal Text> </Normal Text><Property>height</Property><Property Separator>:</Property Separator><Normal Text> (</Normal Text><Number>500</Number><Unit>px</Unit><Operator>/</Operator><Number>2</Number><Normal Text>)</Normal Text><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// Uses parentheses, does division</Comment><br/> 0557 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>5</Number><Unit>px</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>8</Number><Unit>px</Unit><Operator>/</Operator><Number>2</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// Uses +, does division</Comment><br/> 0558 <Normal Text> </Normal Text><Property>font</Property><Property Separator>:</Property Separator><Normal Text> (</Normal Text><Value>italic</Value><Normal Text> </Normal Text><Value>bold</Value><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Operator>/</Operator><Number>8</Number><Unit>px</Unit><Normal Text>)</Normal Text><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// In a list, parentheses don't count</Comment><br/> 0559 <Block Symbol>}</Block Symbol><br/> 0560 <Normal Text></Normal Text><br/> 0561 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0562 <Normal Text> </Normal Text><Variable>$font-size</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>12</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0563 <Normal Text> </Normal Text><Variable>$line-height</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>30</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0564 <Normal Text> </Normal Text><Property>font</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$font-size</Variable><Interpolation>}</Interpolation><Operator>/</Operator><Interpolation>#{</Interpolation><Variable>$line-height</Variable><Interpolation>}</Interpolation><Separator Symbol>;</Separator Symbol><br/> 0565 <Block Symbol>}</Block Symbol><br/> 0566 <Normal Text></Normal Text><br/> 0567 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0568 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#010203</Color><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Color>#040506</Color><Separator Symbol>;</Separator Symbol><br/> 0569 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>rgba(</Function><Number>255</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.75</Number><Function>)</Function><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Function>rgba(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>255</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.75</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0570 <Block Symbol>}</Block Symbol><br/> 0571 <Normal Text></Normal Text><br/> 0572 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0573 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>opacify(</Function><Variable>$translucent-red</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.3</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0574 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>transparentize(</Function><Variable>$translucent-red</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.25</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0575 <Block Symbol>}</Block Symbol><br/> 0576 <Normal Text></Normal Text><br/> 0577 <Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0578 <Normal Text> </Normal Text><Property>filter</Property><Property Separator>:</Property Separator><Normal Text> progid:DXImageTransform.Microsoft.</Normal Text><Function>gradient(</Function><Normal Text>enabled</Normal Text><Operator>=</Operator><String>'false'</String><Separator Symbol>,</Separator Symbol><Normal Text> startColorstr</Normal Text><Operator>=</Operator><String>'</String><Interpolation>#{</Interpolation><Function>ie-hex-str(</Function><Variable>$green</Variable><Function>)</Function><Interpolation>}</Interpolation><String>'</String><Separator Symbol>,</Separator Symbol><Normal Text> endColorstr</Normal Text><Operator>=</Operator><String>'</String><Interpolation>#{</Interpolation><Function>ie-hex-str(</Function><Variable>$translucent-red</Variable><Function>)</Function><Interpolation>}</Interpolation><String>'</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0579 <Block Symbol>}</Block Symbol><br/> 0580 <Normal Text></Normal Text><br/> 0581 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0582 <Normal Text> </Normal Text><Property>cursor</Property><Property Separator>:</Property Separator><Normal Text> e </Normal Text><Operator>+</Operator><Normal Text> -resize</Normal Text><Separator Symbol>;</Separator Symbol><br/> 0583 <Block Symbol>}</Block Symbol><br/> 0584 <Normal Text></Normal Text><br/> 0585 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0586 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>em</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> (</Normal Text><Number>2</Number><Unit>em</Unit><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>3</Number><Normal Text>)</Normal Text><Separator Symbol>;</Separator Symbol><br/> 0587 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$n</Variable><Interpolation>}</Interpolation><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0588 <Block Symbol>}</Block Symbol><br/> 0589 <Normal Text></Normal Text><br/> 0590 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0591 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>hsl(</Function><Variable>$hue</Variable><Normal Text>: </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$saturation</Variable><Normal Text>: </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$lightness</Variable><Normal Text>: </Normal Text><Number>50</Number><Unit>%</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0592 <Block Symbol>}</Block Symbol><br/> 0593 <Normal Text></Normal Text><br/> 0594 <Selector Pseudo>:root</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0595 <Normal Text> </Normal Text><Variable>--font-family-sans-serif</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Interpolation>#{</Interpolation><Function>inspect(</Function><Variable>$font-family-sans-serif</Variable><Function>)</Function><Interpolation>}</Interpolation><Separator Symbol>;</Separator Symbol><br/> 0596 <Normal Text> </Normal Text><Variable>--font-family-monospace</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Interpolation>#{</Interpolation><Function>inspect(</Function><Variable>$font-family-monospace</Variable><Function>)</Function><Interpolation>}</Interpolation><Separator Symbol>;</Separator Symbol><br/> 0597 <Block Symbol>}</Block Symbol><br/> 0598 <Normal Text></Normal Text><br/> 0599 <Selector Tag>p</Selector Tag><Selector Pseudo>:before</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0600 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> sans- </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><String>"serif"</String><Separator Symbol>;</Separator Symbol><br/> 0601 <Normal Text> </Normal Text><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Foo "</String><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> Bar</Normal Text><Separator Symbol>;</Separator Symbol><br/> 0602 <Normal Text> </Normal Text><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"I ate </String><Interpolation>#{</Interpolation><Number>5</Number><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>10</Number><Interpolation>}</Interpolation><String> pies!"</String><Separator Symbol>;</Separator Symbol><br/> 0603 <Normal Text> </Normal Text><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"I ate </String><Interpolation>#{</Interpolation><Variable>$value</Variable><Interpolation>}</Interpolation><String> pies!"</String><Separator Symbol>;</Separator Symbol><br/> 0604 <Block Symbol>}</Block Symbol><br/> 0605 <Normal Text></Normal Text><br/> 0606 <Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0607 <Normal Text> </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/> 0608 <Normal Text> </Normal Text><Property>text-decoration</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/> 0609 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>text-decoration</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>underline</Value><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0610 <Normal Text> </Normal Text><Selector Tag>body</Selector Tag><Selector Class>.firefox</Selector Class><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>normal</Value><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0611 <Block Symbol>}</Block Symbol><br/> 0612 <Normal Text></Normal Text><br/> 0613 <Normal Text></Normal Text><br/> 0614 <Selector Id>#context</Selector Id><Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Placeholder Selector>%extreme</Placeholder Selector><Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Placeholder Selector>%extreme</Placeholder Selector><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0615 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>blue</Named Color><Separator Symbol>;</Separator Symbol><br/> 0616 <Normal Text> </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/> 0617 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>em</Unit><Separator Symbol>;</Separator Symbol><br/> 0618 <Block Symbol>}</Block Symbol><br/> 0619 <Normal Text></Normal Text><br/> 0620 <Placeholder Selector>%strong-alert</Placeholder Selector><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0621 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0622 <Block Symbol>}</Block Symbol><br/> 0623 <Selector Class>.alert</Selector Class><Selector Pseudo>:hover</Selector Pseudo><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Placeholder Selector>%strong-alert</Placeholder Selector><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0624 <Normal Text> </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/> 0625 <Block Symbol>}</Block Symbol><br/> 0626 <Normal Text></Normal Text><br/> 0627 <Normal Text></Normal Text><br/> 0628 <Selector Tag>p</Selector Tag><Selector Class>.</Selector Class><Interpolation>#{</Interpolation><Variable>$name</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0629 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$attr</Variable><Interpolation>}</Interpolation><Unknown Property>-color</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>blue</Named Color><Separator Symbol>;</Separator Symbol><br/> 0630 <Block Symbol>}</Block Symbol><br/> 0631 <Normal Text></Normal Text><br/> 0632 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0633 <Normal Text> </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0634 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0635 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0636 <Normal Text> </Normal Text><Unknown Property>background-</Unknown Property><Interpolation>#{</Interpolation><Normal Text>prop</Normal Text><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0637 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Normal Text>prop</Normal Text><Interpolation>}</Interpolation><Unknown Property>-color</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0638 <Normal Text></Normal Text><br/> 0639 <Normal Text> </Normal Text><Selector Id>#a</Selector Id><Interpolation>#{</Interpolation><String>""</String><Interpolation>}</Interpolation><Selector Id>c</Selector Id><Normal Text> </Normal Text><Selector Class>.a</Selector Class><Interpolation>#{</Interpolation><String>""</String><Interpolation>}</Interpolation><Selector Class>c</Selector Class><Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Interpolation>#{</Interpolation><String>""</String><Interpolation>}</Interpolation><Selector Tag>c</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0640 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0641 <Block Symbol>}</Block Symbol><br/> 0642 <Normal Text></Normal Text><br/> 0643 <Selector Class>.icon-</Selector Class><Interpolation>#{</Interpolation><Variable>$name</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0644 <Normal Text> </Normal Text><Property>position</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>absolute</Value><Separator Symbol>;</Separator Symbol><br/> 0645 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$top-or-bottom</Variable><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/> 0646 <Normal Text> </Normal Text><Unknown Property>-</Unknown Property><Interpolation>#{</Interpolation><Variable>$prefix</Variable><Interpolation>}</Interpolation><Unknown Property>-</Unknown Property><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$value</Variable><Separator Symbol>;</Separator Symbol><br/> 0647 <Normal Text> </Normal Text><Selector Class>.icon-</Selector Class><Interpolation>#{</Interpolation><Variable>$name</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0648 <Normal Text> </Normal Text><Property>position</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>absolute</Value><Separator Symbol>;</Separator Symbol><br/> 0649 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$top-or-bottom</Variable><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/> 0650 <Normal Text> </Normal Text><Unknown Property>-</Unknown Property><Interpolation>#{</Interpolation><Variable>$prefix</Variable><Interpolation>}</Interpolation><Unknown Property>-</Unknown Property><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><Unknown Property>-image</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$value</Variable><br/> 0651 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0652 <Block Symbol>}</Block Symbol><br/> 0653 <Normal Text></Normal Text><br/> 0654 <Normal Text></Normal Text><br/> 0655 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>firefox-message(</Function><Variable>$selector</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0656 <Normal Text> </Normal Text><Selector Tag>body</Selector Tag><Selector Class>.firefox</Selector Class><Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$selector</Variable><Interpolation>}</Interpolation><Selector Pseudo>:before</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0657 <Normal Text> </Normal Text><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Hi, Firefox users!"</String><Separator Symbol>;</Separator Symbol><br/> 0658 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0659 <Block Symbol>}</Block Symbol><br/> 0660 <Normal Text></Normal Text><br/> 0661 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>clearfix</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0662 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>inline-block</Value><Separator Symbol>;</Separator Symbol><br/> 0663 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Selector Pseudo>:after</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0664 <Normal Text> </Normal Text><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"."</String><Separator Symbol>;</Separator Symbol><br/> 0665 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>block</Value><Separator Symbol>;</Separator Symbol><br/> 0666 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0667 <Normal Text> </Normal Text><Selector Symbol>*</Selector Symbol><Normal Text> </Normal Text><Selector Tag>html</Selector Tag><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0668 <Block Symbol>}</Block Symbol><br/> 0669 <Normal Text></Normal Text><br/> 0670 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>apply-to-ie6-only</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0671 <Normal Text> </Normal Text><Selector Symbol>*</Selector Symbol><Normal Text> </Normal Text><Selector Tag>html</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0672 <Normal Text> </Normal Text><At Rule>@content</At Rule><Separator Symbol>;</Separator Symbol><br/> 0673 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0674 <Block Symbol>}</Block Symbol><br/> 0675 <Normal Text></Normal Text><br/> 0676 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>highlighted-background</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#fc0</Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0677 <Normal Text></Normal Text><br/> 0678 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>sexy-border(</Function><Variable>$color</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$width</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0679 <Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0680 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$color</Variable><Separator Symbol>;</Separator Symbol><br/> 0681 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$width</Variable><Separator Symbol>;</Separator Symbol><br/> 0682 <Normal Text> </Normal Text><Property>style</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>dashed</Value><Separator Symbol>;</Separator Symbol><br/> 0683 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0684 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#ff0000</Color><Separator Symbol>;</Separator Symbol><br/> 0685 <Block Symbol>}</Block Symbol><br/> 0686 <Normal Text></Normal Text><br/> 0687 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>border-radius(</Function><Variable>$radius</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0688 <Normal Text> </Normal Text><Vendor Property>-webkit-border-radius</Vendor Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$radius</Variable><Separator Symbol>;</Separator Symbol><br/> 0689 <Normal Text> </Normal Text><Vendor Property>-moz-border-radius</Vendor Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$radius</Variable><Separator Symbol>;</Separator Symbol><br/> 0690 <Normal Text> </Normal Text><Vendor Property>-ms-border-radius</Vendor Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$radius</Variable><Separator Symbol>;</Separator Symbol><br/> 0691 <Normal Text> </Normal Text><Property>border-radius</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$radius</Variable><Separator Symbol>;</Separator Symbol><br/> 0692 <Block Symbol>}</Block Symbol><br/> 0693 <Normal Text></Normal Text><br/> 0694 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>define-emoji(</Function><Variable>$name</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$glyph</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0695 <Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Class>.emoji-</Selector Class><Interpolation>#{</Interpolation><Variable>$name</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0696 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> IconFont</Normal Text><Separator Symbol>;</Separator Symbol><br/> 0697 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0698 <Block Symbol>}</Block Symbol><br/> 0699 <Normal Text></Normal Text><br/> 0700 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>styles</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0701 <Normal Text> </Normal Text><Selector Tag>code</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0702 <Normal Text> </Normal Text><Property>border-radius</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$-border-radius</Variable><Separator Symbol>;</Separator Symbol><br/> 0703 <Normal Text> </Normal Text><Property>box-shadow</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>-box-shadow()</Function><Separator Symbol>;</Separator Symbol><br/> 0704 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0705 <Block Symbol>}</Block Symbol><br/> 0706 <Normal Text></Normal Text><br/> 0707 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>rtl(</Function><Variable>$property</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$ltr-value</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$rtl-value</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0708 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$ltr-value</Variable><Separator Symbol>;</Separator Symbol><br/> 0709 <Normal Text></Normal Text><br/> 0710 <Normal Text> </Normal Text><Selector Attribute>[</Selector Attribute><Attribute Name>dir</Attribute Name><Attribute Operator>=</Attribute Operator><String>rtl</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0711 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$rtl-value</Variable><Separator Symbol>;</Separator Symbol><br/> 0712 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0713 <Block Symbol>}</Block Symbol><br/> 0714 <Normal Text></Normal Text><br/> 0715 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>replace-text(</Function><Variable>$image</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$x</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$y</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>%</Unit><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0716 <Normal Text> </Normal Text><Property>text-indent</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Operator>-</Operator><Number>99999</Number><Unit>em</Unit><Separator Symbol>;</Separator Symbol><br/> 0717 <Normal Text> </Normal Text><Property>overflow</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>hidden</Value><Separator Symbol>;</Separator Symbol><br/> 0718 <Normal Text> </Normal Text><Property>text-align</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>left</Value><Separator Symbol>;</Separator Symbol><br/> 0719 <Normal Text></Normal Text><br/> 0720 <Normal Text> </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0721 <Normal Text> </Normal Text><Property>image</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$image</Variable><Separator Symbol>;</Separator Symbol><br/> 0722 <Normal Text> </Normal Text><Property>repeat</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>no-repeat</Value><Separator Symbol>;</Separator Symbol><br/> 0723 <Normal Text> </Normal Text><Property>position</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$x</Variable><Normal Text> </Normal Text><Variable>$y</Variable><Separator Symbol>;</Separator Symbol><br/> 0724 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0725 <Block Symbol>}</Block Symbol><br/> 0726 <Normal Text></Normal Text><br/> 0727 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>btn(</Function><Variable>$args</Variable><Operator>...</Operator><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0728 <Normal Text> </Normal Text><At Rule>@warn</At Rule><At Rule Text> </At Rule Text><String>"The btn() mixin is deprecated. Include button() instead."</String><Separator Symbol>;</Separator Symbol><br/> 0729 <Normal Text> </Normal Text><At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"http://fonts.googleapis.com/css?family=</String><Interpolation>#{</Interpolation><Variable>$family</Variable><Interpolation>}</Interpolation><String>"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0730 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>button(</Function><Variable>$args</Variable><Operator>...</Operator><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0731 <Block Symbol>}</Block Symbol><br/> 0732 <Normal Text></Normal Text><br/> 0733 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>hover</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0734 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Selector Pseudo>:not(</Selector Pseudo><Selector Attribute>[</Selector Attribute><Attribute Name>disabled</Attribute Name><Selector Attribute>]</Selector Attribute><Selector Pseudo>):hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0735 <Normal Text> </Normal Text><At Rule>@content</At Rule><Separator Symbol>;</Separator Symbol><br/> 0736 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0737 <Block Symbol>}</Block Symbol><br/> 0738 <Normal Text></Normal Text><br/> 0739 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>adjust-location(</Function><Variable>$x</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$y</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0740 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Function>unitless(</Function><Variable>$x</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0741 <Normal Text> </Normal Text><At Rule>@error</At Rule><At Rule Text> </At Rule Text><String>"$x may not be unitless, was </String><Interpolation>#{</Interpolation><Variable>$x</Variable><Interpolation>}</Interpolation><String>."</String><Separator Symbol>;</Separator Symbol><br/> 0742 <Normal Text> </Normal Text><At Rule>@warn</At Rule><At Rule Text> </At Rule Text><String>"Assuming </String><Interpolation>#{</Interpolation><Variable>$x</Variable><Interpolation>}</Interpolation><String> to be in pixels"</String><Separator Symbol>;</Separator Symbol><br/> 0743 <Normal Text> </Normal Text><Variable>$x</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Variable>$x</Variable><Separator Symbol>;</Separator Symbol><br/> 0744 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0745 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Function>unitless(</Function><Variable>$y</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0746 <Normal Text> </Normal Text><At Rule>@error</At Rule><At Rule Text> </At Rule Text><String>"$y may not be unitless, was </String><Interpolation>#{</Interpolation><Variable>$y</Variable><Interpolation>}</Interpolation><String>."</String><Separator Symbol>;</Separator Symbol><br/> 0747 <Normal Text> </Normal Text><At Rule>@warn</At Rule><At Rule Text> </At Rule Text><String>"Assuming </String><Interpolation>#{</Interpolation><Variable>$y</Variable><Interpolation>}</Interpolation><String> to be in pixels"</String><Separator Symbol>;</Separator Symbol><br/> 0748 <Normal Text> </Normal Text><Variable>$y</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Variable>$y</Variable><Separator Symbol>;</Separator Symbol><br/> 0749 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0750 <Normal Text> </Normal Text><Property>position</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>relative</Value><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Property>left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$x</Variable><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Property>top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$y</Variable><Separator Symbol>;</Separator Symbol><br/> 0751 <Block Symbol>}</Block Symbol><br/> 0752 <Normal Text></Normal Text><br/> 0753 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>avatar(</Function><Variable>$size</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$circle</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>false</Value Keyword><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0754 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$size</Variable><Separator Symbol>;</Separator Symbol><br/> 0755 <Normal Text> </Normal Text><Property>height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$size</Variable><Separator Symbol>;</Separator Symbol><br/> 0756 <Normal Text></Normal Text><br/> 0757 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Variable>$circle</Variable><At Rule Text> </At Rule Text><Operator>!=</Operator><At Rule Text> </At Rule Text><Number>0</Number><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0758 <Normal Text> </Normal Text><Property>border-radius</Property><Property Separator>:</Property Separator><Normal Text> math.</Normal Text><Function>div(</Function><Variable>$size</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>2</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0759 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0760 <Block Symbol>}</Block Symbol><br/> 0761 <Normal Text></Normal Text><br/> 0762 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>theme-colors(</Function><Variable>$light-theme</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>true</Value Keyword><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0763 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Variable>$light-theme</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0764 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$light-background</Variable><Separator Symbol>;</Separator Symbol><br/> 0765 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$light-text</Variable><Separator Symbol>;</Separator Symbol><br/> 0766 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><At Rule>@else</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0767 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$dark-background</Variable><Separator Symbol>;</Separator Symbol><br/> 0768 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$dark-text</Variable><Separator Symbol>;</Separator Symbol><br/> 0769 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0770 <Block Symbol>}</Block Symbol><br/> 0771 <Normal Text></Normal Text><br/> 0772 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>configure(</Function><Variable>$black</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>null</Value Keyword><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$border-radius</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>null</Value Keyword><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$box-shadow</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>null</Value Keyword><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0773 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Variable>$black</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0774 <Normal Text> </Normal Text><Variable>$-black</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$black</Variable><Normal Text> </Normal Text><Annotation>!global</Annotation><Separator Symbol>;</Separator Symbol><br/> 0775 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0776 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Variable>$border-radius</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0777 <Normal Text> </Normal Text><Variable>$-border-radius</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$border-radius</Variable><Normal Text> </Normal Text><Annotation>!global</Annotation><Separator Symbol>;</Separator Symbol><br/> 0778 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0779 <Block Symbol>}</Block Symbol><br/> 0780 <Normal Text></Normal Text><br/> 0781 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>does-parent-exist</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0782 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Value Keyword>&</Value Keyword><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0783 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0784 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0785 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0786 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><At Rule>@else</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0787 <Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0788 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0789 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0790 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0791 <Block Symbol>}</Block Symbol><br/> 0792 <Normal Text></Normal Text><br/> 0793 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>order(</Function><Variable>$height</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$selectors</Variable><Operator>...</Operator><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0794 <Normal Text> </Normal Text><At Rule>@for</At Rule><At Rule Text> </At Rule Text><Variable>$i</Variable><At Rule Text> </At Rule Text><Keyword>from</Keyword><At Rule Text> </At Rule Text><Number>0</Number><At Rule Text> </At Rule Text><Keyword>to</Keyword><At Rule Text> </At Rule Text><Function>length(</Function><Variable>$selectors</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0795 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Function>nth(</Function><Variable>$selectors</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$i</Variable><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>1</Number><Function>)</Function><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0796 <Normal Text> </Normal Text><Property>position</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>absolute</Value><Separator Symbol>;</Separator Symbol><br/> 0797 <Normal Text> </Normal Text><Property>height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$height</Variable><Separator Symbol>;</Separator Symbol><br/> 0798 <Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$i</Variable><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Variable>$height</Variable><Separator Symbol>;</Separator Symbol><br/> 0799 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0800 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0801 <Block Symbol>}</Block Symbol><br/> 0802 <Normal Text></Normal Text><br/> 0803 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>syntax-colors(</Function><Variable>$args</Variable><Operator>...</Operator><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0804 <Normal Text> </Normal Text><At Rule>@debug</At Rule><At Rule Text> meta.</At Rule Text><Function>keywords(</Function><Variable>$args</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0805 <Normal Text> </Normal Text><Comment>// (string: #080, comment: #800, variable: #60b)</Comment><br/> 0806 <Normal Text></Normal Text><br/> 0807 <Normal Text> </Normal Text><At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$name</Variable><At Rule Text>, </At Rule Text><Variable>$color</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> meta.</At Rule Text><Function>keywords(</Function><Variable>$args</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0808 <Normal Text> </Normal Text><Selector Tag>pre</Selector Tag><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Class>.stx-</Selector Class><Interpolation>#{</Interpolation><Variable>$name</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0809 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$color</Variable><Separator Symbol>;</Separator Symbol><br/> 0810 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0811 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0812 <Block Symbol>}</Block Symbol><br/> 0813 <Normal Text></Normal Text><br/> 0814 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>media(</Function><Variable>$types</Variable><Operator>...</Operator><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0815 <Normal Text> </Normal Text><At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$type</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> </At Rule Text><Variable>$types</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0816 <Normal Text> </Normal Text><At Rule>@media</At Rule><At Rule Text> </At Rule Text><Interpolation>#{</Interpolation><Variable>$type</Variable><Interpolation>}</Interpolation><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0817 <Normal Text> </Normal Text><At Rule>@content</At Rule><At Rule Text>(</At Rule Text><Variable>$type</Variable><At Rule Text>)</At Rule Text><Separator Symbol>;</Separator Symbol><br/> 0818 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0819 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0820 <Block Symbol>}</Block Symbol><br/> 0821 <Normal Text></Normal Text><br/> 0822 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>reflexive-position(</Function><Variable>$property</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$value</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0823 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Variable>$property</Variable><At Rule Text> </At Rule Text><Operator>!=</Operator><At Rule Text> left </At Rule Text><Operator>and</Operator><At Rule Text> </At Rule Text><Variable>$property</Variable><At Rule Text> </At Rule Text><Operator>!=</Operator><At Rule Text> right </At Rule Text><Block Symbol>{</Block Symbol><br/> 0824 <Normal Text> </Normal Text><At Rule>@error</At Rule><At Rule Text> </At Rule Text><String>"Property </String><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><String> must be either left or right."</String><Separator Symbol>;</Separator Symbol><br/> 0825 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0826 <Normal Text></Normal Text><br/> 0827 <Normal Text> </Normal Text><Variable>$left-value</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>if(</Function><Variable>$property</Variable><Normal Text> </Normal Text><Operator>==</Operator><Normal Text> </Normal Text><Value>right</Value><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value Keyword>initial</Value Keyword><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$value</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0828 <Normal Text> </Normal Text><Variable>$right-value</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>if(</Function><Variable>$property</Variable><Normal Text> </Normal Text><Operator>==</Operator><Normal Text> </Normal Text><Value>right</Value><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$value</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value Keyword>initial</Value Keyword><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0829 <Normal Text></Normal Text><br/> 0830 <Normal Text> </Normal Text><Property>left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$left-value</Variable><Separator Symbol>;</Separator Symbol><br/> 0831 <Normal Text> </Normal Text><Property>right</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$right-value</Variable><Separator Symbol>;</Separator Symbol><br/> 0832 <Normal Text> </Normal Text><Selector Attribute>[</Selector Attribute><Attribute Name>dir</Attribute Name><Attribute Operator>=</Attribute Operator><String>rtl</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0833 <Normal Text> </Normal Text><Property>left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$right-value</Variable><Separator Symbol>;</Separator Symbol><br/> 0834 <Normal Text> </Normal Text><Property>right</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$left-value</Variable><Separator Symbol>;</Separator Symbol><br/> 0835 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0836 <Block Symbol>}</Block Symbol><br/> 0837 <Normal Text></Normal Text><br/> 0838 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>prefix(</Function><Variable>$property</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$value</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$prefixes</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0839 <Normal Text> </Normal Text><At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$prefix</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> </At Rule Text><Variable>$prefixes</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0840 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Operator>not</Operator><At Rule Text> </At Rule Text><Function>index(</Function><Variable>$known-prefixes</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$prefix</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0841 <Normal Text> </Normal Text><At Rule>@warn</At Rule><At Rule Text> </At Rule Text><String>"Unknown prefix </String><Interpolation>#{</Interpolation><Variable>$prefix</Variable><Interpolation>}</Interpolation><String>."</String><Separator Symbol>;</Separator Symbol><br/> 0842 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0843 <Normal Text></Normal Text><br/> 0844 <Normal Text> </Normal Text><Unknown Property>-</Unknown Property><Interpolation>#{</Interpolation><Variable>$prefix</Variable><Interpolation>}</Interpolation><Unknown Property>-</Unknown Property><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$value</Variable><Separator Symbol>;</Separator Symbol><br/> 0845 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0846 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$value</Variable><Separator Symbol>;</Separator Symbol><br/> 0847 <Block Symbol>}</Block Symbol><br/> 0848 <Normal Text></Normal Text><br/> 0849 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>inset-divider-offset(</Function><Variable>$offset</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$padding</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0850 <Normal Text> </Normal Text><Variable>$divider-offset</Variable><Property Separator>:</Property Separator><Normal Text> (</Normal Text><Number>2</Number><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Variable>$padding</Variable><Normal Text>) </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Variable>$offset</Variable><Separator Symbol>;</Separator Symbol><br/> 0851 <Normal Text> </Normal Text><At Rule>@debug</At Rule><At Rule Text> </At Rule Text><String>"divider offset: </String><Interpolation>#{</Interpolation><Variable>$divider-offset</Variable><Interpolation>}</Interpolation><String>"</String><Separator Symbol>;</Separator Symbol><br/> 0852 <Normal Text></Normal Text><br/> 0853 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$divider-offset</Variable><Separator Symbol>;</Separator Symbol><br/> 0854 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>100</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$divider-offset</Variable><Interpolation>}</Interpolation><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0855 <Block Symbol>}</Block Symbol><br/> 0856 <Normal Text></Normal Text><br/> 0857 <Normal Text></Normal Text><br/> 0858 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>sticky-position</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0859 <Normal Text> </Normal Text><Property>position</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>fixed</Value><Separator Symbol>;</Separator Symbol><br/> 0860 <Normal Text> </Normal Text><At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Property>position</Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Value>sticky</Value><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0861 <Normal Text> </Normal Text><Property>position</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>sticky</Value><Separator Symbol>;</Separator Symbol><br/> 0862 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0863 <Block Symbol>}</Block Symbol><br/> 0864 <Normal Text></Normal Text><br/> 0865 <Normal Text></Normal Text><br/> 0866 <At Rule>@at-root</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><At Rule Text>without</At Rule Text><Property Separator>:</Property Separator><At Rule Text> media</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule> {</At Rule><br/> 0867 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#111</Color><Separator Symbol>;</Separator Symbol><br/> 0868 <Block Symbol>}</Block Symbol><br/> 0869 <At Rule>@at-root</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><At Rule Text>with</At Rule Text><Property Separator>:</Property Separator><At Rule Text> rule</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule> {</At Rule><br/> 0870 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.2</Number><Unit>em</Unit><Separator Symbol>;</Separator Symbol><br/> 0871 <Block Symbol>}</Block Symbol><br/> 0872 <Normal Text></Normal Text><br/> 0873 <At Rule>@mixin</At Rule><At Rule Text> </At Rule Text><Function>unify-parent(</Function><Variable>$child</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0874 <Normal Text> </Normal Text><At Rule>@at-root</At Rule><At Rule Text> #</At Rule Text><Block Symbol>{</Block Symbol><Selector Tag>selector</Selector Tag><Selector Class>.unify</Selector Class><Selector Pseudo>(</Selector Pseudo><Selector Symbol>&</Selector Symbol><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Error>$</Error><Selector Tag>child</Selector Tag><Selector Pseudo>)</Selector Pseudo><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0875 <Normal Text> </Normal Text><At Rule>@content</At Rule><Separator Symbol>;</Separator Symbol><br/> 0876 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0877 <Normal Text> </Normal Text><At Rule>@at-root</At Rule><At Rule Text> #</At Rule Text><Block Symbol>{</Block Symbol><Selector Tag>selector-unify</Selector Tag><Selector Pseudo>(</Selector Pseudo><Selector Symbol>&</Selector Symbol><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Error>$</Error><Selector Tag>child</Selector Tag><Selector Pseudo>)</Selector Pseudo><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0878 <Normal Text> </Normal Text><At Rule>@content</At Rule><Separator Symbol>;</Separator Symbol><br/> 0879 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0880 <Block Symbol>}</Block Symbol><br/> 0881 <Normal Text></Normal Text><br/> 0882 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>print</Media Type><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0883 <Normal Text> </Normal Text><Selector Class>.page</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0884 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>8</Number><Unit>in</Unit><Separator Symbol>;</Separator Symbol><br/> 0885 <Normal Text> </Normal Text><At Rule>@at-root</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><At Rule Text>without</At Rule Text><Property Separator>:</Property Separator><At Rule Text> media</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule> {</At Rule><br/> 0886 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0887 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0888 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0889 <Block Symbol>}</Block Symbol><br/> 0890 <Normal Text></Normal Text><br/> 0891 <Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0892 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0893 <Normal Text> </Normal Text><At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>orientation</Condition Property><Property Separator>:</Property Separator><At Rule Text> landscape</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0894 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0895 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0896 <Block Symbol>}</Block Symbol><br/> 0897 <Normal Text></Normal Text><br/> 0898 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0899 <Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0900 <Normal Text> </Normal Text><At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>orientation</Condition Property><Property Separator>:</Property Separator><At Rule Text> landscape</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0901 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0902 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0903 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0904 <Block Symbol>}</Block Symbol><br/> 0905 <Normal Text></Normal Text><br/> 0906 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>min-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Variable>$layout-breakpoint-small</Variable><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0907 <Normal Text> </Normal Text><Selector Class>.hide-extra-small</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0908 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/> 0909 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0910 <Block Symbol>}</Block Symbol><br/> 0911 <Normal Text></Normal Text><br/> 0912 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>hover</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Condition Property>hover</Condition Property><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0913 <Normal Text> </Normal Text><Selector Class>.button</Selector Class><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0914 <Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>solid</Value><Normal Text> </Normal Text><Named Color>black</Named Color><Separator Symbol>;</Separator Symbol><br/> 0915 <Normal Text></Normal Text><br/> 0916 <Normal Text> </Normal Text><At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>color</Condition Property><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0917 <Normal Text> </Normal Text><Property>border-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#036</Color><Separator Symbol>;</Separator Symbol><br/> 0918 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0919 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0920 <Block Symbol>}</Block Symbol><br/> 0921 <Normal Text></Normal Text><br/> 0922 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Interpolation>#{</Interpolation><Variable>$media</Variable><Interpolation>}</Interpolation><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Variable>$feature</Variable><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Variable>$value</Variable><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0923 <Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0924 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0925 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0926 <Block Symbol>}</Block Symbol><br/> 0927 <Normal Text></Normal Text><br/> 0928 <Normal Text></Normal Text><br/> 0929 <At Rule>@extend</At Rule><Normal Text> </Normal Text><Selector Class>.error</Selector Class><Separator Symbol>;</Separator Symbol><br/> 0930 <Normal Text></Normal Text><br/> 0931 <Selector Class>.hoverlink</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0932 <Normal Text> </Normal Text><At Rule>@extend</At Rule><Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Separator Symbol>;</Separator Symbol><br/> 0933 <Normal Text> </Normal Text><At Rule>@extend</At Rule><Normal Text> </Normal Text><Placeholder Selector>%extreme</Placeholder Selector><Separator Symbol>;</Separator Symbol><br/> 0934 <Normal Text> </Normal Text><At Rule>@extend</At Rule><Normal Text> </Normal Text><Selector Class>.message</Selector Class><Separator Symbol>;</Separator Symbol><br/> 0935 <Normal Text> </Normal Text><At Rule>@extend</At Rule><Normal Text> </Normal Text><Selector Class>.notice</Selector Class><Normal Text> </Normal Text><Annotation>!optional</Annotation><Separator Symbol>;</Separator Symbol><br/> 0936 <Normal Text> </Normal Text><Property>border-width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>3</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0937 <Block Symbol>}</Block Symbol><br/> 0938 <Normal Text></Normal Text><br/> 0939 <Selector Class>.error</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0940 <Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Color>#f00</Color><Separator Symbol>;</Separator Symbol><br/> 0941 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#fdd</Color><Separator Symbol>;</Separator Symbol><br/> 0942 <Normal Text></Normal Text><br/> 0943 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text>-</Normal Text><Selector Tag>-serious</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0944 <Normal Text> </Normal Text><At Rule>@extend</At Rule><Normal Text> </Normal Text><Selector Class>.error</Selector Class><Separator Symbol>;</Separator Symbol><br/> 0945 <Normal Text> </Normal Text><Property>border-width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>3</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 0946 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0947 <Block Symbol>}</Block Symbol><br/> 0948 <Normal Text></Normal Text><br/> 0949 <Normal Text></Normal Text><br/> 0950 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0951 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Number>1</Number><At Rule Text> </At Rule Text><Operator>+</Operator><At Rule Text> </At Rule Text><Number>1</Number><At Rule Text> </At Rule Text><Operator>==</Operator><At Rule Text> </At Rule Text><Number>2</Number><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>solid</Value><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0952 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Number>5</Number><At Rule Text> </At Rule Text><Operator><</Operator><At Rule Text> </At Rule Text><Number>3</Number><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>dotted</Value><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0953 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Value Keyword>null</Value Keyword><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>3</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>double</Value><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0954 <Block Symbol>}</Block Symbol><br/> 0955 <Normal Text></Normal Text><br/> 0956 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0957 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Variable>$type</Variable><At Rule Text> </At Rule Text><Operator>==</Operator><At Rule Text> ocean </At Rule Text><Block Symbol>{</Block Symbol><br/> 0958 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>blue</Named Color><Separator Symbol>;</Separator Symbol><br/> 0959 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><At Rule>@else</At Rule><At Rule Text> </At Rule Text><At Rule>if</At Rule><At Rule Text> </At Rule Text><Variable>$type</Variable><At Rule Text> </At Rule Text><Operator>==</Operator><At Rule Text> matador </At Rule Text><Block Symbol>{</Block Symbol><br/> 0960 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/> 0961 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><At Rule>@else</At Rule><At Rule Text> </At Rule Text><At Rule>if</At Rule><At Rule Text> </At Rule Text><Variable>$type</Variable><At Rule Text> </At Rule Text><Operator>==</Operator><At Rule Text> monster </At Rule Text><Block Symbol>{</Block Symbol><br/> 0962 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>green</Named Color><Separator Symbol>;</Separator Symbol><br/> 0963 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><At Rule>@else</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0964 <Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>black</Named Color><Separator Symbol>;</Separator Symbol><br/> 0965 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0966 <Block Symbol>}</Block Symbol><br/> 0967 <Normal Text></Normal Text><br/> 0968 <Normal Text></Normal Text><br/> 0969 <At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$animal</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> puma, sea-slug, egret, salamander </At Rule Text><Block Symbol>{</Block Symbol><br/> 0970 <Normal Text> </Normal Text><Selector Class>.</Selector Class><Interpolation>#{</Interpolation><Variable>$animal</Variable><Interpolation>}</Interpolation><Selector Class>-icon</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0971 <Normal Text> </Normal Text><Property>background-image</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>url(</Function><String>'/images/</String><Interpolation>#{</Interpolation><Variable>$animal</Variable><Interpolation>}</Interpolation><String>.png'</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0972 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0973 <Block Symbol>}</Block Symbol><br/> 0974 <Normal Text></Normal Text><br/> 0975 <At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$name</Variable><At Rule Text>, </At Rule Text><Variable>$glyph</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> </At Rule Text><Variable>$icons</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0976 <Normal Text> </Normal Text><Selector Class>.icon-</Selector Class><Interpolation>#{</Interpolation><Variable>$name</Variable><Interpolation>}</Interpolation><Selector Pseudo>:before</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0977 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>inline-block</Value><Separator Symbol>;</Separator Symbol><br/> 0978 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Icon Font"</String><Separator Symbol>;</Separator Symbol><br/> 0979 <Normal Text> </Normal Text><Property>content</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$glyph</Variable><Separator Symbol>;</Separator Symbol><br/> 0980 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0981 <Block Symbol>}</Block Symbol><br/> 0982 <Normal Text></Normal Text><br/> 0983 <At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$size</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> </At Rule Text><Variable>$sizes</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 0984 <Normal Text> </Normal Text><Selector Class>.icon-</Selector Class><Interpolation>#{</Interpolation><Variable>$size</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0985 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$size</Variable><Separator Symbol>;</Separator Symbol><br/> 0986 <Normal Text> </Normal Text><Property>height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$size</Variable><Separator Symbol>;</Separator Symbol><br/> 0987 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$size</Variable><Separator Symbol>;</Separator Symbol><br/> 0988 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0989 <Block Symbol>}</Block Symbol><br/> 0990 <Normal Text></Normal Text><br/> 0991 <At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$animal</Variable><At Rule Text>, </At Rule Text><Variable>$color</Variable><At Rule Text>, </At Rule Text><Variable>$cursor</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> (puma, black, default),</At Rule Text><br/> 0992 <At Rule Text> (sea-slug, blue, pointer),</At Rule Text><br/> 0993 <At Rule Text> (egret, white, move) </At Rule Text><Block Symbol>{</Block Symbol><br/> 0994 <Normal Text> </Normal Text><Selector Class>.</Selector Class><Interpolation>#{</Interpolation><Variable>$animal</Variable><Interpolation>}</Interpolation><Selector Class>-icon</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 0995 <Normal Text> </Normal Text><Property>background-image</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>url(</Function><String>'/images/</String><Interpolation>#{</Interpolation><Variable>$animal</Variable><Interpolation>}</Interpolation><String>.png'</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 0996 <Normal Text> </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>solid</Value><Normal Text> </Normal Text><Variable>$color</Variable><Separator Symbol>;</Separator Symbol><br/> 0997 <Normal Text> </Normal Text><Property>cursor</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$cursor</Variable><Separator Symbol>;</Separator Symbol><br/> 0998 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 0999 <Block Symbol>}</Block Symbol><br/> 1000 <Normal Text></Normal Text><br/> 1001 <At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$header</Variable><At Rule Text>, </At Rule Text><Variable>$size</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> (h1: </At Rule Text><Number>2</Number><Unit>em</Unit><At Rule Text>, h2: </At Rule Text><Number>1.5</Number><Unit>em</Unit><At Rule Text>, h3: </At Rule Text><Number>1.2</Number><Unit>em</Unit><At Rule Text>) </At Rule Text><Block Symbol>{</Block Symbol><br/> 1002 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$header</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1003 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$size</Variable><Separator Symbol>;</Separator Symbol><br/> 1004 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1005 <Block Symbol>}</Block Symbol><br/> 1006 <Normal Text></Normal Text><br/> 1007 <Normal Text></Normal Text><br/> 1008 <At Rule>@for</At Rule><At Rule Text> </At Rule Text><Variable>$i</Variable><At Rule Text> </At Rule Text><Keyword>from</Keyword><At Rule Text> </At Rule Text><Number>1</Number><At Rule Text> </At Rule Text><Keyword>through</Keyword><At Rule Text> </At Rule Text><Number>3</Number><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1009 <Normal Text> </Normal Text><Selector Class>.item-</Selector Class><Interpolation>#{</Interpolation><Variable>$i</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>em</Unit><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Variable>$i</Variable><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1010 <Block Symbol>}</Block Symbol><br/> 1011 <Normal Text></Normal Text><br/> 1012 <At Rule>@for</At Rule><At Rule Text> </At Rule Text><Variable>$i</Variable><At Rule Text> </At Rule Text><Keyword>from</Keyword><At Rule Text> </At Rule Text><Number>1</Number><At Rule Text> </At Rule Text><Keyword>to</Keyword><At Rule Text> </At Rule Text><Number>3</Number><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1013 <Normal Text> </Normal Text><Selector Tag>ul</Selector Tag><Selector Pseudo>:nth-child(</Selector Pseudo><Number>3</Number><Unit>n</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$i</Variable><Interpolation>}</Interpolation><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1014 <Normal Text> </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>lighten(</Function><Variable>$base-color</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$i</Variable><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>5</Number><Unit>%</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1015 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1016 <Block Symbol>}</Block Symbol><br/> 1017 <Normal Text></Normal Text><br/> 1018 <Normal Text></Normal Text><br/> 1019 <At Rule>@while</At Rule><At Rule Text> </At Rule Text><Variable>$i</Variable><At Rule Text> </At Rule Text><Operator>></Operator><At Rule Text> </At Rule Text><Number>0</Number><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1020 <Normal Text> </Normal Text><Selector Class>.item-</Selector Class><Interpolation>#{</Interpolation><Variable>$i</Variable><Interpolation>}</Interpolation><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>em</Unit><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Variable>$i</Variable><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1021 <Normal Text> </Normal Text><Variable>$i</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$i</Variable><Normal Text> </Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Number>2</Number><Separator Symbol>;</Separator Symbol><br/> 1022 <Block Symbol>}</Block Symbol><br/> 1023 <Normal Text></Normal Text><br/> 1024 <Normal Text></Normal Text><br/> 1025 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>order(</Function><Number>150</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$form-selectors</Variable><Operator>...</Operator><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1026 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>order(</Function><Number>150</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"input.name"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"input.address"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"input.zip"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1027 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>unify-parent(</Function><String>"input"</String><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1028 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>google-font(</Function><String>"Droid Sans"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1029 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>library.styles</Function><Separator Symbol>;</Separator Symbol><br/> 1030 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>library.configure(</Function><br/> 1031 <Normal Text> </Normal Text><Variable>$black</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#222</Color><Separator Symbol>,</Separator Symbol><br/> 1032 <Normal Text> </Normal Text><Variable>$border-radius</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0.1</Number><Unit>rem</Unit><br/> 1033 <Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1034 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>firefox-message(</Function><String>".header"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1035 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>apply-to-ie6-only</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1036 <Normal Text> </Normal Text><Selector Id>#logo</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1037 <Normal Text> </Normal Text><Property>background-image</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>url(</Function><String>/logo.gif</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1038 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1039 <Block Symbol>}</Block Symbol><br/> 1040 <Normal Text></Normal Text><br/> 1041 <At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>media(</Function><Value>screen</Value><Separator Symbol>,</Separator Symbol><Normal Text> print</Normal Text><Function>)</Function><At Rule Text> </At Rule Text><Keyword>using</Keyword><At Rule Text> </At Rule Text><Function>(</Function><Variable>$type</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1042 <Normal Text> </Normal Text><Selector Tag>h1</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1043 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>40</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 1044 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> </At Rule Text><Variable>$type</Variable><At Rule Text> </At Rule Text><Operator>==</Operator><At Rule Text> print </At Rule Text><Block Symbol>{</Block Symbol><br/> 1045 <Normal Text> </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> Calluna</Normal Text><Separator Symbol>;</Separator Symbol><br/> 1046 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1047 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1048 <Block Symbol>}</Block Symbol><br/> 1049 <Normal Text></Normal Text><br/> 1050 <Selector Tag>p</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>sexy-border(</Function><Named Color>blue</Named Color><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>1</Number><Unit>in</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1051 <Selector Tag>h1</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>sexy-border(</Function><Variable>$color</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>blue</Named Color><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$width</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>in</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1052 <Selector Tag>nav</Selector Tag><Normal Text> </Normal Text><Selector Tag>ul</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1053 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>corners.rounded</Function><Separator Symbol>;</Separator Symbol><br/> 1054 <Normal Text> </Normal Text><Property>padding</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>5</Number><Unit>px</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> corners.</Normal Text><Variable>$radius</Variable><Separator Symbol>;</Separator Symbol><br/> 1055 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>horizontal-list</Function><Separator Symbol>;</Separator Symbol><br/> 1056 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>rtl(</Function><Normal Text>float</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>left</Value><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>right</Value><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1057 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>hover</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1058 <Normal Text> </Normal Text><Property>border-width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 1059 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1060 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>replace-text(url(</Function><String>"/images/mail.svg"</String><Function>)</Function><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1061 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>square(</Function><Number>100</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$radius</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>4</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1062 <Normal Text> </Normal Text><Comment>// Oops, we typo'd "webkit" as "wekbit"!</Comment><br/> 1063 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>prefix(</Function><Normal Text>transform</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Function>rotate(</Function><Number>15</Number><Unit>deg</Unit><Function>)</Function><Separator Symbol>,</Separator Symbol><Normal Text> wekbit ms</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1064 <Block Symbol>}</Block Symbol><br/> 1065 <Normal Text></Normal Text><br/> 1066 <Selector Class>.primary</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1067 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>colors(</Function><Variable>$value-map</Variable><Operator>...</Operator><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1068 <Block Symbol>}</Block Symbol><br/> 1069 <Selector Class>.box</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>border-radius(</Function><Number>10</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1070 <Normal Text></Normal Text><br/> 1071 <Selector Class>.wrapper</Selector Class><Normal Text> </Normal Text><Selector Class>.field</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1072 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>unify-parent(</Function><String>"input"</String><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1073 <Normal Text> </Normal Text><Comment>/* ... */</Comment><br/> 1074 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1075 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>unify-parent(</Function><String>"select"</String><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1076 <Normal Text> </Normal Text><Comment>/* ... */</Comment><br/> 1077 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1078 <Block Symbol>}</Block Symbol><br/> 1079 <Normal Text></Normal Text><br/> 1080 <Selector Class>.banner</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1081 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>theme-colors(</Function><Variable>$light-theme</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>true</Value Keyword><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1082 <Normal Text> </Normal Text><Selector Tag>body</Selector Tag><Selector Class>.dark</Selector Class><Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1083 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>theme-colors(</Function><Variable>$light-theme</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>false</Value Keyword><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1084 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1085 <Block Symbol>}</Block Symbol><br/> 1086 <Normal Text></Normal Text><br/> 1087 <Normal Text></Normal Text><br/> 1088 <Normal Text></Normal Text><br/> 1089 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>grid-width(</Function><Variable>$n</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1090 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Variable>$n</Variable><At Rule Text> </At Rule Text><Operator>*</Operator><At Rule Text> </At Rule Text><Variable>$grid-width</Variable><At Rule Text> </At Rule Text><Operator>+</Operator><At Rule Text> (</At Rule Text><Variable>$n</Variable><At Rule Text> </At Rule Text><Operator>-</Operator><At Rule Text> </At Rule Text><Number>1</Number><At Rule Text>) </At Rule Text><Operator>*</Operator><At Rule Text> </At Rule Text><Variable>$gutter-width</Variable><Separator Symbol>;</Separator Symbol><br/> 1091 <Block Symbol>}</Block Symbol><br/> 1092 <Normal Text></Normal Text><br/> 1093 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>scale-below(</Function><Variable>$value</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$base</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$ratio</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.618</Number><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1094 <Normal Text> </Normal Text><At Rule>@while</At Rule><At Rule Text> </At Rule Text><Variable>$value</Variable><At Rule Text> </At Rule Text><Operator>></Operator><At Rule Text> </At Rule Text><Variable>$base</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1095 <Normal Text> </Normal Text><Variable>$value</Variable><Property Separator>:</Property Separator><Normal Text> math.</Normal Text><Function>div(</Function><Variable>$value</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$ratio</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1096 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1097 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Variable>$value</Variable><Separator Symbol>;</Separator Symbol><br/> 1098 <Block Symbol>}</Block Symbol><br/> 1099 <Normal Text></Normal Text><br/> 1100 <Comment>/// If the user has configured `$-box-shadow`, returns their configured value.</Comment><br/> 1101 <Comment>/// Otherwise returns a value derived from `$-black`.</Comment><br/> 1102 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>-box-shadow()</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1103 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Variable>$-box-shadow</Variable><At Rule Text> </At Rule Text><Operator>or</Operator><At Rule Text> (</At Rule Text><Number>0</Number><At Rule Text> </At Rule Text><Number>0.5</Number><Unit>rem</Unit><At Rule Text> </At Rule Text><Number>1</Number><Unit>rem</Unit><At Rule Text> </At Rule Text><Function>rgba(</Function><Variable>$-black</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.15</Number><Function>)</Function><At Rule Text>)</At Rule Text><Separator Symbol>;</Separator Symbol><br/> 1104 <Block Symbol>}</Block Symbol><br/> 1105 <Normal Text></Normal Text><br/> 1106 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>pow(</Function><Variable>$base</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$exponent</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1107 <Normal Text> </Normal Text><Variable>$result</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Separator Symbol>;</Separator Symbol><br/> 1108 <Normal Text> </Normal Text><At Rule>@for</At Rule><At Rule Text> </At Rule Text><Variable>$_</Variable><At Rule Text> </At Rule Text><Keyword>from</Keyword><At Rule Text> </At Rule Text><Number>1</Number><At Rule Text> </At Rule Text><Keyword>through</Keyword><At Rule Text> </At Rule Text><Variable>$exponent</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1109 <Normal Text> </Normal Text><Variable>$result</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$result</Variable><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Variable>$base</Variable><Separator Symbol>;</Separator Symbol><br/> 1110 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1111 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Variable>$result</Variable><Separator Symbol>;</Separator Symbol><br/> 1112 <Block Symbol>}</Block Symbol><br/> 1113 <Normal Text></Normal Text><br/> 1114 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>invert(</Function><Variable>$color</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$amount</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1115 <Normal Text> </Normal Text><Variable>$inverse</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>change-color(</Function><Variable>$color</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$hue</Variable><Normal Text>: </Normal Text><Function>hue(</Function><Variable>$color</Variable><Function>)</Function><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>180</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1116 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Function>mix(</Function><Variable>$inverse</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$color</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$amount</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1117 <Block Symbol>}</Block Symbol><br/> 1118 <Normal Text></Normal Text><br/> 1119 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>sum(</Function><Variable>$numbers</Variable><Operator>...</Operator><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1120 <Normal Text> </Normal Text><Variable>$sum</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/> 1121 <Normal Text> </Normal Text><At Rule>@each</At Rule><At Rule Text> </At Rule Text><Variable>$number</Variable><At Rule Text> </At Rule Text><Keyword>in</Keyword><At Rule Text> </At Rule Text><Variable>$numbers</Variable><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1122 <Normal Text> </Normal Text><Variable>$sum</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$sum</Variable><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Variable>$number</Variable><Separator Symbol>;</Separator Symbol><br/> 1123 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1124 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Variable>$sum</Variable><Separator Symbol>;</Separator Symbol><br/> 1125 <Block Symbol>}</Block Symbol><br/> 1126 <Normal Text></Normal Text><br/> 1127 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>fg(</Function><Variable>$args</Variable><Operator>...</Operator><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1128 <Normal Text> </Normal Text><At Rule>@warn</At Rule><At Rule Text> </At Rule Text><String>"The fg() function is deprecated. Call foreground() instead."</String><Separator Symbol>;</Separator Symbol><br/> 1129 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Function>foreground(</Function><Variable>$args</Variable><Operator>...</Operator><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1130 <Block Symbol>}</Block Symbol><br/> 1131 <Normal Text></Normal Text><br/> 1132 <At Rule>@function</At Rule><At Rule Text> </At Rule Text><Function>str-insert(</Function><Variable>$string</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$insert</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$index</Variable><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1133 <Normal Text> </Normal Text><Comment>// Avoid making new strings if we don't need to.</Comment><br/> 1134 <Normal Text> </Normal Text><At Rule>@if</At Rule><At Rule Text> string.</At Rule Text><Function>length(</Function><Variable>$string</Variable><Function>)</Function><At Rule Text> </At Rule Text><Operator>==</Operator><At Rule Text> </At Rule Text><Number>0</Number><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1135 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Variable>$insert</Variable><Separator Symbol>;</Separator Symbol><br/> 1136 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1137 <Normal Text></Normal Text><br/> 1138 <Normal Text> </Normal Text><Variable>$before</Variable><Property Separator>:</Property Separator><Normal Text> string.</Normal Text><Function>slice(</Function><Variable>$string</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$index</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1139 <Normal Text> </Normal Text><Variable>$after</Variable><Property Separator>:</Property Separator><Normal Text> string.</Normal Text><Function>slice(</Function><Variable>$string</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$index</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1140 <Normal Text> </Normal Text><At Rule>@return</At Rule><At Rule Text> </At Rule Text><Variable>$before</Variable><At Rule Text> </At Rule Text><Operator>+</Operator><At Rule Text> </At Rule Text><Variable>$insert</Variable><At Rule Text> </At Rule Text><Operator>+</Operator><At Rule Text> </At Rule Text><Variable>$after</Variable><Separator Symbol>;</Separator Symbol><br/> 1141 <Block Symbol>}</Block Symbol><br/> 1142 <Normal Text></Normal Text><br/> 1143 <Normal Text></Normal Text><br/> 1144 <Comment>// Variable define</Comment><br/> 1145 <Normal Text></Normal Text><br/> 1146 <Variable>$image-path</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"../../static/images"</String><Separator Symbol>;</Separator Symbol><br/> 1147 <Variable>$-text-color</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#333</Color><Normal Text> </Normal Text><Annotation>!default</Annotation><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// Default can be overrided</Comment><br/> 1148 <Variable>$default-font-size</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>16</Number><Unit>px</Unit><Normal Text> </Normal Text><Annotation>!default</Annotation><Separator Symbol>;</Separator Symbol><br/> 1149 <Variable>$default-font-family</Variable><Property Separator>:</Property Separator><Normal Text> Roboto</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"Droid Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/> 1150 <Variable>$default-font-weight</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>400</Number><Separator Symbol>;</Separator Symbol><br/> 1151 <Variable>$default-line-height</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$default-font-size</Variable><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>1.8</Number><Separator Symbol>;</Separator Symbol><br/> 1152 <Variable>$shadow-transparence</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0.25</Number><Separator Symbol>;</Separator Symbol><br/> 1153 <Variable>$box-shadow</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>3</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>rgba(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Variable>$shadow-transparence</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1154 <Variable>$page-width</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>rem</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// kabab-case</Comment><br/> 1155 <Variable>$gapOfArticle</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// camelCase</Comment><br/> 1156 <Variable>$body_background_color</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>white</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// snake_case</Comment><br/> 1157 <Variable>$-box-shadow</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value Keyword>null</Value Keyword><Separator Symbol>;</Separator Symbol><br/> 1158 <Variable>$sizes</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>40</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>80</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 1159 <Variable>$icons</Variable><Property Separator>:</Property Separator><Normal Text> (</Normal Text><String>"eye"</String><Normal Text>: </Normal Text><String>"</String><SpecialChar>\f112</SpecialChar><String>"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"start"</String><Normal Text>: </Normal Text><String>"</String><SpecialChar>\f12e</SpecialChar><String>"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"stop"</String><Normal Text>: </Normal Text><String>"</String><SpecialChar>\f12f</SpecialChar><String>"</String><Normal Text>)</Normal Text><Separator Symbol>;</Separator Symbol><br/> 1160 <Variable>$value-map</Variable><Property Separator>:</Property Separator><Normal Text> (</Normal Text><Value>text</Value><Normal Text>: </Normal Text><Color>#00ff00</Color><Separator Symbol>,</Separator Symbol><Normal Text> background: </Normal Text><Color>#0000ff</Color><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>border</Value><Normal Text>: </Normal Text><Color>#ff0000</Color><Normal Text>)</Normal Text><Separator Symbol>;</Separator Symbol><br/> 1161 <Variable>$map</Variable><Property Separator>:</Property Separator><Normal Text> (key1: value1</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> key2: value2</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> key3: value3)</Normal Text><Separator Symbol>;</Separator Symbol><br/> 1162 <Variable>$icons</Variable><Property Separator>:</Property Separator><br/> 1163 <Normal Text> </Normal Text><String>"eye"</String><Normal Text> </Normal Text><String>"</String><SpecialChar>\f112</SpecialChar><String>"</String><Normal Text> </Normal Text><Number>12</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><br/> 1164 <Normal Text> </Normal Text><String>"start"</String><Normal Text> </Normal Text><String>"</String><SpecialChar>\f12e</SpecialChar><String>"</String><Normal Text> </Normal Text><Number>16</Number><Unit>px</Unit><Separator Symbol>,</Separator Symbol><br/> 1165 <Normal Text> </Normal Text><String>"stop"</String><Normal Text> </Normal Text><String>"</String><SpecialChar>\f12f</SpecialChar><String>"</String><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 1166 <Variable>$known-prefixes</Variable><Property Separator>:</Property Separator><Normal Text> webkit</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> moz</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> ms</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> o</Normal Text><Separator Symbol>;</Separator Symbol><br/> 1167 <Variable>$primary-color</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#036</Color><Separator Symbol>;</Separator Symbol><br/> 1168 <Variable>$form-selectors</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"input.name"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"input.address"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"input.zip"</String><Normal Text> </Normal Text><Annotation>!default</Annotation><Separator Symbol>;</Separator Symbol><br/> 1169 <Variable>$color1</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>hsl(</Function><Number>120</Number><Unit>deg</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>50</Number><Unit>%</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1170 <Variable>$color2</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>rgb(</Function><Variable>$red</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$green</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Function>blue(</Function><Variable>$color1</Variable><Function>))</Function><Separator Symbol>;</Separator Symbol><br/> 1171 <Variable>$color3</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>mix(</Function><Variable>$color1</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$color2</Variable><Separator Symbol>,</Separator Symbol><Normal Text> [</Normal Text><Variable>$weight</Variable><Normal Text>]</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1172 <Variable>$translucent-red</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>rgba(</Function><Number>255</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.5</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1173 <Variable>$name</Variable><Property Separator>:</Property Separator><Normal Text> foo</Normal Text><Separator Symbol>;</Separator Symbol><br/> 1174 <Variable>$attr</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>border</Value><Separator Symbol>;</Separator Symbol><br/> 1175 <Variable>$media</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>screen</Value><Separator Symbol>;</Separator Symbol><br/> 1176 <Variable>$feature</Variable><Property Separator>:</Property Separator><Normal Text> -webkit-min-device-pixel-ratio</Normal Text><Separator Symbol>;</Separator Symbol><br/> 1177 <Variable>$value</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.5</Number><Separator Symbol>;</Separator Symbol><br/> 1178 <Variable>$values</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#ff0000</Color><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Color>#00ff00</Color><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Color>#0000ff</Color><Separator Symbol>;</Separator Symbol><br/> 1179 <Normal Text>library.</Normal Text><Variable>$color</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>blue</Named Color><Separator Symbol>;</Separator Symbol><br/> 1180 <Normal Text></Normal Text><br/> 1181 <Normal Text></Normal Text><br/> 1182 <Comment>// Nesting</Comment><br/> 1183 <Normal Text></Normal Text><br/> 1184 <Selector Id>#home-page</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1185 <Normal Text></Normal Text><br/> 1186 <Normal Text> </Normal Text><Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1187 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>80</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1188 <Normal Text> </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Value Keyword>auto</Value Keyword><Separator Symbol>;</Separator Symbol><br/> 1189 <Normal Text></Normal Text><br/> 1190 <Normal Text> </Normal Text><Selector Class>.cover</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1191 <Normal Text> </Normal Text><At Rule>@include</At Rule><At Rule Text> </At Rule Text><Function>border-radius(</Function><Number>20</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1192 <Normal Text> </Normal Text><Property>max-width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1193 <Normal Text></Normal Text><br/> 1194 <Normal Text> </Normal Text><Selector Symbol>&</Selector Symbol><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1195 <Normal Text> </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#ffffff</Color><Separator Symbol>;</Separator Symbol><br/> 1196 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1197 <Normal Text></Normal Text><br/> 1198 <Normal Text> </Normal Text><Selector Class>.like-button</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1199 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$default-font-size</Variable><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>0.8</Number><Separator Symbol>;</Separator Symbol><br/> 1200 <Normal Text></Normal Text><br/> 1201 <Normal Text> </Normal Text><At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>max-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>300</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>min-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>200</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1202 <Normal Text> </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Variable>$default-font-size</Variable><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>0.8</Number><Separator Symbol>;</Separator Symbol><br/> 1203 <Normal Text></Normal Text><br/> 1204 <Normal Text> </Normal Text><Selector Class>.icon</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1205 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 1206 <Normal Text> </Normal Text><Property>height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> 1207 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1208 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1209 <Normal Text></Normal Text><br/> 1210 <Normal Text> </Normal Text><At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>print</Media Type><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/> 1211 <Normal Text> </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/> 1212 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1213 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1214 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1215 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1216 <Block Symbol>}</Block Symbol><br/> 1217 <Normal Text></Normal Text><br/> 1218 <Normal Text></Normal Text><br/> 1219 <At Rule>@use</At Rule><At Rule Text> </At Rule Text><String>"sass:selector"</String><Separator Symbol>;</Separator Symbol><br/> 1220 <At Rule>@use</At Rule><At Rule Text> </At Rule Text><String>'library'</String><Separator Symbol>;</Separator Symbol><br/> 1221 <At Rule>@use</At Rule><At Rule Text> </At Rule Text><String>"src/corners"</String><At Rule Text> </At Rule Text><Keyword>as</Keyword><At Rule Text> </At Rule Text><Operator>*</Operator><Separator Symbol>;</Separator Symbol><br/> 1222 <At Rule>@use</At Rule><At Rule Text> </At Rule Text><String>"src/corners"</String><At Rule Text> </At Rule Text><Keyword>as</Keyword><At Rule Text> c</At Rule Text><Separator Symbol>;</Separator Symbol><br/> 1223 <At Rule>@use</At Rule><At Rule Text> </At Rule Text><String>'opinionated'</String><At Rule Text> </At Rule Text><Keyword>with</Keyword><At Rule Text> </At Rule Text><Function>(</Function><Variable>$black</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#333</Color><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1224 <At Rule>@use</At Rule><At Rule Text> </At Rule Text><String>'library'</String><At Rule Text> </At Rule Text><Keyword>with</Keyword><At Rule Text> </At Rule Text><Function>(</Function><br/> 1225 <Normal Text> </Normal Text><Variable>$black</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#222</Color><Separator Symbol>,</Separator Symbol><br/> 1226 <Normal Text> </Normal Text><Variable>$border-radius</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0.1</Number><Unit>rem</Unit><br/> 1227 <Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1228 <Normal Text></Normal Text><br/> 1229 <At Rule>@forward</At Rule><At Rule Text> </At Rule Text><String>"src/list"</String><At Rule Text> </At Rule Text><Keyword>hide</Keyword><At Rule Text> list-reset</At Rule Text><Separator Symbol>,</Separator Symbol><At Rule Text> </At Rule Text><Variable>$horizontal-list-gap</Variable><Separator Symbol>;</Separator Symbol><br/> 1230 <At Rule>@forward</At Rule><At Rule Text> </At Rule Text><String>"src/list"</String><At Rule Text> </At Rule Text><Keyword>as</Keyword><At Rule Text> list-</At Rule Text><Operator>*</Operator><Separator Symbol>;</Separator Symbol><br/> 1231 <At Rule>@forward</At Rule><At Rule Text> </At Rule Text><String>'library'</String><At Rule Text> </At Rule Text><Keyword>with</Keyword><At Rule Text> </At Rule Text><Function>(</Function><br/> 1232 <Normal Text> </Normal Text><Variable>$black</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#222</Color><Normal Text> </Normal Text><Annotation>!default</Annotation><Separator Symbol>,</Separator Symbol><br/> 1233 <Normal Text> </Normal Text><Variable>$border-radius</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0.1</Number><Unit>rem</Unit><Normal Text> </Normal Text><Annotation>!default</Annotation><br/> 1234 <Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1235 <Normal Text></Normal Text><br/> 1236 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"http://fonts.googleapis.com/css?family=</String><Interpolation>#{</Interpolation><Variable>$family</Variable><Interpolation>}</Interpolation><String>"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1237 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><String>'foundation/code'</String><At Rule Text>, </At Rule Text><String>'foundation/lists'</String><Separator Symbol>;</Separator Symbol><br/> 1238 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><String>"http://fonts.googleapis.com/css?family=Droid+Sans"</String><Separator Symbol>;</Separator Symbol><br/> 1239 <Normal Text></Normal Text><br/> 1240 <At Rule>@error</At Rule><At Rule Text> </At Rule Text><String>"Property </String><Interpolation>#{</Interpolation><Variable>$property</Variable><Interpolation>}</Interpolation><String> must be either left or right."</String><Separator Symbol>;</Separator Symbol><br/> 1241 <At Rule>@error</At Rule><At Rule Text> </At Rule Text><Function>var(</Function><Variable>--abcd</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> 1242 <Normal Text></Normal Text><br/> 1243 <At Rule>@debug</At Rule><At Rule Text> </At Rule Text><Number>10</Number><Unit>em</Unit><At Rule Text> </At Rule Text><Operator>+</Operator><At Rule Text> </At Rule Text><Number>12</Number><Unit>em</Unit><Separator Symbol>;</Separator Symbol><br/> 1244 <At Rule>@debug</At Rule><At Rule Text> library.</At Rule Text><Variable>$color</Variable><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>//=> blue</Comment><br/> 1245 <At Rule>@debug</At Rule><At Rule Text> </At Rule Text><Function>radial-gradient(</Function><Variable>$primary</Variable><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Variable>$accent</Variable><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// radial-gradient(#f2ece4, #e1d7d2)</Comment><br/> 1246 <At Rule>@debug</At Rule><At Rule Text> -webkit-flex</At Rule Text><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>// -webkit-flex</Comment><br/> 1247 <Normal Text></Normal Text><br/> 1248 <Normal Text></Normal Text><br/> 1249 <At Rule>@keyframes</At Rule><At Rule Text> slide-in </At Rule Text><Block Symbol>{</Block Symbol><br/> 1250 <Normal Text> </Normal Text><Value>from</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1251 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1252 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1253 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1254 <Normal Text></Normal Text><br/> 1255 <Normal Text> </Normal Text><Interpolation>#{</Interpolation><Variable>$x</Variable><Interpolation>}</Interpolation><Value>%</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1256 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>90</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1257 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>150</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1258 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1259 <Normal Text></Normal Text><br/> 1260 <Normal Text> </Normal Text><Value>70%</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/> 1261 <Normal Text> </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>90</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1262 <Normal Text> </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>150</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> 1263 <Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/> 1264 <Block Symbol>}</Block Symbol><br/>