shenmegui 0.0.1 → 0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cc17fa7f8f6c46479ee3911e123e3a1695bb1e35
-  data.tar.gz: 3064fa81b892c8547595cf50bffcd81e7baccb12
+  metadata.gz: 513b4854e956ae69775c6d0492a5fbac43ca61fc
+  data.tar.gz: f3de44280511211b66ba205b45063df0dfdf711e
 SHA512:
-  metadata.gz: 1bc7fa600054cdf7b63829eb1cea9a4704cf3996829ba78a956a53b20edbb04aa4bb5073d56d1a9fa59f11f189eaff3f7b8e4303f9d63115f132b27175a383f8
-  data.tar.gz: bf49c7234618ea340f252d46411e6db30345f5eed597d678ac18e7949f89ce3680feef92e5419a8927b37d34a78c974008eeb113930c44a6be5f2948f603c012
+  metadata.gz: 2d33936c411a35517e1e039db1c81a3924592e36f5a4be555267f568706484ae3f0b506ca98a4ee2250e33c430910c44988b95a19c92772a3d4c846ecf4bf199
+  data.tar.gz: 89f421ca760489d439502a5db51afef59c077008745e42d8bbbb8f933fa7c88fe4c627a77adc40e868fbccf3c07e5380eaea51095e1fd3920fb4148f77264ca4

data/lib/shenmegui.rb

@@ -1,153 +1,5 @@
 require 'erb'
 require 'json'
 require 'em-websocket'
-
-module ShenmeGUI
-
-  class << self
-    attr_accessor :elements, :socket
-    attr_reader :temp_stack
-
-    %w{stack flow button radio checkbox image select textline textarea}.each do |x|
-      define_method "#{x}" do |value=nil, &block|
-        params = {value: value}
-        el = Control.new(x.to_sym, params)
-        temp_stack.last.children << el
-        el.parent = temp_stack.last
-        temp_stack << el
-        instance_eval &block unless block.nil?
-        temp_stack.pop
-        el
-      end
-      private x.to_sym
-    end
-
-  end
-
-  @elements = []
-  @temp_stack = []
-
-  def self.app(params={}, &block)
-    el = Control.new(:body, params)
-    temp_stack << el 
-    instance_eval &block unless block.nil?
-    temp_stack.pop
-    File.open('index.html', 'w'){ |f| f.write el.render }
-    el
-  end
-
-  class Control
-    attr_accessor :id, :type, :properties, :events, :children, :parent
-
-    @available_events = %w{click input}.collect(&:to_sym)
-    @available_properties = {
-      body: %i{style},
-      button: %i{value},
-      input: %i{value},
-      textarea: %i{value cursor},
-      textline: %i{value cursor},
-      stack: %i{style},
-      flow: %i{style}
-    }
-
-    def self.available_properties
-      @available_properties
-    end
-
-    def inspect
-      "##{@type}.#{@id} #{@properties}"
-    end
-
-    def update
-      msg = "update:#{@id}->#{@properties.to_json}"
-      ::ShenmeGUI.socket.send(msg)
-    end
-
-    def initialize(type, params={})
-      self.type = type
-      self.properties = params
-      self.id = ::ShenmeGUI.elements.size
-      ::ShenmeGUI.elements << self
-      self.children = []
-      self.events = {}
-      self.class.available_properties[type].each do |x|
-        define_singleton_method(x) do
-          @properties[x]
-        end
-
-        define_singleton_method("#{x}=") do |v|
-          @properties[x] = v
-          update
-        end
-      end
-    end
-
-    def render
-      lib_path = $LOADED_FEATURES.grep(/.*\/lib\/shenmegui.rb/)[0]
-      template_path = lib_path.match(/(.*)\/lib/)[1] + "/templates"
-      if type == :body
-        static_path = lib_path.match(/(.*)\/lib/)[1] + "/static"
-        style = File.open("#{static_path}/style.css", 'r'){ |f| f.read }
-        script = File.open("#{static_path}/script.js", 'r'){ |f| f.read }
-      end
-      template = ::ERB.new File.open("#{template_path}/#{type}.erb", 'r') { |f| f.read }
-      content = self.children.collect{|x| x.render}.join("\n")
-      template.result(binding)
-    end
-
-    @available_events.each do |x|
-      define_method("on#{x}") do |&block|
-        return events[x] if block.nil?
-        events[x] = lambda &block
-      end
-      self
-    end
-
-  end
-
-  def self.handle(msg)
-    match_data = msg.match(/(.+?):(\d+)(?:->)?({.+?})?/)
-    command = match_data[1].to_sym
-    id = match_data[2].to_i
-    data = JSON.parse(match_data[3]) unless match_data[3].nil?
-    target = elements[id]
-    case command
-      when :update
-        data.each do |k,v|
-          target.properties[k.to_sym] = v
-        end
-      else
-        event_lambda = elements[id].events[command]
-        ShenmeGUI.instance_exec(&event_lambda) if event_lambda 
-    end
-    target
-  end
-
-  module Server
-    def self.start!
-      ws_thread = Thread.new do
-        EM.run do
-          EM::WebSocket.run(:host => "0.0.0.0", :port => 80) do |ws|
-            ws.onopen { puts "WebSocket connection open" }
-
-            ws.onclose { puts "Connection closed" }
-
-            ws.onmessage do |msg|
-              puts "Recieved message: #{msg}"
-              ShenmeGUI.handle msg
-            end
-            
-            ShenmeGUI.socket = ws
-          end
-        end
-      end
-
-      index_path = "#{Dir.pwd}/index.html"
-      `start file:///#{index_path}`
-
-      ws_thread.join
-    end
-
-  end
-
-end
+require_relative 'shenmegui/core'
+require_relative 'shenmegui/controls'

data/lib/shenmegui/controls.rb

@@ -0,0 +1,177 @@
+
+module ShenmeGUI
+  module Control
+
+    class Base
+      attr_accessor :id, :properties, :events, :children, :parent
+
+      def hook(obj)
+        case obj
+          when String
+            HookedString.new(obj, self)
+          when Array
+            HookedArray.new(obj, self)
+          else
+            obj
+        end
+      end
+
+      def self.property(*arr)
+        arr.each do |x|
+          define_method(x) do
+            @properties[x]
+          end
+
+          define_method("#{x}=") do |v|
+            v = hook v
+            @properties[x] = v
+            send(@validator[x]) if @validator[x]
+            sync
+          end
+        end
+      end
+
+      def self.shortcut(prop)
+        define_method(:initialize) do |x=nil, params={}|
+          x = hook x
+          params.merge!({prop => x})
+          super(params)
+        end
+
+      end
+
+      available_events = %w{click input dblclick mouseover mouseout blur focus mousemove change}.collect(&:to_sym)
+      available_events.each do |x|
+        define_method("on#{x}") do |&block|
+          return events[x] if block.nil?
+          events[x] = lambda &block
+          self
+        end
+      end
+
+      def sync
+        data = @properties
+        validate @properties
+        msg = "sync:#{@id}->#{data.to_json}"
+        ShenmeGUI.socket.send(msg)
+      end
+
+      def add_events
+        data = @events.keys
+        msg = "add_event:#{@id}->#{data.to_json}"
+        ShenmeGUI.socket.send(msg)
+      end
+
+      def initialize(params={})
+        @properties = params
+        @id = ShenmeGUI.elements.size
+        ShenmeGUI.elements << self
+        @children = []
+        @events = {}
+        @validator = {}
+      end
+
+      def render(material = {})
+        gem_path = $LOADED_FEATURES.grep(/.*\/lib\/shenmegui/)[0].match(/(.*)\/lib/)[1]
+        template_path = gem_path + "/templates"
+        type = self.class.name.match(/(?:.*::)(.+)/)[1]
+        template = ::ERB.new File.read("#{template_path}/#{type}.erb")
+        content = children.collect{|x| x.render}.join("\n")
+        template.result(binding)
+      end
+
+      def validate(params)
+      end
+
+      property :width, :height, :background, :visible
+
+    end
+
+    class Body < Base
+      def render
+        gem_path = $LOADED_FEATURES.grep(/.*\/lib\/shenmegui/)[0].match(/(.*)\/lib/)[1]
+        static_path = gem_path + "/static"
+        style = %w{semantic-ui-custom style}.collect{|x| File.read("#{static_path}/#{x}.css")}.join("\n")
+        script = File.read("#{static_path}/script.js")
+        super({style: style, script: script})
+      end
+
+    end
+
+    class Button < Base
+      property :text, :state
+      shortcut :text
+
+    end
+
+    class Textline < Base
+      property :text, :cursor
+      shortcut :text
+
+    end
+
+    class Textarea < Base
+      property :text, :cursor
+      shortcut :text
+
+      def <<(t)
+        text << t
+        sync
+      end
+    end
+
+    class Stack < Base
+    end
+
+    class Flow < Base
+    end
+
+    class Image < Base
+      property :src
+      shortcut :src
+    end
+
+    class Checkbox < Base
+      property :text, :checked
+      shortcut :text
+
+    end
+
+    class Progress < Base
+      property :percent, :text
+      shortcut :percent
+
+      def validate(params)
+        params[:percent] = 0 if params[:percent] < 0
+        params[:percent] = 100 if params[:percent] > 100
+      end
+    end
+
+    class Radio < Base
+      property :options, :checked
+      shortcut :options
+    end
+
+    class Select < Base
+      property :options, :checked
+      shortcut :options
+    end
+
+    controls = constants.reject{|x| x==:Base}
+    controls.each do |x|
+      ShenmeGUI.singleton_class.instance_eval do
+        define_method "#{x}".downcase do |*arr, &block|
+          el = const_get("ShenmeGUI::Control::#{x}").new(*arr)
+          @temp_stack.last.children << el unless @temp_stack.empty?
+          el.parent = @temp_stack.last unless @temp_stack.empty?
+          @temp_stack << el
+          instance_eval &block unless block.nil?
+          @temp_stack.pop
+          el
+        end
+        private "#{x}".downcase
+      end
+    end
+
+  end
+end

