{: versionI"3.2.19 (Media Mark):EF:sha"-fdea651e10e865f9b5b6342d1012d9dd44382c60: contents"no:Sass::Tree::RootNode :@children[ o:Sass::Tree::ImportNode :@imported_filenameI"variables:ET;[:@template0: @linei: @options{:@imported_file0o:Sass::Tree::RuleNode : @rule[I" .spinner; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I" spinner; T; i:@filenameI"; F: @subject0: @sourceso:Set: @hash{; i;@; i;@;[ o:Sass::Tree::PropNode ;[I" width; T: @valueo:Sass::Script::String;I" 30px; T: @type:identifier; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I" height; T;o;;I" 30px; T; ;!; @ ;i;";#;[; i ; @ o; ;[I"background-color; T;o:Sass::Script::Variable ;I"lighter_grey; T:@underscored_nameI"lighter_grey; T; i ; @ ;i;";#;[; i ; @ o; ;[I" margin; T;o;;I"100px auto; T; ;!; @ ;i;";#;[; i ; @ o; ;[I"-webkit-animation; T;o;;I"*rotateplane 1.2s infinite ease-in-out; T; ;!; @ ;i;";#;[; i; @ o; ;[I"animation; T;o;;I"*rotateplane 1.2s infinite ease-in-out; T; ;!; @ ;i;";#;[; i; @ ; i:@has_childrenT; @ o:Sass::Tree::DirectiveNode ;[I"@-webkit-keyframes ; FI"rotateplane; TI"; F;[o; ;[I"0%; T;i;o;;[o;;[[I"0%; TI"; F; i;I"; F;[o; ;[I"-webkit-transform; T;o:Sass::Script::Funcall ;I"perspective; T: @args[o:Sass::Script::Number ;i}:@numerator_units[I"px; T:@denominator_units[; i:@originalI" 120px; F; @ :@keywords{: @splat0; i; @ ;i;";#;[; i; @ ; i;&T; @ o; ;[I"50%; T;i;o;;[o;;[[I"50%; TI"; F; i;I"; F;[o; ;[I"-webkit-transform; T;o:Sass::Script::List ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i;-I" 120px; F; @ ;.{;/0; i; @ o;( ;I" rotateY; T;)[o;* ;i´;+[I"deg; T;,[; i;-I" 180deg; F; @ ;.{;/0; i; @ :@separator: space; i; @ ;i;";#;[; i; @ ; i;&T; @ o; ;[I" 100%; T;i;o;;[o;;[[I" 100%; TI"; F; i;I"; F;[o; ;[I"-webkit-transform; T;o;0 ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i;-I" 120px; F; @ ;.{;/0; i; @ o;( ;I" rotateY; T;)[o;* ;i´;+[I"deg; T;,[; i;-I" 180deg; F; @ ;.{;/0; i; @ o;( ;I" rotateX; T;)[o;* ;i´;+[I"deg; T;,[; i;-I" 180deg; F; @ ;.{;/0; i; @ ;1;2; i; @ ;i;";#;[; i; @ ; i;&T; @ ; i;&T; @ o;' ;[I"@keyframes ; FI"rotateplane; TI"; F;[o; ;[I"0%; T;i;o;;[o;;[[I"0%; TI"; F; i;I"; F;[o; ;[I"transform; T;o;0 ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i ;-I" 120px; F; @ ;.{;/0; i ; @ o;( ;I" rotateX; T;)[o;* ;i;+[I"deg; T;,[; i ;-I" 0deg; F; @ ;.{;/0; i ; @ o;( ;I" rotateY; T;)[o;* ;i;+[I"deg; T;,[; i ;-I" 0deg; F; @ ;.{;/0; i ; @ ;1;2; i ; @ ;i;";#;[; i ; @ o; ;[I"-webkit-transform; T;o;0 ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i!;-I" 120px; F; @ ;.{;/0; i!; @ o;( ;I" rotateX; T;)[o;* ;i;+[I"deg; T;,[; i!;-I" 0deg; F; @ ;.{;/0; i!; @ o;( ;I" rotateY; T;)[o;* ;i;+[I"deg; T;,[; i!;-I" 0deg; F; @ ;.{;/0; i!; @ ;1;2; i!; @ ;i;";#;[; i"; @ ; i;&T; @ o; ;[I"50%; T;i;o;;[o;;[[I"50%; TI"; F; i#;I"; F;[o; ;[I"transform; T;o;0 ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i$;-I" 120px; F; @ ;.{;/0; i$; @ o;( ;I" rotateX; T;)[o;* ;f -180.1;+[I"deg; T;,[; i$;-I"-180.1deg; F; @ ;.{;/0; i$; @ o;( ;I" rotateY; T;)[o;* ;i;+[I"deg; T;,[; i$;-I" 0deg; F; @ ;.{;/0; i$; @ ;1;2; i$; @ ;i;";#;[; i$; @ o; ;[I"-webkit-transform; T;o;0 ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i%;-I" 120px; F; @ ;.{;/0; i%; @ o;( ;I" rotateX; T;)[o;* ;f -180.1;+[I"deg; T;,[; i%;-I"-180.1deg; F; @ ;.{;/0; i%; @ o;( ;I" rotateY; T;)[o;* ;i;+[I"deg; T;,[; i%;-I" 0deg; F; @ ;.{;/0; i%; @ ;1;2; i%; @ ;i;";#;[; i&; @ ; i#;&T; @ o; ;[I" 100%; T;i;o;;[o;;[[I" 100%; TI"; F; i';I"; F;[o; ;[I"transform; T;o;0 ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i(;-I" 120px; F; @ ;.{;/0; i(; @ o;( ;I" rotateX; T;)[o;* ;iÿL;+[I"deg; T;,[; i(;-I" -180deg; F; @ ;.{;/0; i(; @ o;( ;I" rotateY; T;)[o;* ;f -179.9;+[I"deg; T;,[; i(;-I"-179.9deg; F; @ ;.{;/0; i(; @ ;1;2; i(; @ ;i;";#;[; i(; @ o; ;[I"-webkit-transform; T;o;0 ;[o;( ;I"perspective; T;)[o;* ;i};+[I"px; T;,[; i);-I" 120px; F; @ ;.{;/0; i); @ o;( ;I" rotateX; T;)[o;* ;iÿL;+[I"deg; T;,[; i);-I" -180deg; F; @ ;.{;/0; i); @ o;( ;I" rotateY; T;)[o;* ;f -179.9;+[I"deg; T;,[; i);-I"-179.9deg; F; @ ;.{;/0; i); @ ;1;2; i); @ ;i;";#;[; i); @ ; i';&T; @ ; i;&T; @ ; I"Ì@import "variables"; .spinner { width: 30px; height: 30px; background-color: $lighter_grey; margin: 100px auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } ; T; i;&T; @