3.2.9 (Media Mark) 068d344443045d268ef4543dc45d114368f38429 o:Sass::Tree::RootNode :@children[ o:Sass::Tree::ImportNode :@imported_filenameI"'compass/utilities/general/clearfix:ET;[:@template0: @linei:@filenameI"f/Users/alezonez/Projetos/iugu-ux/vendor/assets/stylesheets/iugu-ux/components/responsive_box.sass; T: @options{:@imported_file0o:Sass::Tree::RuleNode : @rule[I"7body.ui-box-background,body.ui-box-background #app; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element : @name[I" body; T:@namespace0; i; @ o:Sass::Selector::Class;[I"ui-box-background; T; i; @ : @subject0: @sourceso:Set: @hash{; i; @ o;;[o; ;[o; ;[I" body; T;0; i; @ o;;[I"ui-box-background; T; i; @ ;0;o;;{; i; @ o; ;[o:Sass::Selector::Id;[I"app; T; i; @ ;0;o;;{; i; @ ; i; @ ;[ o:Sass::Tree::PropNode ;[I" height; T: @valueo:Sass::Script::Number ;!ii:@numerator_units[I"%; T:@denominator_units[; i :@originalI" 100%; F; @ ;i:@prop_syntax:new;[; i ; @ ; @ o; ;[I" width; T;!o;" ;!ii;#[I"%; T;$[; i ;%I" 100%; F; @ ;i;&;';[; i ; @ ; @ o; ;[I" position; T;!o:Sass::Script::String ;!I" relative; T: @type:identifier; i ; @ ;i;&;';[; i ; @ ; @ o:Sass::Tree::MixinNode ;I"box-sizing; T: @args[o;( ;!I"border-box; T;);*; i ; @ :@keywords{: @splat0;[; i ; @ ; @ ; i; @ :@has_childrenT; @ o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; i; @ o;;[I"ui-box-background; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I" overflow; T;!o;( ;!I" hidden; T;);*; i; @ ;i;&;';[; i; @ ; @ ; i; @ ;/T; @ o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; i; @ o;;[I"ui-box-background; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I"background; T;!o:Sass::Script::Variable ;I"!baseUIBoxPageBackgroundColor; T:@underscored_nameI"!baseUIBoxPageBackgroundColor; T; i; @ ;i;&;';[; i; @ ; @ o; ;[I"background-image; T;!o;( ;!I" none; T;);*; i; @ ;i;&;';[; i; @ ; @ ; i; @ ;/T; @ o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o;+ ;I"pie-clearfix; T;,[;-{;.0;[; i; @ ; @ o; ;[I" width; T;!o;" ;!ii;#[I"%; T;$[; i;%I" 100%; F; @ ;i;&;';[; i; @ ; @ o; ;[I"margin-left; T;!o;( ;!I" auto; T;);*; i; @ ;i;&;';[; i; @ ; @ o; ;[I"margin-right; T;!o;( ;!I" auto; T;);*; i; @ ;i;&;';[; i; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i; @ ;i;&;';[; i; @ ; @ o; ;[I" color; T;!o;0 ;I"textColor; T;1I"textColor; T; i; @ ;i;&;';[; i; @ ; @ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i;%I" 100%; F; @ ;i;&;';[; i; @ ; @ o;+ ;I"box-sizing; T;,[o;( ;!I"border-box; T;);*; i; @ ;-{;.0;[; i; @ ; @ o; ;[I" .sidebar; T;i;o;;[o;;[o; ;[o;;[I" sidebar; T; i; @ ;0;o;;{; i; @ ; i; @ ;[ o; ;[I" float; T;!o;( ;!I" left; T;);*; i ; @ ;i;&;';[; i ; @ ; @ o; ;[I" width; T;!o;0 ;I"desktopSidebarWidth; T;1I"desktopSidebarWidth; T; i!; @ ;i;&;';[; i!; @ ; @ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i";%I" 100%; F; @ ;i;&;';[; i"; @ ; @ o; ;[I"background; T;!o;0 ;I"$baseUIBoxSidebarBackgroundColor; T;1I"$baseUIBoxSidebarBackgroundColor; T; i#; @ ;i;&;';[; i#; @ ; @ o; ;[I"border-right; T;!o:Sass::Script::List ;![o;" ;!i;#[I"px; T;$[; i$;%I"1px; F; @ o;( ;!I" solid; T;);*; i$; @ o;0 ;I"baseLineColor; T;1I"baseLineColor; T; i$; @ :@separator: space; i$; @ ;i;&;';[; i$; @ ; @ o; ;[I" padding; T;!o;" ;!i;#[I"px; T;$[; i%;%I" 20px; F; @ ;i;&;';[; i%; @ ; @ o;+ ;I"box-sizing; T;,[o;( ;!I"border-box; T;);*; i&; @ ;-{;.0;[; i&; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i'; @ ;i;&;';[; i'; @ ; @ ; i; @ ;/T; @ o; ;[I".content-area; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; i); @ ;0;o;;{; i); @ ; i); @ ;[ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i*;%I" 100%; F; @ ;i;&;';[; i*; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i+; @ ;i;&;';[; i+; @ ; @ o; ;[I"background; T;!o;0 ;I"baseUIBoxBackgroundColor; T;1I"baseUIBoxBackgroundColor; T; i,; @ ;i;&;';[; i,; @ ; @ o;+ ;I"box-sizing; T;,[o;( ;!I"border-box; T;);*; i.; @ ;-{;.0;[; i.; @ ; @ o; ;[I".small-navigation; T;i;o;;[o;;[o; ;[o;;[I"small-navigation; T; i/; @ ;0;o;;{; i/; @ ; i/; @ ;[o; ;[I" display; T;!o;( ;!I" none; T;);*; i0; @ ;i;&;';[; i0; @ ; @ ; i/; @ ;/T; @ o; ;[I"&.handle-sidebar; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i2; @ o;;[I"handle-sidebar; T; i2; @ ;0;o;;{; i2; @ ; i2; @ ;[o; ;[I"margin-left; T;!o;0 ;I"desktopSidebarWidth; T;1I"desktopSidebarWidth; T; i3; @ ;i;&;';[; i3; @ ; @ ; i2; @ ;/T; @ ; i); @ ;/T; @ o; ;[I".handle-scrolling; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i5; @ ;0;o;;{; i5; @ ; i5; @ ;[ o; ;[I" width; T;!o;" ;!ii;#[I"%; T;$[; i6;%I" 100%; F; @ ;i;&;';[; i6; @ ; @ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i7;%I" 100%; F; @ ;i;&;';[; i7; @ ; @ o; ;[I"overflow-y; T;!o;( ;!I" auto; T;);*; i8; @ ;i;&;';[; i8; @ ; @ o; ;[I"-webkit-overflow-scrolling; T;!o;( ;!I" touch; T;);*; i9; @ ;i;&;';[; i9; @ ; @ ; i5; @ ;/T; @ o; ;[I".handle-scrolling > *; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i;; @ ;0;o;;{; i;; @ I">; To; ;[o:Sass::Selector::Universal;0; i;; @ ;0;o;;{; i;; @ ; i;; @ ;[o; ;[I"-webkit-transform; T;!o:Sass::Script::Funcall ;I"translateZ; T;,[o;" ;!i;#[I"px; T;$[; i<;%I"0px; F; @ ;-{;.0; i<; @ ;i;&;';[; i<; @ ; @ ; i;; @ ;/T; @ o; ;[I"(.handle-scrolling > div:first-child; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i>; @ ;0;o;;{; i>; @ I">; To; ;[o; ;[I"div; T;0; i>; @ o:Sass::Selector::Pseudo ;): class;[I"first-child; T: @arg0; i>; @ ;0;o;;{; i>; @ ; i>; @ ;[o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i?;%I" 100%; F; @ ;i;&;';[; i?; @ ; @ ; i>; @ ;/T; @ o; ;[I" .content; T;i;o;;[o;;[o; ;[o;;[I" content; T; iA; @ ;0;o;;{; iA; @ ; iA; @ ;[ o; ;[I" position; T;!o;( ;!I" absolute; T;);*; iB; @ ;i;&;';[; iB; @ ; @ o; ;[I"top; T;!o;" ;!i;#[I"px; T;$[; iC;%I"0px; F; @ ;i;&;';[; iC; @ ; @ o; ;[I" bottom; T;!o;" ;!i;#[I"px; T;$[; iD;%I"0px; F; @ ;i;&;';[; iD; @ ; @ o; ;[I" left; T;!o;" ;!i;#[I"px; T;$[; iE;%I"0px; F; @ ;i;&;';[; iE; @ ; @ o; ;[I" right; T;!o;" ;!i;#[I"px; T;$[; iF;%I"0px; F; @ ;i;&;';[; iF; @ ; @ ; iA; @ ;/T; @ ; i; @ ;/T; @ o;+;I"for-large-screens; T;,[o;" ;!i;#[I"px; T;$[; iH;%I" 1025px; F; @ ;-{;.0;[o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; iI; @ o;;[I"ui-box-background; T; iI; @ ;0;o;;{; iI; @ ; iI; @ ;[o; ;[I" padding; T;!o;" ;!i;#[I"px; T;$[; iJ;%I" 20px; F; @ ;i;&;';[; iJ; @ ; @ ; iI; @ ;/T; @ o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; iK; @ ;0;o;;{; iK; @ ; iK; @ ;[o; ;[I"max-width; T;!o;" ;!iÔ;#[I"px; T;$[; iL;%I" 980px; F; @ ;i;&;';[; iL; @ ; @ o;+ ;I"box-shadow; T;,[o;2 ;![ o;" ;!i;#[I"px; T;$[; iM;%I"2px; F; @ o;" ;!i;#[I"px; T;$[; iM;%I"2px; F; @ o;" ;!i;#[I"px; T;$[; iM;%I"0px; F; @ o;7 ;I" rgba; T;,[ o;" ;!i;#[;$[; iM;%I"0; F; @ o;" ;!i;#[;$@s; iM;%I"0; F; @ o;" ;!i;#[;$@s; iM;%I"0; F; @ o;" ;!f 0.15;#[;$@s; iM;%I" 0.15; F; @ ;-{;.0; iM; @ ;3;4; iM; @ ;-{;.0;[; iM; @ ; @ ; iK; @ ;/T; @ ; iH; @ ; @ ;/To;+;I"for-small-screens; T;,[o;" ;!iĻ;#[I"px; T;$[; iP;%I" 680px; F; @ ;-{;.0;[ o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; iQ; @ o;;[I"ui-box-background; T; iQ; @ ;0;o;;{; iQ; @ ; iQ; @ ;[o; ;[I"background; T;!o;0 ;I"$baseUIBoxSidebarBackgroundColor; T;1I"$baseUIBoxSidebarBackgroundColor; T; iR; @ ;i;&;';[; iR; @ ; @ ; iQ; @ ;/T; @ o; ;[I" .mobile; T;i;o;;[o;;[o; ;[o;;[I" mobile; T; iT; @ ;0;o;;{; iT; @ ; iT; @ ;[o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; iU; @ ;0;o;;{; iU; @ ; iU; @ ;[o; ;[I"!.content-area.handle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; iV; @ o;;[I"handle-sidebar; T; iV; @ ;0;o;;{; iV; @ ; iV; @ ;[o;+ ;I"translateZ; T;,[o;" ;!i;#[I"px; T;$[; iW;%I"0px; F; @ ;-{;.0;[; iW; @ ; @ ; iV; @ ;/T; @ ; iU; @ ;/T; @ ; iT; @ ;/T; @ o; ;[I" .ios; T;i;o;;[o;;[o; ;[o;;[I"ios; T; iY; @ ;0;o;;{; iY; @ ; iY; @ ;[o; ;[I".handle-scrolling; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; iZ; @ ;0;o;;{; iZ; @ ; iZ; @ ;[o; ;[I"overflow-y; T;!o;( ;!I" scroll; T;);*; i[; @ ;i;&;';[; i[; @ ; @ ; iZ; @ ;/T; @ ; iY; @ ;/T; @ o; ;[I" .android; T;i;o;;[o;;[o; ;[o;;[I" android; T; i\; @ ;0;o;;{; i\; @ ; i\; @ ;[o; ;[I".handle-scrolling; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i]; @ ;0;o;;{; i]; @ ; i]; @ ;[o; ;[I"overflow-y; T;!o;( ;!I" auto; T;);*; i^; @ ;i;&;';[; i^; @ ; @ ; i]; @ ;/T; @ ; i\; @ ;/T; @ o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; i`; @ ;0;o;;{; i`; @ ; i`; @ ;[ o; ;[I" border; T;!o;( ;!I" none; T;);*; ia; @ ;i;&;';[; ia; @ ; @ o; ;[I"background; T;!o;0 ;I"$baseUIBoxSidebarBackgroundColor; T;1I"$baseUIBoxSidebarBackgroundColor; T; ib; @ ;i;&;';[; ib; @ ; @ o; ;[I" .sidebar; T;i;o;;[o;;[o; ;[o;;[I" sidebar; T; id; @ ;0;o;;{; id; @ ; id; @ ;[ o; ;[I" float; T;!o;( ;!I" none; T;);*; ie; @ ;i;&;';[; ie; @ ; @ o; ;[I" position; T;!o;( ;!I" absolute; T;);*; if; @ ;i;&;';[; if; @ ; @ o; ;[I" z-index; T;!o;" ;!ič;#[;$@s; ig;%I" 1000; F; @ ;i;&;';[; ig; @ ; @ o; ;[I" width; T;!o;0 ;I"mobileSidebarWidth; T;1I"mobileSidebarWidth; T; ih; @ ;i;&;';[; ih; @ ; @ o; ;[I" border; T;!o;( ;!I" none; T;);*; ii; @ ;i;&;';[; ii; @ ; @ o; ;[I"background; T;!o;0 ;I"$baseUIBoxSidebarBackgroundColor; T;1I"$baseUIBoxSidebarBackgroundColor; T; ij; @ ;i;&;';[; ij; @ ; @ o; ;[I"visibility; T;!o;( ;!I" hidden; T;);*; ik; @ ;i;&;';[; ik; @ ; @ o;+ ;I"transition-delay; T;,[o;" ;!f1.5;#[I"s; T;$[; im;%I" 1.5s; F; @ ;-{;.0;[; im; @ ; @ ; id; @ ;/T; @ o; ;[I"!.content-area.handle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; io; @ o;;[I"handle-sidebar; T; io; @ ;0;o;;{; io; @ ; io; @ ;[ o; ;[I"margin-left; T;!o;" ;!iú;#[I"px; T;$[; ip;%I" -1px; F; @ ;i;&;';[; ip; @ ; @ o; ;[I" z-index; T;!o;" ;!iÐ;#[;$@s; iq;%I" 2000; F; @ ;i;&;';[; iq; @ ; @ o; ;[I"min-width; T;!o;" ;!i@;#[I"px; T;$[; ir;%I" 320px; F; @ ;i;&;';[; ir; @ ; @ o; ;[I"border-left; T;!o;2 ;![o;" ;!i;#[I"px; T;$[; is;%I"1px; F; @ o;( ;!I" solid; T;);*; is; @ o;0 ;I"baseLineColor; T;1I"baseLineColor; T; is; @ ;3;4; is; @ ;i;&;';[; is; @ ; @ o;+ ;I"transition-property; T;,[o;( ;!I"transform; T;);*; iu; @ ;-{;.0;[; iu; @ ; @ o;+ ;I"transition-duration; T;,[o;" ;!i,;#[I"ms; T;$[; iv;%I" 300ms; F; @ ;-{;.0;[; iv; @ ; @ o;+ ;I"transition-timing-function; T;,[o;7 ;I"cubic-bezier; T;,[ o;" ;!f 0.39;#[;$@s; iw;%I" 0.39; F; @ o;" ;!f 0.575;#[;$@s; iw;%I" 0.575; F; @ o;" ;!f 0.565;#[;$@s; iw;%I" 0.565; F; @ o;" ;!i;#[;$@s; iw;%I"1; F; @ ;-{;.0; iw; @ ;-{;.0;[; iw; @ ; @ o; ;[I"&.handle-sidebar; T;i;o;;[o;;[o; ;[o;5; iy; @ o;;[I"handle-sidebar; T; iy; @ ;0;o;;{; iy; @ ; iy; @ ;[o; ;[I".small-navigation; T;i;o;;[o;;[o; ;[o;;[I"small-navigation; T; iz; @ ;0;o;;{; iz; @ ; iz; @ ;[o; ;[I" display; T;!o;( ;!I" block; T;);*; i{; @ ;i;&;';[; i{; @ ; @ o; ;[I" height; T;!o;0 ;I"toolbarHeight; T;1I"toolbarHeight; T; i|; @ ;i;&;';[; i|; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i}; @ ;i;&;';[; i}; @ ; @ o; ;[I"background; T;!o;0 ;I"#baseUIBoxHeaderBackgroundColor; T;1I"#baseUIBoxHeaderBackgroundColor; T; i~; @ ;i;&;';[; i~; @ ; @ o; ;[I"border-bottom; T;!o;2 ;![o;" ;!i;#[I"px; T;$[; i;%I"1px; F; @ o;( ;!I" solid; T;);*; i; @ o;0 ;I"baseUIBoxHeaderLineColor; T;1I"baseUIBoxHeaderLineColor; T; i; @ ;3;4; i; @ ;i;&;';[; i; @ ; @ o; ;[I"margin-top; T;!o;" ;!iú;#[I"px; T;$[; i|;%I" -1px; F; @ ;i;&;';[; i|; @ ; @ o; ;[I"margin-right; T;!o;" ;!ių;#[I"px; T;$[; i};%I" -2px; F; @ ;i;&;';[; i}; @ ; @ o; ;[I".toggle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"toggle-sidebar; T; i; @ ;0;o;;{; i; @ ; i; @ ;[ o; ;[I" display; T;!o;( ;!I" block; T;);*; i€; @ ;i;&;';[; i€; @ ; @ o; ;[I" width; T;!o;" ;!i1;#[I"px; T;$[; i;%I" 44px; F; @ ;i;&;';[; i; @ ; @ o; ;[I" height; T;!o;" ;!i1;#[I"px; T;$[; i‚;%I" 44px; F; @ ;i;&;';[; i‚; @ ; @ o; ;[I" cursor; T;!o;( ;!I" pointer; T;);*; iƒ; @ ;i;&;';[; iƒ; @ ; @ o; ;[I" position; T;!o;( ;!I" absolute; T;);*; i„; @ ;i;&;';[; i„; @ ; @ o; ;[I"top; T;!o;" ;!i;#[I"px; T;$[; i…;%I"0px; F; @ ;i;&;';[; i…; @ ; @ o; ;[I" left; T;!o;" ;!i;#[I"px; T;$[; i†;%I"0px; F; @ ;i;&;';[; i†; @ ; @ o; ;[I" z-index; T;!o;" ;!i;#[;$@s; i‡;%I"10; F; @ ;i;&;';[; i‡; @ ; @ ; i; @ ;/T; @ o; ;[I".responsive-title; T;i;o;;[o;;[o; ;[o;;[I"responsive-title; T; iˆ; @ ;0;o;;{; iˆ; @ ; iˆ; @ ;[o; ;[I" display; T;!o;( ;!I" block; T;);*; i‰; @ ;i;&;';[; i‰; @ ; @ o; ;[I"text-align; T;!o;( ;!I" center; T;);*; iŠ; @ ;i;&;';[; iŠ; @ ; @ o; ;[I" height; T;!o;" ;!i1;#[I"px; T;$[; i‹;%I" 44px; F; @ ;i;&;';[; i‹; @ ; @ o; ;[I"font-size; T;!o;" ;!i;#[I"px; T;$[; iŒ;%I" 17px; F; @ ;i;&;';[; iŒ; @ ; @ o; ;[I"line-height; T;!o;" ;!i1;#[I"px; T;$[; i;%I" 44px; F; @ ;i;&;';[; i; @ ; @ o; ;[I" color; T;!o;0 ;I"baseUIBoxHeaderTitleColor; T;1I"baseUIBoxHeaderTitleColor; T; iŽ; @ ;i;&;';[; iŽ; @ ; @ o;+ ;I" box-mode; T;,[;-{;.0;[; i; @ ; @ o; ;[I" left; T;!o;" ;!iA;#[I"px; T;$[; i;%I" 60px; F; @ ;i;&;';[; i; @ ; @ o; ;[I" right; T;!o;" ;!iA;#[I"px; T;$[; i‘;%I" 60px; F; @ ;i;&;';[; i‘; @ ; @ o; ;[I"font-weight; T;!o;( ;!I" bold; T;);*; i’; @ ;i;&;';[; i’; @ ; @ ; iˆ; @ ;/T; @ ; iz; @ ;/T; @ ; iy; @ ;/T; @ ; io; @ ;/T; @ ; i`; @ ;/T; @ o; ;[I".content-area; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; i”; @ ;0;o;;{; i”; @ ; i”; @ ;[o; ;[I" .content; T;i;o;;[o;;[o; ;[o;;[I" content; T; i•; @ ;0;o;;{; i•; @ ; i•; @ ;[o; ;[I"top; T;!o;" ;!i1;#[I"px; T;$[; i–;%I" 44px; F; @ ;i;&;';[; i–; @ ; @ ; i•; @ ;/T; @ ; i”; @ ;/T; @ o; ;[I"".desktop .open, .mobile .open; T;i;o;;[o;;[o; ;[o;;[I" desktop; T; i˜; @ ;0;o;;{; i˜; @ o; ;[o;;[I" open; T; i˜; @ ;0;o;;{; i˜; @ o;;[o; ;[o;;[I" mobile; T; i˜; @ ;0;o;;{; i˜; @ o; ;[o;;[I" open; T; i˜; @ ;0;o;;{; i˜; @ ; i˜; @ ;[o; ;[I" border; T;!o;( ;!I" none; T;);*; i™; @ ;i;&;';[; i™; @ ; @ o; ;[I"!.content-area.handle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; iš; @ o;;[I"handle-sidebar; T; iš; @ ;0;o;;{; iš; @ ; iš; @ ;[o;+ ;I"translateX; T;,[o;0 ;I"mobileSidebarWidth; T;1I"mobileSidebarWidth; T; i›; @ ;-{;.0;[; i›; @ ; @ ; iš; @ ;/T; @ o; ;[I" .sidebar; T;i;o;;[o;;[o; ;[o;;[I" sidebar; T; i; @ ;0;o;;{; i; @ ; i; @ ;[ o; ;[I" display; T;!o;( ;!I" block; T;);*; iž; @ ;i;&;';[; iž; @ ; @ o; ;[I"visibility; T;!o;( ;!I" visible; T;);*; iŸ; @ ;i;&;';[; iŸ; @ ; @ o; ;[I" margin; T;!o;" ;!i;#[I"px; T;$[; i ;%I"0px; F; @ ;i;&;';[; i ; @ ; @ o;+ ;I"transition-property; T;,[o;( ;!I" border; T;);*; iĒ; @ ;-{;.0;[; iĒ; @ ; @ o;+ ;I"transition-delay; T;,[o;" ;!f0.3;#[I"s; T;$[; iĢ;%I" 0.3s; F; @ ;-{;.0;[; iĢ; @ ; @ ; i; @ ;/T; @ ; i˜; @ ;/T; @ o; ;[I".deprecated_android; T;i;o;;[o;;[o; ;[o;;[I"deprecated_android; T; iĨ; @ ;0;o;;{; iĨ; @ ; iĨ; @ ;[o; ;[I".content-area; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; iĶ; @ ;0;o;;{; iĶ; @ ; iĶ; @ ;[o; ;[I"background; T;!o:Sass::Script::Color ;!0: @attrs{ :rediĸ: greeniĸ: blueiĸ: alphai; i§; @ ;i;&;';[; i§; @ ; @ ; iĶ; @ ;/T; @ ; iĨ; @ ;/T; @ ; iP; @ ; @ ;/T; I"–@import "compass/utilities/general/clearfix" body.ui-box-background,body.ui-box-background #app height: 100% width: 100% position: relative @include box-sizing( border-box ) body.ui-box-background overflow: hidden body.ui-box-background background: $baseUIBoxPageBackgroundColor background-image: none .ui-responsive-box @include pie-clearfix width: 100% margin-left: auto margin-right: auto position: relative color: $textColor height: 100% @include box-sizing( border-box ) .sidebar float: left width: $desktopSidebarWidth height: 100% background: $baseUIBoxSidebarBackgroundColor border-right: 1px solid $baseLineColor padding: 20px @include box-sizing( border-box ) position: relative .content-area height: 100% position: relative background: $baseUIBoxBackgroundColor @include box-sizing( border-box ) .small-navigation display: none &.handle-sidebar margin-left: $desktopSidebarWidth .handle-scrolling width: 100% height: 100% overflow-y: auto -webkit-overflow-scrolling: touch .handle-scrolling > * -webkit-transform: translateZ(0px) .handle-scrolling > div:first-child height: 100% .content position: absolute top: 0px bottom: 0px left: 0px right: 0px @include for-large-screens(1025px) body.ui-box-background padding: 20px .ui-responsive-box max-width: 980px @include box-shadow( 2px 2px 0px rgba(0,0,0,0.15)) @include for-small-screens(680px) body.ui-box-background background: $baseUIBoxSidebarBackgroundColor .mobile .ui-responsive-box .content-area.handle-sidebar +translateZ(0px) .ios .handle-scrolling overflow-y: scroll .android .handle-scrolling overflow-y: auto .ui-responsive-box border: none background: $baseUIBoxSidebarBackgroundColor .sidebar float: none position: absolute z-index: 1000 width: $mobileSidebarWidth border: none background: $baseUIBoxSidebarBackgroundColor visibility: hidden @include transition-delay( 1.5s ) .content-area.handle-sidebar margin-left: -1px z-index: 2000 min-width: 320px border-left: 1px solid $baseLineColor @include transition-property( transform ) @include transition-duration( 300ms ) @include transition-timing-function( cubic-bezier(0.39, 0.575, 0.565, 1) ) &.handle-sidebar .small-navigation display: block height: $toolbarHeight position: relative background: $baseUIBoxHeaderBackgroundColor border-bottom: 1px solid $baseUIBoxHeaderLineColor margin-top: -1px margin-right: -2px .toggle-sidebar display: block width: 44px height: 44px cursor: pointer position: absolute top: 0px left: 0px z-index: 10 .responsive-title display: block text-align: center height: 44px font-size: 17px line-height: 44px color: $baseUIBoxHeaderTitleColor @include box-mode left: 60px right: 60px font-weight: bold .content-area .content top: 44px .desktop .open, .mobile .open border: none .content-area.handle-sidebar +translateX( $mobileSidebarWidth ) .sidebar display: block visibility: visible margin: 0px @include transition-property( border ) @include transition-delay( 0.3s ) .deprecated_android .content-area background: #FFF ; T;/T; @