data/lib/shenmegui/core.rb

@@ -0,0 +1,120 @@
+module ShenmeGUI
+
+  class HookedArray < Array 
+    
+    @unhook_methods = %i{<< []= clear collect! compact! concat delete delete_at delete_if fill flatten! replace insert keep_if map map! pop push reject! replace rotate! select! shift shuffle! slice! sort! sort_by! uniq! unshift}
+    @unhook_methods = Hash[@unhook_methods.collect{|x| [x, Array.instance_method(x)]}]
+
+    def initialize(arr, owner)
+      @owner = owner
+      super(arr)
+    end
+    
+    @unhook_methods.each do |k, v|
+      define_method(k) do |*arr, &block|
+        result = v.bind(self).call(*arr, &block)
+        @owner.sync
+        result
+      end
+    end
+
+  end
+
+  class HookedString < String
+    @unhook_methods = %i{<< []= capitalize! chomp! chop! clear concat delete! downcase! encode! force_encoding gsub! insert lstrip! succ! next! prepend replace reverse! rstrip! slice! squeeze! strip! sub! swapcase! tr! tr_s! upcase!}
+    @unhook_methods = Hash[@unhook_methods.collect{|x| [x, String.instance_method(x)]}]
+    
+    def initialize(str, owner)
+      @owner = owner
+      super(str)
+    end
+
+    @unhook_methods.each do |k, v|
+      define_method(k) do |*arr, &block|
+        result = v.bind(self).call(*arr, &block)
+        @owner.sync
+        result
+      end
+    end
+
+  end
+  
+  class << self
+    attr_accessor :elements, :socket
+    attr_reader :this
+
+    def hook(obj)
+      case obj
+        when String
+          HookedString.new(obj, self)
+        when Array
+          HookedArray.new(obj, self)
+        else
+          obj
+      end
+    end
+
+    def handle(msg)
+      match_data = msg.match(/(.+?):(\d+)(?:->)?({.+?})?/)
+      command = match_data[1].to_sym
+      id = match_data[2].to_i
+      if match_data[3]
+        data = JSON.parse(match_data[3])
+        data = Hash[data.keys.collect(&:to_sym).zip(data.values.collect{|x| hook x})]
+      end
+      target = elements[id]
+      case command
+        when :sync
+          target.properties.update(data)
+        else
+          event_lambda = elements[id].events[command]
+          @this = elements[id]
+          result = ShenmeGUI.instance_exec(&event_lambda) if event_lambda
+          @this = nil
+          result
+
+      end
+      target
+    end
+
+    def app(params={}, &block)
+      instance_eval(&block)
+      File.open('index.html', 'w'){ |f| f.write elements[0].render }
+      nil
+    end
+
+  end
+
+  @elements = []
+  @temp_stack = []
+
+  def self.start!
+    ws_thread = Thread.new do
+      EM.run do
+        EM::WebSocket.run(:host => "0.0.0.0", :port => 80) do |ws|
+          ws.onopen do
+            puts "WebSocket connection open"
+            elements.each { |e| e.add_events; e.sync }
+          end
+
+          ws.onclose { puts "Connection closed" }
+
+          ws.onmessage do |msg|
+            puts "Recieved message: #{msg}"
+            handle msg
+          end
+          
+          @socket = ws
+        end
+      end
+    end
+
+    index_path = "#{Dir.pwd}/index.html"
+    `start file:///#{index_path}`
+
+    ws_thread.join
+  rescue Interrupt
+    puts 'bye~'
+  end
+
+end

data/static/script.js

@@ -1,49 +1,175 @@
-var wsUrl = "ws://localhost/";
+var websocket = 
+(function configureWebSocket(){
+	var wsUrl = "ws://localhost/";
 
-websocket = new WebSocket(wsUrl);
-websocket.onopen = function(evt){ console.log("Connected."); };
-websocket.onmessage = function(evt){ console.log(evt.data); handleMessage(evt.data); };
-websocket.onclose = function(evt){
-	console.log("Closed.");
-};
+	var websocket = new WebSocket(wsUrl);
+	websocket.onopen = function(evt){
+		console.log("Connected.");
+	};
+	websocket.onmessage = function(evt){
+		console.log(evt.data);
+		handleMessage(evt.data);
+	};
+	websocket.onclose = function(evt){
+		console.log("Closed.");
+	};
+	return websocket;
+})();
 
