3.1.2 (Brainy Betty) 1814b0a9be716d24a12f7024942c758cb32bdfc1 o:Sass::Tree::RootNode :@has_childrenT:@children[o:Sass::Tree::MixinDefNode ;T;[4o:Sass::Tree::RuleNode ;T;[o:Sass::Tree::PropNode ;[: @tabsi: @options{:@prop_syntax:new: @name[" width: @valueo:Sass::Script::String;" 100%: @type:identifier: @lineio; ;[; i; @ ; ;;[" height;o;;" 100%;;;i ; i; @ : @rule["html, body:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Element :@namespace0;[" html:@filename";i;@#;io;;[o;;[o; ;0;[" body;@#;i;@#;i;@#;i;io; ;T;[ o; ;[; i; @ ; ;;[" position;o;;"absolute !important;;;i o; ;[; i; @ ; ;;["top;o;;"100% !important;;;io; ;[; i; @ ; ;;[" left;o;;"100% !important;;;io; ;[; i; @ ; ;;[" z-index;o;;"1;;;i; i; @ ;[".x-translatable;o;;[o;;[o;;[o:Sass::Selector::Class;["x-translatable;";i ;@P;i ;@P;i ;i o; ;T;[o; ;[; i; @ ; ;;[" position;o;;" relative;;;i; i; @ ;[".x-translatable-container;o;;[o;;[o;;[o;;["x-translatable-container;";i;@d;i;@d;i;io; ;T;[ o; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;io; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;[" overflow;o;;" hidden;;;i; i; @ ;[".x-translatable-wrapper;o;;[o;;[o;;[o;;["x-translatable-wrapper;";i;@;i;@;i;io; ;T;[ o; ;[; i; @ ; ;;[" width;o;;" 300%;;;io; ;[; i; @ ; ;;[" height;o;;" 300%;;;i o; ;[; i; @ ; ;;[" position;o;;" absolute;;;i!o; ;[; i; @ ; ;;["visibility;o;;" hidden;;;i"o; ;[; i; @ ; ;;[" z-index;o:Sass::Script::Number :@denominator_units[; {:@numerator_units[:@original"-1;i;i#;i#; i; @ ;[".x-translatable-stretcher;o;;[o;;[o;;[o;;["x-translatable-stretcher;";i;@;i;@;i;io; ;T;[ o; ;[; i; @ ; ;;[" width;o;;" 100%;;;i'o; ;[; i; @ ; ;;[" height;o;;" 100%;;;i(o; ;[; i; @ ; ;;[" left;o;;" 100%;;;i)o; ;[; i; @ ; ;;["top;o;;" 100%;;;i*o; ;[; i; @ ; ;;[" position;o;;" absolute;;;i+o; ;[; i; @ ; ;;["visibility;o;;" hidden;;;i,o; ;[; i; @ ; ;;[" z-index;o; ; @; {;![;""-1;i;i-;i-; i; @ ;["%.x-translatable-nested-stretcher;o;;[o;;[o;;[o;;["$x-translatable-nested-stretcher;";i&;@;i&;@;i&;i&o; ;T;[o; ;[; i; @ ; ;;[" position;o;;" relative;;;i2o; ;[; i; @ ; ;;[" overflow;o;;" hidden;;;i3; i; @ ;["$.x-layout-fit, .x-layout-card;o;;[o;;[o;;[o;;["x-layout-fit;";i1;@;i1o;;[" o;;[o;;["x-layout-card;@;i1;@;i1;@;i1;i1o; ;T;[ o; ;[; i; @ ; ;;[" position;o;;"absolute !important;;;i7o; ;[; i; @ ; ;;[" width;o;;" 100%;;;i8o; ;[; i; @ ; ;;[" height;o;;" 100%;;;i9o; ;[; i; @ ; ;;[" left;o;;"0;;;i:o; ;[; i; @ ; ;;["top;o;;"0;;;i;; i; @ ;["F.x-layout-fit-item, .x-layout-card-item, .x-layout-card-container;o;;[o;;[o;;[o;;["x-layout-fit-item;";i6;@<;i6o;;[o;;[o;;["x-layout-card-item;@<;i6;@<;i6o;;[o;;[o;;["x-layout-card-container;@<;i6;@<;i6;@<;i6;i6o; ;T;[ o; ;[; i; @ ; ;;[" position;o;;"absolute !important;;;i?o; ;[; i; @ ; ;;["top;o;;"0;;;i@o; ;[; i; @ ; ;;[" right;o;;"0;;;iAo; ;[; i; @ ; ;;[" bottom;o;;"0;;;iBo; ;[; i; @ ; ;;[" left;o;;"0;;;iC; i; @ ;[".x-layout-card-item;o;;[o;;[o;;[o;;["x-layout-card-item;";i>;@v;i>;@v;i>;i>o; ;T;[o; ;[; i; @ ; ;;[" display;o;;"-webkit-box;;;iGo; ;T;[o; ;[; i; @ ; ;;["-webkit-box-flex;o;;"0;;;iI; i; @ ;["> *;o;;[o;;[">o;;[o:Sass::Selector::Universal;0;";iH;@;iH;@;iH;iH; i; @ ;["#.x-layout-hbox, .x-layout-vbox;o;;[o;;[o;;[o;;["x-layout-hbox;";iF;@;iFo;;[o;;[o;;["x-layout-vbox;@;iF;@;iF;@;iF;iFo; ;T;[o; ;[; i; @ ; ;;["-webkit-box-orient;o;;"horizontal;;;iN; i; @ ;[".x-layout-hbox;o;;[o;;[o;;[o;;["x-layout-hbox;";iM;@;iM;@;iM;iMo; ;T;[o; ;[; i; @ ; ;;["-webkit-box-orient;o;;" vertical;;;iR; i; @ ;[".x-layout-vbox;o;;[o;;[o;;[o;;["x-layout-vbox;";iQ;@;iQ;@;iQ;iQo; ;T;[o; ;[; i; @ ; ;;[" width;o;;"0 !important;;;iV; i; @ ;["(.x-layout-hbox > .x-layout-box-item;o;;[o;;[o;;[o;;["x-layout-hbox;";iU;@;iU">o;;[o;;["x-layout-box-item;@;iU;@;iU;@;iU;iUo; ;T;[o; ;[; i; @ ; ;;[" height;o;;"0 !important;;;iZ; i; @ ;["(.x-layout-vbox > .x-layout-box-item;o;;[o;;[o;;[o;;["x-layout-vbox;";iY;@;iY">o;;[o;;["x-layout-box-item;@;iY;@;iY;@;iY;iYo; ;T;[o; ;[; i; @ ; ;;[" display;o;;"table !important;;;i^o; ;[; i; @ ; ;;[" width;o;;" 100%;;;i_o; ;[; i; @ ; ;;[" height;o;;" 100%;;;i`; i; @ ;[".x-table-inner;o;;[o;;[o;;[o;;["x-table-inner;";i];@ ;i];@ ;i];i]o; ;T;[o; ;[; i; @ ; ;;["table-layout;o;;"fixed !important;;;id; i; @ ;["!.x-table-inner.x-table-fixed;o;;[o;;[o;;[o;;["x-table-inner;";ico;;["x-table-fixed;@4;ic;@4;ic;@4;ic;ico; ;T;[o; ;[; i; @ ; ;;[" display;o;;"table-row !important;;;ih; i; @ ;[".x-table-row;o;;[o;;[o;;[o;;["x-table-row;";ig;@K;ig;@K;ig;igo; ;T;[o; ;[; i; @ ; ;;[" display;o;;"table-cell !important;;;ilo; ;[; i; @ ; ;;["vertical-align;o;;" middle;;;im; i; @ ;[".x-table-row > *;o;;[o;;[o;;[o;;["x-table-row;";ik;@e;ik">o;;[o;#;0;@e;ik;@e;ik;@e;ik;iko; ;T;[o; ;[; i; @ ; ;;[" display;o;;"-webkit-box;;;iq; i; @ ;[".x-container, .x-body;o;;[o;;[o;;[o;;["x-container;";ip;@};ipo;;[o;;[o;;[" x-body;@};ip;@};ip;@};ip;ipo; ;T;[ o; ;[; i; @ ; ;;[" overflow;o;;" hidden;;;iuo; ;[; i; @ ; ;;["-webkit-box-flex;o;;"1;;;ivo; ;[; i; @ ; ;;["min-width;o;;" 100%;;;iwo; ;[; i; @ ; ;;["min-height;o;;" 100%;;;ix; i; @ ;[" .x-body;o;;[o;;[o;;[o;;[" x-body;";it;@;it;@;it;ito; ;T;[ o; ;[; i; @ ; ;;["-webkit-box-flex;o;;"1;;;i|o; ;[; i; @ ; ;;["min-width;o;;" 100%;;;i}o; ;[; i; @ ; ;;["min-height;o;;" 100%;;;i~o; ;[; i; @ ; ;;[" position;o;;" relative;;;i; i; @ ;["0.x-body > .x-inner, .x-container > .x-inner;o;;[o;;[o;;[o;;[" x-body;";i{;@;i{">o;;[o;;[" x-inner;@;i{;@;i{o;;[o;;[o;;["x-container;@;i{;@;i{">o;;[o;;[" x-inner;@;i{;@;i{;@;i{;i{o; ;T;[ o; ;[; i; @ ; ;;[" display;o;;"-webkit-box;;;i~o; ;[; i; @ ; ;;["-webkit-box-flex;o;;"1;;;io; ;[; i; @ ; ;;["-webkit-box-orient;o;;"horizontal;;;io; ;[; i; @ ; ;;["min-width;o;;" 100%;;;io; ;[; i; @ ; ;;["min-height;o;;" 100%;;;i; i; @ ;[".x-docking-horizontal;o;;[o;;[o;;[o;;["x-docking-horizontal;";i};@;i};@;i};i}o; ;T;[ o; ;[; i; @ ; ;;[" display;o;;"-webkit-box;;;io; ;[; i; @ ; ;;["-webkit-box-flex;o;;"1;;;io; ;[; i; @ ; ;;["-webkit-box-orient;o;;" vertical;;;io; ;[; i; @ ; ;;["min-width;o;;" 100%;;;io; ;[; i; @ ; ;;["min-height;o;;" 100%;;;i; i; @ ;[".x-docking-vertical;o;;[o;;[o;;[o;;["x-docking-vertical;";i;@;;i;@;;i;io; ;T;[ o; ;[; i; @ ; ;;[" position;o;;"absolute !important;;;io; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;io; ;[; i; @ ; ;;[" display;o;;"-webkit-box;;;io; ;[; i; @ ; ;;["-webkit-box-align;o;;" center;;;io; ;[; i; @ ; ;;["-webkit-box-pack;o;;" center;;;i; i; @ ;[".x-centered;o;;[o;;[o;;[o;;["x-centered;";i;@m;i;@m;i;io; ;T;[o; ;[; i; @ ; ;;[" position;o;;"absolute !important;;;i; i; @ ;[".x-floating;o;;[o;;[o;;[o;;["x-floating;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" position;o;;"relative !important;;;io; ;[; i; @ ; ;;["-webkit-box-flex;o;;"0 !important;;;i; i; @ ;[".x-centered > *;o;;[o;;[o;;[o;;["x-centered;";i;@;i">o;;[o;#;0;@;i;@;i;@;i;io; ;T;[ o; ;[; i; @ ; ;;["visibility;o;;" hidden;;;io; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;[" left;o;;"0;;;io; ;[; i; @ ; ;;["top;o;;"0;;;io; ;[; i; @ ; ;;[" z-index;o; ; @; {;![;""-1;i;i;io; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;io; ;[; i; @ ; ;;[" overflow;o;;" hidden;;;i; i; @ ;[".x-size-change-detector;o;;[o;;[o;;[o;;["x-size-change-detector;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;["visibility;o;;" hidden;;;i; i; @ ;[" .x-size-change-detector > *;o;;[o;;[o;;[o;;["x-size-change-detector;";i;@;i">o;;[o;#;0;@;i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" width;o;;" 200%;;;io; ;[; i; @ ; ;;[" height;o;;" 200%;;;i; i; @ ;["'.x-size-change-detector-shrink > *;o;;[o;;[o;;[o;;[""x-size-change-detector-shrink;";i;@;i">o;;[o;#;0;@;i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" width;o;;" 100000px;;;io; ;[; i; @ ; ;;[" height;o;;" 100000px;;;i; i; @ ;["'.x-size-change-detector-expand > *;o;;[o;;[o;;[o;;[""x-size-change-detector-expand;";i;@/;i">o;;[o;#;0;@/;i;@/;i;@/;i;io; ;T;[o; ;[; i; @ ; ;;[" position;o;;" relative;;;io; ;[; i; @ ; ;;[" display;o;;" block;;;i; i; @ ;[".x-scroll-view;o;;[o;;[o;;[o;;["x-scroll-view;";i;@M;i;@M;i;io; ;T;[ o; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;[" overflow;o;;" hidden;;;io; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;i; i; @ ;[".x-scroll-container;o;;[o;;[o;;[o;;["x-scroll-container;";i;@s;i;@s;i;io; ;T;[o; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;["min-width;o;;" 100%;;;io; ;[; i; @ ; ;;["min-height;o;;" 100%;;;i; i; @ ;[".x-scroll-scroller;o;;[o;;[o;;[o;;["x-scroll-scroller;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;["-webkit-transform;o:Sass::Script::Funcall ; {: @args[o; ; @; @;![;""0;i;io; ; @; @;![;""0;i;io; ; @; @;![;""0;i;i;"translate3d;i:@keywords{;i; i; @ ;[".x-ios .x-scroll-scroller;o;;[o;;[o;;[o;;[" x-ios;";i;@;io;;[o;;["x-scroll-scroller;@;i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;["visibility;o;;" hidden;;;i; i; @ ;[".x-scroll-stretcher;o;;[o;;[o;;[o;;["x-scroll-stretcher;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;i; i; @ ;[".x-scroll-bar-grid-wrapper;o;;[o;;[o;;[o;;["x-scroll-bar-grid-wrapper;";i;@;i;@;i;io; ;T;[ o; ;[; i; @ ; ;;[" display;o;;" table;;;io; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;io; ;T;[o; ;[; i; @ ; ;;[" display;o;;"table-row;;;i; i; @ ;["> *;o;;[o;;[">o;;[o;#;0;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" display;o;;"table-cell;;;i; i; @ ;[" > * > *;o;;[o;;[ ">o;;[o;#;0;";i;@,;i">o;;[o;#;0;@,;i;@,;i;@,;i;io; ;T;[o; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;i; i; @ ;[""> :first-child > :first-child;o;;[o;;[ ">o;;[o:Sass::Selector::Pseudo ;["first-child;": @arg0;i;: class;@K;i">o;;[o;' ;["first-child;@K;(0;i;;);@K;i;@K;i;io; ;T;[o; ;[; i; @ ; ;;[" padding;o;;"3px 3px 0 0;;;i; i; @ ;["#> :first-child > :nth-child(2);o;;[o;;[ ">o;;[o;' ;["first-child;";(0;i;;);@f;i">o;;[o;' ;["nth-child;@f;(["2;i;;);@f;i;@f;i;io; ;T;[o; ;[; i; @ ; ;;[" padding;o;;"0 0 3px 3px;;;i; i; @ ;["#> :nth-child(2) > :first-child;o;;[o;;[ ">o;;[o;' ;["nth-child;";(["2;i;;);@;i">o;;[o;' ;["first-child;@;(0;i;;);@;i;@;i;i; i; @ ;[".x-scroll-bar-grid;o;;[o;;[o;;[o;;["x-scroll-bar-grid;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" position;o;;" relative;;;io; ;[; i; @ ; ;;[" overflow;o;;" hidden;;;i; i; @ ;[".x-scroll-bar;o;;[o;;[o;;[o;;["x-scroll-bar;";i;@;i;@;i;io; ;T;[ o; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;["visibility;o;;" hidden;;;io; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;[; i; @ ; ;;[" height;o;;" 100%;;;i; i; @ ;[".x-scroll-bar-stretcher;o;;[o;;[o;;[o;;["x-scroll-bar-stretcher;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" width;o;;" 100%;;;io; ;T;[o; ;[; i; @ ; ;;[" width;o;;" 300%;;;i; i; @ ;["> .x-scroll-bar-stretcher;o;;[o;;[">o;;[o;;["x-scroll-bar-stretcher;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" height;o;;"6px;;;i; i; @ ;[" &.active;o;;[o;;[o;;[o:Sass::Selector::Parent;";io;;[" active;@;i;@;i;@;i;i; i; @ ;[".x-scroll-bar-x;o;;[o;;[o;;[o;;["x-scroll-bar-x;";i;@;i;@;i;io; ;T;[o; ;[; i; @ ; ;;[" height;o;;" 100%;;;i o; ;T;[o; ;[; i; @ ; ;;[" height;o;;" 300%;;;i; i; @ ;["> .x-scroll-bar-stretcher;o;;[o;;[">o;;[o;;["x-scroll-bar-stretcher;";i;@2;i;@2;i;io; ;T;[o; ;[; i; @ ; ;;[" width;o;;"6px;;;i; i; @ ;[" &.active;o;;[o;;[o;;[o;*;";io;;[" active;@D;i;@D;i;@D;i;i; i; @ ;[".x-scroll-bar-y;o;;[o;;[o;;[o;;["x-scroll-bar-y;";i ;@S;i ;@S;i ;i o; ;T;[ o; ;[; i; @ ; ;;["background;o;;" #333;;;io; ;[; i; @ ; ;;[" position;o;;" absolute;;;io; ;[; i; @ ; ;;[" z-index;o;;"2;;;io; ;[; i; @ ; ;;[" opacity;o;;"0.5;;;i; i; @ ;[".x-scroll-indicator;o;;[o;;[o;;[o;;["x-scroll-indicator;";i;@y;i;@y;i;io; ;T;[o:Sass::Tree::MixinNode ;[; @ ;%[o; ; [; {;!["px;""3px;i;i ;"border-top-radius;i ;&{o;+ ;[; @ ;%[o; ; [; {;!["px;""3px;i;i!;"border-bottom-radius;i!;&{; i; @ ;[" .x-scroll-indicator.default;o;;[o;;[o;;[o;;["x-scroll-indicator;";io;;[" default;@;i;@;i;@;i;io; ;T;[o; ;T;[o; ;[; i; @ ; ;;["background;o;;" #fff;;;i'o; ;[; i; @ ; ;;[" opacity;o;;"1;;;i(; i; @ ;[".x-scroll-indicator;o;;[o;;[o;;[o;;["x-scroll-indicator;";i&;@;i&;@;i&;i&; i; @ ;["'.x-list-light, .x-dataview-light;o;;[o;;[o;;[o;;["x-list-light;";i%;@;i%o;;[" o;;[o;;["x-dataview-light;@;i%;@;i%;@;i%;i%o; ;T;[o; ;[; i; @ ; ;;[" height;o;;" 100%;;;i-; i; @ ;[".x-scroll-indicator-x;o;;[o;;[o;;[o;;["x-scroll-indicator-x;";i,;@;i,;@;i,;i,o; ;T;[o; ;[; i; @ ; ;;[" width;o;;" 100%;;;i1; i; @ ;[".x-scroll-indicator-y;o;;[o;;[o;;[o;;["x-scroll-indicator-y;";i0;@;i0;@;i0;i0o; ;T;[ o; ;[; i; @ ; ;;["background;o;;" none;;;i5o:Sass::Tree::CommentNode ;[: @loud0; @ : @silent0;"3/*-webkit-transition: opacity 0.2s ease-out;*/;i6: @lines[o; ;T;[o; ;[; i; @ ; ;;[" position;o;;" absolute;;;i9o; ;[; i; @ ; ;;["background-color;o;;" #333;;;i:; i; @ ;["> *;o;;[o;;[">o;;[o;#;0;";i8;@;i8;@;i8;i8o; ;T;[o; ;[; i; @ ; ;;["-webkit-transform-origin;o;;" 0% 0%;;;i>o; ;[; i; @ ; ;;["background;o;;" none;;;i?o; ;[; i; @ ; ;;[" content;o; ; {;"purl(data:image/bmp;base64,Qk08AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABAAAAAAAAYAAAASCwAAEgsAAAAAAAAAAAAAxhgAAAAA);i@;;;i@; i; @ ;["> :nth-child(2);o;;[o;;[">o;;[o;' ;["nth-child;";(["2;i=;;);@?;i=;@?;i=;i=o; ;T;[o; ;T;[o; ;[; i; @ ; ;;["background-color;o;;" #eee;;;iE; i; @ ;["> *;o;;[o;;[">o;;[o;#;0;";iD;@V;iD;@V;iD;iDo; ;T;[o; ;[; i; @ ; ;;[" content;o; ; {;"purl(data:image/bmp;base64,Qk08AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABAAAAAAAAYAAAASCwAAEgsAAAAAAAAAAAAAvXcAAAAA);iI;;;iI; i; @ ;["> :nth-child(2);o;;[o;;[">o;;[o;' ;["nth-child;";(["2;iH;;);@l;iH;@l;iH;iH; i; @ ;["&.x-scroll-indicator-light;o;;[o;;[o;;[o;*;";iCo;;["x-scroll-indicator-light;@x;iC;@x;iC;@x;iC;iCo; ;T;[ o; ;T;[o; ;[; i; @ ; ;;[" width;o;;" 100%;;;iO; i; @ ;["> *;o;;[o;;[">o;;[o;#;0;";iN;@;iN;@;iN;iNo; ;T;[o; ;[; i; @ ; ;;[" height;o;;"3px;;;iSo;+ ;[; @ ;%[o; ; [; {;!["px;""3px;i;iT;"border-top-radius;iT;&{; i; @ ;["> :first-child;o;;[o;;[">o;;[o;' ;["first-child;";(0;iR;;);@;iR;@;iR;iRo; ;T;[o; ;[; i; @ ; ;;[" height;o;;"1px;;;iX; i; @ ;["> :nth-child(2);o;;[o;;[">o;;[o;' ;["nth-child;";(["2;iW;;);@;iW;@;iW;iWo; ;T;[o; ;[; i; @ ; ;;[" height;o;;"3px;;;i\o;+ ;[; @ ;%[o; ; [; {;!["px;""3px;i;i];"border-bottom-radius;i];&{; i; @ ;["> :last-child;o;;[o;;[">o;;[o;' ;["last-child;";(0;i[;;);@;i[;@;i[;i[; i; @ ;["&.x-scroll-indicator-y;o;;[o;;[o;;[o;*;";iMo;;["x-scroll-indicator-y;@;iM;@;iM;@;iM;iMo; ;T;[ o; ;T;[o; ;[; i; @ ; ;;[" height;o;;" 100%;;;ic; i; @ ;["> *;o;;[o;;[">o;;[o;#;0;";ib;@ ;ib;@ ;ib;ibo; ;T;[o; ;[; i; @ ; ;;[" width;o;;"3px;;;igo;+ ;[; @ ;%[o; ; [; {;!["px;""3px;i;ih;"border-left-radius;ih;&{; i; @ ;["> :first-child;o;;[o;;[">o;;[o;' ;["first-child;";(0;if;;);@);if;@);if;ifo; ;T;[o; ;[; i; @ ; ;;[" width;o;;"1px;;;il; i; @ ;["> :nth-child(2);o;;[o;;[">o;;[o;' ;["nth-child;";(["2;ik;;);@>;ik;@>;ik;iko; ;T;[o; ;[; i; @ ; ;;[" width;o;;"3px;;;ioo;+ ;[; @ ;%[o; ; [; {;!["px;""3px;i;ip;"border-right-radius;ip;&{; i; @ ;["> :last-child;o;;[o;;[">o;;[o;' ;["last-child;";(0;in;;);@`;in;@`;in;in; i; @ ;["&.x-scroll-indicator-x;o;;[o;;[o;;[o;*;";iao;;["x-scroll-indicator-x;@j;ia;@j;ia;@j;ia;ia; i; @ ;["%.x-scroll-indicator.csstransform;o;;[o;;[o;;[o;;["x-scroll-indicator;";i4o;;["csstransform;@y;i4;@y;i4;@y;i4;i4; @ ;%[;"sencha-layout;i; @ ;i:@template"V@mixin sencha-layout { html, body { width: 100%; height: 100%; } .x-translatable { position: absolute !important; top: 100% !important; left: 100% !important; z-index: 1; } .x-translatable-container { position: relative; } .x-translatable-wrapper { width: 100%; height: 100%; position: absolute; overflow: hidden; } .x-translatable-stretcher { width: 300%; height: 300%; position: absolute; visibility: hidden; z-index: -1; } .x-translatable-nested-stretcher { width: 100%; height: 100%; left: 100%; top: 100%; position: absolute; visibility: hidden; z-index: -1; } .x-layout-fit, .x-layout-card { position: relative; overflow: hidden; } .x-layout-fit-item, .x-layout-card-item, .x-layout-card-container { position: absolute !important; width: 100%; height: 100%; left: 0; top: 0; } .x-layout-card-item { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; } .x-layout-hbox, .x-layout-vbox { display: -webkit-box; > * { -webkit-box-flex: 0; } } .x-layout-hbox { -webkit-box-orient: horizontal; } .x-layout-vbox { -webkit-box-orient: vertical; } .x-layout-hbox > .x-layout-box-item { width: 0 !important; } .x-layout-vbox > .x-layout-box-item { height: 0 !important; } .x-table-inner { display: table !important; width: 100%; height: 100%; } .x-table-inner.x-table-fixed { table-layout: fixed !important; } .x-table-row { display: table-row !important; } .x-table-row > * { display: table-cell !important; vertical-align: middle; } .x-container, .x-body { display: -webkit-box; } .x-body { overflow: hidden; -webkit-box-flex: 1; min-width: 100%; min-height: 100%; } .x-body > .x-inner, .x-container > .x-inner { -webkit-box-flex: 1; min-width: 100%; min-height: 100%; position: relative; } .x-docking-horizontal { display: -webkit-box; -webkit-box-flex: 1; -webkit-box-orient: horizontal; min-width: 100%; min-height: 100%; } .x-docking-vertical { display: -webkit-box; -webkit-box-flex: 1; -webkit-box-orient: vertical; min-width: 100%; min-height: 100%; } .x-centered { position: absolute !important; width: 100%; height: 100%; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; } .x-floating { position: absolute !important; } .x-centered > * { position: relative !important; -webkit-box-flex: 0 !important; } .x-size-change-detector { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; } .x-size-change-detector > * { visibility: hidden; } .x-size-change-detector-shrink > * { width: 200%; height: 200%; } .x-size-change-detector-expand > * { width: 100000px; height: 100000px; } .x-scroll-view { position: relative; display: block; } .x-scroll-container { position: absolute; overflow: hidden; width: 100%; height: 100%; } .x-scroll-scroller { position: absolute; min-width: 100%; min-height: 100%; } .x-ios .x-scroll-scroller { -webkit-transform: translate3d(0, 0, 0); } .x-scroll-stretcher { position: absolute; visibility: hidden; } .x-scroll-bar-grid-wrapper { position: absolute; width: 100%; height: 100%; } .x-scroll-bar-grid { display: table; width: 100%; height: 100%; > * { display: table-row; } > * > * { display: table-cell; } > :first-child > :first-child { width: 100%; height: 100%; } > :first-child > :nth-child(2) { padding: 3px 3px 0 0; } > :nth-child(2) > :first-child { padding: 0 0 3px 3px; } } .x-scroll-bar { position: relative; overflow: hidden; } .x-scroll-bar-stretcher { position: absolute; visibility: hidden; width: 100%; height: 100%; } .x-scroll-bar-x { width: 100%; > .x-scroll-bar-stretcher { width: 300%; } &.active { height: 6px; } } .x-scroll-bar-y { height: 100%; > .x-scroll-bar-stretcher { height: 300%; } &.active { width: 6px; } } .x-scroll-indicator { background: #333; position: absolute; z-index: 2; opacity: 0.5; } .x-scroll-indicator.default { @include border-top-radius(3px); @include border-bottom-radius(3px); } .x-list-light, .x-dataview-light { .x-scroll-indicator { background: #fff; opacity: 1; } } .x-scroll-indicator-x { height: 100%; } .x-scroll-indicator-y { width: 100%; } .x-scroll-indicator.csstransform { background: none; /*-webkit-transition: opacity 0.2s ease-out;*/ > * { position: absolute; background-color: #333; } > :nth-child(2) { -webkit-transform-origin: 0% 0%; background: none; content: url(data:image/bmp;base64,Qk08AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABAAAAAAAAYAAAASCwAAEgsAAAAAAAAAAAAAxhgAAAAA); } &.x-scroll-indicator-light { > * { background-color: #eee; } > :nth-child(2) { content: url(data:image/bmp;base64,Qk08AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABAAAAAAAAYAAAASCwAAEgsAAAAAAAAAAAAAvXcAAAAA); } } &.x-scroll-indicator-y { > * { width: 100%; } > :first-child { height: 3px; @include border-top-radius(3px); } > :nth-child(2) { height: 1px; } > :last-child { height: 3px; @include border-bottom-radius(3px); } } &.x-scroll-indicator-x { > * { height: 100%; } > :first-child { width: 3px; @include border-left-radius(3px); } > :nth-child(2) { width: 1px; } > :last-child { width: 3px; @include border-right-radius(3px); } } } }