{: versionI"3.2.19 (Media Mark):EF:shaI"-8a9eb126f35e9b4e14cb534772047ee011bc4176;F: contents"Ño:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[I"G/* leave this as div, bcz some table columns also have .message */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::RuleNode : @rule[I"div.message, p.message; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element : @name[I"div; T:@namespace0; i:@filenameI"; To:Sass::Selector::Class;[I" message; T; i;@: @subject0: @sourceso:Set: @hash{; i;@o;;[o; ;[o; ;[I"p; T;0; i;@o;;[I" message; T; i;@;0;o;;{; i;@; i;@;[o:Sass::Tree::PropNode ;[I" padding; T;o:Sass::Script::String;I"8px 8px 8px 32px; T; :identifier; @ ;i:@prop_syntax:new;[; i; @ o; ;[I"line-height; T;o; ;I" 17px; T; ;!; @ ;i;";#;[; i ; @ o; ;[I"border-width; T;o; ;I"1px; T; ;!; @ ;i;";#;[; i ; @ o; ;[I"border-style; T;o; ;I" solid; T; ;!; @ ;i;";#;[; i ; @ o:Sass::Tree::ExtendNode :@selector[I"%; TI"rounded-border; T:@optionalF;[; i ; @ o; ;[I" position; T;o; ;I" relative; T; ;!; @ ;i;";#;[; i ; @ o; ;[I"margin-bottom; T;o; ;I"8px; T; ;!; @ ;i;";#;[; i; @ o; ;[I"text-align; T;o; ;I" left; T; ;!; @ ;i;";#;[; i; @ o; ;[I"h1; T;i;o;;[o;;[o; ;[o; ;[I"h1; T;0; i;I"; T;0;o;;{; i;@f; i;@f;[o; ;[I"font-size; T;o; ;I" 14px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" margin; T;o; ;I" 8px 0; T; ;!; @ ;i;";#;[; i; @ ; i:@has_childrenT; @ o; ;[I" h1, h2; T;i;o;;[o;;[o; ;[o; ;[I"h1; T;0; i;I"; T;0;o;;{; i;@}o;;[o; ;[o; ;[I"h2; T;0; i;@};0;o;;{; i;@}; i;@};[o; ;[I"margin-top; T;o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"0; F; @ ;i;";#;[; i; @ ; i;'T; @ o; ;[I"span.icon; T;i;o;;[o;;[o; ;[o; ;[I" span; T;0; i;I"; To;;[I" icon; T; i;@ž;0;o;;{; i;@ž; i;@ž;[o; ;[I" position; T;o; ;I" absolute; T; ;!; @ ;i;";#;[; i; @ o; ;[I" left; T;o; ;I"8px; T; ;!; @ ;i;";#;[; i; @ o; ;[I"top; T;o; ;I"8px; T; ;!; @ ;i;";#;[; i; @ ; i;'T; @ o; ;[I"&.footnote; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i;I"; To;;[I" footnote; T; i;@Á;0;o;;{; i;@Á; i;@Á;[o; ;[I"font-size; T;o; ;I" 10px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" margin; T;o; ;I" 16px; T; ;!; @ ;i;";#;[; i ; @ ; i;'T; @ o; ;[I"a; T;i;o;;[o;;[o; ;[o; ;[I"a; T;0; i#;I"; T;0;o;;{; i#;@à; i#;@à;[o; ;[I"text-decoration; T;o; ;I"underline; T; ;!; @ ;i;";#;[; i$; @ o; ;[I" &:hover; T;i;o;;[o;;[o; ;[o;,; i&;I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; i&;@ô;0;o;;{; i&;@ô; i&;@ô;[o; ;[I" color; T;o:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i&; @ ;i;";#;[; i&; @ ; i&;'T; @ ; i#;'T; @ o; ;[I"ol; T;i;o;;[o;;[o; ;[o; ;[I"ol; T;0; i);I"; T;0;o;;{; i);@ ; i);@ ;[o; ;[I" margin; T;o; ;I" 0 0 8px; T; ;!; @ ;i;";#;[; i*; @ o; ;[I"padding-left; T;o; ;I" 20px; T; ;!; @ ;i;";#;[; i+; @ o; ;[I"li; T;i;o;;[o;;[o; ;[o; ;[I"li; T;0; i-;I"; T;0;o;;{; i-;@); i-;@);[o; ;[I"text-indent; T;o; ;I"0; T; ;!; @ ;i;";#;[; i.; @ o; ;[I"margin-bottom; T;o; ;I"4px; T; ;!; @ ;i;";#;[; i/; @ ; i-;'T; @ ; i);'T; @ ; i;'T; @ o; ;[I" div.info; T;i;o;;[o;;[o; ;[o; ;[I"div; T;0; i4;I"; To;;[I" info; T; i4;@E;0;o;;{; i4;@E; i4;@E;[ o;$ ;%[I"div; TI".; TI" message; T;&F;[; i5; @ o; ;[I" color; T;o:Sass::Script::Variable ;I"text-color; T:@underscored_nameI"text_color; T; i6; @ ;i;";#;[; i6; @ o; ;[I"background-color; T;o; ;I" #eaf4f9; T; ;!; @ ;i;";#;[; i7; @ o; ;[I"border-color; T;o; ;I" #0b5c84; T; ;!; @ ;i;";#;[; i8; @ ; i4;'T; @ o; ;[I"div.error; T;i;o;;[o;;[o; ;[o; ;[I"div; T;0; i;;I"; To;;[I" error; T; i;;@q;0;o;;{; i;;@q; i;;@q;[o;$ ;%[I"div; TI".; TI" message; T;&F;[; i<; @ o; ;[I"background-color; T;o; ;I" #f1c9ca; T; ;!; @ ;i;";#;[; i=; @ o; ;[I" color; T;o; ;I" #931f23; T; ;!; @ ;i;";#;[; i>; @ ; i;;'T; @ o; ;[I"div.warning, div.warn; T;i;o;;[o;;[o; ;[o; ;[I"div; T;0; iA;I"; To;;[I" warning; T; iA;@–;0;o;;{; iA;@–o;;[o; ;[o; ;[I"div; T;0; iA;@–o;;[I" warn; T; iA;@–;0;o;;{; iA;@–; iA;@–;[o;$ ;%[I"div; TI".; TI" message; T;&F;[; iB; @ o; ;[I"background-color; T;o; ;I" #f7efb8; T; ;!; @ ;i;";#;[; iC; @ o; ;[I" color; T;o; ;I" #756f47; T; ;!; @ ;i;";#;[; iD; @ ; iA;'T; @ :@templateI"Ï// leave this as div, bcz some table columns also have .message div.message, p.message { padding: 8px 8px 8px 32px; line-height: 17px; border-width: 1px; border-style: solid; @extend %rounded-border; position: relative; margin-bottom: 8px; text-align: left; h1 { font-size: 14px; margin: 8px 0; } h1, h2 { margin-top: 0 } span.icon { position: absolute; left: 8px; top: 8px; } &.footnote { font-size: 10px; margin: 16px; } a { text-decoration: underline; &:hover { color: #000 } } ol { margin: 0 0 8px; padding-left: 20px; li { text-indent: 0; margin-bottom: 4px; } } } div.info { @extend div.message; color: $text-color; background-color: #eaf4f9; border-color: #0b5c84; } div.error { @extend div.message; background-color: #f1c9ca; color: #931f23; } div.warning, div.warn { @extend div.message; background-color: #f7efb8; color: #756f47; } ; T; i;'T; @