-function handleMessage(msg){
-	var match_data = msg.match(/(.+?):(\d+)(?:->)?({.+?})?/);
-	var command = match_data[1];
-	var target = document.getElementById('item-' + match_data[2]);
-	var data = JSON.parse(match_data[3]);
-	switch (command){
-		case 'update':
-			target.properties = data;
-			target.value = data.value;
+function sync(obj){
+	websocket.send("sync:" + getId(obj) + "->" + JSON.stringify(obj.properties));
+}
+
+var changeListeners = {
+	textline: {
+		event: 'input',
+		function: (function(){
+			this.properties.text = this.value;
+			sync(this);
+		})
+	},
+
+	textarea: {
+		event: 'input',
+		function: (function(){
+			this.properties.text = this.value;
+			sync(this);
+		})
+	},
+
+	checkbox: {
+		event: 'change',
+		function: (function(){
+			this.properties.checked = this.getElementsByClassName('checkbox')[0].checked;
+			sync(this);
+		})
+	},
+
+	select: {
+		event: 'change',
+		function: (function(){
+			this.properties.checked = this.value;
+			sync(this);
+		})
+	},
+
+	radio: {
+		event: 'change',
+		function: (function(){
+			this.properties.checked = this.elements['radio'].value;
+			sync(this);
+		})
 	}
 }
 
-function getId(obj){
-	return obj.id.match(/item-(\d+)/)[1];
+function addChangeListener(obj){
+	var type = obj.getAttribute('data-type');
+	changeListener = changeListeners[type];
+	if(changeListener)	obj.addEventListener(changeListener.event, changeListener.function);
 }
 
-var buttons = document.getElementsByTagName('input');
-var i;
-for(i=0; i<buttons.length; i++){
-	buttons[i].addEventListener('click', function(){
-		websocket.send("click:" + getId(this));
-	});
+function addEvents(obj, events){
+	addChangeListener(obj);
+	for(i in events){
+		(function(){
+			var type = events[i];
+			obj.addEventListener(type, function(){
+				websocket.send(type + ":" + getId(this));
+			});
+		})();
+	}
 }
 
-var inputs = document.getElementsByTagName('input');
-for(i=0; i<inputs.length; i++){
-	inputs[i].addEventListener('input', function(){
-		var value = {value: this.value};
-		websocket.send("update:" + getId(this) + "->" + JSON.stringify(value));
-		websocket.send("input:" + getId(this));
-	});
+function getId(obj){
+	return obj.id.match(/item-(\d+)/)[1];
 }
 
-var textareas = document.getElementsByTagName('textarea');
-for(i=0; i<textareas.length; i++){
-	textareas[i].addEventListener('change', function(){
-		var value = {value: this.value};
-		websocket.send("change:" + getId(this) + "->" + JSON.stringify(value));
-	});
+var syncHandlers = {
+	
+	body: (function(target, data){
+
+	}),
+
+	button: (function(target, data){
+		target.innerText = data.text;
+	}),
+
+	textline: (function(target, data){
+		target.value = data.text;
+	}),
+
+	textarea: (function(target, data){
+		target.value = data.text;
+	}),
+
+	image: (function(target, data){
+		target.src = data.src;
+	}),
+
+	div: (function(target, data){
+
+	}),
+
+	progress: (function(target, data){
+		var label = target.getElementsByClassName('label')[0];
+		var bar = target.getElementsByClassName('bar')[0];
+		var progress = target.getElementsByClassName('progress')[0];
+		bar.style.width = data.percent.toString() + '%';
+		if(data.text) label.innerText = data.text;
+		progress.innerText = data.percent.toString() + '%';
+	}),
+
+	checkbox: (function(target, data){
+		var label = target.getElementsByTagName('label')[0];
+		var checkbox = target.getElementsByClassName('checkbox')[0];
+		label.innerText = data.text;
+		if(data.checked != undefined) checkbox.checked = data.checked;
+	}),
+
+	select: (function(target, data){
+		var options = target.getElementsByTagName('option');
+		for(var i=0;i<options.length;) target.removeChild(options[i]);
+		for(var i=0;i<data.options.length;i++){
+			var option = document.createElement('option');
+			option.value = data.options[i];
+			option.innerText = data.options[i];
+			target.appendChild(option);
+		}
+	}),
+
+	radio: (function(target, data){
+		var options = target.children;
+		for(var i=0;i<options.length;) target.removeChild(options[i]);
+		for(var i=0;i<data.options.length;i++){
+			var option = document.createElement('div');
+			option.className="ui radio checkbox";
+			var input = document.createElement('input');
+			var label = document.createElement('label');
+			input.type="radio";
+			input.value = data.options[i];
+			input.className = "checkbox";
+			input.name = "radio";
+			label.innerText = data.options[i];
+			option.appendChild(input);
+			option.appendChild(label);
+			target.appendChild(option);
+		}
+	})
+};
+
+function handleMessage(msg){
+	var match_data = msg.match(/(.+?):(\d+)(?:->)?(.+)?/);
+	var command = match_data[1];
+	var target = document.getElementById('item-' + match_data[2]);
+	var data = JSON.parse(match_data[3]);
+	switch (command){
+		case 'sync':
+			target.properties = data;
+			var type = target.getAttribute('data-type');
+			syncHandlers[type](target, data);
+			break;
+		case 'add_event':
+			addEvents(target, data);
+			break;
+	}
 }

data/static/semantic-ui-custom.css

@@ -0,0 +1,8 @@
+*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+@import 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin';
+body,html{height:100%}html{font-size:14px}body{margin:0;padding:0;min-width:320px;background:#f7f7f7;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.33;color:rgba(0,0,0,.8);font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.33em;margin:-webkit-calc(2rem - .165em) 0 1rem;margin:calc(2rem - .165em) 0 1rem;font-weight:700;padding:0}h1{min-height:1rem;font-size:2rem}h2{font-size:1.714rem}h3{font-size:1.28rem}h4{font-size:1.071rem}h5{font-size:1rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child{margin-bottom:0}p{margin:0 0 1em;line-height:1.33}p:first-child{margin-top:0}p:last-child{margin-bottom:0}a{color:#009fda;text-decoration:none}a:hover{color:#00b2f3}::-webkit-selection{background-color:#cce2ff;color:rgba(0,0,0,.8)}::-moz-selection{background-color:#cce2ff;color:rgba(0,0,0,.8)}::selection{background-color:#cce2ff;color:rgba(0,0,0,.8)}input::-webkit-selection,textarea::-webkit-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.8)}input::-moz-selection,textarea::-moz-selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.8)}input::selection,textarea::selection{background-color:rgba(100,100,100,.4);color:rgba(0,0,0,.8)}
+.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background-color:#e0e0e0;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571em 1.5em;text-transform:none;text-shadow:none;font-weight:700;line-height:1;font-style:normal;text-align:center;text-decoration:none;background-image:none;border-radius:.2857rem;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:'';-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#e8e8e8;background-image:none;box-shadow:'';color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:'';color:rgba(0,0,0,.8);background-image:''!important;box-shadow:0 0 0 1px transparent inset,0 0 1px rgba(81,167,232,.8) inset,0 0 3px 2px rgba(81,167,232,.8)!important}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#ccc;background-image:'';color:rgba(0,0,0,.8);box-shadow:0 0 0 1px transparent inset,0 1px 4px 0 rgba(39,41,43,.15) inset}.ui.active.button{background-color:#d0d0d0;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.8)}.ui.active.button:hover{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.8)}.ui.active.button:active{background-color:#d0d0d0;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent!important;opacity:1;pointer-events:none;-webkit-transition:all 0s linear,opacity .2s ease;transition:all 0s linear,opacity .2s ease}.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}@-webkit-keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button:not(.inverted):after{border-top-color:#aaa}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;background-color:#dcddde!important;color:rgba(0,0,0,.4)!important;opacity:.3!important;background-image:none!important;box-shadow:none!important;pointer-events:none}.ui.basic.buttons .ui.disabled.button{border-color:rgba(39,41,43,.5)}.ui.animated.button{position:relative;overflow:hidden;vertical-align:middle;padding-right:0!important}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .hidden.content,.ui.animated.button .visible.content{-webkit-transition:right .3s ease 0s;transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-.5em}.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:hover .hidden.content{left:auto;right:0}.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{-webkit-transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,transform .3s ease}.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);right:auto}.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.ui.inverted.button{box-shadow:0 0 0 2px #fff inset!important;background:0 0;color:#fff;text-shadow:none!important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.buttons .button:hover{position:relative}.ui.inverted.button:hover{background:#fff;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.facebook.button{background-color:#3b579d;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.facebook.button:hover{background-color:#3f5da8;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#314983;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#4092cc;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.twitter.button:hover{background-color:#4c99cf;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#3180b7;color:#fff;text-shadow:none}.ui.google.plus.button{background-color:#d34836;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.google.plus.button:hover{background-color:#d65343;color:#fff;text-shadow:none}.ui.google.plus.button:active{background-color:#bc3a29;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#1f88be;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#2191cb;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#1a729f;color:#fff;text-shadow:none}.ui.youtube.button{background-color:#cc181e;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.youtube.button:hover{background-color:#da1a20;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#ac1419;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.instagram.button:hover{background-color:#4e7ea6;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#3e6484;color:#fff;text-shadow:none}.ui.pinterest.button{background-color:#00aced;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.pinterest.button:hover{background-color:#00b7fc;color:#fff;text-shadow:none}.ui.pinterest.button:active{background-color:#0092c9;color:#fff;text-shadow:none}.ui.vk.button{background-color:#4D7198;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.vk.button:hover{background-color:#5279a2;color:#fff}.ui.vk.button:active{background-color:#415f80;color:#fff}.ui.button>.icon{opacity:.8;margin:0 .4em 0 -.2em;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;vertical-align:baseline;color:''}.ui.button>.right.icon{margin:0 -.2em 0 .4em}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.5892825em 1.125em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.5892825em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.5892825em 3.69642em}.ui.mini.button,.ui.mini.buttons .button,.ui.mini.buttons .or{font-size:.71428571rem}.ui.tiny.button,.ui.tiny.buttons .button,.ui.tiny.buttons .or{font-size:.85714286rem}.ui.small.button,.ui.small.buttons .button,.ui.small.buttons .or{font-size:.92857143rem}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.large.button,.ui.large.buttons .button,.ui.large.buttons .or{font-size:1.14285714rem}.ui.big.button,.ui.big.buttons .button,.ui.big.buttons .or{font-size:1.28571429rem}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1.42857143rem}.ui.massive.button,.ui.massive.buttons .button,.ui.massive.buttons .or{font-size:1.71428571rem}.ui.icon.button,.ui.icon.buttons .button{padding:.78571em}.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0;vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:0 0!important;color:rgba(0,0,0,.6)!important;font-weight:400;border-radius:.2857rem;text-transform:none;text-shadow:none!important;box-shadow:0 0 0 1px rgba(39,41,43,.15) inset}.ui.basic.buttons{box-shadow:0 0 0 1px rgba(39,41,43,.15);border-radius:.2857rem}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#fafafa!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 rgba(39,41,43,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8!important;color:rgba(0,0,0,.8)!important;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(39,41,43,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05)!important;box-shadow:''!important;color:rgba(0,0,0,.8)}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{box-shadow:0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 rgba(39,41,43,.15) inset inset}.ui.basic.buttons .button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(39,41,43,.15) inset inset}.ui.basic.buttons .active.button{box-shadow:rgba(39,41,43,.3) inset}.ui.basic.inverted.button,.ui.basic.inverted.buttons .button{background-color:transparent!important;color:#fafafa!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important}.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:hover{color:#fff!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active{background-color:rgba(255,255,255,.05)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important}.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button{background-color:rgba(255,255,255,.05);color:#fff;text-shadow:none;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover{background-color:rgba(255,255,255,.07);box-shadow:0 0 0 2px #fff inset!important}.ui.basic.buttons .button{border-left:1px solid rgba(39,41,43,.15);box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none;border-left-width:0;border-top:1px solid rgba(39,41,43,.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;width:2.57142em;height:100%;background-color:rgba(0,0,0,.05);text-align:center;color:'';border-radius:.2857rem 0 0 .2857rem;line-height:1;box-shadow:-1px 0 0 0 transparent inset;top:0;left:0}.ui[class*="right labeled"].icon.button{padding-right:4.07142em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0 .2857rem .2857rem 0;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon:after,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.buttons>.button>.icon:before{display:block;position:absolute;width:100%;top:50%;text-align:center;margin-top:-.5em}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.2857rem;border-bottom-left-radius:.2857rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.2857rem;border-bottom-right-radius:.2857rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:.2857rem 0 0}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0 0 0 .2857rem}.ui.fluid[class*="right labeled"].icon.button,.ui.fluid[class*="left labeled"].icon.button{padding-left:1.5em!important;padding-right:1.5em!important}.ui.button.toggle.active,.ui.buttons .button.toggle.active,.ui.toggle.buttons .active.button{background-color:#5bbd72!important;box-shadow:none!important;text-shadow:none;color:#fff!important}.ui.button.toggle.active:hover{background-color:#66c17b!important;text-shadow:none;color:#fff!important}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.attached.button{display:block;margin:0;box-shadow:0 0 0 1px rgba(39,41,43,.15)!important;border-radius:0}.ui.attached.top.button{border-radius:.2857rem .2857rem 0 0}.ui.attached.bottom.button{border-radius:0 0 .2857rem .2857rem}.ui.attached.left.button{display:inline-block;border-left:none;padding-right:.75em;text-align:right;border-radius:.2857rem 0 0 .2857rem}.ui.attached.right.button{display:inline-block;padding-left:.75em;text-align:left;border-radius:0 .2857rem .2857rem 0}.ui.buttons .or{position:relative;float:left;width:.3em;height:2.57142em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:'or';top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.892855em;margin-left:-.892855em;width:1.78571em;height:1.78571em;line-height:1.78571em;color:rgba(0,0,0,.4);font-style:normal;font-weight:700;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;border-radius:0}.attached.ui.buttons .button{margin:0}.attached.ui.buttons .button:first-child,.attached.ui.buttons .button:last-child{border-radius:0}[class*="top attached"].ui.buttons{margin-bottom:-1px;border-radius:.2857rem .2857rem 0 0}[class*="top attached"].ui.buttons .button:first-child{border-radius:.2857rem 0 0}[class*="top attached"].ui.buttons .button:last-child{border-radius:0 .2857rem 0 0}[class*="bottom attached"].ui.buttons{margin-top:-1px;border-radius:0 0 .2857rem .2857rem}[class*="bottom attached"].ui.buttons .button:first-child{border-radius:0 0 0 .2857rem}[class*="bottom attached"].ui.buttons .button:last-child{border-radius:0 0 .2857rem}[class*="left attached"].ui.buttons{margin-left:-1px;border-radius:0 .2857rem .2857rem 0}[class*="left attached"].ui.buttons .button:first-child{margin-left:-1px;border-radius:0 .2857rem 0 0}[class*="left attached"].ui.buttons .button:last-child{margin-left:-1px;border-radius:0 0 .2857rem}[class*="right attached"].ui.buttons,[class*="right attached"].ui.buttons .button{margin-right:-1px;border-radius:.2857rem 0 0 .2857rem}[class*="right attached"].ui.buttons .button:first-child{margin-left:-1px;border-radius:.2857rem 0 0}[class*="right attached"].ui.buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 .2857rem}.ui.button.fluid,.ui.fluid.buttons,.ui.fluid.buttons>.button{display:block;width:100%}.ui.\32.buttons,.ui.two.buttons{width:100%}.ui.\32.buttons>.button,.ui.two.buttons>.button{width:50%}.ui.\33.buttons,.ui.three.buttons{width:100%}.ui.\33.buttons>.button,.ui.three.buttons>.button{width:33.333%}.ui.\34.buttons,.ui.four.buttons{width:100%}.ui.\34.buttons>.button,.ui.four.buttons>.button{width:25%}.ui.\35.buttons,.ui.five.buttons{width:100%}.ui.\35.buttons>.button,.ui.five.buttons>.button{width:20%}.ui.\36.buttons,.ui.six.buttons{width:100%}.ui.\36.buttons>.button,.ui.six.buttons>.button{width:16.666%}.ui.\37.buttons,.ui.seven.buttons{width:100%}.ui.\37.buttons>.button,.ui.seven.buttons>.button{width:14.285%}.ui.\38.buttons,.ui.eight.buttons{width:100%}.ui.\38.buttons>.button,.ui.eight.buttons>.button{width:12.5%}.ui.\39.buttons,.ui.nine.buttons{width:100%}.ui.\39.buttons>.button,.ui.nine.buttons>.button{width:11.11%}.ui.\31\30.buttons,.ui.ten.buttons{width:100%}.ui.\31\30.buttons>.button,.ui.ten.buttons>.button{width:10%}.ui.\31\31.buttons,.ui.eleven.buttons{width:100%}.ui.\31\31.buttons>.button,.ui.eleven.buttons>.button{width:9.09%}.ui.\31\32.buttons,.ui.twelve.buttons{width:100%}.ui.\31\32.buttons>.button,.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:block;width:auto}.ui.\32.vertical.buttons>.button,.ui.two.vertical.buttons>.button{height:50%}.ui.\33.vertical.buttons>.button,.ui.three.vertical.buttons>.button{height:33.333%}.ui.\34.vertical.buttons>.button,.ui.four.vertical.buttons>.button{height:25%}.ui.\35.vertical.buttons>.button,.ui.five.vertical.buttons>.button{height:20%}.ui.\36.vertical.buttons>.button,.ui.six.vertical.buttons>.button{height:16.666%}.ui.\37.vertical.buttons>.button,.ui.seven.vertical.buttons>.button{height:14.285%}.ui.\38.vertical.buttons>.button,.ui.eight.vertical.buttons>.button{height:12.5%}.ui.\39.vertical.buttons>.button,.ui.nine.vertical.buttons>.button{height:11.11%}.ui.\31\30.vertical.buttons>.button,.ui.ten.vertical.buttons>.button{height:10%}.ui.\31\31.vertical.buttons>.button,.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.\31\32.vertical.buttons>.button,.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.black.button,.ui.black.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.black.button:hover,.ui.black.buttons .button:hover{background-color:#1b1c1d;color:#fff;text-shadow:none}.ui.black.button:active,.ui.black.buttons .button:active{background-color:#0a0a0b;color:#fff;text-shadow:none}.ui.black.active.button,.ui.black.button .active.button:active,.ui.black.buttons .active.button,.ui.black.buttons .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.button,.ui.basic.black.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.black.button:hover,.ui.basic.black.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #1b1c1d inset!important;color:#1b1c1d!important}.ui.basic.black.button:active,.ui.basic.black.buttons .button:active{box-shadow:0 0 0 2px #0a0a0b inset!important;color:#0a0a0b!important}.ui.basic.black.active.button,.ui.basic.black.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #0a0a0b inset!important;color:#0a0a0b!important}.ui.buttons>.basic.black.button:not(:first-child){margin-left:-2px}.ui.inverted.black.button,.ui.inverted.black.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #d4d4d5 inset!important;color:#fff}.ui.inverted.black.active.button,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .active.button,.ui.inverted.black.buttons .button:hover{box-shadow:0 0 0 2px #333 inset!important;background-color:#333;color:#fff}.ui.inverted.black.button:active,.ui.inverted.black.buttons .button:active{box-shadow:0 0 0 2px #212121 inset!important;background-color:#212121;color:#fff}.ui.inverted.black.basic.button,.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.black.basic.active.button,.ui.inverted.black.basic.button:hover,.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.active.button,.ui.inverted.black.buttons .basic.button:hover{box-shadow:0 0 0 2px #333 inset!important;color:#fff!important}.ui.inverted.black.basic.button:active,.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active{box-shadow:0 0 0 2px #212121 inset!important;color:#fff!important}.ui.blue.button,.ui.blue.buttons .button{background-color:#3b83c0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:#458ac6;color:#fff;text-shadow:none}.ui.blue.button:active,.ui.blue.buttons .button:active{background-color:#3370a5;color:#fff;text-shadow:none}.ui.blue.active.button,.ui.blue.button .active.button:active,.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active{background-color:#3576ac;color:#fff;text-shadow:none}.ui.basic.blue.button,.ui.basic.blue.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #458ac6 inset!important;color:#458ac6!important}.ui.basic.blue.button:active,.ui.basic.blue.buttons .button:active{box-shadow:0 0 0 2px #3370a5 inset!important;color:#3370a5!important}.ui.basic.blue.active.button,.ui.basic.blue.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #3370a5 inset!important;color:#3370a5!important}.ui.buttons>.basic.blue.button:not(:first-child){margin-left:-2px}.ui.inverted.blue.button,.ui.inverted.blue.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff}.ui.inverted.blue.active.button,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .active.button,.ui.inverted.blue.buttons .button:hover{box-shadow:0 0 0 2px #54c8ff inset!important;background-color:#54c8ff;color:#fff}.ui.inverted.blue.button:active,.ui.inverted.blue.buttons .button:active{box-shadow:0 0 0 2px #30bdff inset!important;background-color:#30bdff;color:#fff}.ui.inverted.blue.basic.button,.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.blue.basic.active.button,.ui.inverted.blue.basic.button:hover,.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.active.button,.ui.inverted.blue.buttons .basic.button:hover{box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.button:active,.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active{box-shadow:0 0 0 2px #30bdff inset!important;color:#54c8ff!important}.ui.green.button,.ui.green.buttons .button{background-color:#5bbd72;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#66c17b;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#46ae5f;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#49b562;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #66c17b inset!important;color:#66c17b!important}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{box-shadow:0 0 0 2px #46ae5f inset!important;color:#46ae5f!important}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #46ae5f inset!important;color:#46ae5f!important}.ui.buttons>.basic.green.button:not(:first-child){margin-left:-2px}.ui.inverted.green.button,.ui.inverted.green.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40}.ui.inverted.green.active.button,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .active.button,.ui.inverted.green.buttons .button:hover{box-shadow:0 0 0 2px #2ecc40 inset!important;background-color:#2ecc40;color:#fff}.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active{box-shadow:0 0 0 2px #27af37 inset!important;background-color:#27af37;color:#fff}.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.active.button,.ui.inverted.green.buttons .basic.button:hover{box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40!important}.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active{box-shadow:0 0 0 2px #27af37 inset!important;color:#2ecc40!important}.ui.orange.button,.ui.orange.buttons .button{background-color:#e07b53;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.orange.button:hover,.ui.orange.buttons .button:hover{background-color:#e28560;color:#fff;text-shadow:none}.ui.orange.button:active,.ui.orange.buttons .button:active{background-color:#db6435;color:#fff;text-shadow:none}.ui.orange.active.button,.ui.orange.button .active.button:active,.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active{background-color:#dc6a3d;color:#fff;text-shadow:none}.ui.basic.orange.button,.ui.basic.orange.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.orange.button:hover,.ui.basic.orange.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #e28560 inset!important;color:#e28560!important}.ui.basic.orange.button:active,.ui.basic.orange.buttons .button:active{box-shadow:0 0 0 2px #db6435 inset!important;color:#db6435!important}.ui.basic.orange.active.button,.ui.basic.orange.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #db6435 inset!important;color:#db6435!important}.ui.buttons>.basic.orange.button:not(:first-child){margin-left:-2px}.ui.inverted.orange.button,.ui.inverted.orange.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b}.ui.inverted.orange.active.button,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .active.button,.ui.inverted.orange.buttons .button:hover{box-shadow:0 0 0 2px #ff851b inset!important;background-color:#ff851b;color:#fff}.ui.inverted.orange.button:active,.ui.inverted.orange.buttons .button:active{box-shadow:0 0 0 2px #f67300 inset!important;background-color:#f67300;color:#fff}.ui.inverted.orange.basic.button,.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.orange.basic.active.button,.ui.inverted.orange.basic.button:hover,.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.active.button,.ui.inverted.orange.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b!important}.ui.inverted.orange.basic.button:active,.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active{box-shadow:0 0 0 2px #f67300 inset!important;color:#ff851b!important}.ui.pink.button,.ui.pink.buttons .button{background-color:#d9499a;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.pink.button:hover,.ui.pink.buttons .button:hover{background-color:#dc56a1;color:#fff;text-shadow:none}.ui.pink.button:active,.ui.pink.buttons .button:active{background-color:#d22c8a;color:#fff;text-shadow:none}.ui.pink.active.button,.ui.pink.button .active.button:active,.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active{background-color:#d5348e;color:#fff;text-shadow:none}.ui.basic.pink.button,.ui.basic.pink.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.pink.button:hover,.ui.basic.pink.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #dc56a1 inset!important;color:#dc56a1!important}.ui.basic.pink.button:active,.ui.basic.pink.buttons .button:active{box-shadow:0 0 0 2px #d22c8a inset!important;color:#d22c8a!important}.ui.basic.pink.active.button,.ui.basic.pink.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #d22c8a inset!important;color:#d22c8a!important}.ui.buttons>.basic.pink.button:not(:first-child){margin-left:-2px}.ui.inverted.pink.button,.ui.inverted.pink.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf}.ui.inverted.pink.active.button,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .active.button,.ui.inverted.pink.buttons .button:hover{box-shadow:0 0 0 2px #ff8edf inset!important;background-color:#ff8edf;color:#fff}.ui.inverted.pink.button:active,.ui.inverted.pink.buttons .button:active{box-shadow:0 0 0 2px #ff6ad5 inset!important;background-color:#ff6ad5;color:#fff}.ui.inverted.pink.basic.button,.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.pink.basic.active.button,.ui.inverted.pink.basic.button:hover,.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.active.button,.ui.inverted.pink.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.button:active,.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active{box-shadow:0 0 0 2px #ff6ad5 inset!important;color:#ff8edf!important}.ui.purple.button,.ui.purple.buttons .button{background-color:#564f8a;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.purple.button:hover,.ui.purple.buttons .button:hover{background-color:#5c5594;color:#fff;text-shadow:none}.ui.purple.button:active,.ui.purple.buttons .button:active{background-color:#484273;color:#fff;text-shadow:none}.ui.purple.active.button,.ui.purple.button .active.button:active,.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active{background-color:#4c467a;color:#fff;text-shadow:none}.ui.basic.purple.button,.ui.basic.purple.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.purple.button:hover,.ui.basic.purple.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #5c5594 inset!important;color:#5c5594!important}.ui.basic.purple.button:active,.ui.basic.purple.buttons .button:active{box-shadow:0 0 0 2px #484273 inset!important;color:#484273!important}.ui.basic.purple.active.button,.ui.basic.purple.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #484273 inset!important;color:#484273!important}.ui.buttons>.basic.purple.button:not(:first-child){margin-left:-2px}.ui.inverted.purple.button,.ui.inverted.purple.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #cdc6ff inset!important;color:#cdc6ff}.ui.inverted.purple.active.button,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .active.button,.ui.inverted.purple.buttons .button:hover{box-shadow:0 0 0 2px #cdc6ff inset!important;background-color:#cdc6ff;color:#1b1c1d}.ui.inverted.purple.button:active,.ui.inverted.purple.buttons .button:active{box-shadow:0 0 0 2px #aea2ff inset!important;background-color:#aea2ff;color:#1b1c1d}.ui.inverted.purple.basic.button,.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.purple.basic.active.button,.ui.inverted.purple.basic.button:hover,.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.active.button,.ui.inverted.purple.buttons .basic.button:hover{box-shadow:0 0 0 2px #cdc6ff inset!important;color:#cdc6ff!important}.ui.inverted.purple.basic.button:active,.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active{box-shadow:0 0 0 2px #aea2ff inset!important;color:#cdc6ff!important}.ui.red.button,.ui.red.buttons .button{background-color:#d95c5c;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#dc6868;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#d23f3f;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#d44747;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #dc6868 inset!important;color:#dc6868!important}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{box-shadow:0 0 0 2px #d23f3f inset!important;color:#d23f3f!important}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #d23f3f inset!important;color:#d23f3f!important}.ui.buttons>.basic.red.button:not(:first-child){margin-left:-2px}.ui.inverted.red.button,.ui.inverted.red.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e}.ui.inverted.red.active.button,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .active.button,.ui.inverted.red.buttons .button:hover{box-shadow:0 0 0 2px #ff695e inset!important;background-color:#ff695e;color:#fff}.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active{box-shadow:0 0 0 2px #ff483a inset!important;background-color:#ff483a;color:#fff}.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.active.button,.ui.inverted.red.buttons .basic.button:hover{box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e!important}.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active{box-shadow:0 0 0 2px #ff483a inset!important;color:#ff695e!important}.ui.teal.button,.ui.teal.buttons .button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:#00c4bc;color:#fff;text-shadow:none}.ui.teal.button:active,.ui.teal.buttons .button:active{background-color:#00918b;color:#fff;text-shadow:none}.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.button,.ui.basic.teal.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #00c4bc inset!important;color:#00c4bc!important}.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active{box-shadow:0 0 0 2px #00918b inset!important;color:#00918b!important}.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #00918b inset!important;color:#00918b!important}.ui.buttons>.basic.teal.button:not(:first-child){margin-left:-2px}.ui.inverted.teal.button,.ui.inverted.teal.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff}.ui.inverted.teal.active.button,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .active.button,.ui.inverted.teal.buttons .button:hover{box-shadow:0 0 0 2px #6dffff inset!important;background-color:#6dffff;color:#1b1c1d}.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active{box-shadow:0 0 0 2px #49ffff inset!important;background-color:#49ffff;color:#1b1c1d}.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.active.button,.ui.inverted.teal.buttons .basic.button:hover{box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active{box-shadow:0 0 0 2px #49ffff inset!important;color:#6dffff!important}.ui.yellow.button,.ui.yellow.buttons .button{background-color:#f2c61f;color:#fff;text-shadow:none;background-image:none}.ui.yellow.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.yellow.button:hover,.ui.yellow.buttons .button:hover{background-color:#f3ca2d;color:#fff;text-shadow:none}.ui.yellow.button:active,.ui.yellow.buttons .button:active{background-color:#e0b40d;color:#fff;text-shadow:none}.ui.yellow.active.button,.ui.yellow.button .active.button:active,.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active{background-color:#eabc0e;color:#fff;text-shadow:none}.ui.basic.yellow.button,.ui.basic.yellow.buttons .button{box-shadow:0 0 0 2px rgba(39,41,43,.15) inset!important;color:rgba(0,0,0,.6)!important}.ui.basic.yellow.button:hover,.ui.basic.yellow.buttons .button:hover{background:0 0!important;box-shadow:0 0 0 2px #f3ca2d inset!important;color:#f3ca2d!important}.ui.basic.yellow.button:active,.ui.basic.yellow.buttons .button:active{box-shadow:0 0 0 2px #e0b40d inset!important;color:#e0b40d!important}.ui.basic.yellow.active.button,.ui.basic.yellow.buttons .active.button{background:0 0!important;box-shadow:0 0 0 2px #e0b40d inset!important;color:#e0b40d!important}.ui.buttons>.basic.yellow.button:not(:first-child){margin-left:-2px}.ui.inverted.yellow.button,.ui.inverted.yellow.buttons .button{background-color:transparent;box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f}.ui.inverted.yellow.active.button,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .active.button,.ui.inverted.yellow.buttons .button:hover{box-shadow:0 0 0 2px #ffe21f inset!important;background-color:#ffe21f;color:#1b1c1d}.ui.inverted.yellow.button:active,.ui.inverted.yellow.buttons .button:active{box-shadow:0 0 0 2px #fada00 inset!important;background-color:#fada00;color:#1b1c1d}.ui.inverted.yellow.basic.button,.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button{background-color:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.yellow.basic.active.button,.ui.inverted.yellow.basic.button:hover,.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.active.button,.ui.inverted.yellow.buttons .basic.button:hover{box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.button:active,.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active{box-shadow:0 0 0 2px #fada00 inset!important;color:#ffe21f!important}.ui.primary.button,.ui.primary.buttons .button{background-color:#3b83c0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#458ac6;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#3370a5;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.buttons .active.button{background-color:#3576ac;color:#fff;text-shadow:none}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#222425;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#0a0a0b;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.buttons .active.button{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.positive.button,.ui.positive.buttons .button{background-color:#5bbd72!important;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.positive.active.button,.ui.positive.button:hover,.ui.positive.buttons .active.button,.ui.positive.buttons .button:hover{background-color:#66c17b!important;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#46ae5f!important;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#49b562;color:#fff;text-shadow:none}.ui.negative.button,.ui.negative.buttons .button{background-color:#d95c5c!important;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(39,41,43,.15) inset}.ui.negative.active.button,.ui.negative.button:hover,.ui.negative.buttons .active.button,.ui.negative.buttons .button:hover{background-color:#dc6868!important;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#d23f3f!important;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#d44747;color:#fff;text-shadow:none}.ui.buttons{display:inline-block;vertical-align:middle;margin:0 .25em 0 0}.ui.buttons>.active.button,.ui.buttons>.button:hover{position:relative}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button:first-child{border-left:none}.ui.buttons:not(.basic):not(.inverted){box-shadow:none}.ui.buttons:not(.basic):not(.inverted)>.button,.ui.buttons>.ui.button:not(.basic):not(.inverted){box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(39,41,43,.15) inset}.ui.buttons .button{float:left;border-radius:0;margin:0}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.2857rem;border-bottom-left-radius:.2857rem}.ui.buttons .button:last-child{border-top-right-radius:.2857rem;border-bottom-right-radius:.2857rem}.ui.vertical.buttons{display:inline-block}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;box-shadow:none}.ui.vertical.buttons .button:first-child,.ui.vertical.buttons .huge.button:first-child,.ui.vertical.buttons .massive.button:first-child,.ui.vertical.buttons .mini.button:first-child,.ui.vertical.buttons .small.button:first-child,.ui.vertical.buttons .tiny.button:first-child{border-radius:.2857rem .2857rem 0 0}.ui.vertical.buttons .button:last-child,.ui.vertical.buttons .gigantic.button:last-child,.ui.vertical.buttons .huge.button:last-child,.ui.vertical.buttons .massive.button:last-child,.ui.vertical.buttons .mini.button:last-child,.ui.vertical.buttons .small.button:last-child,.ui.vertical.buttons .tiny.button:last-child{margin-bottom:0;border-radius:0 0 .2857rem .2857rem}
+.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.image img,.ui.image svg{display:block;max-width:100%;height:auto}.ui.hidden.image,.ui.hidden.images{display:none}.ui.disabled.image,.ui.disabled.images{cursor:default;opacity:.3}.ui.inline.image,.ui.inline.image img,.ui.inline.image svg{display:inline-block}.ui.top.aligned.image,.ui.top.aligned.image img,.ui.top.aligned.image svg,.ui.top.aligned.images .image{display:inline-block;vertical-align:top}.ui.middle.aligned.image,.ui.middle.aligned.image img,.ui.middle.aligned.image svg,.ui.middle.aligned.images .image{display:inline-block;vertical-align:middle}.ui.bottom.aligned.image,.ui.bottom.aligned.image img,.ui.bottom.aligned.image svg,.ui.bottom.aligned.images .image{display:inline-block;vertical-align:bottom}.ui.rounded.image,.ui.rounded.image img,.ui.rounded.image svg,.ui.rounded.images .image,.ui.rounded.images img,.ui.rounded.images svg{border-radius:.3125em}.ui.bordered.image img,.ui.bordered.image svg,.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,img.ui.bordered.image{border:1px solid rgba(0,0,0,.1)}.ui.circular.image,.ui.circular.images{overflow:hidden}.ui.circular.image,.ui.circular.image img,.ui.circular.image svg,.ui.circular.images .image,.ui.circular.images img,.ui.circular.images svg{border-radius:500rem}.ui.fluid.image,.ui.fluid.image img,.ui.fluid.image svg,.ui.fluid.images,.ui.fluid.images img,.ui.fluid.images svg{display:block;width:100%;height:auto}.ui.avatar.image,.ui.avatar.image img,.ui.avatar.image svg,.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg{margin-right:.25em;display:inline-block;width:2.5em;height:2.5em;border-radius:500rem}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.image,.ui.right.floated.images{float:right;margin-right:0;margin-bottom:1em;margin-left:1em}.ui.floated.image:last-child,.ui.floated.images:last-child{margin-bottom:0}.ui.centered.image,.ui.centered.images{margin-left:auto;margin-right:auto}.ui.mini.image,.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg{width:20px;height:auto;font-size:.71428571rem}.ui.tiny.image,.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg{width:80px;height:auto;font-size:.85714286rem}.ui.small.image,.ui.small.images .image,.ui.small.images img,.ui.small.images svg{width:150px;height:auto;font-size:.92857143rem}.ui.medium.image,.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg{width:300px;height:auto;font-size:1rem}.ui.large.image,.ui.large.images .image,.ui.large.images img,.ui.large.images svg{width:450px;height:auto;font-size:1.14285714rem}.ui.big.image,.ui.big.images .image,.ui.big.images img,.ui.big.images svg{width:600px;height:auto;font-size:1.28571429rem}.ui.huge.image,.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg{width:800px;height:auto;font-size:1.42857143rem}.ui.massive.image,.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg{width:960px;height:auto;font-size:1.71428571rem}.ui.images{font-size:0;margin:0 -.25rem}.ui.images .image,.ui.images img,.ui.images svg{display:inline-block;margin:0 .25rem .5rem}
+.ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field,.ui.form .fields .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields:last-child{margin-bottom:0}.ui.form .field>label{display:block;margin:0 0 .2857rem;color:rgba(0,0,0,.8);font-size:.9285em;font-weight:700;text-transform:none}.ui.form .grouped.fields>label{margin:0 0 .2857rem;color:rgba(0,0,0,.8);font-weight:700;text-transform:none}.ui.form .inline.fields>label{display:inline-block;vertical-align:middle;margin:0 1em 0 0;color:rgba(0,0,0,.8);font-size:.9285em;font-weight:700;text-transform:none}.ui.form .ui.input,.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=text],.ui.form input[type=url],.ui.form textarea{width:100%;vertical-align:top}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=text],.ui.form input[type=url]{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0;outline:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);line-height:1.2142em;padding:.67861em 1em;font-size:1em;background:#fff;border:1px solid rgba(39,41,43,.15);color:rgba(0,0,0,.8);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.ui.form textarea,.ui.textarea{margin:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);padding:.78571em 1em;background:#fff;border:1px solid rgba(39,41,43,.15);outline:0;color:rgba(0,0,0,.8);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;font-size:1em;height:12em;min-height:8em;max-height:24em;line-height:1.2857;resize:vertical}.ui.form input[type=checkbox],.ui.form textarea{vertical-align:top}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#fff;border:1px solid rgba(39,41,43,.15);border-radius:.2857rem;box-shadow:0 0 0 0 transparent inset;padding:.62em 1em;color:rgba(0,0,0,.8);-webkit-transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.ui.form .field>.selection.dropdown{width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.field>.selection.dropdown{width:auto}.ui.form .inline.field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .divider{clear:both;margin:1em 0}.ui.form .error.message,.ui.form .success.message,.ui.form .warning.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:nowrap}.ui.form .inline.field .prompt{margin:-.5em 0 -.5em 1em}.ui.form .inline.field .prompt:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.form ::-webkit-input-placeholder{color:rgba(140,140,140,.8)}.ui.form ::-moz-placeholder{color:rgba(140,140,140,.8)}.ui.form :focus::-webkit-input-placeholder{color:rgba(89,89,89,.8)}.ui.form :focus::-moz-placeholder{color:rgba(89,89,89,.8)}.ui.form .error ::-webkit-input-placeholder{color:#e38585}.ui.form .error ::-moz-placeholder{color:#e38585}.ui.form .error :focus::-webkit-input-placeholder{color:#de7171}.ui.form .error :focus::-moz-placeholder{color:#de7171}.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=time]:focus,.ui.form input[type=text]:focus,.ui.form input[type=url]:focus{color:rgba(0,0,0,.85);border-color:rgba(39,41,43,.3);border-radius:0 .2857rem .2857rem 0;background:#fff;box-shadow:1px 0 0 0 rgba(39,41,43,.3) inset}.ui.form textarea:focus{color:rgba(0,0,0,.85);border-color:rgba(39,41,43,.3);border-radius:0 .2857rem .2857rem 0;background:#fff;box-shadow:1px 0 0 0 rgba(39,41,43,.3) inset;-webkit-appearance:none}.ui.form.error .error.message,.ui.form.success .success.message,.ui.form.warning .warning.message{display:block}.ui.form .field.error .input,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .fields.error .field label{color:#d95c5c}.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label{border-color:#d95c5c;color:#fff}.ui.form .field.error input:not([type]),.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=email],.ui.form .field.error input[type=number],.ui.form .field.error input[type=password],.ui.form .field.error input[type=search],.ui.form .field.error input[type=tel],.ui.form .field.error input[type=time],.ui.form .field.error input[type=text],.ui.form .field.error input[type=url],.ui.form .field.error select,.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=search],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field input[type=time],.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field select,.ui.form .fields.error .field textarea{background:#fff0f0;border-color:#dbb1b1;color:#d95c5c;border-radius:0 .2857rem .2857rem 0;box-shadow:2px 0 0 0 #d95c5c inset}.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=search]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error input[type=time]:focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error select:focus,.ui.form .field.error textarea:focus{background:#fff0f0;border-color:#dbb1b1;color:#dc6868;-webkit-appearance:none;box-shadow:2px 0 0 0 #dc6868 inset}.ui.form .field.error select{-webkit-appearance:menulist-button}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown .text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item{background:#fff0f0;color:#d95c5c}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown:hover{border-color:#dbb1b1!important}.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu{border-color:#dbb1b1}.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .item:hover{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item{background-color:#fdcfcf!important}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label{color:#d95c5c}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before{background:#fff0f0;border-color:#dbb1b1}.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after{color:#d95c5c}.ui.form .field :disabled,.ui.form .field.disabled,.ui.form .field.disabled label{opacity:.5}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;point-events:none;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear;z-index:100}.ui.loading.form:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;z-index:100}.ui.loading.form:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:form-spin .6s linear;animation:form-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields>.field>.checkbox:after,.ui.form .required.fields>.field>label:after{margin:-.2em 0 0 .2em;content:'*';color:#d95c5c}.ui.form .required.field>label:after,.ui.form .required.fields>.field>label:after{display:inline-block;vertical-align:top}.ui.form .required.field>.checkbox:after,.ui.form .required.fields>.field>.checkbox:after{position:absolute;top:0;left:100%}.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label{color:#fff}.ui.form .grouped.fields{margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{font-size:.9285em}.ui.form .grouped.fields .field{display:block;float:none;margin:.5em 0;padding:0}.ui.form .fields{clear:both}.ui.form .fields:after{content:' ';display:block;clear:both;visibility:hidden;line-height:0;height:0}.ui.form .fields>.field{clear:none;float:left;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;box-shadow:none}.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:50%}.ui.form .three.fields>.field,.ui.form .three.fields>.fields{width:33.33333333%}.ui.form .four.fields>.field,.ui.form .four.fields>.fields{width:25%}.ui.form .five.fields>.field,.ui.form .five.fields>.fields{width:20%}.ui.form .six.fields>.field,.ui.form .six.fields>.fields{width:16.66666667%}.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields{width:14.28571429%}.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields{width:12.5%}.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields{width:11.11111111%}.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields{width:10%}@media only screen and (max-width:767px){.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields,.ui.form .five.fields>.field,.ui.form .five.fields>.fields,.ui.form .four.fields>.field,.ui.form .four.fields>.fields,.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields,.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields,.ui.form .six.fields>.field,.ui.form .six.fields>.fields,.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields,.ui.form .three.fields>.field,.ui.form .three.fields>.fields,.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:100%!important;margin:0 0 1em;padding-left:0;padding-right:0}}.ui.form .fields .field:first-child{padding-left:0}.ui.form .fields .field:last-child{padding-right:0}.ui.form .fields .wide.field{width:6.25%;padding-left:.5em;padding-right:.5em}.ui.form .fields .wide.field:first-child{padding-left:0}.ui.form .fields .wide.field:last-child{padding-right:0}.ui.form .one.wide.field{width:6.25%!important}.ui.form .two.wide.field{width:12.5%!important}.ui.form .three.wide.field{width:18.75%!important}.ui.form .four.wide.field{width:25%!important}.ui.form .five.wide.field{width:31.25%!important}.ui.form .six.wide.field{width:37.5%!important}.ui.form .seven.wide.field{width:43.75%!important}.ui.form .eight.wide.field{width:50%!important}.ui.form .nine.wide.field{width:56.25%!important}.ui.form .ten.wide.field{width:62.5%!important}.ui.form .eleven.wide.field{width:68.75%!important}.ui.form .twelve.wide.field{width:75%!important}.ui.form .thirteen.wide.field{width:81.25%!important}.ui.form .fourteen.wide.field{width:87.5%!important}.ui.form .fifteen.wide.field{width:93.75%!important}.ui.form .sixteen.wide.field{width:100%!important}@media only screen and (max-width:767px){.ui.form .fields>.eight.wide.field,.ui.form .fields>.eleven.wide.field,.ui.form .fields>.fifteen.wide.field,.ui.form .fields>.five.wide.field,.ui.form .fields>.four.wide.field,.ui.form .fields>.fourteen.wide.field,.ui.form .fields>.nine.wide.field,.ui.form .fields>.seven.wide.field,.ui.form .fields>.six.wide.field,.ui.form .fields>.sixteen.wide.field,.ui.form .fields>.ten.wide.field,.ui.form .fields>.thirteen.wide.field,.ui.form .fields>.three.wide.field,.ui.form .fields>.twelve.wide.field,.ui.form .fields>.two.wide.field,.ui.form .five.fields>.field,.ui.form .five.fields>.fields,.ui.form .four.fields>.field,.ui.form .four.fields>.fields,.ui.form .three.fields>.field,.ui.form .three.fields>.fields,.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:100%!important;margin:0 0 1em;padding-left:0;padding-right:0}}.ui.form .inline.fields{margin:0 0 1em}.ui.form .inline.fields .field{display:inline-block;float:none;margin:0 1em 0 0;padding:0}.ui.form .inline.field>.ui.input,.ui.form .inline.field>input,.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>.ui.input,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:.9285em}.ui.form .inline.field>.ui.input,.ui.form .inline.field>input,.ui.form .inline.fields .field>.ui.input,.ui.form .inline.fields .field>input{font-size:.9285em}.ui.form .inline.fields .field>.ui.checkbox label{padding-left:1.75em}.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child{margin:0 .2857rem 0 0}.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child{margin:0}.ui.small.form{font-size:.875em}.ui.form{font-size:auto}.ui.large.form{font-size:1.125em}.ui.huge.form{font-size:1.2em}
+.ui.progress{position:relative;display:block;max-width:100%;border:1px solid rgba(39,41,43,.15);margin:1em 0 2.5em;box-shadow:none;background:rgba(0,0,0,.03);padding:.2857em;border-radius:.2857rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.indicating.progress .bar[style*="width: 1"],.ui.indicating.progress .bar[style*="width: 2"]{background-color:#d95c5c}.ui.indicating.progress .bar[style*="width: 3"]{background-color:#d9a65c}.ui.indicating.progress .bar[style*="width: 4"],.ui.indicating.progress .bar[style*="width: 5"]{background-color:#e6bb48}.ui.indicating.progress .bar[style*="width: 6"]{background-color:#ddc928}.ui.indicating.progress .bar[style*="width: 7"],.ui.indicating.progress .bar[style*="width: 8"]{background-color:#b4d95c}.ui.indicating.progress .bar[style*="width: 9"],.ui.indicating.progress .bar[style*="width: 100"]{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .label{color:#d9a65c}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .label{color:#ddc928}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:#b4d95c}.ui.indicating.progress[data-percent^="9"] .label,.ui.indicating.progress[data-percent^="100"] .label{color:#66da81}.ui.indicating.progress .bar[style^="width: 1%"],.ui.indicating.progress .bar[style^="width: 2%"],.ui.indicating.progress .bar[style^="width: 3%"],.ui.indicating.progress .bar[style^="width: 4%"],.ui.indicating.progress .bar[style^="width: 5%"],.ui.indicating.progress .bar[style^="width: 6%"],.ui.indicating.progress .bar[style^="width: 7%"],.ui.indicating.progress .bar[style^="width: 8%"],.ui.indicating.progress .bar[style^="width: 9%"]{background-color:#d95c5c}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:#d95c5c}.ui.indicating.progress.success .label{color:#356e36}.ui.progress .bar{display:block;line-height:1;position:relative;width:0;min-width:2em;background:#888;border-radius:.2857rem;-webkit-transition:width .3s ease,background-color .3s ease;transition:width .3s ease,background-color .3s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.9em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.8);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.8);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.ui.progress.success .bar{background-color:#5bbd72!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#356e36}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#825c01}.ui.progress.error .bar{background-color:#d95c5c!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.2857rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite}@-webkit-keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.inverted.progress{background:rgba(255,255,255,.05);border:none}.ui.inverted.progress .bar{background:#888}.ui.inverted.progress .bar>.progress{color:#fafafa}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#5bbd72}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#d95c5c}.ui.progress.attached{background:0 0;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.2rem;padding:0;overflow:hidden;border-radius:0 0 .2857rem .2857rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.2857rem .2857rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.card>.ui.attached.progress,.ui.segment>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.card>.ui.bottom.attached.progress,.ui.segment>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.black.progress .bar{background-color:#1b1c1d}.ui.blue.progress .bar{background-color:#3b83c0}.ui.green.progress .bar{background-color:#5bbd72}.ui.orange.progress .bar{background-color:#e07b53}.ui.pink.progress .bar{background-color:#d9499a}.ui.purple.progress .bar{background-color:#564f8a}.ui.red.progress .bar{background-color:#d95c5c}.ui.teal.progress .bar{background-color:#00b5ad}.ui.yellow.progress .bar{background-color:#f2c61f}.ui.black.inverted.progress .bar{background-color:#333}.ui.blue.inverted.progress .bar{background-color:#54c8ff}.ui.green.inverted.progress .bar{background-color:#2ecc40}.ui.orange.inverted.progress .bar{background-color:#ff851b}.ui.pink.inverted.progress .bar{background-color:#ff8edf}.ui.purple.inverted.progress .bar{background-color:#cdc6ff}.ui.red.inverted.progress .bar{background-color:#ff695e}.ui.teal.inverted.progress .bar{background-color:#6dffff}.ui.yellow.inverted.progress .bar{background-color:#ffe21f}.ui.tiny.progress{font-size:.85714286rem}.ui.tiny.progress .bar{height:.5em}.ui.small.progress{font-size:.92857143rem}.ui.small.progress .bar{height:1em}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em}
+.ui.checkbox{position:relative;display:inline-block;min-height:17px;font-size:1rem;line-height:15px;min-width:17px;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:middle}.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio]{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.ui.checkbox .box,.ui.checkbox label{display:block;cursor:pointer;padding-left:1.75em;outline:0}.ui.checkbox label{font-size:1em}.ui.checkbox .box:before,.ui.checkbox label:before{position:absolute;line-height:1;width:17px;height:17px;top:0;left:0;content:'';background:#fff;border-radius:.25em;-webkit-transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;border:1px solid #d4d4d5}.ui.checkbox .box:after,.ui.checkbox label:after{position:absolute;top:0;left:0;line-height:17px;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,.8);-webkit-transition:all .1s ease;transition:all .1s ease}.ui.checkbox label,.ui.checkbox+label{cursor:pointer;color:rgba(0,0,0,.8);-webkit-transition:color .2s ease;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.checkbox+label{vertical-align:middle}.ui.checkbox .box:hover::before,.ui.checkbox label:hover::before{background:#fff;border:1px solid rgba(39,41,43,.3)}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:rgba(0,0,0,.8)}.ui.checkbox .box:active::before,.ui.checkbox label:active::before{background:#f5f5f5;border:1px solid solid}.ui.checkbox input[type=checkbox]:active~label,.ui.checkbox input[type=radio]:active~label{color:rgba(0,0,0,.8)}.ui.checkbox input[type=checkbox]:focus~.box:before,.ui.checkbox input[type=checkbox]:focus~label:before,.ui.checkbox input[type=radio]:focus~.box:before,.ui.checkbox input[type=radio]:focus~label:before{background:#f5f5f5;border:1px solid solid}.ui.checkbox input[type=checkbox]:focus~label,.ui.checkbox input[type=radio]:focus~label{color:rgba(0,0,0,.8)}.ui.checkbox input[type=checkbox]:checked~.box:after,.ui.checkbox input[type=checkbox]:checked~label:after,.ui.checkbox input[type=radio]:checked~.box:after,.ui.checkbox input[type=radio]:checked~label:after{opacity:1}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default}.ui.checkbox input[type=checkbox][disabled]~.box:after,.ui.checkbox input[type=checkbox][disabled]~label,.ui.checkbox input[type=radio][disabled]~.box:after,.ui.checkbox input[type=radio][disabled]~label,.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label{cursor:default;opacity:.5;color:#000}.ui.radio.checkbox{min-height:14px}.ui.radio.checkbox .box:before,.ui.radio.checkbox label:before{width:14px;height:14px;border-radius:500rem;top:1px;left:0;-webkit-transform:none;-ms-transform:none;transform:none}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{border:none;line-height:14px;top:1px;left:0;font-size:9px;width:14px;height:14px;border-radius:500rem;-webkit-transform:scale(.42857143);-ms-transform:scale(.42857143);transform:scale(.42857143);background-color:rgba(0,0,0,.8)}.ui.slider.checkbox{cursor:pointer;min-height:1.25rem}.ui.slider.checkbox .box,.ui.slider.checkbox label{padding-left:4.5rem;line-height:1rem;color:rgba(0,0,0,.4)}.ui.slider.checkbox .box:before,.ui.slider.checkbox label:before{cursor:pointer;display:block;position:absolute;content:'';top:.4rem;left:0;z-index:1;border:none!important;background-color:rgba(0,0,0,.05);width:3.5rem;height:.25rem;-webkit-transform:none;-ms-transform:none;transform:none;border-radius:500rem;-webkit-transition:background .3s ease;transition:background .3s ease}.ui.slider.checkbox .box:after,.ui.slider.checkbox label:after{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;background:linear-gradient(transparent,rgba(0,0,0,.05)) #fff;position:absolute;content:'';opacity:1;z-index:2;border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05),0 0 0 1px rgba(39,41,43,.15) inset;width:1.5rem;height:1.5rem;top:-.25rem;left:0;-webkit-transform:none;-ms-transform:none;transform:none;border-radius:500rem;-webkit-transition:left .3s ease 0s;transition:left .3s ease 0s}.ui.slider.checkbox input[type=checkbox]:focus~.box:before,.ui.slider.checkbox input[type=checkbox]:focus~label:before,.ui.slider.checkbox input[type=radio]:focus~.box:before,.ui.slider.checkbox input[type=radio]:focus~label:before{background-color:rgba(0,0,0,.1);border:none}.ui.slider.checkbox .box:hover,.ui.slider.checkbox label:hover{color:rgba(0,0,0,.8)}.ui.slider.checkbox .box:hover::before,.ui.slider.checkbox label:hover::before{background:rgba(0,0,0,.1)}.ui.slider.checkbox input[type=checkbox]:checked~.box,.ui.slider.checkbox input[type=checkbox]:checked~label,.ui.slider.checkbox input[type=radio]:checked~.box,.ui.slider.checkbox input[type=radio]:checked~label{color:rgba(0,0,0,.8)}.ui.slider.checkbox input[type=checkbox]:checked~.box:before,.ui.slider.checkbox input[type=checkbox]:checked~label:before,.ui.slider.checkbox input[type=radio]:checked~.box:before,.ui.slider.checkbox input[type=radio]:checked~label:before{background-color:rgba(0,0,0,.1)}.ui.slider.checkbox input[type=checkbox]:checked~.box:after,.ui.slider.checkbox input[type=checkbox]:checked~label:after,.ui.slider.checkbox input[type=radio]:checked~.box:after,.ui.slider.checkbox input[type=radio]:checked~label:after{left:2rem}.ui.toggle.checkbox{cursor:pointer;min-height:1.5rem}.ui.toggle.checkbox .box,.ui.toggle.checkbox label{min-height:1.5rem;padding-left:4.5rem;color:rgba(0,0,0,.8)}.ui.toggle.checkbox label{padding-top:.15em}.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label:before{cursor:pointer;display:block;position:absolute;content:'';top:0;z-index:1;border:none;background-color:rgba(0,0,0,.05);width:3.5rem;height:1.5rem;border-radius:500rem}.ui.toggle.checkbox .box:after,.ui.toggle.checkbox label:after{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;background:linear-gradient(transparent,rgba(0,0,0,.05)) #fff;position:absolute;content:'';opacity:1;z-index:2;border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05),0 0 0 1px rgba(39,41,43,.15) inset;width:1.5rem;height:1.5rem;top:0;left:0;border-radius:500rem;-webkit-transition:background .3s ease 0s,left .3s ease 0s;transition:background .3s ease 0s,left .3s ease 0s}.ui.toggle.checkbox input[type=checkbox]~.box:after,.ui.toggle.checkbox input[type=checkbox]~label:after,.ui.toggle.checkbox input[type=radio]~.box:after,.ui.toggle.checkbox input[type=radio]~label:after{left:-.05rem}.ui.toggle.checkbox .box:hover::before,.ui.toggle.checkbox input[type=checkbox]:focus~.box:before,.ui.toggle.checkbox input[type=checkbox]:focus~label:before,.ui.toggle.checkbox input[type=radio]:focus~.box:before,.ui.toggle.checkbox input[type=radio]:focus~label:before,.ui.toggle.checkbox label:hover::before{background-color:rgba(0,0,0,.1);border:none}.ui.toggle.checkbox input[type=checkbox]:checked~.box,.ui.toggle.checkbox input[type=checkbox]:checked~label,.ui.toggle.checkbox input[type=radio]:checked~.box,.ui.toggle.checkbox input[type=radio]:checked~label{color:#5bbd72}.ui.toggle.checkbox input[type=checkbox]:checked~.box:before,.ui.toggle.checkbox input[type=checkbox]:checked~label:before,.ui.toggle.checkbox input[type=radio]:checked~.box:before,.ui.toggle.checkbox input[type=radio]:checked~label:before{background-color:#5bbd72}.ui.toggle.checkbox input[type=checkbox]:checked~.box:after,.ui.toggle.checkbox input[type=checkbox]:checked~label:after,.ui.toggle.checkbox input[type=radio]:checked~.box:after,.ui.toggle.checkbox input[type=radio]:checked~label:after{left:2.05rem}.ui.fitted.checkbox .box,.ui.fitted.checkbox label{padding-left:0!important}.ui.fitted.slider.checkbox,.ui.fitted.toggle.checkbox{width:3.5rem}@font-face{font-family:Checkbox;src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,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) format('woff')}.ui.checkbox .box:after,.ui.checkbox .box:before,.ui.checkbox label:after,.ui.checkbox label:before{font-family:Checkbox}.ui.checkbox .box:after,.ui.checkbox label:after{content:'\e800'}

data/static/style.css

@@ -1,11 +1,20 @@
 body {
   margin: 50px;
-  width: 600px; }
+  width: 600px;
+}
 
-.stack * {
-  display: block; }
+.stack>* {
+  display: block !important;
+}
 
-.flow * {
-  display: inline; }
+.flow>* {
+  display: inline !important;
+}
 
-/*# sourceMappingURL=style.css.map */
+.ui.checkbox .checkbox {
+	z-index: 100 !important;
+}
+
+.ui.radio.checkbox .radio {
+	z-index: 100 !important;
+}

data/templates/body.erb

@@ -3,15 +3,14 @@
 <head>
 	<meta charset="UTF-8">
 	<title>Document</title>
-	<link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.2.1/css/amazeui.min.css">
 	<style>
-		<%= style %>
+		<%= material[:style] %>
 	</style>
 </head>
-<body id="item-<%= id %>">
+<body id="item-<%= id %>" data-type="body">
 	<%= content %>
 	<script>
-		<%= script %>
+		<%= material[:script] %>
 	</script>
 </body>
 </html>

data/templates/button.erb

@@ -1 +1 @@
-<input id="item-<%= id %>" type="button" class="am-btn am-btn-primary" value="<%= properties[:value] %>" />
+<button id="item-<%= id %>" class="ui blue button" data-type="button"></button>

data/templates/checkbox.erb

@@ -0,0 +1,4 @@
+<div id="item-<%= id %>" class="ui checkbox" data-type="checkbox">
+	<input type="checkbox" class="checkbox">
+	<label></label>
+</div>

data/templates/flow.erb

@@ -1 +1 @@
-<div id="item-<%= id %>" class="flow"><%= content %></div>
+<div id="item-<%= id %>" class="flow" type="div"><%= content %></div>

data/templates/image.erb

@@ -0,0 +1 @@
+<img id="item-<%= id %>" src="<%= src %>" class="ui image" data-type="image"/>

data/templates/progress.erb

@@ -0,0 +1,6 @@
+<div id="item-<%= id %>" class="ui blue progress" data-type="progress">
+	<div class="bar">
+	<div class="progress"></div>
+	</div>
+	<div class="label"></div>
+</div>

data/templates/radio.erb

@@ -0,0 +1,6 @@
+<form class="stack" id="item-<%= id %>" data-type="radio">
+	<div class="ui radio checkbox">
+		<input type="radio" name="radio">
+		<label></label>
+	</div>
+</form>

data/templates/select.erb

@@ -0,0 +1,5 @@
+<div class="ui form">
+	<select class="ui dropdown" id="item-<%= id %>" data-type="select">
+
+	</select>
+</div>

data/templates/stack.erb

@@ -1 +1 @@
-<div id="item-<%= id %>" class="stack"><%= content %></div>
+<div id="item-<%= id %>" class="stack" data-type="div"><%= content %></div>

data/templates/textarea.erb

@@ -1 +1 @@
-<div class="am-form"><textarea id="item-<%= id %>"><%= properties[:value] %></textarea></div>
+<div class="ui form"><textarea id="item-<%= id %>" data-type="textarea"></textarea></div>

data/templates/textline.erb

@@ -1 +1 @@
-<input id="item-<%= id %>" class="am-form-field" type="text" value="<%= properties[:value] %>"/>
+<div class="ui form"><input id="item-<%= id %>" type="text" data-type="textline"/></div>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shenmegui
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: '0.1'
 platform: ruby
 authors:
 - CicholGricenchos
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-07 00:00:00.000000000 Z
+date: 2015-03-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: em-websocket
@@ -31,16 +31,25 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/shenmegui.rb
-- static/style.css
+- lib/shenmegui/controls.rb
+- lib/shenmegui/core.rb
 - static/script.js
+- static/semantic-ui-custom.css
+- static/style.css
 - templates/body.erb
 - templates/button.erb
+- templates/checkbox.erb
 - templates/flow.erb
+- templates/image.erb
+- templates/progress.erb
+- templates/radio.erb
+- templates/select.erb
 - templates/stack.erb
 - templates/textarea.erb
 - templates/textline.erb
 homepage: https://github.com/CicholGricenchos/shenmegui
-licenses: []
+licenses:
+- MIT
 metadata: {}
 post_install_message: 
 rdoc_options: []
@@ -50,7 +59,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '2.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="