You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
231 KiB
1 lines
231 KiB
{"version":3,"sources":["../../<input css 3>","elements/button.less"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH;;gCAEgC;AAChC;;;;;;;;;EASE;AACF;;gCAEgC;AAChC;;EAEE;AACF,YAAY;AACZ,cAAc;AACd,iBAAiB;AACjB,aAAa;AACb,WAAW;AACX;;gCAEgC;AAChC,4BAA4B;AAC5B,kCAAkC;AAClC;;gCAEgC;AAChC;;gCAEgC;AAChC;;qBAEqB;AACrB;;uBAEuB;AACvB,4BAA4B;AAC5B;;gCAEgC;AAChC;;sBAEsB;AACtB;;sBAEsB;AACtB,wDAAwD;AACxD,4BAA4B;AAC5B;;sBAEsB;AACtB;;EAEE;AACF;;sBAEsB;AACtB;;iBAEiB;AACjB;;iBAEiB;AACjB,6DAA6D;AAC7D,sBAAsB;AACtB,+CAA+C;AAC/C;;sBAEsB;AACtB,kCAAkC;AAClC,4CAA4C;AAC5C;;sBAEsB;AACtB;;;EAGE;AACF;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB,oBAAoB;AACpB,0BAA0B;AAC1B,uBAAuB;AACvB,+BAA+B;AAC/B,2BAA2B;AAC3B,wBAAwB;AACxB,0BAA0B;AAC1B;;sBAEsB;AACtB;;sBAEsB;AACtB,8BAA8B;AAC9B,4BAA4B;AAC5B;;gCAEgC;AAChC;;sBAEsB;AACtB,cAAc;AACd,cAAc;AACd,UAAU;AACV,aAAa;AACb;;sBAEsB;AACtB,gDAAgD;AAChD;;sBAEsB;AACtB;;;EAGE;AACF,QAAQ;AACR,SAAS;AACT;;sBAEsB;AACtB,iCAAiC;AACjC;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB,6BAA6B;AAC7B,8BAA8B;AAC9B,2DAA2D;AAC3D,oCAAoC;AACpC,oBAAoB;AACpB,0BAA0B;AAC1B,+BAA+B;AAC/B,gBAAgB;AAChB;;sBAEsB;AACtB;;;;;;;;EAQE;AACF,aAAa;AACb;;gCAEgC;AAChC;;sBAEsB;AACtB;;sBAEsB;AACtB,qBAAqB;AACrB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB,6BAA6B;AAC7B;;gCAEgC;AAChC;;sBAEsB;AACtB;;sBAEsB;AACtB,wDAAwD;AACxD,4BAA4B;AAC5B;;sBAEsB;AACtB;;EAEE;AACF;;sBAEsB;AACtB;;iBAEiB;AACjB;;iBAEiB;AACjB,6DAA6D;AAC7D,sBAAsB;AACtB,+CAA+C;AAC/C;;sBAEsB;AACtB,kCAAkC;AAClC,4CAA4C;AAC5C;;sBAEsB;AACtB;;;EAGE;AACF;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB,oBAAoB;AACpB,0BAA0B;AAC1B,uBAAuB;AACvB,+BAA+B;AAC/B,2BAA2B;AAC3B,wBAAwB;AACxB,0BAA0B;AAC1B;;sBAEsB;AACtB;;sBAEsB;AACtB,8BAA8B;AAC9B,4BAA4B;AAC5B;;gCAEgC;AAChC;;sBAEsB;AACtB,cAAc;AACd,cAAc;AACd,UAAU;AACV,aAAa;AACb;;sBAEsB;AACtB,gDAAgD;AAChD;;sBAEsB;AACtB;;;EAGE;AACF,QAAQ;AACR,SAAS;AACT;;sBAEsB;AACtB,iCAAiC;AACjC;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB,6BAA6B;AAC7B,8BAA8B;AAC9B,2DAA2D;AAC3D,oCAAoC;AACpC,oBAAoB;AACpB,0BAA0B;AAC1B,+BAA+B;AAC/B,gBAAgB;AAChB;;sBAEsB;AACtB;;;;;;;;EAQE;AACF,aAAa;AACb;;gCAEgC;AAChC;;sBAEsB;AACtB;;sBAEsB;AACtB,qBAAqB;AACrB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB,gCAAgC;AAChC;;gCAEgC;AAChC;;sBAEsB;AACtB;;sBAEsB;AACtB,wDAAwD;AACxD,4BAA4B;AAC5B;;sBAEsB;AACtB;;EAEE;AACF;;sBAEsB;AACtB;;iBAEiB;AACjB;;iBAEiB;AACjB,6DAA6D;AAC7D,sBAAsB;AACtB,+CAA+C;AAC/C;;sBAEsB;AACtB,kCAAkC;AAClC,4CAA4C;AAC5C;;sBAEsB;AACtB;;;EAGE;AACF;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB,oBAAoB;AACpB,0BAA0B;AAC1B,uBAAuB;AACvB,+BAA+B;AAC/B,2BAA2B;AAC3B,wBAAwB;AACxB,0BAA0B;AAC1B;;sBAEsB;AACtB;;sBAEsB;AACtB,8BAA8B;AAC9B,4BAA4B;AAC5B;;gCAEgC;AAChC;;sBAEsB;AACtB,cAAc;AACd,cAAc;AACd,UAAU;AACV,aAAa;AACb;;sBAEsB;AACtB,gDAAgD;AAChD;;sBAEsB;AACtB;;;EAGE;AACF,QAAQ;AACR,SAAS;AACT;;sBAEsB;AACtB,iCAAiC;AACjC;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB;;sBAEsB;AACtB,6BAA6B;AAC7B,8BAA8B;AAC9B,2DAA2D;AAC3D,oCAAoC;AACpC,oBAAoB;AACpB,0BAA0B;AAC1B,+BAA+B;AAC/B,gBAAgB;AAChB;;sBAEsB;AACtB;;;;;;;;EAQE;AACF,aAAa;AACb;;gCAEgC;AAChC;;sBAEsB;AACtB;;sBAEsB;AACtB,qBAAqB;AACrB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB;;sBAEsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,wBAAwB;AACxB,yBAAyB;AACzB,+BAA+B;AAC/B;;gCAEgC;AAChC;;uBAEuB;AACvB,aAAa;AACb;;gCAEgC;AAChC;;sBAEsB;AACtB,YAAY;AACZ,4DAA4D;AAC5D,UAAU;AACV,qBAAqB;AACrB,gBAAgB;AAChB,UAAU;AACV,YAAY;AACZ;;EAEE;AACF;;sBAEsB;AACtB;;sBAEsB;AACtB,aAAa;AACb,aAAa;AACb,cAAc;AACd,kBAAkB;AAClB,YAAY;AACZ,sBAAsB;AACtB,aAAa;AACb;;sBAEsB;AACtB,QAAQ;AACR,UAAU;AACV,aAAa;AACb,4BAA4B;AAC5B,kBAAkB;AAClB,cAAc;AACd,WAAW;AACX,iBAAiB;AACjB,iBAAiB;AACjB,gBAAgB;AAChB,kBAAkB;AAClB,oBAAoB;AACpB,iBAAiB;AACjB;;sBAEsB;AACtB,YAAY;AACZ,aAAa;AACb,cAAc;AACd,gBAAgB;AAChB,aAAa;AACb,cAAc;AACd,aAAa;AACb,cAAc;AACd,oBAAoB;AACpB;;gCAEgC;AAChC;;sBAEsB;AACtB,YAAY;AACZ,4DAA4D;AAC5D,UAAU;AACV,qBAAqB;AACrB,gBAAgB;AAChB,UAAU;AACV,YAAY;AACZ;;EAEE;AACF;;sBAEsB;AACtB;;sBAEsB;AACtB,aAAa;AACb,aAAa;AACb,cAAc;AACd,kBAAkB;AAClB,YAAY;AACZ,sBAAsB;AACtB,aAAa;AACb;;sBAEsB;AACtB,QAAQ;AACR,UAAU;AACV,aAAa;AACb,4BAA4B;AAC5B,kBAAkB;AAClB,cAAc;AACd,WAAW;AACX,iBAAiB;AACjB,iBAAiB;AACjB,gBAAgB;AAChB,kBAAkB;AAClB,oBAAoB;AACpB,iBAAiB;AACjB;;sBAEsB;AACtB,YAAY;AACZ,aAAa;AACb,cAAc;AACd,gBAAgB;AAChB,aAAa;AACb,cAAc;AACd,aAAa;AACb,cAAc;AACd,gBAAgB;AAChB;;gCAEgC;AAChC;;gCAEgC;AAChC;;qBAEqB;AACrB;;qBAEqB;AACrB,gBAAgB;AAChB;;gCAEgC;ACnsBhC;EACE,gBAAA;EACA,sBAAA;EAEA,gBAAA;EAEA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,yBAAA;EACA,0BAAA;EAEA,oEAAA;EAEA,2BAAA;EACA,yCAAA;EAEA,qBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;EACA,sBAAA;EAEA,6BAAA;EACA,4FAAA;EAEA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,kBAAA;EACA,+HAAA;EAAA,uHAAA;EACA,gBAAA;EAEA,yCAAA;CD6rBD;AACD;;gCAEgC;AAChC;;iBAEiB;AClrBjB;EACE,0BAAA;EACA,uBAAA;EACA,4FAAA;EACA,0BAAA;CDorBD;ACjrBD;EACE,cAAA;CDmrBD;AACD;;iBAEiB;AC7qBjB;EACE,0BAAA;EACA,0BAAA;EACA,gCAAA;EACA,0BAAA;CD+qBD;AC5qBD;EACE,cAAA;CD8qBD;AACD;;iBAEiB;ACxqBjB;;EAEE,0BAAA;EACA,qBAAA;EACA,0BAAA;EACA,oDAAA;CD0qBD;AACD;;iBAEiB;ACpqBjB;EACE,0BAAA;EACA,uBAAA;EACA,8CAAA;EACA,2BAAA;CDsqBD;ACpqBD;EACE,0BAAA;EACA,uBAAA;EACA,2BAAA;CDsqBD;ACpqBD;EACE,0BAAA;EACA,uBAAA;CDsqBD;AACD;;iBAEiB;AACjB,sBAAsB;AC9pBtB;EACE,mBAAA;EACA,gBAAA;EACA,6BAAA;EACA,8BAAA;EACA,WAAA;EACA,qBAAA;EACA,qDAAA;EAAA,6CAAA;CDgqBD;AC9pBD;EACE,mBAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EAEA,4CAAA;EACA,oBAAA;EACA,qBAAA;EAEA,sBAAA;EACA,wCAAA;CD8pBD;AC5pBD;EACE,mBAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EAEA,4CAAA;EACA,oBAAA;EACA,qBAAA;EAEA,2CAAA;UAAA,mCAAA;EACA,4CAAA;UAAA,oCAAA;EAEA,sBAAA;EAEA,8CAAA;EACA,oBAAA;EACA,oBAAA;EAEA,wCAAA;CDypBD;ACvpBD;EACE,8BAAA;EACA,iBAAA;CDypBD;ACtpBD;EACE;IACE,gCAAA;YAAA,wBAAA;GDwpBD;ECtpBD;IACE,kCAAA;YAAA,0BAAA;GDwpBD;CACF;AC9pBD;EACE;IACE,gCAAA;YAAA,wBAAA;GDwpBD;ECtpBD;IACE,kCAAA;YAAA,0BAAA;GDwpBD;CACF;ACrpBD;EACE,iCAAA;CDupBD;ACrpBD;EACE,0BAAA;CDupBD;AACD;;sBAEsB;ACjpBtB;;;;;EAKE,gBAAA;EACA,yBAAA;EACA,kCAAA;EACA,4BAAA;EACA,gCAAA;CDmpBD;AACD,+BAA+B;AC/oB/B;EACE,oCAAA;CDipBD;AACD;;gCAEgC;AAChC;;sBAEsB;ACvoBtB;EACE,mBAAA;EACA,iBAAA;EACA,8BAAA;EACA,uBAAA;EACA,WAAA;CDyoBD;ACtoBD;EACE,gCAAA;CDwoBD;ACtoBD;EACE,mBAAA;EACA,oBAAA;CDwoBD;ACtoBD;EACE,mBAAA;EACA,YAAA;CDwoBD;AACD,gBAAgB;ACpoBhB;;EAEE,uCAAA;EAAA,+BAAA;CDsoBD;ACpoBD;EACE,WAAA;EACA,UAAA;CDsoBD;ACpoBD;EACE,SAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;CDsoBD;ACpoBD;;EAEE,WAAA;EACA,YAAA;CDsoBD;ACpoBD;;EAEE,WAAA;EACA,UAAA;CDsoBD;AACD,cAAc;ACloBd;;EAEE,+DAAA;EAAA,uDAAA;EAAA,+CAAA;EAAA,4EAAA;CDooBD;ACloBD;EACE,kCAAA;UAAA,0BAAA;EACA,YAAA;CDooBD;ACloBD;EACE,UAAA;EACA,SAAA;EACA,YAAA;CDooBD;ACloBD;;EAEE,oCAAA;UAAA,4BAAA;EACA,YAAA;CDooBD;ACloBD;;EAEE,SAAA;EACA,YAAA;CDooBD;AACD,UAAU;AChoBV;;EAEE,mEAAA;EAAA,2DAAA;EAAA,mDAAA;EAAA,gFAAA;CDkoBD;AChoBD;EACE,WAAA;EACA,YAAA;EACA,WAAA;EACA,4BAAA;UAAA,oBAAA;CDkoBD;AChoBD;EACE,WAAA;EACA,SAAA;EACA,YAAA;EACA,8BAAA;UAAA,sBAAA;CDkoBD;AChoBD;;EAEE,WAAA;EACA,YAAA;EACA,WAAA;EACA,+BAAA;UAAA,uBAAA;CDkoBD;AChoBD;;EAEE,SAAA;EACA,YAAA;EACA,WAAA;EACA,4BAAA;UAAA,oBAAA;CDkoBD;AACD;;sBAEsB;AC5nBtB;EACE,qDAAA;EACA,6BAAA;EACA,eAAA;EACA,6BAAA;CD8nBD;AACD,WAAW;AC1nBX;EACE,yBAAA;CD4nBD;AC1nBD;EACE,iBAAA;CD4nBD;AC1nBD;EACE,yBAAA;CD4nBD;AC1nBD;EACE,gBAAA;CD4nBD;AACD,YAAY;AACZ,WAAW;ACtnBX;EACE,oBAAA;EACA,qDAAA;EACA,0BAAA;CDwnBD;AACD,oBAAoB;ACpnBpB;;EAEE,oBAAA;EACA,qDAAA;EACA,0BAAA;CDsnBD;AACD,kBAAkB;AClnBlB;EACE,oBAAA;EACA,qDAAA;EACA,0BAAA;CDonBD;AACD;;sBAEsB;AC7mBtB;EACE,4BAAA;EAAA,4BAAA;EAAA,qBAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,wBAAA;UAAA,oBAAA;EACA,4BAAA;EACA,wBAAA;EACA,wBAAA;EACA,4BAAA;CD+mBD;AC5mBD;EACE,YAAA;CD8mBD;AC5mBD;EACE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,0BAAA;MAAA,uBAAA;UAAA,oBAAA;EACA,oCAAA;EAEA,YAAA;EACA,eAAA;EACA,qCAAA;CD6mBD;AACD,SAAS;ACzmBT;EACE,cAAA;EACA,eAAA;CD2mBD;AACD,WAAW;ACvmBX;EACE,6BAAA;EACA,gCAAA;CDymBD;ACvmBD;EACE,4BAAA;EACA,+BAAA;CDymBD;AACD,eAAe;ACrmBf;EACE,4BAAA;EACA,+BAAA;CDumBD;ACrmBD;EACE,6BAAA;EACA,gCAAA;CDumBD;AACD;;sBAEsB;AACtB,cAAc;AChmBd;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,yDAAA;CDkmBD;AChmBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkmBD;AChmBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkmBD;AACD,aAAa;AC9lBb;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,yDAAA;CDgmBD;AC9lBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgmBD;AC9lBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgmBD;AACD,iBAAiB;AC5lBjB;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,yDAAA;CD8lBD;AC5lBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CD8lBD;AC5lBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CD8lBD;AACD,eAAe;AC1lBf;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CD4lBD;AC1lBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CD4lBD;AC1lBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CD4lBD;AACD,aAAa;ACxlBb;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,yDAAA;CD0lBD;ACxlBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CD0lBD;ACxlBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CD0lBD;AACD,eAAe;ACtlBf;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,yDAAA;CDwlBD;ACtlBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDwlBD;ACtlBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDwlBD;AACD,eAAe;ACplBf;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;EACA,yDAAA;CDslBD;ACplBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDslBD;ACplBD;EACE,0BAAA;EACA,eAAA;EACA,kBAAA;CDslBD;AACD,QAAQ;ACllBR;EACE,0BAAA;EACA,eAAA;EACA,uBAAA;EACA,yDAAA;CDolBD;ACllBD;EACE,0BAAA;EACA,eAAA;CDolBD;ACllBD;EACE,0BAAA;EACA,eAAA;CDolBD;AACD;;iBAEiB;AC9kBjB;EACE,qBAAA;EACA,aAAA;EACA,2CAAA;EACA,sCAAA;EAAA,8BAAA;EACA,mBAAA;EACA,UAAA;CDglBD;AC7kBD;EACE,2CAAA;CD+kBD;AC7kBD;EACE,2CAAA;CD+kBD;AACD;;gCAEgC;AAChC;;sBAEsB;ACpkBtB;;EAEE,YAAA;EACA,iBAAA;EACA,qBAAA;CDskBD;ACpkBD;;EAEE,aAAA;EACA,kBAAA;EACA,oBAAA;CDskBD;AACD;;sBAEsB;AChkBtB;;EAEE,2CAAA;CDkkBD;AChkBD;;EAEE,gDAAA;CDkkBD;AChkBD;;EAEE,gDAAA;CDkkBD;AACD;;sBAEsB;AC5jBtB;;;EAGE,yBAAA;CD8jBD;AC5jBD;;;EAGE,yBAAA;CD8jBD;AC5jBD;;;EAGE,yBAAA;CD8jBD;AC5jBD;;;EAGE,gBAAA;CD8jBD;AC5jBD;;;EAGE,yBAAA;CD8jBD;AC5jBD;;;EAGE,yBAAA;CD8jBD;AC5jBD;;;EAGE,yBAAA;CD8jBD;AC5jBD;;;EAGE,yBAAA;CD8jBD;AACD;;iBAEiB;ACxjBjB;;EAEE,gDAAA;CD0jBD;ACxjBD;;EAEE,aAAA;EACA,YAAA;EACA,oBAAA;CD0jBD;AACD;;sBAEsB;ACnjBtB;;EAEE,wCAAA;EACA,qCAAA;EACA,oBAAA;EACA,6BAAA;EACA,qBAAA;EACA,6BAAA;EACA,yDAAA;CDqjBD;ACnjBD;EACE,iBAAA;EACA,yCAAA;EACA,6BAAA;CDqjBD;ACnjBD;EACE,mBAAA;CDqjBD;ACljBD;;EAEE,+BAAA;EACA,qCAAA;EACA,uGAAA;CDojBD;ACljBD;;EAEE,+BAAA;EACA,qCAAA;EACA,uGAAA;CDojBD;ACljBD;;EAEE,+BAAA;EACA,qCAAA;EACA,oGAAA;CDojBD;ACljBD;;EAEE,2CAAA;EACA,0BAAA;EACA,2BAAA;EACA,mCAAA;CDojBD;ACljBD;;EAEE,sCAAA;CDojBD;AACD,cAAc;AChjBd;EACE,6GAAA;CDkjBD;AChjBD;EACE,0GAAA;CDkjBD;AChjBD;EACE,yCAAA;CDkjBD;AACD,6BAA6B;AC9iB7B;;EAEE,yCAAA;EACA,0BAAA;EACA,sEAAA;CDgjBD;AC9iBD;;EAEE,0BAAA;EACA,qDAAA;CDgjBD;AC9iBD;;EAEE,0BAAA;EACA,qDAAA;CDgjBD;AC9iBD;;EAEE,uDAAA;EACA,0BAAA;EACA,sEAAA;CDgjBD;AC9iBD;;EAEE,4CAAA;EACA,eAAA;EACA,kBAAA;EACA,2DAAA;CDgjBD;AC9iBD;;EAEE,4CAAA;EACA,qDAAA;CDgjBD;AACD,iBAAiB;AC3iBjB;EACE,8CAAA;EACA,iBAAA;CD6iBD;AC3iBD;EACE,kBAAA;CD6iBD;AC3iBD;EACE,uBAAA;EACA,6CAAA;CD6iBD;AC3iBD;EACE,sBAAA;CD6iBD;AACD;;iBAEiB;ACriBjB;;EAEE,mBAAA;EACA,sCAAA;EACA,gCAAA;CDuiBD;AACD,kBAAkB;ACniBlB;;EAEE,mBAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,gCAAA;EACA,mCAAA;EACA,mBAAA;EAEA,YAAA;EACA,oBAAA;EACA,sCAAA;EACA,UAAA;EACA,+CAAA;CDoiBD;AACD,kBAAkB;AChiBlB;;EAEE,SAAA;EACA,UAAA;CDkiBD;AACD,mBAAmB;AC9hBnB;EACE,uCAAA;EACA,+BAAA;CDgiBD;AC9hBD;EACE,WAAA;EACA,WAAA;EACA,mBAAA;EACA,iCAAA;EACA,oCAAA;EACA,8CAAA;CDgiBD;AC5hBD;;;;EAIE,eAAA;EACA,mBAAA;EACA,YAAA;EACA,SAAA;EACA,mBAAA;EACA,oCAAA;UAAA,4BAAA;CD8hBD;AC3hBD;EACE,mBAAA;CD6hBD;AC3hBD;EACE,sCAAA;EACA,yCAAA;CD6hBD;AC3hBD;EACE,uCAAA;EACA,0CAAA;CD6hBD;AC3hBD;EACE,mBAAA;EACA,sCAAA;CD6hBD;AC3hBD;EACE,mBAAA;EACA,yCAAA;CD6hBD;AACD,mBAAmB;ACzhBnB;;EAEE,+BAAA;EACA,gCAAA;CD2hBD;AACD;;iBAEiB;AACjB,wDAAwD;ACjhBxD;;;EAGE,qCAAA;EACA,4BAAA;EACA,kBAAA;EACA,0BAAA;CDmhBD;ACjhBD;EACE,qCAAA;EACA,kBAAA;EACA,0BAAA;CDmhBD;AACD;;iBAEiB;AC7gBjB;EACE,oBAAA;CD+gBD;AC7gBD;EACE,WAAA;EACA,yBAAA;CD+gBD;AACD;;sBAEsB;ACxgBtB;EACE,mBAAA;EACA,aAAA;EACA,qBAAA;EACA,WAAA;CD0gBD;ACxgBD;EACE,mBAAA;EACA,mBAAA;EACA,sBAAA;EAEA,cAAA;EACA,SAAA;EACA,UAAA;EACA,0BAAA;EACA,kBAAA;EAEA,0BAAA;EACA,2BAAA;EAEA,oBAAA;EACA,qBAAA;EAEA,0BAAA;EACA,0BAAA;EAEA,mBAAA;EACA,kBAAA;EAEA,8CAAA;CDogBD;AClgBD;EACE,yBAAA;CDogBD;AACD,cAAc;AChgBd;EACE,sBAAA;CDkgBD;AChgBD;EACE,cAAA;CDkgBD;AACD;;sBAEsB;AACtB,cAAc;ACzfd;EACE,mBAAA;EACA,eAAA;EACA,YAAA;EACA,mBAAA;EACA,8DAAA;CD2fD;AACD,kBAAkB;ACvflB;EACE,mDAAA;CDyfD;ACvfD;EACE,mDAAA;CDyfD;AACD,kBAAkB;ACrflB;EACE,sBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,sBAAA;EACA,mDAAA;CDsfD;ACpfD;EACE,sBAAA;EACA,iBAAA;EACA,qBAAA;EACA,mDAAA;CDsfD;AACD,YAAY;AClfZ;EACE,mBAAA;EACA,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;CDofD;AClfD;EACE,YAAA;CDofD;AClfD;EACE,mBAAA;CDofD;AClfD;EACE,mBAAA;CDofD;AACD,kBAAkB;AChflB;EACE,oBAAA;EACA,mDAAA;CDkfD;AChfD;EACE,yCAAA;CDkfD;AChfD;EACE,yCAAA;CDkfD;AC/eD;EACE,iBAAA;EACA,mDAAA;CDifD;AC/eD;EACE,yCAAA;CDifD;AC/eD;EACE,yCAAA;CDifD;AACD,kBAAkB;AC7elB;EACE,4BAAA;EAAA,4BAAA;EAAA,qBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mDAAA;CD+eD;AC7eD;EACE,kBAAA;EACA,yCAAA;CD+eD;AC7eD;EACE,kBAAA;EACA,yCAAA;CD+eD;AC5eD;EACE,4BAAA;EAAA,4BAAA;EAAA,qBAAA;EACA,iBAAA;EACA,mBAAA;EACA,mDAAA;CD8eD;AC5eD;EACE,kBAAA;EACA,yCAAA;CD8eD;AC5eD;EACE,kBAAA;EACA,yCAAA;CD8eD;AACD;;sBAEsB;ACxetB;;EAEE,YAAA;CD0eD;ACxeD;EACE,eAAA;CD0eD;ACveD;EACE,YAAA;CDyeD;ACveD;EACE,WAAA;CDyeD;ACteD;EACE,YAAA;CDweD;ACteD;EACE,eAAA;CDweD;ACreD;EACE,YAAA;CDueD;ACreD;EACE,WAAA;CDueD;ACpeD;EACE,YAAA;CDseD;ACpeD;EACE,WAAA;CDseD;ACneD;EACE,YAAA;CDqeD;ACneD;EACE,eAAA;CDqeD;ACleD;EACE,YAAA;CDoeD;ACleD;EACE,eAAA;CDoeD;ACjeD;EACE,YAAA;CDmeD;ACjeD;EACE,eAAA;CDmeD;ACheD;EACE,YAAA;CDkeD;ACheD;EACE,cAAA;CDkeD;AC/dD;EACE,YAAA;CDieD;AC/dD;EACE,WAAA;CDieD;AC9dD;EACE,YAAA;CDgeD;AC9dD;EACE,aAAA;CDgeD;AC7dD;EACE,YAAA;CD+dD;AC7dD;EACE,eAAA;CD+dD;AACD,4BAA4B;AC3d5B;;EAEE,qBAAA;EAAA,qBAAA;EAAA,cAAA;EACA,YAAA;CD6dD;AC1dD;EACE,YAAA;CD4dD;AC1dD;EACE,gBAAA;CD4dD;AC1dD;EACE,YAAA;CD4dD;AC1dD;EACE,YAAA;CD4dD;AC1dD;EACE,gBAAA;CD4dD;AC1dD;EACE,gBAAA;CD4dD;AC1dD;EACE,gBAAA;CD4dD;AC1dD;EACE,eAAA;CD4dD;AC1dD;EACE,YAAA;CD4dD;AC1dD;EACE,cAAA;CD4dD;AC1dD;EACE,gBAAA;CD4dD;AACD;;sBAEsB;AACtB,iBAAiB;ACndjB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDqdD;ACndD;EACE,yDAAA;CDqdD;ACndD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDqdD;ACndD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDqdD;ACndD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDqdD;ACndD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDqdD;AACD,WAAW;ACjdX;;EAEE,qDAAA;EACA,0BAAA;CDmdD;ACjdD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDmdD;ACjdD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDmdD;ACjdD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDmdD;ACjdD;;EAEE,qDAAA;EACA,0BAAA;CDmdD;ACjdD;EACE,kBAAA;CDmdD;AACD,cAAc;AC/cd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDidD;AC/cD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CDidD;AC/cD;;EAEE,0BAAA;CDidD;AC/cD;;EAEE,0BAAA;CDidD;AC/cD;;EAEE,0BAAA;CDidD;AC/cD;;EAEE,0BAAA;CDidD;AACD,oBAAoB;AC7cpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CD+cD;AC7cD;;;EAGE,qDAAA;EACA,0BAAA;CD+cD;AC7cD;;;EAGE,qDAAA;EACA,0BAAA;CD+cD;AC7cD;;;EAGE,qDAAA;EACA,0BAAA;CD+cD;AC7cD;;;EAGE,qDAAA;EACA,0BAAA;CD+cD;AACD,gBAAgB;AC1chB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CD4cD;AC1cD;EACE,yDAAA;CD4cD;AC1cD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD4cD;AC1cD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD4cD;AC1cD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD4cD;AC1cD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CD4cD;AACD,WAAW;ACxcX;;EAEE,qDAAA;EACA,0BAAA;CD0cD;ACxcD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD0cD;ACxcD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD0cD;ACxcD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD0cD;ACxcD;;EAEE,qDAAA;EACA,0BAAA;CD0cD;ACxcD;EACE,kBAAA;CD0cD;AACD,cAAc;ACtcd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDwcD;ACtcD;;;;;;;;EAQE,4BAAA;EACA,0BAAA;CDwcD;ACtcD;;EAEE,0BAAA;CDwcD;ACtcD;;EAEE,0BAAA;CDwcD;ACtcD;;EAEE,0BAAA;CDwcD;ACtcD;;EAEE,0BAAA;CDwcD;AACD,oBAAoB;ACpcpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDscD;ACpcD;;;EAGE,qDAAA;EACA,0BAAA;CDscD;ACpcD;;;EAGE,qDAAA;EACA,0BAAA;CDscD;ACpcD;;;EAGE,qDAAA;EACA,0BAAA;CDscD;ACpcD;;;EAGE,qDAAA;EACA,0BAAA;CDscD;AACD,iBAAiB;AChcjB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDkcD;AChcD;EACE,yDAAA;CDkcD;AChcD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkcD;AChcD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkcD;AChcD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkcD;AChcD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkcD;AACD,WAAW;AC9bX;;EAEE,qDAAA;EACA,0BAAA;CDgcD;AC9bD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDgcD;AC9bD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDgcD;AC9bD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDgcD;AC9bD;;EAEE,qDAAA;EACA,0BAAA;CDgcD;AC9bD;EACE,kBAAA;CDgcD;AACD,cAAc;AC5bd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CD8bD;AC5bD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CD8bD;AC5bD;;EAEE,0BAAA;CD8bD;AC5bD;;EAEE,0BAAA;CD8bD;AC5bD;;EAEE,0BAAA;CD8bD;AC5bD;;EAEE,0BAAA;CD8bD;AACD,oBAAoB;AC1bpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CD4bD;AC1bD;;;EAGE,qDAAA;EACA,0BAAA;CD4bD;AC1bD;;;EAGE,qDAAA;EACA,0BAAA;CD4bD;AC1bD;;;EAGE,qDAAA;EACA,0BAAA;CD4bD;AC1bD;;;EAGE,qDAAA;EACA,0BAAA;CD4bD;AACD,gBAAgB;ACvbhB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDybD;ACvbD;EACE,yDAAA;CDybD;ACvbD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDybD;ACvbD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDybD;ACvbD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDybD;ACvbD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDybD;AACD,WAAW;ACrbX;;EAEE,qDAAA;EACA,0BAAA;CDubD;ACrbD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDubD;ACrbD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDubD;ACrbD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDubD;ACrbD;;EAEE,qDAAA;EACA,0BAAA;CDubD;ACrbD;EACE,kBAAA;CDubD;AACD,cAAc;ACnbd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDqbD;ACnbD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CDqbD;ACnbD;;EAEE,0BAAA;CDqbD;ACnbD;;EAEE,0BAAA;CDqbD;ACnbD;;EAEE,0BAAA;CDqbD;ACnbD;;EAEE,0BAAA;CDqbD;AACD,oBAAoB;ACjbpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDmbD;ACjbD;;;EAGE,qDAAA;EACA,0BAAA;CDmbD;ACjbD;;;EAGE,qDAAA;EACA,0BAAA;CDmbD;ACjbD;;;EAGE,qDAAA;EACA,0BAAA;CDmbD;ACjbD;;;EAGE,qDAAA;EACA,0BAAA;CDmbD;AACD,iBAAiB;AC9ajB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDgbD;AC9aD;EACE,yDAAA;CDgbD;AC9aD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgbD;AC9aD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgbD;AC9aD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgbD;AC9aD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgbD;AACD,WAAW;AC3aX;;EAEE,qDAAA;EACA,0BAAA;CD6aD;AC3aD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD6aD;AC3aD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD6aD;AC3aD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD6aD;AC3aD;;EAEE,qDAAA;EACA,0BAAA;CD6aD;AC3aD;EACE,kBAAA;CD6aD;AACD,cAAc;ACzad;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CD2aD;ACzaD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CD2aD;ACzaD;;EAEE,0BAAA;CD2aD;ACzaD;;EAEE,0BAAA;CD2aD;ACzaD;;EAEE,0BAAA;CD2aD;ACzaD;;EAEE,0BAAA;CD2aD;AACD,oBAAoB;ACvapB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDyaD;ACvaD;;;EAGE,qDAAA;EACA,0BAAA;CDyaD;ACvaD;;;EAGE,qDAAA;EACA,0BAAA;CDyaD;ACvaD;;;EAGE,qDAAA;EACA,0BAAA;CDyaD;ACvaD;;;EAGE,qDAAA;EACA,0BAAA;CDyaD;AACD,kBAAkB;ACpalB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDsaD;ACpaD;EACE,yDAAA;CDsaD;ACpaD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDsaD;ACpaD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDsaD;ACpaD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDsaD;ACpaD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDsaD;AACD,WAAW;AClaX;;EAEE,qDAAA;EACA,0BAAA;CDoaD;AClaD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDoaD;AClaD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDoaD;AClaD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDoaD;AClaD;;EAEE,qDAAA;EACA,0BAAA;CDoaD;AClaD;EACE,kBAAA;CDoaD;AACD,cAAc;AChad;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDkaD;AChaD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CDkaD;AChaD;;EAEE,0BAAA;CDkaD;AChaD;;EAEE,0BAAA;CDkaD;AChaD;;EAEE,0BAAA;CDkaD;AChaD;;EAEE,0BAAA;CDkaD;AACD,oBAAoB;AC9ZpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDgaD;AC9ZD;;;EAGE,qDAAA;EACA,0BAAA;CDgaD;AC9ZD;;;EAGE,qDAAA;EACA,0BAAA;CDgaD;AC9ZD;;;EAGE,qDAAA;EACA,0BAAA;CDgaD;AC9ZD;;;EAGE,qDAAA;EACA,0BAAA;CDgaD;AACD,gBAAgB;AC3ZhB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CD6ZD;AC3ZD;EACE,yDAAA;CD6ZD;AC3ZD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6ZD;AC3ZD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6ZD;AC3ZD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6ZD;AC3ZD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6ZD;AACD,WAAW;ACzZX;;EAEE,qDAAA;EACA,0BAAA;CD2ZD;ACzZD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD2ZD;ACzZD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD2ZD;ACzZD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD2ZD;ACzZD;;EAEE,qDAAA;EACA,0BAAA;CD2ZD;ACzZD;EACE,kBAAA;CD2ZD;AACD,cAAc;ACvZd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDyZD;ACvZD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CDyZD;ACvZD;;EAEE,0BAAA;CDyZD;ACvZD;;EAEE,0BAAA;CDyZD;ACvZD;;EAEE,0BAAA;CDyZD;ACvZD;;EAEE,0BAAA;CDyZD;AACD,oBAAoB;ACrZpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDuZD;ACrZD;;;EAGE,qDAAA;EACA,0BAAA;CDuZD;ACrZD;;;EAGE,qDAAA;EACA,0BAAA;CDuZD;ACrZD;;;EAGE,qDAAA;EACA,0BAAA;CDuZD;ACrZD;;;EAGE,qDAAA;EACA,0BAAA;CDuZD;AACD,kBAAkB;ACjZlB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDmZD;ACjZD;EACE,yDAAA;CDmZD;ACjZD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDmZD;ACjZD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDmZD;ACjZD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDmZD;ACjZD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDmZD;AACD,WAAW;AC/YX;;EAEE,qDAAA;EACA,0BAAA;CDiZD;AC/YD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDiZD;AC/YD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDiZD;AC/YD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDiZD;AC/YD;;EAEE,qDAAA;EACA,0BAAA;CDiZD;AC/YD;EACE,kBAAA;CDiZD;AACD,cAAc;AC7Yd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CD+YD;AC7YD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CD+YD;AC7YD;;EAEE,0BAAA;CD+YD;AC7YD;;EAEE,0BAAA;CD+YD;AC7YD;;EAEE,0BAAA;CD+YD;AC7YD;;EAEE,0BAAA;CD+YD;AACD,oBAAoB;AC3YpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CD6YD;AC3YD;;;EAGE,qDAAA;EACA,0BAAA;CD6YD;AC3YD;;;EAGE,qDAAA;EACA,0BAAA;CD6YD;AC3YD;;;EAGE,qDAAA;EACA,0BAAA;CD6YD;AC3YD;;;EAGE,qDAAA;EACA,0BAAA;CD6YD;AACD,kBAAkB;ACxYlB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CD0YD;ACxYD;EACE,yDAAA;CD0YD;ACxYD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD0YD;ACxYD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD0YD;ACxYD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD0YD;ACxYD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CD0YD;AACD,WAAW;ACtYX;;EAEE,qDAAA;EACA,0BAAA;CDwYD;ACtYD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDwYD;ACtYD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDwYD;ACtYD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDwYD;ACtYD;;EAEE,qDAAA;EACA,0BAAA;CDwYD;ACtYD;EACE,kBAAA;CDwYD;AACD,cAAc;ACpYd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDsYD;ACpYD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CDsYD;ACpYD;;EAEE,0BAAA;CDsYD;ACpYD;;EAEE,0BAAA;CDsYD;ACpYD;;EAEE,0BAAA;CDsYD;ACpYD;;EAEE,0BAAA;CDsYD;AACD,oBAAoB;AClYpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDoYD;AClYD;;;EAGE,qDAAA;EACA,0BAAA;CDoYD;AClYD;;;EAGE,qDAAA;EACA,0BAAA;CDoYD;AClYD;;;EAGE,qDAAA;EACA,0BAAA;CDoYD;AClYD;;;EAGE,qDAAA;EACA,0BAAA;CDoYD;AACD,eAAe;AC/Xf;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDiYD;AC/XD;EACE,yDAAA;CDiYD;AC/XD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDiYD;AC/XD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDiYD;AC/XD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDiYD;AC/XD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDiYD;AACD,WAAW;AC7XX;;EAEE,qDAAA;EACA,0BAAA;CD+XD;AC7XD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD+XD;AC7XD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD+XD;AC7XD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD+XD;AC7XD;;EAEE,qDAAA;EACA,0BAAA;CD+XD;AC7XD;EACE,kBAAA;CD+XD;AACD,cAAc;AC3Xd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CD6XD;AC3XD;;;;;;;;EAQE,4BAAA;EACA,eAAA;CD6XD;AC3XD;;EAEE,0BAAA;CD6XD;AC3XD;;EAEE,0BAAA;CD6XD;AC3XD;;EAEE,0BAAA;CD6XD;AC3XD;;EAEE,0BAAA;CD6XD;AACD,oBAAoB;ACzXpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CD2XD;ACzXD;;;EAGE,qDAAA;EACA,0BAAA;CD2XD;ACzXD;;;EAGE,qDAAA;EACA,0BAAA;CD2XD;ACzXD;;;EAGE,qDAAA;EACA,0BAAA;CD2XD;ACzXD;;;EAGE,qDAAA;EACA,0BAAA;CD2XD;AACD,gBAAgB;ACrXhB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDuXD;ACrXD;EACE,yDAAA;CDuXD;ACrXD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuXD;ACrXD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuXD;ACrXD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuXD;ACrXD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuXD;AACD,WAAW;ACnXX;;EAEE,qDAAA;EACA,0BAAA;CDqXD;ACnXD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDqXD;ACnXD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDqXD;ACnXD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDqXD;ACnXD;;EAEE,qDAAA;EACA,0BAAA;CDqXD;ACnXD;EACE,kBAAA;CDqXD;AACD,cAAc;ACjXd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDmXD;ACjXD;;;;;;;;EAQE,4BAAA;EACA,0BAAA;CDmXD;ACjXD;;EAEE,0BAAA;CDmXD;ACjXD;;EAEE,0BAAA;CDmXD;ACjXD;;EAEE,0BAAA;CDmXD;ACjXD;;EAEE,0BAAA;CDmXD;AACD,oBAAoB;AC/WpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDiXD;AC/WD;;;EAGE,qDAAA;EACA,0BAAA;CDiXD;AC/WD;;;EAGE,qDAAA;EACA,0BAAA;CDiXD;AC/WD;;;EAGE,qDAAA;EACA,0BAAA;CDiXD;AC/WD;;;EAGE,qDAAA;EACA,0BAAA;CDiXD;AACD,iBAAiB;AC3WjB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CD6WD;AC3WD;EACE,yDAAA;CD6WD;AC3WD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6WD;AC3WD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6WD;AC3WD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6WD;AC3WD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CD6WD;AACD,WAAW;ACzWX;;EAEE,qDAAA;EACA,0BAAA;CD2WD;ACzWD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD2WD;ACzWD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD2WD;ACzWD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD2WD;ACzWD;;EAEE,qDAAA;EACA,0BAAA;CD2WD;ACzWD;EACE,kBAAA;CD2WD;AACD,cAAc;ACvWd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDyWD;ACvWD;;;;;;;;EAQE,4BAAA;EACA,0BAAA;CDyWD;ACvWD;;EAEE,0BAAA;CDyWD;ACvWD;;EAEE,0BAAA;CDyWD;ACvWD;;EAEE,0BAAA;CDyWD;ACvWD;;EAEE,0BAAA;CDyWD;AACD,oBAAoB;ACrWpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CDuWD;ACrWD;;;EAGE,qDAAA;EACA,0BAAA;CDuWD;ACrWD;;;EAGE,qDAAA;EACA,0BAAA;CDuWD;ACrWD;;;EAGE,qDAAA;EACA,0BAAA;CDuWD;ACrWD;;;EAGE,qDAAA;EACA,0BAAA;CDuWD;AACD,kBAAkB;AClWlB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDoWD;AClWD;EACE,yDAAA;CDoWD;AClWD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDoWD;AClWD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDoWD;AClWD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDoWD;AClWD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDoWD;AACD,WAAW;AChWX;;EAEE,qDAAA;EACA,0BAAA;CDkWD;AChWD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDkWD;AChWD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDkWD;AChWD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDkWD;AChWD;;EAEE,qDAAA;EACA,0BAAA;CDkWD;AChWD;EACE,kBAAA;CDkWD;AACD,cAAc;AC9Vd;;EAEE,8BAAA;EACA,qDAAA;EACA,eAAA;CDgWD;AC9VD;;;;;;;;EAQE,4BAAA;EACA,0BAAA;CDgWD;AC9VD;;EAEE,0BAAA;CDgWD;AC9VD;;EAEE,0BAAA;CDgWD;AC9VD;;EAEE,0BAAA;CDgWD;AC9VD;;EAEE,0BAAA;CDgWD;AACD,oBAAoB;AC5VpB;;;EAGE,8BAAA;EACA,sEAAA;EACA,0BAAA;CD8VD;AC5VD;;;EAGE,qDAAA;EACA,0BAAA;CD8VD;AC5VD;;;EAGE,qDAAA;EACA,0BAAA;CD8VD;AC5VD;;;EAGE,qDAAA;EACA,0BAAA;CD8VD;AC5VD;;;EAGE,qDAAA;EACA,0BAAA;CD8VD;AACD;;sBAEsB;AACtB,oBAAoB;ACrVpB;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDuVD;ACrVD;EACE,yDAAA;CDuVD;ACrVD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuVD;ACrVD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuVD;ACrVD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuVD;ACrVD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDuVD;AACD,WAAW;ACnVX;;EAEE,qDAAA;EACA,0BAAA;CDqVD;ACnVD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDqVD;ACnVD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDqVD;ACnVD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDqVD;ACnVD;;EAEE,qDAAA;EACA,0BAAA;CDqVD;ACnVD;EACE,kBAAA;CDqVD;AACD;;sBAEsB;AACtB,cAAc;AC9Ud;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDgVD;AC9UD;EACE,yDAAA;CDgVD;AC9UD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgVD;AC9UD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgVD;AC9UD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgVD;AC9UD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDgVD;AACD,WAAW;AC5UX;;EAEE,qDAAA;EACA,0BAAA;CD8UD;AC5UD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD8UD;AC5UD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD8UD;AC5UD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CD8UD;AC5UD;;EAEE,qDAAA;EACA,0BAAA;CD8UD;AC5UD;EACE,kBAAA;CD8UD;AACD;;kBAEkB;AAClB,cAAc;ACvUd;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDyUD;ACvUD;EACE,yDAAA;CDyUD;ACvUD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDyUD;ACvUD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDyUD;ACvUD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDyUD;ACvUD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDyUD;AACD,WAAW;ACrUX;;EAEE,qDAAA;EACA,0BAAA;CDuUD;ACrUD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDuUD;ACrUD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDuUD;ACrUD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDuUD;ACrUD;;EAEE,qDAAA;EACA,0BAAA;CDuUD;ACrUD;EACE,kBAAA;CDuUD;AACD;;kBAEkB;AAClB,cAAc;AChUd;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;EACA,uBAAA;CDkUD;AChUD;EACE,yDAAA;CDkUD;AChUD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkUD;AChUD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkUD;AChUD;;EAEE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkUD;AChUD;;;;EAIE,0BAAA;EACA,eAAA;EACA,kBAAA;CDkUD;AACD,WAAW;AC9TX;;EAEE,qDAAA;EACA,0BAAA;CDgUD;AC9TD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDgUD;AC9TD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDgUD;AC9TD;;EAEE,mCAAA;EACA,qDAAA;EACA,0BAAA;CDgUD;AC9TD;;EAEE,qDAAA;EACA,0BAAA;CDgUD;AC9TD;EACE,kBAAA;CDgUD;AACD;;gCAEgC;ACzThC;EACE,4BAAA;EAAA,4BAAA;EAAA,qBAAA;EACA,+BAAA;EAAA,8BAAA;MAAA,wBAAA;UAAA,oBAAA;EACA,eAAA;EACA,yBAAA;EACA,2BAAA;CD2TD;ACzTD;EACE,iBAAA;CD2TD;AACD,cAAc;ACvTd;EACE,aAAA;EACA,eAAA;EACA,UAAA;EACA,YAAA;EACA,mBAAA;CDyTD;AACD,oBAAoB;ACrTpB;EACE,oBAAA;MAAA,mBAAA;UAAA,eAAA;EACA,YAAA;EACA,mBAAA;EACA,wBAAA;CDuTD;ACrTD;;EAEE,4FAAA;CDuTD;ACpTD;EACE,kBAAA;EACA,iBAAA;EACA,sCAAA;EACA,yCAAA;CDsTD;ACpTD;EACE,uCAAA;EACA,0CAAA;CDsTD;AACD,qBAAqB;AClTrB;EACE,4BAAA;EAAA,4BAAA;EAAA,qBAAA;EACA,6BAAA;EAAA,8BAAA;MAAA,2BAAA;UAAA,uBAAA;CDoTD;AClTD;EACE,eAAA;EACA,YAAA;EACA,YAAA;EACA,wBAAA;EACA,iBAAA;EACA,mBAAA;CDoTD;AClTD;EACE,sCAAA;EACA,uCAAA;CDoTD;AClTD;EACE,mBAAA;EACA,yCAAA;EACA,0CAAA;CDoTD;AClTD;EACE,6BAAA;CDoTD;AACD;;gCAEgC;AAChC;;gCAEgC","file":"button.css","sourcesContent":["/*!\n * # Semantic UI 2.2.6 - Button\n * http://github.com/semantic-org/semantic-ui/\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n Theme\n*******************************/\n/*\n\n████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗\n╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝\n ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗\n ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║\n ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║\n ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝\n\n*/\n/*******************************\n Theme Selection\n*******************************/\n/* To override a theme for an individual element\n specify theme name below\n*/\n/* Global */\n/* Elements */\n/* Collections */\n/* Modules */\n/* Views */\n/*******************************\n Folders\n*******************************/\n/* Path to theme packages */\n/* Path to site override folder */\n/*******************************\n Import Theme\n*******************************/\n/*******************************\n Import Directives\n*******************************/\n/*------------------\n Theme\n-------------------*/\n/*--------------------\n Site Variables\n---------------------*/\n/* Default site.variables */\n/*******************************\n Site Settings\n*******************************/\n/*-------------------\n Fonts\n--------------------*/\n/*-------------------\n Base Sizes\n--------------------*/\n/* This is the single variable that controls them all */\n/* The size of page text */\n/*-------------------\n Border Radius\n--------------------*/\n/* See Power-user section below\n for explanation of @px variables\n*/\n/*-------------------\n Brand Colors\n--------------------*/\n/*--------------\n Page Heading\n---------------*/\n/*--------------\n Form Input\n---------------*/\n/* This adjusts the default form input across all elements */\n/* Input Text Color */\n/* Line Height Default For Inputs in Browser */\n/*-------------------\n Focused Input\n--------------------*/\n/* Used on inputs, textarea etc */\n/* Used on dropdowns, other larger blocks */\n/*-------------------\n Sizes\n--------------------*/\n/*\n Sizes are all expressed in terms of 14px/em (default em)\n This ensures these \"ratios\" remain constant despite changes in EM\n*/\n/*-------------------\n Page\n--------------------*/\n/*-------------------\n Paragraph\n--------------------*/\n/*-------------------\n Links\n--------------------*/\n/*-------------------\n Highlighted Text\n--------------------*/\n/*-------------------\n Loader\n--------------------*/\n/*-------------------\n Grid\n--------------------*/\n/*-------------------\n Transitions\n--------------------*/\n/*-------------------\n Breakpoints\n--------------------*/\n/*-------------------\n Site Colors\n--------------------*/\n/*--- Colors ---*/\n/*--- Light Colors ---*/\n/*--- Neutrals ---*/\n/*--- Colored Backgrounds ---*/\n/*--- Colored Headers ---*/\n/*--- Colored Text ---*/\n/*--- Colored Border ---*/\n/*-------------------\n Alpha Colors\n--------------------*/\n/*-------------------\n Accents\n--------------------*/\n/* Differentiating Neutrals */\n/* Differentiating Layers */\n/*******************************\n Power-User\n*******************************/\n/*-------------------\n Emotive Colors\n--------------------*/\n/* Positive */\n/* Negative */\n/* Info */\n/* Warning */\n/*-------------------\n Paths\n--------------------*/\n/* For source only. Modified in gulp for dist */\n/*-------------------\n Em Sizes\n--------------------*/\n/*\n This rounds @size values to the closest pixel then expresses that value in (r)em.\n This ensures all size values round to exact pixels\n*/\n/* em */\n/* rem */\n/*-------------------\n Icons\n--------------------*/\n/* Maximum Glyph Width of Icon */\n/*-------------------\n Neutral Text\n--------------------*/\n/*-------------------\n Brand Colors\n--------------------*/\n/*-------------------\n Borders\n--------------------*/\n/*-------------------\n Derived Values\n--------------------*/\n/* Loaders Position Offset */\n/* Rendered Scrollbar Width */\n/* Maximum Single Character Glyph Width, aka Capital \"W\" */\n/* Used to match floats with text */\n/* Header Spacing */\n/* Minimum Mobile Width */\n/* Positive / Negative Dupes */\n/* Responsive */\n/*-------------------\n Exact Pixel Values\n--------------------*/\n/*\n These are used to specify exact pixel values in em\n for things like borders that remain constantly\n sized as emSize adjusts\n\n Since there are many more sizes than names for sizes,\n these are named by their original pixel values.\n\n*/\n/* Columns */\n/*******************************\n States\n*******************************/\n/*-------------------\n Disabled\n--------------------*/\n/*-------------------\n Hover\n--------------------*/\n/*--- Shadows ---*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Focus\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Down (:active)\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Active\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/* Packaged site.variables */\n/*******************************\n Site Settings\n*******************************/\n/*-------------------\n Fonts\n--------------------*/\n/*-------------------\n Base Sizes\n--------------------*/\n/* This is the single variable that controls them all */\n/* The size of page text */\n/*-------------------\n Border Radius\n--------------------*/\n/* See Power-user section below\n for explanation of @px variables\n*/\n/*-------------------\n Brand Colors\n--------------------*/\n/*--------------\n Page Heading\n---------------*/\n/*--------------\n Form Input\n---------------*/\n/* This adjusts the default form input across all elements */\n/* Input Text Color */\n/* Line Height Default For Inputs in Browser */\n/*-------------------\n Focused Input\n--------------------*/\n/* Used on inputs, textarea etc */\n/* Used on dropdowns, other larger blocks */\n/*-------------------\n Sizes\n--------------------*/\n/*\n Sizes are all expressed in terms of 14px/em (default em)\n This ensures these \"ratios\" remain constant despite changes in EM\n*/\n/*-------------------\n Page\n--------------------*/\n/*-------------------\n Paragraph\n--------------------*/\n/*-------------------\n Links\n--------------------*/\n/*-------------------\n Highlighted Text\n--------------------*/\n/*-------------------\n Loader\n--------------------*/\n/*-------------------\n Grid\n--------------------*/\n/*-------------------\n Transitions\n--------------------*/\n/*-------------------\n Breakpoints\n--------------------*/\n/*-------------------\n Site Colors\n--------------------*/\n/*--- Colors ---*/\n/*--- Light Colors ---*/\n/*--- Neutrals ---*/\n/*--- Colored Backgrounds ---*/\n/*--- Colored Headers ---*/\n/*--- Colored Text ---*/\n/*--- Colored Border ---*/\n/*-------------------\n Alpha Colors\n--------------------*/\n/*-------------------\n Accents\n--------------------*/\n/* Differentiating Neutrals */\n/* Differentiating Layers */\n/*******************************\n Power-User\n*******************************/\n/*-------------------\n Emotive Colors\n--------------------*/\n/* Positive */\n/* Negative */\n/* Info */\n/* Warning */\n/*-------------------\n Paths\n--------------------*/\n/* For source only. Modified in gulp for dist */\n/*-------------------\n Em Sizes\n--------------------*/\n/*\n This rounds @size values to the closest pixel then expresses that value in (r)em.\n This ensures all size values round to exact pixels\n*/\n/* em */\n/* rem */\n/*-------------------\n Icons\n--------------------*/\n/* Maximum Glyph Width of Icon */\n/*-------------------\n Neutral Text\n--------------------*/\n/*-------------------\n Brand Colors\n--------------------*/\n/*-------------------\n Borders\n--------------------*/\n/*-------------------\n Derived Values\n--------------------*/\n/* Loaders Position Offset */\n/* Rendered Scrollbar Width */\n/* Maximum Single Character Glyph Width, aka Capital \"W\" */\n/* Used to match floats with text */\n/* Header Spacing */\n/* Minimum Mobile Width */\n/* Positive / Negative Dupes */\n/* Responsive */\n/*-------------------\n Exact Pixel Values\n--------------------*/\n/*\n These are used to specify exact pixel values in em\n for things like borders that remain constantly\n sized as emSize adjusts\n\n Since there are many more sizes than names for sizes,\n these are named by their original pixel values.\n\n*/\n/* Columns */\n/*******************************\n States\n*******************************/\n/*-------------------\n Disabled\n--------------------*/\n/*-------------------\n Hover\n--------------------*/\n/*--- Shadows ---*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Focus\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Down (:active)\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Active\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/* Component's site.variables */\n/*******************************\n Site Settings\n*******************************/\n/*-------------------\n Fonts\n--------------------*/\n/*-------------------\n Base Sizes\n--------------------*/\n/* This is the single variable that controls them all */\n/* The size of page text */\n/*-------------------\n Border Radius\n--------------------*/\n/* See Power-user section below\n for explanation of @px variables\n*/\n/*-------------------\n Brand Colors\n--------------------*/\n/*--------------\n Page Heading\n---------------*/\n/*--------------\n Form Input\n---------------*/\n/* This adjusts the default form input across all elements */\n/* Input Text Color */\n/* Line Height Default For Inputs in Browser */\n/*-------------------\n Focused Input\n--------------------*/\n/* Used on inputs, textarea etc */\n/* Used on dropdowns, other larger blocks */\n/*-------------------\n Sizes\n--------------------*/\n/*\n Sizes are all expressed in terms of 14px/em (default em)\n This ensures these \"ratios\" remain constant despite changes in EM\n*/\n/*-------------------\n Page\n--------------------*/\n/*-------------------\n Paragraph\n--------------------*/\n/*-------------------\n Links\n--------------------*/\n/*-------------------\n Highlighted Text\n--------------------*/\n/*-------------------\n Loader\n--------------------*/\n/*-------------------\n Grid\n--------------------*/\n/*-------------------\n Transitions\n--------------------*/\n/*-------------------\n Breakpoints\n--------------------*/\n/*-------------------\n Site Colors\n--------------------*/\n/*--- Colors ---*/\n/*--- Light Colors ---*/\n/*--- Neutrals ---*/\n/*--- Colored Backgrounds ---*/\n/*--- Colored Headers ---*/\n/*--- Colored Text ---*/\n/*--- Colored Border ---*/\n/*-------------------\n Alpha Colors\n--------------------*/\n/*-------------------\n Accents\n--------------------*/\n/* Differentiating Neutrals */\n/* Differentiating Layers */\n/*******************************\n Power-User\n*******************************/\n/*-------------------\n Emotive Colors\n--------------------*/\n/* Positive */\n/* Negative */\n/* Info */\n/* Warning */\n/*-------------------\n Paths\n--------------------*/\n/* For source only. Modified in gulp for dist */\n/*-------------------\n Em Sizes\n--------------------*/\n/*\n This rounds @size values to the closest pixel then expresses that value in (r)em.\n This ensures all size values round to exact pixels\n*/\n/* em */\n/* rem */\n/*-------------------\n Icons\n--------------------*/\n/* Maximum Glyph Width of Icon */\n/*-------------------\n Neutral Text\n--------------------*/\n/*-------------------\n Brand Colors\n--------------------*/\n/*-------------------\n Borders\n--------------------*/\n/*-------------------\n Derived Values\n--------------------*/\n/* Loaders Position Offset */\n/* Rendered Scrollbar Width */\n/* Maximum Single Character Glyph Width, aka Capital \"W\" */\n/* Used to match floats with text */\n/* Header Spacing */\n/* Minimum Mobile Width */\n/* Positive / Negative Dupes */\n/* Responsive */\n/*-------------------\n Exact Pixel Values\n--------------------*/\n/*\n These are used to specify exact pixel values in em\n for things like borders that remain constantly\n sized as emSize adjusts\n\n Since there are many more sizes than names for sizes,\n these are named by their original pixel values.\n\n*/\n/* Columns */\n/*******************************\n States\n*******************************/\n/*-------------------\n Disabled\n--------------------*/\n/*-------------------\n Hover\n--------------------*/\n/*--- Shadows ---*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Focus\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Down (:active)\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/*-------------------\n Active\n--------------------*/\n/*--- Colors ---*/\n/*--- Emotive ---*/\n/*--- Brand ---*/\n/*--- Dark Tones ---*/\n/*--- Light Tones ---*/\n/* Site theme site.variables */\n/*******************************\n User Global Variables\n*******************************/\n/*-------------------\n Component Variables\n---------------------*/\n/* Default */\n/*******************************\n Button\n*******************************/\n/*-------------------\n Element\n--------------------*/\n/* Button */\n/* Button defaults to using same height as input globally */\n/* Text */\n/* Internal Shadow */\n/* Box Shadow */\n/* Icon */\n/* Loader */\n/*\n@willChange: box-shadow, transform, opacity, color, background;\n*/\n/*-------------------\n Group\n--------------------*/\n/*-------------------\n States\n--------------------*/\n/* Hovered */\n/* Focused */\n/* Disabled */\n/* Pressed Down */\n/* Active */\n/* Active + Hovered */\n/* Loading */\n/*-------------------\n Types\n--------------------*/\n/* Or */\n/* Icon */\n/* Labeled */\n/* hypotenuse of triangle */\n/* Labeled Icon */\n/* Inverted */\n/* Basic */\n/* Basic Hover */\n/* Basic Focus */\n/* Basic Down */\n/* Basic Active */\n/* Basic Inverted */\n/* Basic Group */\n/*-------------------\n Variations\n--------------------*/\n/* Colors */\n/* Colored */\n/* Inverted */\n/* Ordinality */\n/* Compact */\n/* Attached */\n/* Floated */\n/* Animated */\n/* Packaged Theme */\n/*******************************\n Button\n*******************************/\n/*-------------------\n Element\n--------------------*/\n/* Button */\n/* Button defaults to using same height as input globally */\n/* Text */\n/* Internal Shadow */\n/* Box Shadow */\n/* Icon */\n/* Loader */\n/*\n@willChange: box-shadow, transform, opacity, color, background;\n*/\n/*-------------------\n Group\n--------------------*/\n/*-------------------\n States\n--------------------*/\n/* Hovered */\n/* Focused */\n/* Disabled */\n/* Pressed Down */\n/* Active */\n/* Active + Hovered */\n/* Loading */\n/*-------------------\n Types\n--------------------*/\n/* Or */\n/* Icon */\n/* Labeled */\n/* hypotenuse of triangle */\n/* Labeled Icon */\n/* Inverted */\n/* Basic */\n/* Basic Hover */\n/* Basic Focus */\n/* Basic Down */\n/* Basic Active */\n/* Basic Inverted */\n/* Basic Group */\n/*-------------------\n Variations\n--------------------*/\n/* Colors */\n/* Colored */\n/* Inverted */\n/* Ordinality */\n/* Compact */\n/* Attached */\n/* Floated */\n/* Animated */\n/* Site Theme */\n/*******************************\n User Variable Overrides\n*******************************/\n/*******************************\n Mix-ins\n*******************************/\n/*------------------\n Fonts\n-------------------*/\n/*------------------\n Overrides\n-------------------*/\n/* End Config */\n/*******************************\n Button\n*******************************/\n.ui.button {\n cursor: pointer;\n display: inline-block;\n min-height: 1em;\n outline: none;\n border: none;\n vertical-align: baseline;\n background: #E0E1E2 none;\n color: rgba(0, 0, 0, 0.6);\n font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;\n margin: 0em 0.25em 0em 0em;\n padding: 0.78571429em 1.5em 0.78571429em;\n text-transform: none;\n text-shadow: none;\n font-weight: bold;\n line-height: 1em;\n font-style: normal;\n text-align: center;\n text-decoration: none;\n border-radius: 0.28571429rem;\n box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n user-select: none;\n transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;\n will-change: '';\n -webkit-tap-highlight-color: transparent;\n}\n/*******************************\n States\n*******************************/\n/*--------------\n Hover\n---------------*/\n.ui.button:hover {\n background-color: #CACBCD;\n background-image: none;\n box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n color: rgba(0, 0, 0, 0.8);\n}\n.ui.button:hover .icon {\n opacity: 0.85;\n}\n/*--------------\n Focus\n---------------*/\n.ui.button:focus {\n background-color: #CACBCD;\n color: rgba(0, 0, 0, 0.8);\n background-image: '' !important;\n box-shadow: '' !important;\n}\n.ui.button:focus .icon {\n opacity: 0.85;\n}\n/*--------------\n Down\n---------------*/\n.ui.button:active,\n.ui.active.button:active {\n background-color: #BABBBC;\n background-image: '';\n color: rgba(0, 0, 0, 0.9);\n box-shadow: 0px 0px 0px 1px transparent inset, none;\n}\n/*--------------\n Active\n---------------*/\n.ui.active.button {\n background-color: #C0C1C2;\n background-image: none;\n box-shadow: 0px 0px 0px 1px transparent inset;\n color: rgba(0, 0, 0, 0.95);\n}\n.ui.active.button:hover {\n background-color: #C0C1C2;\n background-image: none;\n color: rgba(0, 0, 0, 0.95);\n}\n.ui.active.button:active {\n background-color: #C0C1C2;\n background-image: none;\n}\n/*--------------\n Loading\n---------------*/\n/* Specificity hack */\n.ui.loading.loading.loading.loading.loading.loading.button {\n position: relative;\n cursor: default;\n text-shadow: none !important;\n color: transparent !important;\n opacity: 1;\n pointer-events: auto;\n transition: all 0s linear, opacity 0.1s ease;\n}\n.ui.loading.button:before {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n margin: -0.64285714em 0em 0em -0.64285714em;\n width: 1.28571429em;\n height: 1.28571429em;\n border-radius: 500rem;\n border: 0.2em solid rgba(0, 0, 0, 0.15);\n}\n.ui.loading.button:after {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n margin: -0.64285714em 0em 0em -0.64285714em;\n width: 1.28571429em;\n height: 1.28571429em;\n animation: button-spin 0.6s linear;\n animation-iteration-count: infinite;\n border-radius: 500rem;\n border-color: #FFFFFF transparent transparent;\n border-style: solid;\n border-width: 0.2em;\n box-shadow: 0px 0px 0px 1px transparent;\n}\n.ui.labeled.icon.loading.button .icon {\n background-color: transparent;\n box-shadow: none;\n}\n@keyframes button-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.ui.basic.loading.button:not(.inverted):before {\n border-color: rgba(0, 0, 0, 0.1);\n}\n.ui.basic.loading.button:not(.inverted):after {\n border-top-color: #767676;\n}\n/*-------------------\n Disabled\n--------------------*/\n.ui.buttons .disabled.button,\n.ui.disabled.button,\n.ui.button:disabled,\n.ui.disabled.button:hover,\n.ui.disabled.active.button {\n cursor: default;\n opacity: 0.45 !important;\n background-image: none !important;\n box-shadow: none !important;\n pointer-events: none !important;\n}\n/* Basic Group With Disabled */\n.ui.basic.buttons .ui.disabled.button {\n border-color: rgba(34, 36, 38, 0.5);\n}\n/*******************************\n Types\n*******************************/\n/*-------------------\n Animated\n--------------------*/\n.ui.animated.button {\n position: relative;\n overflow: hidden;\n padding-right: 0em !important;\n vertical-align: middle;\n z-index: 1;\n}\n.ui.animated.button .content {\n will-change: transform, opacity;\n}\n.ui.animated.button .visible.content {\n position: relative;\n margin-right: 1.5em;\n}\n.ui.animated.button .hidden.content {\n position: absolute;\n width: 100%;\n}\n/* Horizontal */\n.ui.animated.button .visible.content,\n.ui.animated.button .hidden.content {\n transition: right 0.3s ease 0s;\n}\n.ui.animated.button .visible.content {\n left: auto;\n right: 0%;\n}\n.ui.animated.button .hidden.content {\n top: 50%;\n left: auto;\n right: -100%;\n margin-top: -0.5em;\n}\n.ui.animated.button:focus .visible.content,\n.ui.animated.button:hover .visible.content {\n left: auto;\n right: 200%;\n}\n.ui.animated.button:focus .hidden.content,\n.ui.animated.button:hover .hidden.content {\n left: auto;\n right: 0%;\n}\n/* Vertical */\n.ui.vertical.animated.button .visible.content,\n.ui.vertical.animated.button .hidden.content {\n transition: top 0.3s ease, transform 0.3s ease;\n}\n.ui.vertical.animated.button .visible.content {\n transform: translateY(0%);\n right: auto;\n}\n.ui.vertical.animated.button .hidden.content {\n top: -50%;\n left: 0%;\n right: auto;\n}\n.ui.vertical.animated.button:focus .visible.content,\n.ui.vertical.animated.button:hover .visible.content {\n transform: translateY(200%);\n right: auto;\n}\n.ui.vertical.animated.button:focus .hidden.content,\n.ui.vertical.animated.button:hover .hidden.content {\n top: 50%;\n right: auto;\n}\n/* Fade */\n.ui.fade.animated.button .visible.content,\n.ui.fade.animated.button .hidden.content {\n transition: opacity 0.3s ease, transform 0.3s ease;\n}\n.ui.fade.animated.button .visible.content {\n left: auto;\n right: auto;\n opacity: 1;\n transform: scale(1);\n}\n.ui.fade.animated.button .hidden.content {\n opacity: 0;\n left: 0%;\n right: auto;\n transform: scale(1.5);\n}\n.ui.fade.animated.button:focus .visible.content,\n.ui.fade.animated.button:hover .visible.content {\n left: auto;\n right: auto;\n opacity: 0;\n transform: scale(0.75);\n}\n.ui.fade.animated.button:focus .hidden.content,\n.ui.fade.animated.button:hover .hidden.content {\n left: 0%;\n right: auto;\n opacity: 1;\n transform: scale(1);\n}\n/*-------------------\n Inverted\n--------------------*/\n.ui.inverted.button {\n box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;\n background: transparent none;\n color: #FFFFFF;\n text-shadow: none !important;\n}\n/* Group */\n.ui.inverted.buttons .button {\n margin: 0px 0px 0px -2px;\n}\n.ui.inverted.buttons .button:first-child {\n margin-left: 0em;\n}\n.ui.inverted.vertical.buttons .button {\n margin: 0px 0px -2px 0px;\n}\n.ui.inverted.vertical.buttons .button:first-child {\n margin-top: 0em;\n}\n/* States */\n/* Hover */\n.ui.inverted.button:hover {\n background: #FFFFFF;\n box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;\n color: rgba(0, 0, 0, 0.8);\n}\n/* Active / Focus */\n.ui.inverted.button:focus,\n.ui.inverted.button.active {\n background: #FFFFFF;\n box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;\n color: rgba(0, 0, 0, 0.8);\n}\n/* Active Focus */\n.ui.inverted.button.active:focus {\n background: #DCDDDE;\n box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;\n color: rgba(0, 0, 0, 0.8);\n}\n/*-------------------\n Labeled Button\n--------------------*/\n.ui.labeled.button:not(.icon) {\n display: inline-flex;\n flex-direction: row;\n background: none !important;\n padding: 0px !important;\n border: none !important;\n box-shadow: none !important;\n}\n.ui.labeled.button > .button {\n margin: 0px;\n}\n.ui.labeled.button > .label {\n display: flex;\n align-items: center;\n margin: 0px 0px 0px -1px !important;\n padding: '';\n font-size: 1em;\n border-color: rgba(34, 36, 38, 0.15);\n}\n/* Tag */\n.ui.labeled.button > .tag.label:before {\n width: 1.85em;\n height: 1.85em;\n}\n/* Right */\n.ui.labeled.button:not([class*=\"left labeled\"]) > .button {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n.ui.labeled.button:not([class*=\"left labeled\"]) > .label {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n/* Left Side */\n.ui[class*=\"left labeled\"].button > .button {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n.ui[class*=\"left labeled\"].button > .label {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n/*-------------------\n Social\n--------------------*/\n/* Facebook */\n.ui.facebook.button {\n background-color: #3B5998;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.facebook.button:hover {\n background-color: #304d8a;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.facebook.button:active {\n background-color: #2d4373;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Twitter */\n.ui.twitter.button {\n background-color: #55ACEE;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.twitter.button:hover {\n background-color: #35a2f4;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.twitter.button:active {\n background-color: #2795e9;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Google Plus */\n.ui.google.plus.button {\n background-color: #DD4B39;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.google.plus.button:hover {\n background-color: #e0321c;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.google.plus.button:active {\n background-color: #c23321;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Linked In */\n.ui.linkedin.button {\n background-color: #1F88BE;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.linkedin.button:hover {\n background-color: #147baf;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.linkedin.button:active {\n background-color: #186992;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* YouTube */\n.ui.youtube.button {\n background-color: #CC181E;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.youtube.button:hover {\n background-color: #bd0d13;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.youtube.button:active {\n background-color: #9e1317;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Instagram */\n.ui.instagram.button {\n background-color: #49769C;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.instagram.button:hover {\n background-color: #3d698e;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.instagram.button:active {\n background-color: #395c79;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Pinterest */\n.ui.pinterest.button {\n background-color: #BD081C;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.pinterest.button:hover {\n background-color: #ac0013;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.pinterest.button:active {\n background-color: #8c0615;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* VK */\n.ui.vk.button {\n background-color: #4D7198;\n color: #FFFFFF;\n background-image: none;\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.vk.button:hover {\n background-color: #41648a;\n color: #FFFFFF;\n}\n.ui.vk.button:active {\n background-color: #3c5876;\n color: #FFFFFF;\n}\n/*--------------\n Icon\n---------------*/\n.ui.button > .icon:not(.button) {\n height: 0.85714286em;\n opacity: 0.8;\n margin: 0em 0.42857143em 0em -0.21428571em;\n transition: opacity 0.1s ease;\n vertical-align: '';\n color: '';\n}\n.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {\n margin: 0em 0.42857143em 0em -0.21428571em;\n}\n.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {\n margin: 0em -0.21428571em 0em 0.42857143em;\n}\n/*******************************\n Variations\n*******************************/\n/*-------------------\n Floated\n--------------------*/\n.ui[class*=\"left floated\"].buttons,\n.ui[class*=\"left floated\"].button {\n float: left;\n margin-left: 0em;\n margin-right: 0.25em;\n}\n.ui[class*=\"right floated\"].buttons,\n.ui[class*=\"right floated\"].button {\n float: right;\n margin-right: 0em;\n margin-left: 0.25em;\n}\n/*-------------------\n Compact\n--------------------*/\n.ui.compact.buttons .button,\n.ui.compact.button {\n padding: 0.58928571em 1.125em 0.58928571em;\n}\n.ui.compact.icon.buttons .button,\n.ui.compact.icon.button {\n padding: 0.58928571em 0.58928571em 0.58928571em;\n}\n.ui.compact.labeled.icon.buttons .button,\n.ui.compact.labeled.icon.button {\n padding: 0.58928571em 3.69642857em 0.58928571em;\n}\n/*-------------------\n Sizes\n--------------------*/\n.ui.mini.buttons .button,\n.ui.mini.buttons .or,\n.ui.mini.button {\n font-size: 0.78571429rem;\n}\n.ui.tiny.buttons .button,\n.ui.tiny.buttons .or,\n.ui.tiny.button {\n font-size: 0.85714286rem;\n}\n.ui.small.buttons .button,\n.ui.small.buttons .or,\n.ui.small.button {\n font-size: 0.92857143rem;\n}\n.ui.buttons .button,\n.ui.buttons .or,\n.ui.button {\n font-size: 1rem;\n}\n.ui.large.buttons .button,\n.ui.large.buttons .or,\n.ui.large.button {\n font-size: 1.14285714rem;\n}\n.ui.big.buttons .button,\n.ui.big.buttons .or,\n.ui.big.button {\n font-size: 1.28571429rem;\n}\n.ui.huge.buttons .button,\n.ui.huge.buttons .or,\n.ui.huge.button {\n font-size: 1.42857143rem;\n}\n.ui.massive.buttons .button,\n.ui.massive.buttons .or,\n.ui.massive.button {\n font-size: 1.71428571rem;\n}\n/*--------------\n Icon Only\n---------------*/\n.ui.icon.buttons .button,\n.ui.icon.button {\n padding: 0.78571429em 0.78571429em 0.78571429em;\n}\n.ui.icon.buttons .button > .icon,\n.ui.icon.button > .icon {\n opacity: 0.9;\n margin: 0em;\n vertical-align: top;\n}\n/*-------------------\n Basic\n--------------------*/\n.ui.basic.buttons .button,\n.ui.basic.button {\n background: transparent none !important;\n color: rgba(0, 0, 0, 0.6) !important;\n font-weight: normal;\n border-radius: 0.28571429rem;\n text-transform: none;\n text-shadow: none !important;\n box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.basic.buttons {\n box-shadow: none;\n border: 1px solid rgba(34, 36, 38, 0.15);\n border-radius: 0.28571429rem;\n}\n.ui.basic.buttons .button {\n border-radius: 0em;\n}\n.ui.basic.buttons .button:hover,\n.ui.basic.button:hover {\n background: #FFFFFF !important;\n color: rgba(0, 0, 0, 0.8) !important;\n box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.basic.buttons .button:focus,\n.ui.basic.button:focus {\n background: #FFFFFF !important;\n color: rgba(0, 0, 0, 0.8) !important;\n box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.basic.buttons .button:active,\n.ui.basic.button:active {\n background: #F8F8F8 !important;\n color: rgba(0, 0, 0, 0.9) !important;\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.basic.buttons .active.button,\n.ui.basic.active.button {\n background: rgba(0, 0, 0, 0.05) !important;\n box-shadow: '' !important;\n color: rgba(0, 0, 0, 0.95);\n box-shadow: rgba(34, 36, 38, 0.35);\n}\n.ui.basic.buttons .active.button:hover,\n.ui.basic.active.button:hover {\n background-color: rgba(0, 0, 0, 0.05);\n}\n/* Vertical */\n.ui.basic.buttons .button:hover {\n box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;\n}\n.ui.basic.buttons .button:active {\n box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;\n}\n.ui.basic.buttons .active.button {\n box-shadow: rgba(34, 36, 38, 0.35) inset;\n}\n/* Standard Basic Inverted */\n.ui.basic.inverted.buttons .button,\n.ui.basic.inverted.button {\n background-color: transparent !important;\n color: #F9FAFB !important;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n}\n.ui.basic.inverted.buttons .button:hover,\n.ui.basic.inverted.button:hover {\n color: #FFFFFF !important;\n box-shadow: 0px 0px 0px 2px #ffffff inset !important;\n}\n.ui.basic.inverted.buttons .button:focus,\n.ui.basic.inverted.button:focus {\n color: #FFFFFF !important;\n box-shadow: 0px 0px 0px 2px #ffffff inset !important;\n}\n.ui.basic.inverted.buttons .button:active,\n.ui.basic.inverted.button:active {\n background-color: rgba(255, 255, 255, 0.08) !important;\n color: #FFFFFF !important;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;\n}\n.ui.basic.inverted.buttons .active.button,\n.ui.basic.inverted.active.button {\n background-color: rgba(255, 255, 255, 0.08);\n color: #FFFFFF;\n text-shadow: none;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;\n}\n.ui.basic.inverted.buttons .active.button:hover,\n.ui.basic.inverted.active.button:hover {\n background-color: rgba(255, 255, 255, 0.15);\n box-shadow: 0px 0px 0px 2px #ffffff inset !important;\n}\n/* Basic Group */\n.ui.basic.buttons .button {\n border-left: 1px solid rgba(34, 36, 38, 0.15);\n box-shadow: none;\n}\n.ui.basic.vertical.buttons .button {\n border-left: none;\n}\n.ui.basic.vertical.buttons .button {\n border-left-width: 0px;\n border-top: 1px solid rgba(34, 36, 38, 0.15);\n}\n.ui.basic.vertical.buttons .button:first-child {\n border-top-width: 0px;\n}\n/*--------------\n Labeled Icon\n---------------*/\n.ui.labeled.icon.buttons .button,\n.ui.labeled.icon.button {\n position: relative;\n padding-left: 4.07142857em !important;\n padding-right: 1.5em !important;\n}\n/* Left Labeled */\n.ui.labeled.icon.buttons > .button > .icon,\n.ui.labeled.icon.button > .icon {\n position: absolute;\n height: 100%;\n line-height: 1;\n border-radius: 0px;\n border-top-left-radius: inherit;\n border-bottom-left-radius: inherit;\n text-align: center;\n margin: 0em;\n width: 2.57142857em;\n background-color: rgba(0, 0, 0, 0.05);\n color: '';\n box-shadow: -1px 0px 0px 0px transparent inset;\n}\n/* Left Labeled */\n.ui.labeled.icon.buttons > .button > .icon,\n.ui.labeled.icon.button > .icon {\n top: 0em;\n left: 0em;\n}\n/* Right Labeled */\n.ui[class*=\"right labeled\"].icon.button {\n padding-right: 4.07142857em !important;\n padding-left: 1.5em !important;\n}\n.ui[class*=\"right labeled\"].icon.button > .icon {\n left: auto;\n right: 0em;\n border-radius: 0px;\n border-top-right-radius: inherit;\n border-bottom-right-radius: inherit;\n box-shadow: 1px 0px 0px 0px transparent inset;\n}\n.ui.labeled.icon.buttons > .button > .icon:before,\n.ui.labeled.icon.button > .icon:before,\n.ui.labeled.icon.buttons > .button > .icon:after,\n.ui.labeled.icon.button > .icon:after {\n display: block;\n position: absolute;\n width: 100%;\n top: 50%;\n text-align: center;\n transform: translateY(-50%);\n}\n.ui.labeled.icon.buttons .button > .icon {\n border-radius: 0em;\n}\n.ui.labeled.icon.buttons .button:first-child > .icon {\n border-top-left-radius: 0.28571429rem;\n border-bottom-left-radius: 0.28571429rem;\n}\n.ui.labeled.icon.buttons .button:last-child > .icon {\n border-top-right-radius: 0.28571429rem;\n border-bottom-right-radius: 0.28571429rem;\n}\n.ui.vertical.labeled.icon.buttons .button:first-child > .icon {\n border-radius: 0em;\n border-top-left-radius: 0.28571429rem;\n}\n.ui.vertical.labeled.icon.buttons .button:last-child > .icon {\n border-radius: 0em;\n border-bottom-left-radius: 0.28571429rem;\n}\n/* Fluid Labeled */\n.ui.fluid[class*=\"left labeled\"].icon.button,\n.ui.fluid[class*=\"right labeled\"].icon.button {\n padding-left: 1.5em !important;\n padding-right: 1.5em !important;\n}\n/*--------------\n Toggle\n---------------*/\n/* Toggle (Modifies active state to give affordances) */\n.ui.toggle.buttons .active.button,\n.ui.buttons .button.toggle.active,\n.ui.button.toggle.active {\n background-color: #21BA45 !important;\n box-shadow: none !important;\n text-shadow: none;\n color: #FFFFFF !important;\n}\n.ui.button.toggle.active:hover {\n background-color: #16ab39 !important;\n text-shadow: none;\n color: #FFFFFF !important;\n}\n/*--------------\n Circular\n---------------*/\n.ui.circular.button {\n border-radius: 10em;\n}\n.ui.circular.button > .icon {\n width: 1em;\n vertical-align: baseline;\n}\n/*-------------------\n Or Buttons\n--------------------*/\n.ui.buttons .or {\n position: relative;\n width: 0.3em;\n height: 2.57142857em;\n z-index: 3;\n}\n.ui.buttons .or:before {\n position: absolute;\n text-align: center;\n border-radius: 500rem;\n content: 'or';\n top: 50%;\n left: 50%;\n background-color: #FFFFFF;\n text-shadow: none;\n margin-top: -0.89285714em;\n margin-left: -0.89285714em;\n width: 1.78571429em;\n height: 1.78571429em;\n line-height: 1.78571429em;\n color: rgba(0, 0, 0, 0.4);\n font-style: normal;\n font-weight: bold;\n box-shadow: 0px 0px 0px 1px transparent inset;\n}\n.ui.buttons .or[data-text]:before {\n content: attr(data-text);\n}\n/* Fluid Or */\n.ui.fluid.buttons .or {\n width: 0em !important;\n}\n.ui.fluid.buttons .or:after {\n display: none;\n}\n/*-------------------\n Attached\n--------------------*/\n/* Singular */\n.ui.attached.button {\n position: relative;\n display: block;\n margin: 0em;\n border-radius: 0em;\n box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;\n}\n/* Top / Bottom */\n.ui.attached.top.button {\n border-radius: 0.28571429rem 0.28571429rem 0em 0em;\n}\n.ui.attached.bottom.button {\n border-radius: 0em 0em 0.28571429rem 0.28571429rem;\n}\n/* Left / Right */\n.ui.left.attached.button {\n display: inline-block;\n border-left: none;\n text-align: right;\n padding-right: 0.75em;\n border-radius: 0.28571429rem 0em 0em 0.28571429rem;\n}\n.ui.right.attached.button {\n display: inline-block;\n text-align: left;\n padding-left: 0.75em;\n border-radius: 0em 0.28571429rem 0.28571429rem 0em;\n}\n/* Plural */\n.ui.attached.buttons {\n position: relative;\n display: flex;\n border-radius: 0em;\n width: auto !important;\n z-index: 2;\n margin-left: -1px;\n margin-right: -1px;\n}\n.ui.attached.buttons .button {\n margin: 0em;\n}\n.ui.attached.buttons .button:first-child {\n border-radius: 0em;\n}\n.ui.attached.buttons .button:last-child {\n border-radius: 0em;\n}\n/* Top / Bottom */\n.ui[class*=\"top attached\"].buttons {\n margin-bottom: -1px;\n border-radius: 0.28571429rem 0.28571429rem 0em 0em;\n}\n.ui[class*=\"top attached\"].buttons .button:first-child {\n border-radius: 0.28571429rem 0em 0em 0em;\n}\n.ui[class*=\"top attached\"].buttons .button:last-child {\n border-radius: 0em 0.28571429rem 0em 0em;\n}\n.ui[class*=\"bottom attached\"].buttons {\n margin-top: -1px;\n border-radius: 0em 0em 0.28571429rem 0.28571429rem;\n}\n.ui[class*=\"bottom attached\"].buttons .button:first-child {\n border-radius: 0em 0em 0em 0.28571429rem;\n}\n.ui[class*=\"bottom attached\"].buttons .button:last-child {\n border-radius: 0em 0em 0.28571429rem 0em;\n}\n/* Left / Right */\n.ui[class*=\"left attached\"].buttons {\n display: inline-flex;\n margin-right: 0em;\n margin-left: -1px;\n border-radius: 0em 0.28571429rem 0.28571429rem 0em;\n}\n.ui[class*=\"left attached\"].buttons .button:first-child {\n margin-left: -1px;\n border-radius: 0em 0.28571429rem 0em 0em;\n}\n.ui[class*=\"left attached\"].buttons .button:last-child {\n margin-left: -1px;\n border-radius: 0em 0em 0.28571429rem 0em;\n}\n.ui[class*=\"right attached\"].buttons {\n display: inline-flex;\n margin-left: 0em;\n margin-right: -1px;\n border-radius: 0.28571429rem 0em 0em 0.28571429rem;\n}\n.ui[class*=\"right attached\"].buttons .button:first-child {\n margin-left: -1px;\n border-radius: 0.28571429rem 0em 0em 0em;\n}\n.ui[class*=\"right attached\"].buttons .button:last-child {\n margin-left: -1px;\n border-radius: 0em 0em 0em 0.28571429rem;\n}\n/*-------------------\n Fluid\n--------------------*/\n.ui.fluid.buttons,\n.ui.fluid.button {\n width: 100%;\n}\n.ui.fluid.button {\n display: block;\n}\n.ui.two.buttons {\n width: 100%;\n}\n.ui.two.buttons > .button {\n width: 50%;\n}\n.ui.three.buttons {\n width: 100%;\n}\n.ui.three.buttons > .button {\n width: 33.333%;\n}\n.ui.four.buttons {\n width: 100%;\n}\n.ui.four.buttons > .button {\n width: 25%;\n}\n.ui.five.buttons {\n width: 100%;\n}\n.ui.five.buttons > .button {\n width: 20%;\n}\n.ui.six.buttons {\n width: 100%;\n}\n.ui.six.buttons > .button {\n width: 16.666%;\n}\n.ui.seven.buttons {\n width: 100%;\n}\n.ui.seven.buttons > .button {\n width: 14.285%;\n}\n.ui.eight.buttons {\n width: 100%;\n}\n.ui.eight.buttons > .button {\n width: 12.500%;\n}\n.ui.nine.buttons {\n width: 100%;\n}\n.ui.nine.buttons > .button {\n width: 11.11%;\n}\n.ui.ten.buttons {\n width: 100%;\n}\n.ui.ten.buttons > .button {\n width: 10%;\n}\n.ui.eleven.buttons {\n width: 100%;\n}\n.ui.eleven.buttons > .button {\n width: 9.09%;\n}\n.ui.twelve.buttons {\n width: 100%;\n}\n.ui.twelve.buttons > .button {\n width: 8.3333%;\n}\n/* Fluid Vertical Buttons */\n.ui.fluid.vertical.buttons,\n.ui.fluid.vertical.buttons > .button {\n display: flex;\n width: auto;\n}\n.ui.two.vertical.buttons > .button {\n height: 50%;\n}\n.ui.three.vertical.buttons > .button {\n height: 33.333%;\n}\n.ui.four.vertical.buttons > .button {\n height: 25%;\n}\n.ui.five.vertical.buttons > .button {\n height: 20%;\n}\n.ui.six.vertical.buttons > .button {\n height: 16.666%;\n}\n.ui.seven.vertical.buttons > .button {\n height: 14.285%;\n}\n.ui.eight.vertical.buttons > .button {\n height: 12.500%;\n}\n.ui.nine.vertical.buttons > .button {\n height: 11.11%;\n}\n.ui.ten.vertical.buttons > .button {\n height: 10%;\n}\n.ui.eleven.vertical.buttons > .button {\n height: 9.09%;\n}\n.ui.twelve.vertical.buttons > .button {\n height: 8.3333%;\n}\n/*-------------------\n Colors\n--------------------*/\n/*--- Black ---*/\n.ui.black.buttons .button,\n.ui.black.button {\n background-color: #1B1C1D;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.black.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.black.buttons .button:hover,\n.ui.black.button:hover {\n background-color: #27292a;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.black.buttons .button:focus,\n.ui.black.button:focus {\n background-color: #2f3032;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.black.buttons .button:active,\n.ui.black.button:active {\n background-color: #343637;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.black.buttons .active.button,\n.ui.black.buttons .active.button:active,\n.ui.black.active.button,\n.ui.black.button .active.button:active {\n background-color: #0f0f10;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.black.buttons .button,\n.ui.basic.black.button {\n box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;\n color: #1B1C1D !important;\n}\n.ui.basic.black.buttons .button:hover,\n.ui.basic.black.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #27292a inset !important;\n color: #27292a !important;\n}\n.ui.basic.black.buttons .button:focus,\n.ui.basic.black.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #2f3032 inset !important;\n color: #27292a !important;\n}\n.ui.basic.black.buttons .active.button,\n.ui.basic.black.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;\n color: #343637 !important;\n}\n.ui.basic.black.buttons .button:active,\n.ui.basic.black.button:active {\n box-shadow: 0px 0px 0px 1px #343637 inset !important;\n color: #343637 !important;\n}\n.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.black.buttons .button,\n.ui.inverted.black.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;\n color: #FFFFFF;\n}\n.ui.inverted.black.buttons .button:hover,\n.ui.inverted.black.button:hover,\n.ui.inverted.black.buttons .button:focus,\n.ui.inverted.black.button:focus,\n.ui.inverted.black.buttons .button.active,\n.ui.inverted.black.button.active,\n.ui.inverted.black.buttons .button:active,\n.ui.inverted.black.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.black.buttons .button:hover,\n.ui.inverted.black.button:hover {\n background-color: #000000;\n}\n.ui.inverted.black.buttons .button:focus,\n.ui.inverted.black.button:focus {\n background-color: #000000;\n}\n.ui.inverted.black.buttons .active.button,\n.ui.inverted.black.active.button {\n background-color: #000000;\n}\n.ui.inverted.black.buttons .button:active,\n.ui.inverted.black.button:active {\n background-color: #000000;\n}\n/* Inverted Basic */\n.ui.inverted.black.basic.buttons .button,\n.ui.inverted.black.buttons .basic.button,\n.ui.inverted.black.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.black.basic.buttons .button:hover,\n.ui.inverted.black.buttons .basic.button:hover,\n.ui.inverted.black.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #000000 inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.black.basic.buttons .button:focus,\n.ui.inverted.black.basic.buttons .button:focus,\n.ui.inverted.black.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #000000 inset !important;\n color: #545454 !important;\n}\n.ui.inverted.black.basic.buttons .active.button,\n.ui.inverted.black.buttons .basic.active.button,\n.ui.inverted.black.basic.active.button {\n box-shadow: 0px 0px 0px 2px #000000 inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.black.basic.buttons .button:active,\n.ui.inverted.black.buttons .basic.button:active,\n.ui.inverted.black.basic.button:active {\n box-shadow: 0px 0px 0px 2px #000000 inset !important;\n color: #FFFFFF !important;\n}\n/*--- Grey ---*/\n.ui.grey.buttons .button,\n.ui.grey.button {\n background-color: #767676;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.grey.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.grey.buttons .button:hover,\n.ui.grey.button:hover {\n background-color: #838383;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.grey.buttons .button:focus,\n.ui.grey.button:focus {\n background-color: #8a8a8a;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.grey.buttons .button:active,\n.ui.grey.button:active {\n background-color: #909090;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.grey.buttons .active.button,\n.ui.grey.buttons .active.button:active,\n.ui.grey.active.button,\n.ui.grey.button .active.button:active {\n background-color: #696969;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.grey.buttons .button,\n.ui.basic.grey.button {\n box-shadow: 0px 0px 0px 1px #767676 inset !important;\n color: #767676 !important;\n}\n.ui.basic.grey.buttons .button:hover,\n.ui.basic.grey.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #838383 inset !important;\n color: #838383 !important;\n}\n.ui.basic.grey.buttons .button:focus,\n.ui.basic.grey.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;\n color: #838383 !important;\n}\n.ui.basic.grey.buttons .active.button,\n.ui.basic.grey.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #696969 inset !important;\n color: #909090 !important;\n}\n.ui.basic.grey.buttons .button:active,\n.ui.basic.grey.button:active {\n box-shadow: 0px 0px 0px 1px #909090 inset !important;\n color: #909090 !important;\n}\n.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.grey.buttons .button,\n.ui.inverted.grey.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;\n color: #FFFFFF;\n}\n.ui.inverted.grey.buttons .button:hover,\n.ui.inverted.grey.button:hover,\n.ui.inverted.grey.buttons .button:focus,\n.ui.inverted.grey.button:focus,\n.ui.inverted.grey.buttons .button.active,\n.ui.inverted.grey.button.active,\n.ui.inverted.grey.buttons .button:active,\n.ui.inverted.grey.button:active {\n box-shadow: none !important;\n color: rgba(0, 0, 0, 0.6);\n}\n.ui.inverted.grey.buttons .button:hover,\n.ui.inverted.grey.button:hover {\n background-color: #cfd0d2;\n}\n.ui.inverted.grey.buttons .button:focus,\n.ui.inverted.grey.button:focus {\n background-color: #c7c9cb;\n}\n.ui.inverted.grey.buttons .active.button,\n.ui.inverted.grey.active.button {\n background-color: #cfd0d2;\n}\n.ui.inverted.grey.buttons .button:active,\n.ui.inverted.grey.button:active {\n background-color: #c2c4c5;\n}\n/* Inverted Basic */\n.ui.inverted.grey.basic.buttons .button,\n.ui.inverted.grey.buttons .basic.button,\n.ui.inverted.grey.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.grey.basic.buttons .button:hover,\n.ui.inverted.grey.buttons .basic.button:hover,\n.ui.inverted.grey.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.grey.basic.buttons .button:focus,\n.ui.inverted.grey.basic.buttons .button:focus,\n.ui.inverted.grey.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;\n color: #DCDDDE !important;\n}\n.ui.inverted.grey.basic.buttons .active.button,\n.ui.inverted.grey.buttons .basic.active.button,\n.ui.inverted.grey.basic.active.button {\n box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.grey.basic.buttons .button:active,\n.ui.inverted.grey.buttons .basic.button:active,\n.ui.inverted.grey.basic.button:active {\n box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;\n color: #FFFFFF !important;\n}\n/*--- Brown ---*/\n.ui.brown.buttons .button,\n.ui.brown.button {\n background-color: #A5673F;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.brown.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.brown.buttons .button:hover,\n.ui.brown.button:hover {\n background-color: #975b33;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.brown.buttons .button:focus,\n.ui.brown.button:focus {\n background-color: #90532b;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.brown.buttons .button:active,\n.ui.brown.button:active {\n background-color: #805031;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.brown.buttons .active.button,\n.ui.brown.buttons .active.button:active,\n.ui.brown.active.button,\n.ui.brown.button .active.button:active {\n background-color: #995a31;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.brown.buttons .button,\n.ui.basic.brown.button {\n box-shadow: 0px 0px 0px 1px #A5673F inset !important;\n color: #A5673F !important;\n}\n.ui.basic.brown.buttons .button:hover,\n.ui.basic.brown.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #975b33 inset !important;\n color: #975b33 !important;\n}\n.ui.basic.brown.buttons .button:focus,\n.ui.basic.brown.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #90532b inset !important;\n color: #975b33 !important;\n}\n.ui.basic.brown.buttons .active.button,\n.ui.basic.brown.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #995a31 inset !important;\n color: #805031 !important;\n}\n.ui.basic.brown.buttons .button:active,\n.ui.basic.brown.button:active {\n box-shadow: 0px 0px 0px 1px #805031 inset !important;\n color: #805031 !important;\n}\n.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.brown.buttons .button,\n.ui.inverted.brown.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #D67C1C inset !important;\n color: #D67C1C;\n}\n.ui.inverted.brown.buttons .button:hover,\n.ui.inverted.brown.button:hover,\n.ui.inverted.brown.buttons .button:focus,\n.ui.inverted.brown.button:focus,\n.ui.inverted.brown.buttons .button.active,\n.ui.inverted.brown.button.active,\n.ui.inverted.brown.buttons .button:active,\n.ui.inverted.brown.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.brown.buttons .button:hover,\n.ui.inverted.brown.button:hover {\n background-color: #c86f11;\n}\n.ui.inverted.brown.buttons .button:focus,\n.ui.inverted.brown.button:focus {\n background-color: #c16808;\n}\n.ui.inverted.brown.buttons .active.button,\n.ui.inverted.brown.active.button {\n background-color: #cc6f0d;\n}\n.ui.inverted.brown.buttons .button:active,\n.ui.inverted.brown.button:active {\n background-color: #a96216;\n}\n/* Inverted Basic */\n.ui.inverted.brown.basic.buttons .button,\n.ui.inverted.brown.buttons .basic.button,\n.ui.inverted.brown.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.brown.basic.buttons .button:hover,\n.ui.inverted.brown.buttons .basic.button:hover,\n.ui.inverted.brown.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #c86f11 inset !important;\n color: #D67C1C !important;\n}\n.ui.inverted.brown.basic.buttons .button:focus,\n.ui.inverted.brown.basic.buttons .button:focus,\n.ui.inverted.brown.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #c16808 inset !important;\n color: #D67C1C !important;\n}\n.ui.inverted.brown.basic.buttons .active.button,\n.ui.inverted.brown.buttons .basic.active.button,\n.ui.inverted.brown.basic.active.button {\n box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;\n color: #D67C1C !important;\n}\n.ui.inverted.brown.basic.buttons .button:active,\n.ui.inverted.brown.buttons .basic.button:active,\n.ui.inverted.brown.basic.button:active {\n box-shadow: 0px 0px 0px 2px #a96216 inset !important;\n color: #D67C1C !important;\n}\n/*--- Blue ---*/\n.ui.blue.buttons .button,\n.ui.blue.button {\n background-color: #2185D0;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.blue.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.blue.buttons .button:hover,\n.ui.blue.button:hover {\n background-color: #1678c2;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.blue.buttons .button:focus,\n.ui.blue.button:focus {\n background-color: #0d71bb;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.blue.buttons .button:active,\n.ui.blue.button:active {\n background-color: #1a69a4;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.blue.buttons .active.button,\n.ui.blue.buttons .active.button:active,\n.ui.blue.active.button,\n.ui.blue.button .active.button:active {\n background-color: #1279c6;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.blue.buttons .button,\n.ui.basic.blue.button {\n box-shadow: 0px 0px 0px 1px #2185D0 inset !important;\n color: #2185D0 !important;\n}\n.ui.basic.blue.buttons .button:hover,\n.ui.basic.blue.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #1678c2 inset !important;\n color: #1678c2 !important;\n}\n.ui.basic.blue.buttons .button:focus,\n.ui.basic.blue.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #0d71bb inset !important;\n color: #1678c2 !important;\n}\n.ui.basic.blue.buttons .active.button,\n.ui.basic.blue.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #1279c6 inset !important;\n color: #1a69a4 !important;\n}\n.ui.basic.blue.buttons .button:active,\n.ui.basic.blue.button:active {\n box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;\n color: #1a69a4 !important;\n}\n.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.blue.buttons .button,\n.ui.inverted.blue.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #54C8FF inset !important;\n color: #54C8FF;\n}\n.ui.inverted.blue.buttons .button:hover,\n.ui.inverted.blue.button:hover,\n.ui.inverted.blue.buttons .button:focus,\n.ui.inverted.blue.button:focus,\n.ui.inverted.blue.buttons .button.active,\n.ui.inverted.blue.button.active,\n.ui.inverted.blue.buttons .button:active,\n.ui.inverted.blue.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.blue.buttons .button:hover,\n.ui.inverted.blue.button:hover {\n background-color: #3ac0ff;\n}\n.ui.inverted.blue.buttons .button:focus,\n.ui.inverted.blue.button:focus {\n background-color: #2bbbff;\n}\n.ui.inverted.blue.buttons .active.button,\n.ui.inverted.blue.active.button {\n background-color: #3ac0ff;\n}\n.ui.inverted.blue.buttons .button:active,\n.ui.inverted.blue.button:active {\n background-color: #21b8ff;\n}\n/* Inverted Basic */\n.ui.inverted.blue.basic.buttons .button,\n.ui.inverted.blue.buttons .basic.button,\n.ui.inverted.blue.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.blue.basic.buttons .button:hover,\n.ui.inverted.blue.buttons .basic.button:hover,\n.ui.inverted.blue.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;\n color: #54C8FF !important;\n}\n.ui.inverted.blue.basic.buttons .button:focus,\n.ui.inverted.blue.basic.buttons .button:focus,\n.ui.inverted.blue.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #2bbbff inset !important;\n color: #54C8FF !important;\n}\n.ui.inverted.blue.basic.buttons .active.button,\n.ui.inverted.blue.buttons .basic.active.button,\n.ui.inverted.blue.basic.active.button {\n box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;\n color: #54C8FF !important;\n}\n.ui.inverted.blue.basic.buttons .button:active,\n.ui.inverted.blue.buttons .basic.button:active,\n.ui.inverted.blue.basic.button:active {\n box-shadow: 0px 0px 0px 2px #21b8ff inset !important;\n color: #54C8FF !important;\n}\n/*--- Green ---*/\n.ui.green.buttons .button,\n.ui.green.button {\n background-color: #21BA45;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.green.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.green.buttons .button:hover,\n.ui.green.button:hover {\n background-color: #16ab39;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.green.buttons .button:focus,\n.ui.green.button:focus {\n background-color: #0ea432;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.green.buttons .button:active,\n.ui.green.button:active {\n background-color: #198f35;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.green.buttons .active.button,\n.ui.green.buttons .active.button:active,\n.ui.green.active.button,\n.ui.green.button .active.button:active {\n background-color: #13ae38;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.green.buttons .button,\n.ui.basic.green.button {\n box-shadow: 0px 0px 0px 1px #21BA45 inset !important;\n color: #21BA45 !important;\n}\n.ui.basic.green.buttons .button:hover,\n.ui.basic.green.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #16ab39 inset !important;\n color: #16ab39 !important;\n}\n.ui.basic.green.buttons .button:focus,\n.ui.basic.green.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #0ea432 inset !important;\n color: #16ab39 !important;\n}\n.ui.basic.green.buttons .active.button,\n.ui.basic.green.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #13ae38 inset !important;\n color: #198f35 !important;\n}\n.ui.basic.green.buttons .button:active,\n.ui.basic.green.button:active {\n box-shadow: 0px 0px 0px 1px #198f35 inset !important;\n color: #198f35 !important;\n}\n.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.green.buttons .button,\n.ui.inverted.green.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;\n color: #2ECC40;\n}\n.ui.inverted.green.buttons .button:hover,\n.ui.inverted.green.button:hover,\n.ui.inverted.green.buttons .button:focus,\n.ui.inverted.green.button:focus,\n.ui.inverted.green.buttons .button.active,\n.ui.inverted.green.button.active,\n.ui.inverted.green.buttons .button:active,\n.ui.inverted.green.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.green.buttons .button:hover,\n.ui.inverted.green.button:hover {\n background-color: #22be34;\n}\n.ui.inverted.green.buttons .button:focus,\n.ui.inverted.green.button:focus {\n background-color: #19b82b;\n}\n.ui.inverted.green.buttons .active.button,\n.ui.inverted.green.active.button {\n background-color: #1fc231;\n}\n.ui.inverted.green.buttons .button:active,\n.ui.inverted.green.button:active {\n background-color: #25a233;\n}\n/* Inverted Basic */\n.ui.inverted.green.basic.buttons .button,\n.ui.inverted.green.buttons .basic.button,\n.ui.inverted.green.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.green.basic.buttons .button:hover,\n.ui.inverted.green.buttons .basic.button:hover,\n.ui.inverted.green.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #22be34 inset !important;\n color: #2ECC40 !important;\n}\n.ui.inverted.green.basic.buttons .button:focus,\n.ui.inverted.green.basic.buttons .button:focus,\n.ui.inverted.green.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #19b82b inset !important;\n color: #2ECC40 !important;\n}\n.ui.inverted.green.basic.buttons .active.button,\n.ui.inverted.green.buttons .basic.active.button,\n.ui.inverted.green.basic.active.button {\n box-shadow: 0px 0px 0px 2px #1fc231 inset !important;\n color: #2ECC40 !important;\n}\n.ui.inverted.green.basic.buttons .button:active,\n.ui.inverted.green.buttons .basic.button:active,\n.ui.inverted.green.basic.button:active {\n box-shadow: 0px 0px 0px 2px #25a233 inset !important;\n color: #2ECC40 !important;\n}\n/*--- Orange ---*/\n.ui.orange.buttons .button,\n.ui.orange.button {\n background-color: #F2711C;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.orange.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.orange.buttons .button:hover,\n.ui.orange.button:hover {\n background-color: #f26202;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.orange.buttons .button:focus,\n.ui.orange.button:focus {\n background-color: #e55b00;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.orange.buttons .button:active,\n.ui.orange.button:active {\n background-color: #cf590c;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.orange.buttons .active.button,\n.ui.orange.buttons .active.button:active,\n.ui.orange.active.button,\n.ui.orange.button .active.button:active {\n background-color: #f56100;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.orange.buttons .button,\n.ui.basic.orange.button {\n box-shadow: 0px 0px 0px 1px #F2711C inset !important;\n color: #F2711C !important;\n}\n.ui.basic.orange.buttons .button:hover,\n.ui.basic.orange.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #f26202 inset !important;\n color: #f26202 !important;\n}\n.ui.basic.orange.buttons .button:focus,\n.ui.basic.orange.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #e55b00 inset !important;\n color: #f26202 !important;\n}\n.ui.basic.orange.buttons .active.button,\n.ui.basic.orange.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #f56100 inset !important;\n color: #cf590c !important;\n}\n.ui.basic.orange.buttons .button:active,\n.ui.basic.orange.button:active {\n box-shadow: 0px 0px 0px 1px #cf590c inset !important;\n color: #cf590c !important;\n}\n.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.orange.buttons .button,\n.ui.inverted.orange.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #FF851B inset !important;\n color: #FF851B;\n}\n.ui.inverted.orange.buttons .button:hover,\n.ui.inverted.orange.button:hover,\n.ui.inverted.orange.buttons .button:focus,\n.ui.inverted.orange.button:focus,\n.ui.inverted.orange.buttons .button.active,\n.ui.inverted.orange.button.active,\n.ui.inverted.orange.buttons .button:active,\n.ui.inverted.orange.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.orange.buttons .button:hover,\n.ui.inverted.orange.button:hover {\n background-color: #ff7701;\n}\n.ui.inverted.orange.buttons .button:focus,\n.ui.inverted.orange.button:focus {\n background-color: #f17000;\n}\n.ui.inverted.orange.buttons .active.button,\n.ui.inverted.orange.active.button {\n background-color: #ff7701;\n}\n.ui.inverted.orange.buttons .button:active,\n.ui.inverted.orange.button:active {\n background-color: #e76b00;\n}\n/* Inverted Basic */\n.ui.inverted.orange.basic.buttons .button,\n.ui.inverted.orange.buttons .basic.button,\n.ui.inverted.orange.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.orange.basic.buttons .button:hover,\n.ui.inverted.orange.buttons .basic.button:hover,\n.ui.inverted.orange.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #ff7701 inset !important;\n color: #FF851B !important;\n}\n.ui.inverted.orange.basic.buttons .button:focus,\n.ui.inverted.orange.basic.buttons .button:focus,\n.ui.inverted.orange.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #f17000 inset !important;\n color: #FF851B !important;\n}\n.ui.inverted.orange.basic.buttons .active.button,\n.ui.inverted.orange.buttons .basic.active.button,\n.ui.inverted.orange.basic.active.button {\n box-shadow: 0px 0px 0px 2px #ff7701 inset !important;\n color: #FF851B !important;\n}\n.ui.inverted.orange.basic.buttons .button:active,\n.ui.inverted.orange.buttons .basic.button:active,\n.ui.inverted.orange.basic.button:active {\n box-shadow: 0px 0px 0px 2px #e76b00 inset !important;\n color: #FF851B !important;\n}\n/*--- Pink ---*/\n.ui.pink.buttons .button,\n.ui.pink.button {\n background-color: #E03997;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.pink.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.pink.buttons .button:hover,\n.ui.pink.button:hover {\n background-color: #e61a8d;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.pink.buttons .button:focus,\n.ui.pink.button:focus {\n background-color: #e10f85;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.pink.buttons .button:active,\n.ui.pink.button:active {\n background-color: #c71f7e;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.pink.buttons .active.button,\n.ui.pink.buttons .active.button:active,\n.ui.pink.active.button,\n.ui.pink.button .active.button:active {\n background-color: #ea158d;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.pink.buttons .button,\n.ui.basic.pink.button {\n box-shadow: 0px 0px 0px 1px #E03997 inset !important;\n color: #E03997 !important;\n}\n.ui.basic.pink.buttons .button:hover,\n.ui.basic.pink.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #e61a8d inset !important;\n color: #e61a8d !important;\n}\n.ui.basic.pink.buttons .button:focus,\n.ui.basic.pink.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #e10f85 inset !important;\n color: #e61a8d !important;\n}\n.ui.basic.pink.buttons .active.button,\n.ui.basic.pink.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #ea158d inset !important;\n color: #c71f7e !important;\n}\n.ui.basic.pink.buttons .button:active,\n.ui.basic.pink.button:active {\n box-shadow: 0px 0px 0px 1px #c71f7e inset !important;\n color: #c71f7e !important;\n}\n.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.pink.buttons .button,\n.ui.inverted.pink.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;\n color: #FF8EDF;\n}\n.ui.inverted.pink.buttons .button:hover,\n.ui.inverted.pink.button:hover,\n.ui.inverted.pink.buttons .button:focus,\n.ui.inverted.pink.button:focus,\n.ui.inverted.pink.buttons .button.active,\n.ui.inverted.pink.button.active,\n.ui.inverted.pink.buttons .button:active,\n.ui.inverted.pink.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.pink.buttons .button:hover,\n.ui.inverted.pink.button:hover {\n background-color: #ff74d8;\n}\n.ui.inverted.pink.buttons .button:focus,\n.ui.inverted.pink.button:focus {\n background-color: #ff65d3;\n}\n.ui.inverted.pink.buttons .active.button,\n.ui.inverted.pink.active.button {\n background-color: #ff74d8;\n}\n.ui.inverted.pink.buttons .button:active,\n.ui.inverted.pink.button:active {\n background-color: #ff5bd1;\n}\n/* Inverted Basic */\n.ui.inverted.pink.basic.buttons .button,\n.ui.inverted.pink.buttons .basic.button,\n.ui.inverted.pink.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.pink.basic.buttons .button:hover,\n.ui.inverted.pink.buttons .basic.button:hover,\n.ui.inverted.pink.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;\n color: #FF8EDF !important;\n}\n.ui.inverted.pink.basic.buttons .button:focus,\n.ui.inverted.pink.basic.buttons .button:focus,\n.ui.inverted.pink.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;\n color: #FF8EDF !important;\n}\n.ui.inverted.pink.basic.buttons .active.button,\n.ui.inverted.pink.buttons .basic.active.button,\n.ui.inverted.pink.basic.active.button {\n box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;\n color: #FF8EDF !important;\n}\n.ui.inverted.pink.basic.buttons .button:active,\n.ui.inverted.pink.buttons .basic.button:active,\n.ui.inverted.pink.basic.button:active {\n box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;\n color: #FF8EDF !important;\n}\n/*--- Violet ---*/\n.ui.violet.buttons .button,\n.ui.violet.button {\n background-color: #6435C9;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.violet.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.violet.buttons .button:hover,\n.ui.violet.button:hover {\n background-color: #5829bb;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.violet.buttons .button:focus,\n.ui.violet.button:focus {\n background-color: #4f20b5;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.violet.buttons .button:active,\n.ui.violet.button:active {\n background-color: #502aa1;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.violet.buttons .active.button,\n.ui.violet.buttons .active.button:active,\n.ui.violet.active.button,\n.ui.violet.button .active.button:active {\n background-color: #5626bf;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.violet.buttons .button,\n.ui.basic.violet.button {\n box-shadow: 0px 0px 0px 1px #6435C9 inset !important;\n color: #6435C9 !important;\n}\n.ui.basic.violet.buttons .button:hover,\n.ui.basic.violet.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #5829bb inset !important;\n color: #5829bb !important;\n}\n.ui.basic.violet.buttons .button:focus,\n.ui.basic.violet.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;\n color: #5829bb !important;\n}\n.ui.basic.violet.buttons .active.button,\n.ui.basic.violet.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #5626bf inset !important;\n color: #502aa1 !important;\n}\n.ui.basic.violet.buttons .button:active,\n.ui.basic.violet.button:active {\n box-shadow: 0px 0px 0px 1px #502aa1 inset !important;\n color: #502aa1 !important;\n}\n.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.violet.buttons .button,\n.ui.inverted.violet.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #A291FB inset !important;\n color: #A291FB;\n}\n.ui.inverted.violet.buttons .button:hover,\n.ui.inverted.violet.button:hover,\n.ui.inverted.violet.buttons .button:focus,\n.ui.inverted.violet.button:focus,\n.ui.inverted.violet.buttons .button.active,\n.ui.inverted.violet.button.active,\n.ui.inverted.violet.buttons .button:active,\n.ui.inverted.violet.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.violet.buttons .button:hover,\n.ui.inverted.violet.button:hover {\n background-color: #8a73ff;\n}\n.ui.inverted.violet.buttons .button:focus,\n.ui.inverted.violet.button:focus {\n background-color: #7d64ff;\n}\n.ui.inverted.violet.buttons .active.button,\n.ui.inverted.violet.active.button {\n background-color: #8a73ff;\n}\n.ui.inverted.violet.buttons .button:active,\n.ui.inverted.violet.button:active {\n background-color: #7860f9;\n}\n/* Inverted Basic */\n.ui.inverted.violet.basic.buttons .button,\n.ui.inverted.violet.buttons .basic.button,\n.ui.inverted.violet.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.violet.basic.buttons .button:hover,\n.ui.inverted.violet.buttons .basic.button:hover,\n.ui.inverted.violet.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #8a73ff inset !important;\n color: #A291FB !important;\n}\n.ui.inverted.violet.basic.buttons .button:focus,\n.ui.inverted.violet.basic.buttons .button:focus,\n.ui.inverted.violet.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #7d64ff inset !important;\n color: #A291FB !important;\n}\n.ui.inverted.violet.basic.buttons .active.button,\n.ui.inverted.violet.buttons .basic.active.button,\n.ui.inverted.violet.basic.active.button {\n box-shadow: 0px 0px 0px 2px #8a73ff inset !important;\n color: #A291FB !important;\n}\n.ui.inverted.violet.basic.buttons .button:active,\n.ui.inverted.violet.buttons .basic.button:active,\n.ui.inverted.violet.basic.button:active {\n box-shadow: 0px 0px 0px 2px #7860f9 inset !important;\n color: #A291FB !important;\n}\n/*--- Purple ---*/\n.ui.purple.buttons .button,\n.ui.purple.button {\n background-color: #A333C8;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.purple.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.purple.buttons .button:hover,\n.ui.purple.button:hover {\n background-color: #9627ba;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.purple.buttons .button:focus,\n.ui.purple.button:focus {\n background-color: #8f1eb4;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.purple.buttons .button:active,\n.ui.purple.button:active {\n background-color: #82299f;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.purple.buttons .active.button,\n.ui.purple.buttons .active.button:active,\n.ui.purple.active.button,\n.ui.purple.button .active.button:active {\n background-color: #9724be;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.purple.buttons .button,\n.ui.basic.purple.button {\n box-shadow: 0px 0px 0px 1px #A333C8 inset !important;\n color: #A333C8 !important;\n}\n.ui.basic.purple.buttons .button:hover,\n.ui.basic.purple.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #9627ba inset !important;\n color: #9627ba !important;\n}\n.ui.basic.purple.buttons .button:focus,\n.ui.basic.purple.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;\n color: #9627ba !important;\n}\n.ui.basic.purple.buttons .active.button,\n.ui.basic.purple.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #9724be inset !important;\n color: #82299f !important;\n}\n.ui.basic.purple.buttons .button:active,\n.ui.basic.purple.button:active {\n box-shadow: 0px 0px 0px 1px #82299f inset !important;\n color: #82299f !important;\n}\n.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.purple.buttons .button,\n.ui.inverted.purple.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #DC73FF inset !important;\n color: #DC73FF;\n}\n.ui.inverted.purple.buttons .button:hover,\n.ui.inverted.purple.button:hover,\n.ui.inverted.purple.buttons .button:focus,\n.ui.inverted.purple.button:focus,\n.ui.inverted.purple.buttons .button.active,\n.ui.inverted.purple.button.active,\n.ui.inverted.purple.buttons .button:active,\n.ui.inverted.purple.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.purple.buttons .button:hover,\n.ui.inverted.purple.button:hover {\n background-color: #d65aff;\n}\n.ui.inverted.purple.buttons .button:focus,\n.ui.inverted.purple.button:focus {\n background-color: #d24aff;\n}\n.ui.inverted.purple.buttons .active.button,\n.ui.inverted.purple.active.button {\n background-color: #d65aff;\n}\n.ui.inverted.purple.buttons .button:active,\n.ui.inverted.purple.button:active {\n background-color: #cf40ff;\n}\n/* Inverted Basic */\n.ui.inverted.purple.basic.buttons .button,\n.ui.inverted.purple.buttons .basic.button,\n.ui.inverted.purple.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.purple.basic.buttons .button:hover,\n.ui.inverted.purple.buttons .basic.button:hover,\n.ui.inverted.purple.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #d65aff inset !important;\n color: #DC73FF !important;\n}\n.ui.inverted.purple.basic.buttons .button:focus,\n.ui.inverted.purple.basic.buttons .button:focus,\n.ui.inverted.purple.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #d24aff inset !important;\n color: #DC73FF !important;\n}\n.ui.inverted.purple.basic.buttons .active.button,\n.ui.inverted.purple.buttons .basic.active.button,\n.ui.inverted.purple.basic.active.button {\n box-shadow: 0px 0px 0px 2px #d65aff inset !important;\n color: #DC73FF !important;\n}\n.ui.inverted.purple.basic.buttons .button:active,\n.ui.inverted.purple.buttons .basic.button:active,\n.ui.inverted.purple.basic.button:active {\n box-shadow: 0px 0px 0px 2px #cf40ff inset !important;\n color: #DC73FF !important;\n}\n/*--- Red ---*/\n.ui.red.buttons .button,\n.ui.red.button {\n background-color: #DB2828;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.red.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.red.buttons .button:hover,\n.ui.red.button:hover {\n background-color: #d01919;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.red.buttons .button:focus,\n.ui.red.button:focus {\n background-color: #ca1010;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.red.buttons .button:active,\n.ui.red.button:active {\n background-color: #b21e1e;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.red.buttons .active.button,\n.ui.red.buttons .active.button:active,\n.ui.red.active.button,\n.ui.red.button .active.button:active {\n background-color: #d41515;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.red.buttons .button,\n.ui.basic.red.button {\n box-shadow: 0px 0px 0px 1px #DB2828 inset !important;\n color: #DB2828 !important;\n}\n.ui.basic.red.buttons .button:hover,\n.ui.basic.red.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #d01919 inset !important;\n color: #d01919 !important;\n}\n.ui.basic.red.buttons .button:focus,\n.ui.basic.red.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #ca1010 inset !important;\n color: #d01919 !important;\n}\n.ui.basic.red.buttons .active.button,\n.ui.basic.red.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #d41515 inset !important;\n color: #b21e1e !important;\n}\n.ui.basic.red.buttons .button:active,\n.ui.basic.red.button:active {\n box-shadow: 0px 0px 0px 1px #b21e1e inset !important;\n color: #b21e1e !important;\n}\n.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.red.buttons .button,\n.ui.inverted.red.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #FF695E inset !important;\n color: #FF695E;\n}\n.ui.inverted.red.buttons .button:hover,\n.ui.inverted.red.button:hover,\n.ui.inverted.red.buttons .button:focus,\n.ui.inverted.red.button:focus,\n.ui.inverted.red.buttons .button.active,\n.ui.inverted.red.button.active,\n.ui.inverted.red.buttons .button:active,\n.ui.inverted.red.button:active {\n box-shadow: none !important;\n color: #FFFFFF;\n}\n.ui.inverted.red.buttons .button:hover,\n.ui.inverted.red.button:hover {\n background-color: #ff5144;\n}\n.ui.inverted.red.buttons .button:focus,\n.ui.inverted.red.button:focus {\n background-color: #ff4335;\n}\n.ui.inverted.red.buttons .active.button,\n.ui.inverted.red.active.button {\n background-color: #ff5144;\n}\n.ui.inverted.red.buttons .button:active,\n.ui.inverted.red.button:active {\n background-color: #ff392b;\n}\n/* Inverted Basic */\n.ui.inverted.red.basic.buttons .button,\n.ui.inverted.red.buttons .basic.button,\n.ui.inverted.red.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.red.basic.buttons .button:hover,\n.ui.inverted.red.buttons .basic.button:hover,\n.ui.inverted.red.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #ff5144 inset !important;\n color: #FF695E !important;\n}\n.ui.inverted.red.basic.buttons .button:focus,\n.ui.inverted.red.basic.buttons .button:focus,\n.ui.inverted.red.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #ff4335 inset !important;\n color: #FF695E !important;\n}\n.ui.inverted.red.basic.buttons .active.button,\n.ui.inverted.red.buttons .basic.active.button,\n.ui.inverted.red.basic.active.button {\n box-shadow: 0px 0px 0px 2px #ff5144 inset !important;\n color: #FF695E !important;\n}\n.ui.inverted.red.basic.buttons .button:active,\n.ui.inverted.red.buttons .basic.button:active,\n.ui.inverted.red.basic.button:active {\n box-shadow: 0px 0px 0px 2px #ff392b inset !important;\n color: #FF695E !important;\n}\n/*--- Teal ---*/\n.ui.teal.buttons .button,\n.ui.teal.button {\n background-color: #00B5AD;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.teal.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.teal.buttons .button:hover,\n.ui.teal.button:hover {\n background-color: #009c95;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.teal.buttons .button:focus,\n.ui.teal.button:focus {\n background-color: #008c86;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.teal.buttons .button:active,\n.ui.teal.button:active {\n background-color: #00827c;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.teal.buttons .active.button,\n.ui.teal.buttons .active.button:active,\n.ui.teal.active.button,\n.ui.teal.button .active.button:active {\n background-color: #009c95;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.teal.buttons .button,\n.ui.basic.teal.button {\n box-shadow: 0px 0px 0px 1px #00B5AD inset !important;\n color: #00B5AD !important;\n}\n.ui.basic.teal.buttons .button:hover,\n.ui.basic.teal.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #009c95 inset !important;\n color: #009c95 !important;\n}\n.ui.basic.teal.buttons .button:focus,\n.ui.basic.teal.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #008c86 inset !important;\n color: #009c95 !important;\n}\n.ui.basic.teal.buttons .active.button,\n.ui.basic.teal.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #009c95 inset !important;\n color: #00827c !important;\n}\n.ui.basic.teal.buttons .button:active,\n.ui.basic.teal.button:active {\n box-shadow: 0px 0px 0px 1px #00827c inset !important;\n color: #00827c !important;\n}\n.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.teal.buttons .button,\n.ui.inverted.teal.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;\n color: #6DFFFF;\n}\n.ui.inverted.teal.buttons .button:hover,\n.ui.inverted.teal.button:hover,\n.ui.inverted.teal.buttons .button:focus,\n.ui.inverted.teal.button:focus,\n.ui.inverted.teal.buttons .button.active,\n.ui.inverted.teal.button.active,\n.ui.inverted.teal.buttons .button:active,\n.ui.inverted.teal.button:active {\n box-shadow: none !important;\n color: rgba(0, 0, 0, 0.6);\n}\n.ui.inverted.teal.buttons .button:hover,\n.ui.inverted.teal.button:hover {\n background-color: #54ffff;\n}\n.ui.inverted.teal.buttons .button:focus,\n.ui.inverted.teal.button:focus {\n background-color: #44ffff;\n}\n.ui.inverted.teal.buttons .active.button,\n.ui.inverted.teal.active.button {\n background-color: #54ffff;\n}\n.ui.inverted.teal.buttons .button:active,\n.ui.inverted.teal.button:active {\n background-color: #3affff;\n}\n/* Inverted Basic */\n.ui.inverted.teal.basic.buttons .button,\n.ui.inverted.teal.buttons .basic.button,\n.ui.inverted.teal.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.teal.basic.buttons .button:hover,\n.ui.inverted.teal.buttons .basic.button:hover,\n.ui.inverted.teal.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #54ffff inset !important;\n color: #6DFFFF !important;\n}\n.ui.inverted.teal.basic.buttons .button:focus,\n.ui.inverted.teal.basic.buttons .button:focus,\n.ui.inverted.teal.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #44ffff inset !important;\n color: #6DFFFF !important;\n}\n.ui.inverted.teal.basic.buttons .active.button,\n.ui.inverted.teal.buttons .basic.active.button,\n.ui.inverted.teal.basic.active.button {\n box-shadow: 0px 0px 0px 2px #54ffff inset !important;\n color: #6DFFFF !important;\n}\n.ui.inverted.teal.basic.buttons .button:active,\n.ui.inverted.teal.buttons .basic.button:active,\n.ui.inverted.teal.basic.button:active {\n box-shadow: 0px 0px 0px 2px #3affff inset !important;\n color: #6DFFFF !important;\n}\n/*--- Olive ---*/\n.ui.olive.buttons .button,\n.ui.olive.button {\n background-color: #B5CC18;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.olive.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.olive.buttons .button:hover,\n.ui.olive.button:hover {\n background-color: #a7bd0d;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.olive.buttons .button:focus,\n.ui.olive.button:focus {\n background-color: #a0b605;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.olive.buttons .button:active,\n.ui.olive.button:active {\n background-color: #8d9e13;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.olive.buttons .active.button,\n.ui.olive.buttons .active.button:active,\n.ui.olive.active.button,\n.ui.olive.button .active.button:active {\n background-color: #aac109;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.olive.buttons .button,\n.ui.basic.olive.button {\n box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;\n color: #B5CC18 !important;\n}\n.ui.basic.olive.buttons .button:hover,\n.ui.basic.olive.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;\n color: #a7bd0d !important;\n}\n.ui.basic.olive.buttons .button:focus,\n.ui.basic.olive.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #a0b605 inset !important;\n color: #a7bd0d !important;\n}\n.ui.basic.olive.buttons .active.button,\n.ui.basic.olive.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #aac109 inset !important;\n color: #8d9e13 !important;\n}\n.ui.basic.olive.buttons .button:active,\n.ui.basic.olive.button:active {\n box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;\n color: #8d9e13 !important;\n}\n.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.olive.buttons .button,\n.ui.inverted.olive.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #D9E778 inset !important;\n color: #D9E778;\n}\n.ui.inverted.olive.buttons .button:hover,\n.ui.inverted.olive.button:hover,\n.ui.inverted.olive.buttons .button:focus,\n.ui.inverted.olive.button:focus,\n.ui.inverted.olive.buttons .button.active,\n.ui.inverted.olive.button.active,\n.ui.inverted.olive.buttons .button:active,\n.ui.inverted.olive.button:active {\n box-shadow: none !important;\n color: rgba(0, 0, 0, 0.6);\n}\n.ui.inverted.olive.buttons .button:hover,\n.ui.inverted.olive.button:hover {\n background-color: #d8ea5c;\n}\n.ui.inverted.olive.buttons .button:focus,\n.ui.inverted.olive.button:focus {\n background-color: #daef47;\n}\n.ui.inverted.olive.buttons .active.button,\n.ui.inverted.olive.active.button {\n background-color: #daed59;\n}\n.ui.inverted.olive.buttons .button:active,\n.ui.inverted.olive.button:active {\n background-color: #cddf4d;\n}\n/* Inverted Basic */\n.ui.inverted.olive.basic.buttons .button,\n.ui.inverted.olive.buttons .basic.button,\n.ui.inverted.olive.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.olive.basic.buttons .button:hover,\n.ui.inverted.olive.buttons .basic.button:hover,\n.ui.inverted.olive.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;\n color: #D9E778 !important;\n}\n.ui.inverted.olive.basic.buttons .button:focus,\n.ui.inverted.olive.basic.buttons .button:focus,\n.ui.inverted.olive.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #daef47 inset !important;\n color: #D9E778 !important;\n}\n.ui.inverted.olive.basic.buttons .active.button,\n.ui.inverted.olive.buttons .basic.active.button,\n.ui.inverted.olive.basic.active.button {\n box-shadow: 0px 0px 0px 2px #daed59 inset !important;\n color: #D9E778 !important;\n}\n.ui.inverted.olive.basic.buttons .button:active,\n.ui.inverted.olive.buttons .basic.button:active,\n.ui.inverted.olive.basic.button:active {\n box-shadow: 0px 0px 0px 2px #cddf4d inset !important;\n color: #D9E778 !important;\n}\n/*--- Yellow ---*/\n.ui.yellow.buttons .button,\n.ui.yellow.button {\n background-color: #FBBD08;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.yellow.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.yellow.buttons .button:hover,\n.ui.yellow.button:hover {\n background-color: #eaae00;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.yellow.buttons .button:focus,\n.ui.yellow.button:focus {\n background-color: #daa300;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.yellow.buttons .button:active,\n.ui.yellow.button:active {\n background-color: #cd9903;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.yellow.buttons .active.button,\n.ui.yellow.buttons .active.button:active,\n.ui.yellow.active.button,\n.ui.yellow.button .active.button:active {\n background-color: #eaae00;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.yellow.buttons .button,\n.ui.basic.yellow.button {\n box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;\n color: #FBBD08 !important;\n}\n.ui.basic.yellow.buttons .button:hover,\n.ui.basic.yellow.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #eaae00 inset !important;\n color: #eaae00 !important;\n}\n.ui.basic.yellow.buttons .button:focus,\n.ui.basic.yellow.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #daa300 inset !important;\n color: #eaae00 !important;\n}\n.ui.basic.yellow.buttons .active.button,\n.ui.basic.yellow.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #eaae00 inset !important;\n color: #cd9903 !important;\n}\n.ui.basic.yellow.buttons .button:active,\n.ui.basic.yellow.button:active {\n box-shadow: 0px 0px 0px 1px #cd9903 inset !important;\n color: #cd9903 !important;\n}\n.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {\n margin-left: -1px;\n}\n/* Inverted */\n.ui.inverted.yellow.buttons .button,\n.ui.inverted.yellow.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px #FFE21F inset !important;\n color: #FFE21F;\n}\n.ui.inverted.yellow.buttons .button:hover,\n.ui.inverted.yellow.button:hover,\n.ui.inverted.yellow.buttons .button:focus,\n.ui.inverted.yellow.button:focus,\n.ui.inverted.yellow.buttons .button.active,\n.ui.inverted.yellow.button.active,\n.ui.inverted.yellow.buttons .button:active,\n.ui.inverted.yellow.button:active {\n box-shadow: none !important;\n color: rgba(0, 0, 0, 0.6);\n}\n.ui.inverted.yellow.buttons .button:hover,\n.ui.inverted.yellow.button:hover {\n background-color: #ffdf05;\n}\n.ui.inverted.yellow.buttons .button:focus,\n.ui.inverted.yellow.button:focus {\n background-color: #f5d500;\n}\n.ui.inverted.yellow.buttons .active.button,\n.ui.inverted.yellow.active.button {\n background-color: #ffdf05;\n}\n.ui.inverted.yellow.buttons .button:active,\n.ui.inverted.yellow.button:active {\n background-color: #ebcd00;\n}\n/* Inverted Basic */\n.ui.inverted.yellow.basic.buttons .button,\n.ui.inverted.yellow.buttons .basic.button,\n.ui.inverted.yellow.basic.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;\n color: #FFFFFF !important;\n}\n.ui.inverted.yellow.basic.buttons .button:hover,\n.ui.inverted.yellow.buttons .basic.button:hover,\n.ui.inverted.yellow.basic.button:hover {\n box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;\n color: #FFE21F !important;\n}\n.ui.inverted.yellow.basic.buttons .button:focus,\n.ui.inverted.yellow.basic.buttons .button:focus,\n.ui.inverted.yellow.basic.button:focus {\n box-shadow: 0px 0px 0px 2px #f5d500 inset !important;\n color: #FFE21F !important;\n}\n.ui.inverted.yellow.basic.buttons .active.button,\n.ui.inverted.yellow.buttons .basic.active.button,\n.ui.inverted.yellow.basic.active.button {\n box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;\n color: #FFE21F !important;\n}\n.ui.inverted.yellow.basic.buttons .button:active,\n.ui.inverted.yellow.buttons .basic.button:active,\n.ui.inverted.yellow.basic.button:active {\n box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;\n color: #FFE21F !important;\n}\n/*-------------------\n Primary\n--------------------*/\n/*--- Standard ---*/\n.ui.primary.buttons .button,\n.ui.primary.button {\n background-color: #2185D0;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.primary.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.primary.buttons .button:hover,\n.ui.primary.button:hover {\n background-color: #1678c2;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.primary.buttons .button:focus,\n.ui.primary.button:focus {\n background-color: #0d71bb;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.primary.buttons .button:active,\n.ui.primary.button:active {\n background-color: #1a69a4;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.primary.buttons .active.button,\n.ui.primary.buttons .active.button:active,\n.ui.primary.active.button,\n.ui.primary.button .active.button:active {\n background-color: #1279c6;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.primary.buttons .button,\n.ui.basic.primary.button {\n box-shadow: 0px 0px 0px 1px #2185D0 inset !important;\n color: #2185D0 !important;\n}\n.ui.basic.primary.buttons .button:hover,\n.ui.basic.primary.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #1678c2 inset !important;\n color: #1678c2 !important;\n}\n.ui.basic.primary.buttons .button:focus,\n.ui.basic.primary.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #0d71bb inset !important;\n color: #1678c2 !important;\n}\n.ui.basic.primary.buttons .active.button,\n.ui.basic.primary.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #1279c6 inset !important;\n color: #1a69a4 !important;\n}\n.ui.basic.primary.buttons .button:active,\n.ui.basic.primary.button:active {\n box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;\n color: #1a69a4 !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -1px;\n}\n/*-------------------\n Secondary\n--------------------*/\n/* Standard */\n.ui.secondary.buttons .button,\n.ui.secondary.button {\n background-color: #1B1C1D;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.secondary.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.secondary.buttons .button:hover,\n.ui.secondary.button:hover {\n background-color: #27292a;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.secondary.buttons .button:focus,\n.ui.secondary.button:focus {\n background-color: #2e3032;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.secondary.buttons .button:active,\n.ui.secondary.button:active {\n background-color: #343637;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.secondary.buttons .active.button,\n.ui.secondary.buttons .active.button:active,\n.ui.secondary.active.button,\n.ui.secondary.button .active.button:active {\n background-color: #27292a;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.secondary.buttons .button,\n.ui.basic.secondary.button {\n box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;\n color: #1B1C1D !important;\n}\n.ui.basic.secondary.buttons .button:hover,\n.ui.basic.secondary.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #27292a inset !important;\n color: #27292a !important;\n}\n.ui.basic.secondary.buttons .button:focus,\n.ui.basic.secondary.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #2e3032 inset !important;\n color: #27292a !important;\n}\n.ui.basic.secondary.buttons .active.button,\n.ui.basic.secondary.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #27292a inset !important;\n color: #343637 !important;\n}\n.ui.basic.secondary.buttons .button:active,\n.ui.basic.secondary.button:active {\n box-shadow: 0px 0px 0px 1px #343637 inset !important;\n color: #343637 !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -1px;\n}\n/*---------------\n Positive\n----------------*/\n/* Standard */\n.ui.positive.buttons .button,\n.ui.positive.button {\n background-color: #21BA45;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.positive.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.positive.buttons .button:hover,\n.ui.positive.button:hover {\n background-color: #16ab39;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.positive.buttons .button:focus,\n.ui.positive.button:focus {\n background-color: #0ea432;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.positive.buttons .button:active,\n.ui.positive.button:active {\n background-color: #198f35;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.positive.buttons .active.button,\n.ui.positive.buttons .active.button:active,\n.ui.positive.active.button,\n.ui.positive.button .active.button:active {\n background-color: #13ae38;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.positive.buttons .button,\n.ui.basic.positive.button {\n box-shadow: 0px 0px 0px 1px #21BA45 inset !important;\n color: #21BA45 !important;\n}\n.ui.basic.positive.buttons .button:hover,\n.ui.basic.positive.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #16ab39 inset !important;\n color: #16ab39 !important;\n}\n.ui.basic.positive.buttons .button:focus,\n.ui.basic.positive.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #0ea432 inset !important;\n color: #16ab39 !important;\n}\n.ui.basic.positive.buttons .active.button,\n.ui.basic.positive.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #13ae38 inset !important;\n color: #198f35 !important;\n}\n.ui.basic.positive.buttons .button:active,\n.ui.basic.positive.button:active {\n box-shadow: 0px 0px 0px 1px #198f35 inset !important;\n color: #198f35 !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -1px;\n}\n/*---------------\n Negative\n----------------*/\n/* Standard */\n.ui.negative.buttons .button,\n.ui.negative.button {\n background-color: #DB2828;\n color: #FFFFFF;\n text-shadow: none;\n background-image: none;\n}\n.ui.negative.button {\n box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.negative.buttons .button:hover,\n.ui.negative.button:hover {\n background-color: #d01919;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.negative.buttons .button:focus,\n.ui.negative.button:focus {\n background-color: #ca1010;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.negative.buttons .button:active,\n.ui.negative.button:active {\n background-color: #b21e1e;\n color: #FFFFFF;\n text-shadow: none;\n}\n.ui.negative.buttons .active.button,\n.ui.negative.buttons .active.button:active,\n.ui.negative.active.button,\n.ui.negative.button .active.button:active {\n background-color: #d41515;\n color: #FFFFFF;\n text-shadow: none;\n}\n/* Basic */\n.ui.basic.negative.buttons .button,\n.ui.basic.negative.button {\n box-shadow: 0px 0px 0px 1px #DB2828 inset !important;\n color: #DB2828 !important;\n}\n.ui.basic.negative.buttons .button:hover,\n.ui.basic.negative.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #d01919 inset !important;\n color: #d01919 !important;\n}\n.ui.basic.negative.buttons .button:focus,\n.ui.basic.negative.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #ca1010 inset !important;\n color: #d01919 !important;\n}\n.ui.basic.negative.buttons .active.button,\n.ui.basic.negative.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px 1px #d41515 inset !important;\n color: #b21e1e !important;\n}\n.ui.basic.negative.buttons .button:active,\n.ui.basic.negative.button:active {\n box-shadow: 0px 0px 0px 1px #b21e1e inset !important;\n color: #b21e1e !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -1px;\n}\n/*******************************\n Groups\n*******************************/\n.ui.buttons {\n display: inline-flex;\n flex-direction: row;\n font-size: 0em;\n vertical-align: baseline;\n margin: 0em 0.25em 0em 0em;\n}\n.ui.buttons:not(.basic):not(.inverted) {\n box-shadow: none;\n}\n/* Clearfix */\n.ui.buttons:after {\n content: \".\";\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n/* Standard Group */\n.ui.buttons .button {\n flex: 1 0 auto;\n margin: 0em;\n border-radius: 0em;\n margin: 0px 0px 0px 0px;\n}\n.ui.buttons > .ui.button:not(.basic):not(.inverted),\n.ui.buttons:not(.basic):not(.inverted) > .button {\n box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;\n}\n.ui.buttons .button:first-child {\n border-left: none;\n margin-left: 0em;\n border-top-left-radius: 0.28571429rem;\n border-bottom-left-radius: 0.28571429rem;\n}\n.ui.buttons .button:last-child {\n border-top-right-radius: 0.28571429rem;\n border-bottom-right-radius: 0.28571429rem;\n}\n/* Vertical Style */\n.ui.vertical.buttons {\n display: inline-flex;\n flex-direction: column;\n}\n.ui.vertical.buttons .button {\n display: block;\n float: none;\n width: 100%;\n margin: 0px 0px 0px 0px;\n box-shadow: none;\n border-radius: 0em;\n}\n.ui.vertical.buttons .button:first-child {\n border-top-left-radius: 0.28571429rem;\n border-top-right-radius: 0.28571429rem;\n}\n.ui.vertical.buttons .button:last-child {\n margin-bottom: 0px;\n border-bottom-left-radius: 0.28571429rem;\n border-bottom-right-radius: 0.28571429rem;\n}\n.ui.vertical.buttons .button:only-child {\n border-radius: 0.28571429rem;\n}\n/*******************************\n Theme Overrides\n*******************************/\n/*******************************\n Site Overrides\n*******************************/\n","/*!\n * # Semantic UI - Button\n * http://github.com/semantic-org/semantic-ui/\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n\n/*******************************\n Theme\n*******************************/\n\n@type : 'element';\n@element : 'button';\n\n@import (multiple) '../../theme.config';\n\n/*******************************\n Button\n*******************************/\n\n.ui.button {\n cursor: pointer;\n display: inline-block;\n\n min-height: 1em;\n\n outline: none;\n border: none;\n vertical-align: @verticalAlign;\n background: @background;\n color: @textColor;\n\n font-family: @fontFamily;\n\n margin: 0em @horizontalMargin @verticalMargin 0em;\n padding: @verticalPadding @horizontalPadding (@verticalPadding + @shadowOffset);\n\n text-transform: @textTransform;\n text-shadow: @textShadow;\n font-weight: @fontWeight;\n line-height: @lineHeight;\n font-style: normal;\n text-align: center;\n text-decoration: none;\n\n border-radius: @borderRadius;\n box-shadow: @boxShadow;\n\n user-select: none;\n transition: @transition;\n will-change: @willChange;\n\n -webkit-tap-highlight-color: @tapColor;\n}\n\n\n/*******************************\n States\n*******************************/\n\n/*--------------\n Hover\n---------------*/\n\n.ui.button:hover {\n background-color: @hoverBackgroundColor;\n background-image: @hoverBackgroundImage;\n box-shadow: @hoverBoxShadow;\n color: @hoverColor;\n}\n\n.ui.button:hover .icon {\n opacity: @iconHoverOpacity;\n}\n\n/*--------------\n Focus\n---------------*/\n\n.ui.button:focus {\n background-color: @focusBackgroundColor;\n color: @focusColor;\n background-image: @focusBackgroundImage !important;\n box-shadow: @focusBoxShadow !important;\n}\n\n.ui.button:focus .icon {\n opacity: @iconFocusOpacity;\n}\n\n/*--------------\n Down\n---------------*/\n\n.ui.button:active,\n.ui.active.button:active {\n background-color: @downBackgroundColor;\n background-image: @downBackgroundImage;\n color: @downColor;\n box-shadow: @downBoxShadow;\n}\n\n/*--------------\n Active\n---------------*/\n\n.ui.active.button {\n background-color: @activeBackgroundColor;\n background-image: @activeBackgroundImage;\n box-shadow: @activeBoxShadow;\n color: @activeColor;\n}\n.ui.active.button:hover {\n background-color: @activeHoverBackgroundColor;\n background-image: @activeHoverBackgroundImage;\n color: @activeHoverColor;\n}\n.ui.active.button:active {\n background-color: @activeBackgroundColor;\n background-image: @activeBackgroundImage;\n}\n\n\n/*--------------\n Loading\n---------------*/\n\n/* Specificity hack */\n.ui.loading.loading.loading.loading.loading.loading.button {\n position: relative;\n cursor: default;\n text-shadow: none !important;\n color: transparent !important;\n opacity: @loadingOpacity;\n pointer-events: @loadingPointerEvents;\n transition: @loadingTransition;\n}\n.ui.loading.button:before {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n\n margin: @loaderMargin;\n width: @loaderSize;\n height: @loaderSize;\n\n border-radius: @circularRadius;\n border: @loaderLineWidth solid @invertedLoaderFillColor;\n}\n.ui.loading.button:after {\n position: absolute;\n content: '';\n top: 50%;\n left: 50%;\n\n margin: @loaderMargin;\n width: @loaderSize;\n height: @loaderSize;\n\n animation: button-spin @loaderSpeed linear;\n animation-iteration-count: infinite;\n\n border-radius: @circularRadius;\n\n border-color: @invertedLoaderLineColor transparent transparent;\n border-style: solid;\n border-width: @loaderLineWidth;\n\n box-shadow: 0px 0px 0px 1px transparent;\n}\n.ui.labeled.icon.loading.button .icon {\n background-color: transparent;\n box-shadow: none;\n}\n\n@keyframes button-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.ui.basic.loading.button:not(.inverted):before {\n border-color: @loaderFillColor;\n}\n.ui.basic.loading.button:not(.inverted):after {\n border-top-color: @loaderLineColor;\n}\n\n/*-------------------\n Disabled\n--------------------*/\n\n.ui.buttons .disabled.button,\n.ui.disabled.button,\n.ui.button:disabled,\n.ui.disabled.button:hover,\n.ui.disabled.active.button {\n cursor: default;\n opacity: @disabledOpacity !important;\n background-image: none !important;\n box-shadow: none !important;\n pointer-events: none !important;\n}\n\n/* Basic Group With Disabled */\n.ui.basic.buttons .ui.disabled.button {\n border-color: @disabledBorderColor;\n}\n\n/*******************************\n Types\n*******************************/\n\n/*-------------------\n Animated\n--------------------*/\n\n.ui.animated.button {\n position: relative;\n overflow: hidden;\n padding-right: 0em !important;\n vertical-align: @animatedVerticalAlign;\n z-index: @animatedZIndex;\n}\n\n.ui.animated.button .content {\n will-change: transform, opacity;\n}\n.ui.animated.button .visible.content {\n position: relative;\n margin-right: @horizontalPadding;\n}\n.ui.animated.button .hidden.content {\n position: absolute;\n width: 100%;\n}\n\n/* Horizontal */\n.ui.animated.button .visible.content,\n.ui.animated.button .hidden.content {\n transition: right @animationDuration @animationEasing 0s;\n}\n.ui.animated.button .visible.content {\n left: auto;\n right: 0%;\n}\n.ui.animated.button .hidden.content {\n top: 50%;\n left: auto;\n right: -100%;\n margin-top: -(@lineHeight / 2);\n}\n.ui.animated.button:focus .visible.content,\n.ui.animated.button:hover .visible.content {\n left: auto;\n right: 200%;\n}\n.ui.animated.button:focus .hidden.content,\n.ui.animated.button:hover .hidden.content {\n left: auto;\n right: 0%;\n}\n\n/* Vertical */\n.ui.vertical.animated.button .visible.content,\n.ui.vertical.animated.button .hidden.content {\n transition: top @animationDuration @animationEasing, transform @animationDuration @animationEasing;\n}\n.ui.vertical.animated.button .visible.content {\n transform: translateY(0%);\n right: auto;\n}\n.ui.vertical.animated.button .hidden.content {\n top: -50%;\n left: 0%;\n right: auto;\n}\n.ui.vertical.animated.button:focus .visible.content,\n.ui.vertical.animated.button:hover .visible.content {\n transform: translateY(200%);\n right: auto;\n}\n.ui.vertical.animated.button:focus .hidden.content,\n.ui.vertical.animated.button:hover .hidden.content {\n top: 50%;\n right: auto;\n}\n\n/* Fade */\n.ui.fade.animated.button .visible.content,\n.ui.fade.animated.button .hidden.content {\n transition: opacity @animationDuration @animationEasing, transform @animationDuration @animationEasing;\n}\n.ui.fade.animated.button .visible.content {\n left: auto;\n right: auto;\n opacity: 1;\n transform: scale(1);\n}\n.ui.fade.animated.button .hidden.content {\n opacity: 0;\n left: 0%;\n right: auto;\n transform: scale(@fadeScaleHigh);\n}\n.ui.fade.animated.button:focus .visible.content,\n.ui.fade.animated.button:hover .visible.content {\n left: auto;\n right: auto;\n opacity: 0;\n transform: scale(@fadeScaleLow);\n}\n.ui.fade.animated.button:focus .hidden.content,\n.ui.fade.animated.button:hover .hidden.content {\n left: 0%;\n right: auto;\n opacity: 1;\n transform: scale(1);\n}\n\n/*-------------------\n Inverted\n--------------------*/\n\n.ui.inverted.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;\n background: transparent none;\n color: @white;\n text-shadow: none !important;\n}\n\n/* Group */\n.ui.inverted.buttons .button {\n margin: @invertedGroupButtonOffset;\n}\n.ui.inverted.buttons .button:first-child {\n margin-left: 0em;\n}\n.ui.inverted.vertical.buttons .button {\n margin: @invertedVerticalGroupButtonOffset;\n}\n.ui.inverted.vertical.buttons .button:first-child {\n margin-top: 0em;\n}\n\n/* States */\n\n/* Hover */\n.ui.inverted.button:hover {\n background: @white;\n box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;\n color: @hoverColor;\n}\n\n/* Active / Focus */\n.ui.inverted.button:focus,\n.ui.inverted.button.active {\n background: @white;\n box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important;\n color: @focusColor;\n}\n\n/* Active Focus */\n.ui.inverted.button.active:focus {\n background: @midWhite;\n box-shadow: 0px 0px 0px @invertedBorderSize @midWhite inset !important;\n color: @focusColor;\n}\n\n\n/*-------------------\n Labeled Button\n--------------------*/\n\n.ui.labeled.button:not(.icon) {\n display: inline-flex;\n flex-direction: row;\n background: none !important;\n padding: 0px !important;\n border: none !important;\n box-shadow: none !important;\n}\n\n.ui.labeled.button > .button {\n margin: 0px;\n}\n.ui.labeled.button > .label {\n display: flex;\n align-items: @labeledLabelAlign;\n margin: 0px 0px 0px @labeledLabelBorderOffset !important;\n font-size: @labeledLabelFontSize;\n padding: @labeledLabelPadding;\n font-size: @labeledLabelFontSize;\n border-color: @labeledLabelBorderColor;\n}\n\n/* Tag */\n.ui.labeled.button > .tag.label:before {\n width: @labeledTagLabelSize;\n height: @labeledTagLabelSize;\n}\n\n/* Right */\n.ui.labeled.button:not([class*=\"left labeled\"]) > .button {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n.ui.labeled.button:not([class*=\"left labeled\"]) > .label {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n\n/* Left Side */\n.ui[class*=\"left labeled\"].button > .button {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n.ui[class*=\"left labeled\"].button > .label {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n\n/*-------------------\n Social\n--------------------*/\n\n/* Facebook */\n.ui.facebook.button {\n background-color: @facebookColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n background-image: @coloredBackgroundImage;\n box-shadow: @coloredBoxShadow;\n}\n.ui.facebook.button:hover {\n background-color: @facebookHoverColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.facebook.button:active {\n background-color: @facebookDownColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n\n/* Twitter */\n.ui.twitter.button {\n background-color: @twitterColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n background-image: @coloredBackgroundImage;\n box-shadow: @coloredBoxShadow;\n}\n.ui.twitter.button:hover {\n background-color: @twitterHoverColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.twitter.button:active {\n background-color: @twitterDownColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n\n/* Google Plus */\n.ui.google.plus.button {\n background-color: @googlePlusColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n background-image: @coloredBackgroundImage;\n box-shadow: @coloredBoxShadow;\n}\n.ui.google.plus.button:hover {\n background-color: @googlePlusHoverColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.google.plus.button:active {\n background-color: @googlePlusDownColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n\n/* Linked In */\n.ui.linkedin.button {\n background-color: @linkedInColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.linkedin.button:hover {\n background-color: @linkedInHoverColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.linkedin.button:active {\n background-color: @linkedInDownColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n\n/* YouTube */\n.ui.youtube.button {\n background-color: @youtubeColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n background-image: @coloredBackgroundImage;\n box-shadow: @coloredBoxShadow;\n}\n.ui.youtube.button:hover {\n background-color: @youtubeHoverColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.youtube.button:active {\n background-color: @youtubeDownColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n\n/* Instagram */\n.ui.instagram.button {\n background-color: @instagramColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n background-image: @coloredBackgroundImage;\n box-shadow: @coloredBoxShadow;\n}\n.ui.instagram.button:hover {\n background-color: @instagramHoverColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.instagram.button:active {\n background-color: @instagramDownColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n\n/* Pinterest */\n.ui.pinterest.button {\n background-color: @pinterestColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n background-image: @coloredBackgroundImage;\n box-shadow: @coloredBoxShadow;\n}\n.ui.pinterest.button:hover {\n background-color: @pinterestHoverColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n.ui.pinterest.button:active {\n background-color: @pinterestDownColor;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n}\n\n/* VK */\n.ui.vk.button {\n background-color: #4D7198;\n color: @white;\n background-image: @coloredBackgroundImage;\n box-shadow: @coloredBoxShadow;\n}\n.ui.vk.button:hover {\n background-color: @vkHoverColor;\n color: @white;\n}\n.ui.vk.button:active {\n background-color: @vkDownColor;\n color: @white;\n}\n\n/*--------------\n Icon\n---------------*/\n\n.ui.button > .icon:not(.button) {\n height: @iconHeight;\n opacity: @iconOpacity;\n margin: @iconMargin;\n transition: @iconTransition;\n vertical-align: @iconVerticalAlign;\n color: @iconColor;\n}\n\n.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {\n margin: @iconMargin;\n}\n.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {\n margin: @rightIconMargin;\n}\n\n/*******************************\n Variations\n*******************************/\n\n\n/*-------------------\n Floated\n--------------------*/\n\n.ui[class*=\"left floated\"].buttons,\n.ui[class*=\"left floated\"].button {\n float: left;\n margin-left: 0em;\n margin-right: @floatedMargin;\n}\n.ui[class*=\"right floated\"].buttons,\n.ui[class*=\"right floated\"].button {\n float: right;\n margin-right: 0em;\n margin-left: @floatedMargin;\n}\n\n/*-------------------\n Compact\n--------------------*/\n\n.ui.compact.buttons .button,\n.ui.compact.button {\n padding: @compactVerticalPadding @compactHorizontalPadding ( @compactVerticalPadding + @shadowOffset );\n}\n.ui.compact.icon.buttons .button,\n.ui.compact.icon.button {\n padding: @compactVerticalPadding @compactVerticalPadding ( @compactVerticalPadding + @shadowOffset );\n}\n.ui.compact.labeled.icon.buttons .button,\n.ui.compact.labeled.icon.button {\n padding: @compactVerticalPadding (@compactHorizontalPadding + @labeledIconWidth) ( @compactVerticalPadding + @shadowOffset );\n}\n\n/*-------------------\n Sizes\n--------------------*/\n\n.ui.mini.buttons .button,\n.ui.mini.buttons .or,\n.ui.mini.button {\n font-size: @mini;\n}\n.ui.tiny.buttons .button,\n.ui.tiny.buttons .or,\n.ui.tiny.button {\n font-size: @tiny;\n}\n.ui.small.buttons .button,\n.ui.small.buttons .or,\n.ui.small.button {\n font-size: @small;\n}\n.ui.buttons .button,\n.ui.buttons .or,\n.ui.button {\n font-size: @medium;\n}\n.ui.large.buttons .button,\n.ui.large.buttons .or,\n.ui.large.button {\n font-size: @large;\n}\n.ui.big.buttons .button,\n.ui.big.buttons .or,\n.ui.big.button {\n font-size: @big;\n}\n.ui.huge.buttons .button,\n.ui.huge.buttons .or,\n.ui.huge.button {\n font-size: @huge;\n}\n.ui.massive.buttons .button,\n.ui.massive.buttons .or,\n.ui.massive.button {\n font-size: @massive;\n}\n\n/*--------------\n Icon Only\n---------------*/\n\n.ui.icon.buttons .button,\n.ui.icon.button {\n padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowOffset );\n}\n.ui.icon.buttons .button > .icon,\n.ui.icon.button > .icon {\n opacity: @iconButtonOpacity;\n margin: 0em;\n vertical-align: top;\n}\n\n\n/*-------------------\n Basic\n--------------------*/\n\n.ui.basic.buttons .button,\n.ui.basic.button {\n background: @basicBackground !important;\n color: @basicTextColor !important;\n font-weight: @basicFontWeight;\n border-radius: @basicBorderRadius;\n text-transform: @basicTextTransform;\n text-shadow: none !important;\n box-shadow: @basicBoxShadow;\n}\n.ui.basic.buttons {\n box-shadow: @basicGroupBoxShadow;\n border: @basicGroupBorder;\n border-radius: @borderRadius;\n}\n.ui.basic.buttons .button {\n border-radius: 0em;\n}\n\n.ui.basic.buttons .button:hover,\n.ui.basic.button:hover {\n background: @basicHoverBackground !important;\n color: @basicHoverTextColor !important;\n box-shadow: @basicHoverBoxShadow;\n}\n.ui.basic.buttons .button:focus,\n.ui.basic.button:focus {\n background: @basicFocusBackground !important;\n color: @basicFocusTextColor !important;\n box-shadow: @basicFocusBoxShadow;\n}\n.ui.basic.buttons .button:active,\n.ui.basic.button:active {\n background: @basicDownBackground !important;\n color: @basicDownTextColor !important;\n box-shadow: @basicDownBoxShadow;\n}\n.ui.basic.buttons .active.button,\n.ui.basic.active.button {\n background: @basicActiveBackground !important;\n box-shadow: @basicActiveBoxShadow !important;\n color: @basicActiveTextColor;\n box-shadow: @selectedBorderColor;\n}\n.ui.basic.buttons .active.button:hover,\n.ui.basic.active.button:hover {\n background-color: @transparentBlack;\n}\n\n/* Vertical */\n.ui.basic.buttons .button:hover {\n box-shadow: @basicHoverBoxShadow inset;\n}\n.ui.basic.buttons .button:active {\n box-shadow: @basicDownBoxShadow inset;\n}\n.ui.basic.buttons .active.button {\n box-shadow: @selectedBorderColor inset;\n}\n\n/* Standard Basic Inverted */\n.ui.basic.inverted.buttons .button,\n.ui.basic.inverted.button {\n background-color: transparent !important;\n color: @offWhite !important;\n box-shadow: @basicInvertedBoxShadow !important;\n}\n.ui.basic.inverted.buttons .button:hover,\n.ui.basic.inverted.button:hover {\n color: @white !important;\n box-shadow: @basicInvertedHoverBoxShadow !important;\n}\n.ui.basic.inverted.buttons .button:focus,\n.ui.basic.inverted.button:focus {\n color: @white !important;\n box-shadow: @basicInvertedFocusBoxShadow !important;\n}\n.ui.basic.inverted.buttons .button:active,\n.ui.basic.inverted.button:active {\n background-color: @transparentWhite !important;\n color: @white !important;\n box-shadow: @basicInvertedDownBoxShadow !important;\n}\n.ui.basic.inverted.buttons .active.button,\n.ui.basic.inverted.active.button {\n background-color: @transparentWhite;\n color: @invertedTextColor;\n text-shadow: @invertedTextShadow;\n box-shadow: @basicInvertedActiveBoxShadow;\n}\n.ui.basic.inverted.buttons .active.button:hover,\n.ui.basic.inverted.active.button:hover {\n background-color: @strongTransparentWhite;\n box-shadow: @basicInvertedHoverBoxShadow !important;\n}\n\n\n/* Basic Group */\n.ui.basic.buttons .button {\n border-left: @basicGroupBorder;\n box-shadow: none;\n}\n.ui.basic.vertical.buttons .button {\n border-left: none;\n}\n.ui.basic.vertical.buttons .button {\n border-left-width: 0px;\n border-top: @basicGroupBorder;\n}\n.ui.basic.vertical.buttons .button:first-child {\n border-top-width: 0px;\n}\n\n\n\n/*--------------\n Labeled Icon\n---------------*/\n\n.ui.labeled.icon.buttons .button,\n.ui.labeled.icon.button {\n position: relative;\n padding-left: @labeledIconPadding !important;\n padding-right: @horizontalPadding !important;\n}\n\n/* Left Labeled */\n.ui.labeled.icon.buttons > .button > .icon,\n.ui.labeled.icon.button > .icon {\n position: absolute;\n height: 100%;\n line-height: 1;\n border-radius: 0px;\n border-top-left-radius: inherit;\n border-bottom-left-radius: inherit;\n text-align: center;\n\n margin: @labeledIconMargin;\n width: @labeledIconWidth;\n background-color: @labeledIconBackgroundColor;\n color: @labeledIconColor;\n box-shadow: @labeledIconLeftShadow;\n}\n\n/* Left Labeled */\n.ui.labeled.icon.buttons > .button > .icon,\n.ui.labeled.icon.button > .icon {\n top: 0em;\n left: 0em;\n}\n\n/* Right Labeled */\n.ui[class*=\"right labeled\"].icon.button {\n padding-right: @labeledIconPadding !important;\n padding-left: @horizontalPadding !important;\n}\n.ui[class*=\"right labeled\"].icon.button > .icon {\n left: auto;\n right: 0em;\n border-radius: 0px;\n border-top-right-radius: inherit;\n border-bottom-right-radius: inherit;\n box-shadow: @labeledIconRightShadow;\n}\n\n\n.ui.labeled.icon.buttons > .button > .icon:before,\n.ui.labeled.icon.button > .icon:before,\n.ui.labeled.icon.buttons > .button > .icon:after,\n.ui.labeled.icon.button > .icon:after {\n display: block;\n position: absolute;\n width: 100%;\n top: 50%;\n text-align: center;\n transform: translateY(-50%);\n}\n\n.ui.labeled.icon.buttons .button > .icon {\n border-radius: 0em;\n}\n.ui.labeled.icon.buttons .button:first-child > .icon {\n border-top-left-radius: @borderRadius;\n border-bottom-left-radius: @borderRadius;\n}\n.ui.labeled.icon.buttons .button:last-child > .icon {\n border-top-right-radius: @borderRadius;\n border-bottom-right-radius: @borderRadius;\n}\n.ui.vertical.labeled.icon.buttons .button:first-child > .icon {\n border-radius: 0em;\n border-top-left-radius: @borderRadius;\n}\n.ui.vertical.labeled.icon.buttons .button:last-child > .icon {\n border-radius: 0em;\n border-bottom-left-radius: @borderRadius;\n}\n\n/* Fluid Labeled */\n.ui.fluid[class*=\"left labeled\"].icon.button,\n.ui.fluid[class*=\"right labeled\"].icon.button {\n padding-left: @horizontalPadding !important;\n padding-right: @horizontalPadding !important;\n}\n\n\n\n\n/*--------------\n Toggle\n---------------*/\n\n/* Toggle (Modifies active state to give affordances) */\n.ui.toggle.buttons .active.button,\n.ui.buttons .button.toggle.active,\n.ui.button.toggle.active {\n background-color: @positiveColor !important;\n box-shadow: none !important;\n text-shadow: @invertedTextShadow;\n color: @invertedTextColor !important;\n}\n.ui.button.toggle.active:hover {\n background-color: @positiveColorHover !important;\n text-shadow: @invertedTextShadow;\n color: @invertedTextColor !important;\n}\n\n/*--------------\n Circular\n---------------*/\n\n.ui.circular.button {\n border-radius: 10em;\n}\n.ui.circular.button > .icon {\n width: 1em;\n vertical-align: baseline;\n}\n\n\n/*-------------------\n Or Buttons\n--------------------*/\n\n.ui.buttons .or {\n position: relative;\n width: @orGap;\n height: @orHeight;\n z-index: @orZIndex;\n}\n.ui.buttons .or:before {\n position: absolute;\n text-align: center;\n border-radius: @circularRadius;\n\n content: @orText;\n top: 50%;\n left: 50%;\n background-color: @orBackgroundColor;\n text-shadow: @orTextShadow;\n\n margin-top: @orVerticalOffset;\n margin-left: @orHorizontalOffset;\n\n width: @orCircleSize;\n height: @orCircleSize;\n\n line-height: @orLineHeight;\n color: @orTextColor;\n\n font-style: @orTextStyle;\n font-weight: @orTextWeight;\n\n box-shadow: @orBoxShadow;\n}\n.ui.buttons .or[data-text]:before {\n content: attr(data-text);\n}\n\n/* Fluid Or */\n.ui.fluid.buttons .or {\n width: 0em !important;\n}\n.ui.fluid.buttons .or:after {\n display: none;\n}\n\n\n/*-------------------\n Attached\n--------------------*/\n\n\n/* Singular */\n.ui.attached.button {\n position: relative;\n display: block;\n margin: 0em;\n border-radius: 0em;\n box-shadow: @attachedBoxShadow !important;\n}\n\n/* Top / Bottom */\n.ui.attached.top.button {\n border-radius: @borderRadius @borderRadius 0em 0em;\n}\n.ui.attached.bottom.button {\n border-radius: 0em 0em @borderRadius @borderRadius;\n}\n\n/* Left / Right */\n.ui.left.attached.button {\n display: inline-block;\n border-left: none;\n text-align: right;\n\n padding-right: @attachedHorizontalPadding;\n border-radius: @borderRadius 0em 0em @borderRadius;\n}\n.ui.right.attached.button {\n display: inline-block;\n text-align: left;\n padding-left: @attachedHorizontalPadding;\n border-radius: 0em @borderRadius @borderRadius 0em;\n}\n\n/* Plural */\n.ui.attached.buttons {\n position: relative;\n display: flex;\n border-radius: 0em;\n width: auto !important;\n z-index: @attachedZIndex;\n margin-left: @attachedOffset;\n margin-right: @attachedOffset;\n}\n.ui.attached.buttons .button {\n margin: 0em;\n}\n.ui.attached.buttons .button:first-child {\n border-radius: 0em;\n}\n.ui.attached.buttons .button:last-child {\n border-radius: 0em;\n}\n\n/* Top / Bottom */\n.ui[class*=\"top attached\"].buttons {\n margin-bottom: @attachedOffset;\n border-radius: @borderRadius @borderRadius 0em 0em;\n}\n.ui[class*=\"top attached\"].buttons .button:first-child {\n border-radius: @borderRadius 0em 0em 0em;\n}\n.ui[class*=\"top attached\"].buttons .button:last-child {\n border-radius: 0em @borderRadius 0em 0em;\n}\n\n.ui[class*=\"bottom attached\"].buttons {\n margin-top: @attachedOffset;\n border-radius: 0em 0em @borderRadius @borderRadius;\n}\n.ui[class*=\"bottom attached\"].buttons .button:first-child {\n border-radius: 0em 0em 0em @borderRadius;\n}\n.ui[class*=\"bottom attached\"].buttons .button:last-child {\n border-radius: 0em 0em @borderRadius 0em;\n}\n\n/* Left / Right */\n.ui[class*=\"left attached\"].buttons {\n display: inline-flex;\n margin-right: 0em;\n margin-left: @attachedOffset;\n border-radius: 0em @borderRadius @borderRadius 0em;\n}\n.ui[class*=\"left attached\"].buttons .button:first-child {\n margin-left: @attachedOffset;\n border-radius: 0em @borderRadius 0em 0em;\n}\n.ui[class*=\"left attached\"].buttons .button:last-child {\n margin-left: @attachedOffset;\n border-radius: 0em 0em @borderRadius 0em;\n}\n\n.ui[class*=\"right attached\"].buttons {\n display: inline-flex;\n margin-left: 0em;\n margin-right: @attachedOffset;\n border-radius: @borderRadius 0em 0em @borderRadius;\n}\n.ui[class*=\"right attached\"].buttons .button:first-child {\n margin-left: @attachedOffset;\n border-radius: @borderRadius 0em 0em 0em;\n}\n.ui[class*=\"right attached\"].buttons .button:last-child {\n margin-left: @attachedOffset;\n border-radius: 0em 0em 0em @borderRadius;\n}\n\n/*-------------------\n Fluid\n--------------------*/\n\n.ui.fluid.buttons,\n.ui.fluid.button {\n width: 100%;\n}\n.ui.fluid.button {\n display: block;\n}\n\n.ui.two.buttons {\n width: 100%;\n}\n.ui.two.buttons > .button {\n width: 50%;\n}\n\n.ui.three.buttons {\n width: 100%;\n}\n.ui.three.buttons > .button {\n width: 33.333%;\n}\n\n.ui.four.buttons {\n width: 100%;\n}\n.ui.four.buttons > .button {\n width: 25%;\n}\n\n.ui.five.buttons {\n width: 100%;\n}\n.ui.five.buttons > .button {\n width: 20%;\n}\n\n.ui.six.buttons {\n width: 100%;\n}\n.ui.six.buttons > .button {\n width: 16.666%;\n}\n\n.ui.seven.buttons {\n width: 100%;\n}\n.ui.seven.buttons > .button {\n width: 14.285%;\n}\n\n.ui.eight.buttons {\n width: 100%;\n}\n.ui.eight.buttons > .button {\n width: 12.500%;\n}\n\n.ui.nine.buttons {\n width: 100%;\n}\n.ui.nine.buttons > .button {\n width: 11.11%;\n}\n\n.ui.ten.buttons {\n width: 100%;\n}\n.ui.ten.buttons > .button {\n width: 10%;\n}\n\n.ui.eleven.buttons {\n width: 100%;\n}\n.ui.eleven.buttons > .button {\n width: 9.09%;\n}\n\n.ui.twelve.buttons {\n width: 100%;\n}\n.ui.twelve.buttons > .button {\n width: 8.3333%;\n}\n\n/* Fluid Vertical Buttons */\n.ui.fluid.vertical.buttons,\n.ui.fluid.vertical.buttons > .button {\n display: flex;\n width: auto;\n}\n\n.ui.two.vertical.buttons > .button {\n height: 50%;\n}\n.ui.three.vertical.buttons > .button {\n height: 33.333%;\n}\n.ui.four.vertical.buttons > .button {\n height: 25%;\n}\n.ui.five.vertical.buttons > .button {\n height: 20%;\n}\n.ui.six.vertical.buttons > .button {\n height: 16.666%;\n}\n.ui.seven.vertical.buttons > .button {\n height: 14.285%;\n}\n.ui.eight.vertical.buttons > .button {\n height: 12.500%;\n}\n.ui.nine.vertical.buttons > .button {\n height: 11.11%;\n}\n.ui.ten.vertical.buttons > .button {\n height: 10%;\n}\n.ui.eleven.vertical.buttons > .button {\n height: 9.09%;\n}\n.ui.twelve.vertical.buttons > .button {\n height: 8.3333%;\n}\n\n\n/*-------------------\n Colors\n--------------------*/\n\n/*--- Black ---*/\n.ui.black.buttons .button,\n.ui.black.button {\n background-color: @black;\n color: @blackTextColor;\n text-shadow: @blackTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.black.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.black.buttons .button:hover,\n.ui.black.button:hover {\n background-color: @blackHover;\n color: @blackTextColor;\n text-shadow: @blackTextShadow;\n}\n.ui.black.buttons .button:focus,\n.ui.black.button:focus {\n background-color: @blackFocus;\n color: @blackTextColor;\n text-shadow: @blackTextShadow;\n}\n.ui.black.buttons .button:active,\n.ui.black.button:active {\n background-color: @blackDown;\n color: @blackTextColor;\n text-shadow: @blackTextShadow;\n}\n.ui.black.buttons .active.button,\n.ui.black.buttons .active.button:active,\n.ui.black.active.button,\n.ui.black.button .active.button:active {\n background-color: @blackActive;\n color: @blackTextColor;\n text-shadow: @blackTextShadow;\n}\n\n/* Basic */\n.ui.basic.black.buttons .button,\n.ui.basic.black.button {\n box-shadow: 0px 0px 0px @basicBorderSize @black inset !important;\n color: @black !important;\n}\n.ui.basic.black.buttons .button:hover,\n.ui.basic.black.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blackHover inset !important;\n color: @blackHover !important;\n}\n.ui.basic.black.buttons .button:focus,\n.ui.basic.black.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blackFocus inset !important;\n color: @blackHover !important;\n}\n.ui.basic.black.buttons .active.button,\n.ui.basic.black.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blackActive inset !important;\n color: @blackDown !important;\n}\n.ui.basic.black.buttons .button:active,\n.ui.basic.black.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important;\n color: @blackDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.black.buttons .button,\n.ui.inverted.black.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @solidBorderColor inset !important;\n color: @invertedTextColor;\n}\n.ui.inverted.black.buttons .button:hover,\n.ui.inverted.black.button:hover,\n.ui.inverted.black.buttons .button:focus,\n.ui.inverted.black.button:focus,\n.ui.inverted.black.buttons .button.active,\n.ui.inverted.black.button.active,\n.ui.inverted.black.buttons .button:active,\n.ui.inverted.black.button:active {\n box-shadow: none !important;\n color: @lightBlackTextColor;\n}\n.ui.inverted.black.buttons .button:hover,\n.ui.inverted.black.button:hover {\n background-color: @lightBlackHover;\n}\n.ui.inverted.black.buttons .button:focus,\n.ui.inverted.black.button:focus {\n background-color: @lightBlackFocus;\n}\n.ui.inverted.black.buttons .active.button,\n.ui.inverted.black.active.button {\n background-color: @lightBlackActive;\n}\n.ui.inverted.black.buttons .button:active,\n.ui.inverted.black.button:active {\n background-color: @lightBlackDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.black.basic.buttons .button,\n.ui.inverted.black.buttons .basic.button,\n.ui.inverted.black.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.black.basic.buttons .button:hover,\n.ui.inverted.black.buttons .basic.button:hover,\n.ui.inverted.black.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackHover inset !important;\n color: @white !important;\n}\n.ui.inverted.black.basic.buttons .button:focus,\n.ui.inverted.black.basic.buttons .button:focus,\n.ui.inverted.black.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackFocus inset !important;\n color: @lightBlack !important;\n}\n.ui.inverted.black.basic.buttons .active.button,\n.ui.inverted.black.buttons .basic.active.button,\n.ui.inverted.black.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackActive inset !important;\n color: @white !important;\n}\n.ui.inverted.black.basic.buttons .button:active,\n.ui.inverted.black.buttons .basic.button:active,\n.ui.inverted.black.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackDown inset !important;\n color: @white !important;\n}\n\n/*--- Grey ---*/\n.ui.grey.buttons .button,\n.ui.grey.button {\n background-color: @grey;\n color: @greyTextColor;\n text-shadow: @greyTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.grey.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.grey.buttons .button:hover,\n.ui.grey.button:hover {\n background-color: @greyHover;\n color: @greyTextColor;\n text-shadow: @greyTextShadow;\n}\n.ui.grey.buttons .button:focus,\n.ui.grey.button:focus {\n background-color: @greyFocus;\n color: @greyTextColor;\n text-shadow: @greyTextShadow;\n}\n.ui.grey.buttons .button:active,\n.ui.grey.button:active {\n background-color: @greyDown;\n color: @greyTextColor;\n text-shadow: @greyTextShadow;\n}\n.ui.grey.buttons .active.button,\n.ui.grey.buttons .active.button:active,\n.ui.grey.active.button,\n.ui.grey.button .active.button:active {\n background-color: @greyActive;\n color: @greyTextColor;\n text-shadow: @greyTextShadow;\n}\n\n/* Basic */\n.ui.basic.grey.buttons .button,\n.ui.basic.grey.button {\n box-shadow: 0px 0px 0px @basicBorderSize @grey inset !important;\n color: @grey !important;\n}\n.ui.basic.grey.buttons .button:hover,\n.ui.basic.grey.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greyHover inset !important;\n color: @greyHover !important;\n}\n.ui.basic.grey.buttons .button:focus,\n.ui.basic.grey.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greyFocus inset !important;\n color: @greyHover !important;\n}\n.ui.basic.grey.buttons .active.button,\n.ui.basic.grey.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greyActive inset !important;\n color: @greyDown !important;\n}\n.ui.basic.grey.buttons .button:active,\n.ui.basic.grey.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greyDown inset !important;\n color: @greyDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.grey.buttons .button,\n.ui.inverted.grey.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @solidBorderColor inset !important;\n color: @invertedTextColor;\n}\n.ui.inverted.grey.buttons .button:hover,\n.ui.inverted.grey.button:hover,\n.ui.inverted.grey.buttons .button:focus,\n.ui.inverted.grey.button:focus,\n.ui.inverted.grey.buttons .button.active,\n.ui.inverted.grey.button.active,\n.ui.inverted.grey.buttons .button:active,\n.ui.inverted.grey.button:active {\n box-shadow: none !important;\n color: @lightGreyTextColor;\n}\n.ui.inverted.grey.buttons .button:hover,\n.ui.inverted.grey.button:hover {\n background-color: @lightGreyHover;\n}\n.ui.inverted.grey.buttons .button:focus,\n.ui.inverted.grey.button:focus {\n background-color: @lightGreyFocus;\n}\n.ui.inverted.grey.buttons .active.button,\n.ui.inverted.grey.active.button {\n background-color: @lightGreyActive;\n}\n.ui.inverted.grey.buttons .button:active,\n.ui.inverted.grey.button:active {\n background-color: @lightGreyDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.grey.basic.buttons .button,\n.ui.inverted.grey.buttons .basic.button,\n.ui.inverted.grey.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.grey.basic.buttons .button:hover,\n.ui.inverted.grey.buttons .basic.button:hover,\n.ui.inverted.grey.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreyHover inset !important;\n color: @white !important;\n}\n.ui.inverted.grey.basic.buttons .button:focus,\n.ui.inverted.grey.basic.buttons .button:focus,\n.ui.inverted.grey.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreyFocus inset !important;\n color: @lightGrey !important;\n}\n.ui.inverted.grey.basic.buttons .active.button,\n.ui.inverted.grey.buttons .basic.active.button,\n.ui.inverted.grey.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreyActive inset !important;\n color: @white !important;\n}\n.ui.inverted.grey.basic.buttons .button:active,\n.ui.inverted.grey.buttons .basic.button:active,\n.ui.inverted.grey.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreyDown inset !important;\n color: @white !important;\n}\n\n\n/*--- Brown ---*/\n.ui.brown.buttons .button,\n.ui.brown.button {\n background-color: @brown;\n color: @brownTextColor;\n text-shadow: @brownTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.brown.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.brown.buttons .button:hover,\n.ui.brown.button:hover {\n background-color: @brownHover;\n color: @brownTextColor;\n text-shadow: @brownTextShadow;\n}\n.ui.brown.buttons .button:focus,\n.ui.brown.button:focus {\n background-color: @brownFocus;\n color: @brownTextColor;\n text-shadow: @brownTextShadow;\n}\n.ui.brown.buttons .button:active,\n.ui.brown.button:active {\n background-color: @brownDown;\n color: @brownTextColor;\n text-shadow: @brownTextShadow;\n}\n.ui.brown.buttons .active.button,\n.ui.brown.buttons .active.button:active,\n.ui.brown.active.button,\n.ui.brown.button .active.button:active {\n background-color: @brownActive;\n color: @brownTextColor;\n text-shadow: @brownTextShadow;\n}\n\n/* Basic */\n.ui.basic.brown.buttons .button,\n.ui.basic.brown.button {\n box-shadow: 0px 0px 0px @basicBorderSize @brown inset !important;\n color: @brown !important;\n}\n.ui.basic.brown.buttons .button:hover,\n.ui.basic.brown.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @brownHover inset !important;\n color: @brownHover !important;\n}\n.ui.basic.brown.buttons .button:focus,\n.ui.basic.brown.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @brownFocus inset !important;\n color: @brownHover !important;\n}\n.ui.basic.brown.buttons .active.button,\n.ui.basic.brown.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @brownActive inset !important;\n color: @brownDown !important;\n}\n.ui.basic.brown.buttons .button:active,\n.ui.basic.brown.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @brownDown inset !important;\n color: @brownDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.brown.buttons .button,\n.ui.inverted.brown.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBrown inset !important;\n color: @lightBrown;\n}\n.ui.inverted.brown.buttons .button:hover,\n.ui.inverted.brown.button:hover,\n.ui.inverted.brown.buttons .button:focus,\n.ui.inverted.brown.button:focus,\n.ui.inverted.brown.buttons .button.active,\n.ui.inverted.brown.button.active,\n.ui.inverted.brown.buttons .button:active,\n.ui.inverted.brown.button:active {\n box-shadow: none !important;\n color: @lightBrownTextColor;\n}\n.ui.inverted.brown.buttons .button:hover,\n.ui.inverted.brown.button:hover {\n background-color: @lightBrownHover;\n}\n.ui.inverted.brown.buttons .button:focus,\n.ui.inverted.brown.button:focus {\n background-color: @lightBrownFocus;\n}\n.ui.inverted.brown.buttons .active.button,\n.ui.inverted.brown.active.button {\n background-color: @lightBrownActive;\n}\n.ui.inverted.brown.buttons .button:active,\n.ui.inverted.brown.button:active {\n background-color: @lightBrownDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.brown.basic.buttons .button,\n.ui.inverted.brown.buttons .basic.button,\n.ui.inverted.brown.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.brown.basic.buttons .button:hover,\n.ui.inverted.brown.buttons .basic.button:hover,\n.ui.inverted.brown.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBrownHover inset !important;\n color: @lightBrown !important;\n}\n.ui.inverted.brown.basic.buttons .button:focus,\n.ui.inverted.brown.basic.buttons .button:focus,\n.ui.inverted.brown.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBrownFocus inset !important;\n color: @lightBrown !important;\n}\n.ui.inverted.brown.basic.buttons .active.button,\n.ui.inverted.brown.buttons .basic.active.button,\n.ui.inverted.brown.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBrownActive inset !important;\n color: @lightBrown !important;\n}\n.ui.inverted.brown.basic.buttons .button:active,\n.ui.inverted.brown.buttons .basic.button:active,\n.ui.inverted.brown.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBrownDown inset !important;\n color: @lightBrown !important;\n}\n\n/*--- Blue ---*/\n.ui.blue.buttons .button,\n.ui.blue.button {\n background-color: @blue;\n color: @blueTextColor;\n text-shadow: @blueTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.blue.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.blue.buttons .button:hover,\n.ui.blue.button:hover {\n background-color: @blueHover;\n color: @blueTextColor;\n text-shadow: @blueTextShadow;\n}\n.ui.blue.buttons .button:focus,\n.ui.blue.button:focus {\n background-color: @blueFocus;\n color: @blueTextColor;\n text-shadow: @blueTextShadow;\n}\n.ui.blue.buttons .button:active,\n.ui.blue.button:active {\n background-color: @blueDown;\n color: @blueTextColor;\n text-shadow: @blueTextShadow;\n}\n.ui.blue.buttons .active.button,\n.ui.blue.buttons .active.button:active,\n.ui.blue.active.button,\n.ui.blue.button .active.button:active {\n background-color: @blueActive;\n color: @blueTextColor;\n text-shadow: @blueTextShadow;\n}\n\n/* Basic */\n.ui.basic.blue.buttons .button,\n.ui.basic.blue.button {\n box-shadow: 0px 0px 0px @basicBorderSize @blue inset !important;\n color: @blue !important;\n}\n.ui.basic.blue.buttons .button:hover,\n.ui.basic.blue.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blueHover inset !important;\n color: @blueHover !important;\n}\n.ui.basic.blue.buttons .button:focus,\n.ui.basic.blue.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blueFocus inset !important;\n color: @blueHover !important;\n}\n.ui.basic.blue.buttons .active.button,\n.ui.basic.blue.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blueActive inset !important;\n color: @blueDown !important;\n}\n.ui.basic.blue.buttons .button:active,\n.ui.basic.blue.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important;\n color: @blueDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.blue.buttons .button,\n.ui.inverted.blue.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important;\n color: @lightBlue;\n}\n.ui.inverted.blue.buttons .button:hover,\n.ui.inverted.blue.button:hover,\n.ui.inverted.blue.buttons .button:focus,\n.ui.inverted.blue.button:focus,\n.ui.inverted.blue.buttons .button.active,\n.ui.inverted.blue.button.active,\n.ui.inverted.blue.buttons .button:active,\n.ui.inverted.blue.button:active {\n box-shadow: none !important;\n color: @lightBlueTextColor;\n}\n.ui.inverted.blue.buttons .button:hover,\n.ui.inverted.blue.button:hover {\n background-color: @lightBlueHover;\n}\n.ui.inverted.blue.buttons .button:focus,\n.ui.inverted.blue.button:focus {\n background-color: @lightBlueFocus;\n}\n.ui.inverted.blue.buttons .active.button,\n.ui.inverted.blue.active.button {\n background-color: @lightBlueActive;\n}\n.ui.inverted.blue.buttons .button:active,\n.ui.inverted.blue.button:active {\n background-color: @lightBlueDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.blue.basic.buttons .button,\n.ui.inverted.blue.buttons .basic.button,\n.ui.inverted.blue.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.blue.basic.buttons .button:hover,\n.ui.inverted.blue.buttons .basic.button:hover,\n.ui.inverted.blue.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueHover inset !important;\n color: @lightBlue !important;\n}\n.ui.inverted.blue.basic.buttons .button:focus,\n.ui.inverted.blue.basic.buttons .button:focus,\n.ui.inverted.blue.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueFocus inset !important;\n color: @lightBlue !important;\n}\n.ui.inverted.blue.basic.buttons .active.button,\n.ui.inverted.blue.buttons .basic.active.button,\n.ui.inverted.blue.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueActive inset !important;\n color: @lightBlue !important;\n}\n.ui.inverted.blue.basic.buttons .button:active,\n.ui.inverted.blue.buttons .basic.button:active,\n.ui.inverted.blue.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueDown inset !important;\n color: @lightBlue !important;\n}\n\n/*--- Green ---*/\n.ui.green.buttons .button,\n.ui.green.button {\n background-color: @green;\n color: @greenTextColor;\n text-shadow: @greenTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.green.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.green.buttons .button:hover,\n.ui.green.button:hover {\n background-color: @greenHover;\n color: @greenTextColor;\n text-shadow: @greenTextShadow;\n}\n.ui.green.buttons .button:focus,\n.ui.green.button:focus {\n background-color: @greenFocus;\n color: @greenTextColor;\n text-shadow: @greenTextShadow;\n}\n.ui.green.buttons .button:active,\n.ui.green.button:active {\n background-color: @greenDown;\n color: @greenTextColor;\n text-shadow: @greenTextShadow;\n}\n.ui.green.buttons .active.button,\n.ui.green.buttons .active.button:active,\n.ui.green.active.button,\n.ui.green.button .active.button:active {\n background-color: @greenActive;\n color: @greenTextColor;\n text-shadow: @greenTextShadow;\n}\n\n\n/* Basic */\n.ui.basic.green.buttons .button,\n.ui.basic.green.button {\n box-shadow: 0px 0px 0px @basicBorderSize @green inset !important;\n color: @green !important;\n}\n.ui.basic.green.buttons .button:hover,\n.ui.basic.green.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greenHover inset !important;\n color: @greenHover !important;\n}\n.ui.basic.green.buttons .button:focus,\n.ui.basic.green.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greenFocus inset !important;\n color: @greenHover !important;\n}\n.ui.basic.green.buttons .active.button,\n.ui.basic.green.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greenActive inset !important;\n color: @greenDown !important;\n}\n.ui.basic.green.buttons .button:active,\n.ui.basic.green.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important;\n color: @greenDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.green.buttons .button,\n.ui.inverted.green.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important;\n color: @lightGreen;\n}\n.ui.inverted.green.buttons .button:hover,\n.ui.inverted.green.button:hover,\n.ui.inverted.green.buttons .button:focus,\n.ui.inverted.green.button:focus,\n.ui.inverted.green.buttons .button.active,\n.ui.inverted.green.button.active,\n.ui.inverted.green.buttons .button:active,\n.ui.inverted.green.button:active {\n box-shadow: none !important;\n color: @greenTextColor;\n}\n.ui.inverted.green.buttons .button:hover,\n.ui.inverted.green.button:hover {\n background-color: @lightGreenHover;\n}\n.ui.inverted.green.buttons .button:focus,\n.ui.inverted.green.button:focus {\n background-color: @lightGreenFocus;\n}\n.ui.inverted.green.buttons .active.button,\n.ui.inverted.green.active.button {\n background-color: @lightGreenActive;\n}\n.ui.inverted.green.buttons .button:active,\n.ui.inverted.green.button:active {\n background-color: @lightGreenDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.green.basic.buttons .button,\n.ui.inverted.green.buttons .basic.button,\n.ui.inverted.green.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.green.basic.buttons .button:hover,\n.ui.inverted.green.buttons .basic.button:hover,\n.ui.inverted.green.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenHover inset !important;\n color: @lightGreen !important;\n}\n.ui.inverted.green.basic.buttons .button:focus,\n.ui.inverted.green.basic.buttons .button:focus,\n.ui.inverted.green.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenFocus inset !important;\n color: @lightGreen !important;\n}\n.ui.inverted.green.basic.buttons .active.button,\n.ui.inverted.green.buttons .basic.active.button,\n.ui.inverted.green.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenActive inset !important;\n color: @lightGreen !important;\n}\n.ui.inverted.green.basic.buttons .button:active,\n.ui.inverted.green.buttons .basic.button:active,\n.ui.inverted.green.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenDown inset !important;\n color: @lightGreen !important;\n}\n\n/*--- Orange ---*/\n.ui.orange.buttons .button,\n.ui.orange.button {\n background-color: @orange;\n color: @orangeTextColor;\n text-shadow: @orangeTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.orange.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.orange.buttons .button:hover,\n.ui.orange.button:hover {\n background-color: @orangeHover;\n color: @orangeTextColor;\n text-shadow: @orangeTextShadow;\n}\n.ui.orange.buttons .button:focus,\n.ui.orange.button:focus {\n background-color: @orangeFocus;\n color: @orangeTextColor;\n text-shadow: @orangeTextShadow;\n}\n.ui.orange.buttons .button:active,\n.ui.orange.button:active {\n background-color: @orangeDown;\n color: @orangeTextColor;\n text-shadow: @orangeTextShadow;\n}\n.ui.orange.buttons .active.button,\n.ui.orange.buttons .active.button:active,\n.ui.orange.active.button,\n.ui.orange.button .active.button:active {\n background-color: @orangeActive;\n color: @orangeTextColor;\n text-shadow: @orangeTextShadow;\n}\n\n/* Basic */\n.ui.basic.orange.buttons .button,\n.ui.basic.orange.button {\n box-shadow: 0px 0px 0px @basicBorderSize @orange inset !important;\n color: @orange !important;\n}\n.ui.basic.orange.buttons .button:hover,\n.ui.basic.orange.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeHover inset !important;\n color: @orangeHover !important;\n}\n.ui.basic.orange.buttons .button:focus,\n.ui.basic.orange.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeFocus inset !important;\n color: @orangeHover !important;\n}\n.ui.basic.orange.buttons .active.button,\n.ui.basic.orange.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeActive inset !important;\n color: @orangeDown !important;\n}\n.ui.basic.orange.buttons .button:active,\n.ui.basic.orange.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important;\n color: @orangeDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.orange.buttons .button,\n.ui.inverted.orange.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important;\n color: @lightOrange;\n}\n.ui.inverted.orange.buttons .button:hover,\n.ui.inverted.orange.button:hover,\n.ui.inverted.orange.buttons .button:focus,\n.ui.inverted.orange.button:focus,\n.ui.inverted.orange.buttons .button.active,\n.ui.inverted.orange.button.active,\n.ui.inverted.orange.buttons .button:active,\n.ui.inverted.orange.button:active {\n box-shadow: none !important;\n color: @lightOrangeTextColor;\n}\n.ui.inverted.orange.buttons .button:hover,\n.ui.inverted.orange.button:hover {\n background-color: @lightOrangeHover;\n}\n.ui.inverted.orange.buttons .button:focus,\n.ui.inverted.orange.button:focus {\n background-color: @lightOrangeFocus;\n}\n.ui.inverted.orange.buttons .active.button,\n.ui.inverted.orange.active.button {\n background-color: @lightOrangeActive;\n}\n.ui.inverted.orange.buttons .button:active,\n.ui.inverted.orange.button:active {\n background-color: @lightOrangeDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.orange.basic.buttons .button,\n.ui.inverted.orange.buttons .basic.button,\n.ui.inverted.orange.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.orange.basic.buttons .button:hover,\n.ui.inverted.orange.buttons .basic.button:hover,\n.ui.inverted.orange.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeHover inset !important;\n color: @lightOrange !important;\n}\n.ui.inverted.orange.basic.buttons .button:focus,\n.ui.inverted.orange.basic.buttons .button:focus,\n.ui.inverted.orange.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeFocus inset !important;\n color: @lightOrange !important;\n}\n.ui.inverted.orange.basic.buttons .active.button,\n.ui.inverted.orange.buttons .basic.active.button,\n.ui.inverted.orange.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeActive inset !important;\n color: @lightOrange !important;\n}\n.ui.inverted.orange.basic.buttons .button:active,\n.ui.inverted.orange.buttons .basic.button:active,\n.ui.inverted.orange.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeDown inset !important;\n color: @lightOrange !important;\n}\n\n/*--- Pink ---*/\n.ui.pink.buttons .button,\n.ui.pink.button {\n background-color: @pink;\n color: @pinkTextColor;\n text-shadow: @pinkTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.pink.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.pink.buttons .button:hover,\n.ui.pink.button:hover {\n background-color: @pinkHover;\n color: @pinkTextColor;\n text-shadow: @pinkTextShadow;\n}\n.ui.pink.buttons .button:focus,\n.ui.pink.button:focus {\n background-color: @pinkFocus;\n color: @pinkTextColor;\n text-shadow: @pinkTextShadow;\n}\n.ui.pink.buttons .button:active,\n.ui.pink.button:active {\n background-color: @pinkDown;\n color: @pinkTextColor;\n text-shadow: @pinkTextShadow;\n}\n.ui.pink.buttons .active.button,\n.ui.pink.buttons .active.button:active,\n.ui.pink.active.button,\n.ui.pink.button .active.button:active {\n background-color: @pinkActive;\n color: @pinkTextColor;\n text-shadow: @pinkTextShadow;\n}\n\n/* Basic */\n.ui.basic.pink.buttons .button,\n.ui.basic.pink.button {\n box-shadow: 0px 0px 0px @basicBorderSize @pink inset !important;\n color: @pink !important;\n}\n.ui.basic.pink.buttons .button:hover,\n.ui.basic.pink.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkHover inset !important;\n color: @pinkHover !important;\n}\n.ui.basic.pink.buttons .button:focus,\n.ui.basic.pink.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkFocus inset !important;\n color: @pinkHover !important;\n}\n.ui.basic.pink.buttons .active.button,\n.ui.basic.pink.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkActive inset !important;\n color: @pinkDown !important;\n}\n.ui.basic.pink.buttons .button:active,\n.ui.basic.pink.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important;\n color: @pinkDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.pink.buttons .button,\n.ui.inverted.pink.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important;\n color: @lightPink;\n}\n.ui.inverted.pink.buttons .button:hover,\n.ui.inverted.pink.button:hover,\n.ui.inverted.pink.buttons .button:focus,\n.ui.inverted.pink.button:focus,\n.ui.inverted.pink.buttons .button.active,\n.ui.inverted.pink.button.active,\n.ui.inverted.pink.buttons .button:active,\n.ui.inverted.pink.button:active {\n box-shadow: none !important;\n color: @lightPinkTextColor;\n}\n.ui.inverted.pink.buttons .button:hover,\n.ui.inverted.pink.button:hover {\n background-color: @lightPinkHover;\n}\n.ui.inverted.pink.buttons .button:focus,\n.ui.inverted.pink.button:focus {\n background-color: @lightPinkFocus;\n}\n.ui.inverted.pink.buttons .active.button,\n.ui.inverted.pink.active.button {\n background-color: @lightPinkActive;\n}\n.ui.inverted.pink.buttons .button:active,\n.ui.inverted.pink.button:active {\n background-color: @lightPinkDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.pink.basic.buttons .button,\n.ui.inverted.pink.buttons .basic.button,\n.ui.inverted.pink.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.pink.basic.buttons .button:hover,\n.ui.inverted.pink.buttons .basic.button:hover,\n.ui.inverted.pink.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkHover inset !important;\n color: @lightPink !important;\n}\n.ui.inverted.pink.basic.buttons .button:focus,\n.ui.inverted.pink.basic.buttons .button:focus,\n.ui.inverted.pink.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkFocus inset !important;\n color: @lightPink !important;\n}\n.ui.inverted.pink.basic.buttons .active.button,\n.ui.inverted.pink.buttons .basic.active.button,\n.ui.inverted.pink.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkActive inset !important;\n color: @lightPink !important;\n}\n.ui.inverted.pink.basic.buttons .button:active,\n.ui.inverted.pink.buttons .basic.button:active,\n.ui.inverted.pink.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkDown inset !important;\n color: @lightPink !important;\n}\n\n\n/*--- Violet ---*/\n.ui.violet.buttons .button,\n.ui.violet.button {\n background-color: @violet;\n color: @violetTextColor;\n text-shadow: @violetTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.violet.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.violet.buttons .button:hover,\n.ui.violet.button:hover {\n background-color: @violetHover;\n color: @violetTextColor;\n text-shadow: @violetTextShadow;\n}\n.ui.violet.buttons .button:focus,\n.ui.violet.button:focus {\n background-color: @violetFocus;\n color: @violetTextColor;\n text-shadow: @violetTextShadow;\n}\n.ui.violet.buttons .button:active,\n.ui.violet.button:active {\n background-color: @violetDown;\n color: @violetTextColor;\n text-shadow: @violetTextShadow;\n}\n.ui.violet.buttons .active.button,\n.ui.violet.buttons .active.button:active,\n.ui.violet.active.button,\n.ui.violet.button .active.button:active {\n background-color: @violetActive;\n color: @violetTextColor;\n text-shadow: @violetTextShadow;\n}\n\n/* Basic */\n.ui.basic.violet.buttons .button,\n.ui.basic.violet.button {\n box-shadow: 0px 0px 0px @basicBorderSize @violet inset !important;\n color: @violet !important;\n}\n.ui.basic.violet.buttons .button:hover,\n.ui.basic.violet.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @violetHover inset !important;\n color: @violetHover !important;\n}\n.ui.basic.violet.buttons .button:focus,\n.ui.basic.violet.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @violetFocus inset !important;\n color: @violetHover !important;\n}\n.ui.basic.violet.buttons .active.button,\n.ui.basic.violet.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @violetActive inset !important;\n color: @violetDown !important;\n}\n.ui.basic.violet.buttons .button:active,\n.ui.basic.violet.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @violetDown inset !important;\n color: @violetDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.violet.buttons .button,\n.ui.inverted.violet.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightViolet inset !important;\n color: @lightViolet;\n}\n.ui.inverted.violet.buttons .button:hover,\n.ui.inverted.violet.button:hover,\n.ui.inverted.violet.buttons .button:focus,\n.ui.inverted.violet.button:focus,\n.ui.inverted.violet.buttons .button.active,\n.ui.inverted.violet.button.active,\n.ui.inverted.violet.buttons .button:active,\n.ui.inverted.violet.button:active {\n box-shadow: none !important;\n color: @lightVioletTextColor;\n}\n.ui.inverted.violet.buttons .button:hover,\n.ui.inverted.violet.button:hover {\n background-color: @lightVioletHover;\n}\n.ui.inverted.violet.buttons .button:focus,\n.ui.inverted.violet.button:focus {\n background-color: @lightVioletFocus;\n}\n.ui.inverted.violet.buttons .active.button,\n.ui.inverted.violet.active.button {\n background-color: @lightVioletActive;\n}\n.ui.inverted.violet.buttons .button:active,\n.ui.inverted.violet.button:active {\n background-color: @lightVioletDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.violet.basic.buttons .button,\n.ui.inverted.violet.buttons .basic.button,\n.ui.inverted.violet.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.violet.basic.buttons .button:hover,\n.ui.inverted.violet.buttons .basic.button:hover,\n.ui.inverted.violet.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightVioletHover inset !important;\n color: @lightViolet !important;\n}\n.ui.inverted.violet.basic.buttons .button:focus,\n.ui.inverted.violet.basic.buttons .button:focus,\n.ui.inverted.violet.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightVioletFocus inset !important;\n color: @lightViolet !important;\n}\n.ui.inverted.violet.basic.buttons .active.button,\n.ui.inverted.violet.buttons .basic.active.button,\n.ui.inverted.violet.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightVioletActive inset !important;\n color: @lightViolet !important;\n}\n.ui.inverted.violet.basic.buttons .button:active,\n.ui.inverted.violet.buttons .basic.button:active,\n.ui.inverted.violet.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightVioletDown inset !important;\n color: @lightViolet !important;\n}\n\n/*--- Purple ---*/\n.ui.purple.buttons .button,\n.ui.purple.button {\n background-color: @purple;\n color: @purpleTextColor;\n text-shadow: @purpleTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.purple.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.purple.buttons .button:hover,\n.ui.purple.button:hover {\n background-color: @purpleHover;\n color: @purpleTextColor;\n text-shadow: @purpleTextShadow;\n}\n.ui.purple.buttons .button:focus,\n.ui.purple.button:focus {\n background-color: @purpleFocus;\n color: @purpleTextColor;\n text-shadow: @purpleTextShadow;\n}\n.ui.purple.buttons .button:active,\n.ui.purple.button:active {\n background-color: @purpleDown;\n color: @purpleTextColor;\n text-shadow: @purpleTextShadow;\n}\n.ui.purple.buttons .active.button,\n.ui.purple.buttons .active.button:active,\n.ui.purple.active.button,\n.ui.purple.button .active.button:active {\n background-color: @purpleActive;\n color: @purpleTextColor;\n text-shadow: @purpleTextShadow;\n}\n\n/* Basic */\n.ui.basic.purple.buttons .button,\n.ui.basic.purple.button {\n box-shadow: 0px 0px 0px @basicBorderSize @purple inset !important;\n color: @purple !important;\n}\n.ui.basic.purple.buttons .button:hover,\n.ui.basic.purple.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleHover inset !important;\n color: @purpleHover !important;\n}\n.ui.basic.purple.buttons .button:focus,\n.ui.basic.purple.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleFocus inset !important;\n color: @purpleHover !important;\n}\n.ui.basic.purple.buttons .active.button,\n.ui.basic.purple.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleActive inset !important;\n color: @purpleDown !important;\n}\n.ui.basic.purple.buttons .button:active,\n.ui.basic.purple.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important;\n color: @purpleDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.purple.buttons .button,\n.ui.inverted.purple.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important;\n color: @lightPurple;\n}\n.ui.inverted.purple.buttons .button:hover,\n.ui.inverted.purple.button:hover,\n.ui.inverted.purple.buttons .button:focus,\n.ui.inverted.purple.button:focus,\n.ui.inverted.purple.buttons .button.active,\n.ui.inverted.purple.button.active,\n.ui.inverted.purple.buttons .button:active,\n.ui.inverted.purple.button:active {\n box-shadow: none !important;\n color: @lightPurpleTextColor;\n}\n.ui.inverted.purple.buttons .button:hover,\n.ui.inverted.purple.button:hover {\n background-color: @lightPurpleHover;\n}\n.ui.inverted.purple.buttons .button:focus,\n.ui.inverted.purple.button:focus {\n background-color: @lightPurpleFocus;\n}\n.ui.inverted.purple.buttons .active.button,\n.ui.inverted.purple.active.button {\n background-color: @lightPurpleActive;\n}\n.ui.inverted.purple.buttons .button:active,\n.ui.inverted.purple.button:active {\n background-color: @lightPurpleDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.purple.basic.buttons .button,\n.ui.inverted.purple.buttons .basic.button,\n.ui.inverted.purple.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.purple.basic.buttons .button:hover,\n.ui.inverted.purple.buttons .basic.button:hover,\n.ui.inverted.purple.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleHover inset !important;\n color: @lightPurple !important;\n}\n.ui.inverted.purple.basic.buttons .button:focus,\n.ui.inverted.purple.basic.buttons .button:focus,\n.ui.inverted.purple.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleFocus inset !important;\n color: @lightPurple !important;\n}\n.ui.inverted.purple.basic.buttons .active.button,\n.ui.inverted.purple.buttons .basic.active.button,\n.ui.inverted.purple.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleActive inset !important;\n color: @lightPurple !important;\n}\n.ui.inverted.purple.basic.buttons .button:active,\n.ui.inverted.purple.buttons .basic.button:active,\n.ui.inverted.purple.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleDown inset !important;\n color: @lightPurple !important;\n}\n\n/*--- Red ---*/\n.ui.red.buttons .button,\n.ui.red.button {\n background-color: @red;\n color: @redTextColor;\n text-shadow: @redTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.red.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.red.buttons .button:hover,\n.ui.red.button:hover {\n background-color: @redHover;\n color: @redTextColor;\n text-shadow: @redTextShadow;\n}\n.ui.red.buttons .button:focus,\n.ui.red.button:focus {\n background-color: @redFocus;\n color: @redTextColor;\n text-shadow: @redTextShadow;\n}\n.ui.red.buttons .button:active,\n.ui.red.button:active {\n background-color: @redDown;\n color: @redTextColor;\n text-shadow: @redTextShadow;\n}\n.ui.red.buttons .active.button,\n.ui.red.buttons .active.button:active,\n.ui.red.active.button,\n.ui.red.button .active.button:active {\n background-color: @redActive;\n color: @redTextColor;\n text-shadow: @redTextShadow;\n}\n\n/* Basic */\n.ui.basic.red.buttons .button,\n.ui.basic.red.button {\n box-shadow: 0px 0px 0px @basicBorderSize @red inset !important;\n color: @red !important;\n}\n.ui.basic.red.buttons .button:hover,\n.ui.basic.red.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @redHover inset !important;\n color: @redHover !important;\n}\n.ui.basic.red.buttons .button:focus,\n.ui.basic.red.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @redFocus inset !important;\n color: @redHover !important;\n}\n.ui.basic.red.buttons .active.button,\n.ui.basic.red.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @redActive inset !important;\n color: @redDown !important;\n}\n.ui.basic.red.buttons .button:active,\n.ui.basic.red.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important;\n color: @redDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.red.buttons .button,\n.ui.inverted.red.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important;\n color: @lightRed;\n}\n.ui.inverted.red.buttons .button:hover,\n.ui.inverted.red.button:hover,\n.ui.inverted.red.buttons .button:focus,\n.ui.inverted.red.button:focus,\n.ui.inverted.red.buttons .button.active,\n.ui.inverted.red.button.active,\n.ui.inverted.red.buttons .button:active,\n.ui.inverted.red.button:active {\n box-shadow: none !important;\n color: @lightRedTextColor;\n}\n.ui.inverted.red.buttons .button:hover,\n.ui.inverted.red.button:hover {\n background-color: @lightRedHover;\n}\n.ui.inverted.red.buttons .button:focus,\n.ui.inverted.red.button:focus {\n background-color: @lightRedFocus;\n}\n.ui.inverted.red.buttons .active.button,\n.ui.inverted.red.active.button {\n background-color: @lightRedActive;\n}\n.ui.inverted.red.buttons .button:active,\n.ui.inverted.red.button:active {\n background-color: @lightRedDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.red.basic.buttons .button,\n.ui.inverted.red.buttons .basic.button,\n.ui.inverted.red.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.red.basic.buttons .button:hover,\n.ui.inverted.red.buttons .basic.button:hover,\n.ui.inverted.red.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightRedHover inset !important;\n color: @lightRed !important;\n}\n.ui.inverted.red.basic.buttons .button:focus,\n.ui.inverted.red.basic.buttons .button:focus,\n.ui.inverted.red.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightRedFocus inset !important;\n color: @lightRed !important;\n}\n.ui.inverted.red.basic.buttons .active.button,\n.ui.inverted.red.buttons .basic.active.button,\n.ui.inverted.red.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightRedActive inset !important;\n color: @lightRed !important;\n}\n.ui.inverted.red.basic.buttons .button:active,\n.ui.inverted.red.buttons .basic.button:active,\n.ui.inverted.red.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightRedDown inset !important;\n color: @lightRed !important;\n}\n\n\n/*--- Teal ---*/\n.ui.teal.buttons .button,\n.ui.teal.button {\n background-color: @teal;\n color: @tealTextColor;\n text-shadow: @tealTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.teal.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.teal.buttons .button:hover,\n.ui.teal.button:hover {\n background-color: @tealHover;\n color: @tealTextColor;\n text-shadow: @tealTextShadow;\n}\n.ui.teal.buttons .button:focus,\n.ui.teal.button:focus {\n background-color: @tealFocus;\n color: @tealTextColor;\n text-shadow: @tealTextShadow;\n}\n.ui.teal.buttons .button:active,\n.ui.teal.button:active {\n background-color: @tealDown;\n color: @tealTextColor;\n text-shadow: @tealTextShadow;\n}\n.ui.teal.buttons .active.button,\n.ui.teal.buttons .active.button:active,\n.ui.teal.active.button,\n.ui.teal.button .active.button:active {\n background-color: @tealActive;\n color: @tealTextColor;\n text-shadow: @tealTextShadow;\n}\n\n/* Basic */\n.ui.basic.teal.buttons .button,\n.ui.basic.teal.button {\n box-shadow: 0px 0px 0px @basicBorderSize @teal inset !important;\n color: @teal !important;\n}\n.ui.basic.teal.buttons .button:hover,\n.ui.basic.teal.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @tealHover inset !important;\n color: @tealHover !important;\n}\n.ui.basic.teal.buttons .button:focus,\n.ui.basic.teal.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @tealFocus inset !important;\n color: @tealHover !important;\n}\n.ui.basic.teal.buttons .active.button,\n.ui.basic.teal.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @tealActive inset !important;\n color: @tealDown !important;\n}\n.ui.basic.teal.buttons .button:active,\n.ui.basic.teal.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important;\n color: @tealDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.teal.buttons .button,\n.ui.inverted.teal.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important;\n color: @lightTeal;\n}\n.ui.inverted.teal.buttons .button:hover,\n.ui.inverted.teal.button:hover,\n.ui.inverted.teal.buttons .button:focus,\n.ui.inverted.teal.button:focus,\n.ui.inverted.teal.buttons .button.active,\n.ui.inverted.teal.button.active,\n.ui.inverted.teal.buttons .button:active,\n.ui.inverted.teal.button:active {\n box-shadow: none !important;\n color: @lightTealTextColor;\n}\n.ui.inverted.teal.buttons .button:hover,\n.ui.inverted.teal.button:hover {\n background-color: @lightTealHover;\n}\n.ui.inverted.teal.buttons .button:focus,\n.ui.inverted.teal.button:focus {\n background-color: @lightTealFocus;\n}\n.ui.inverted.teal.buttons .active.button,\n.ui.inverted.teal.active.button {\n background-color: @lightTealActive;\n}\n.ui.inverted.teal.buttons .button:active,\n.ui.inverted.teal.button:active {\n background-color: @lightTealDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.teal.basic.buttons .button,\n.ui.inverted.teal.buttons .basic.button,\n.ui.inverted.teal.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.teal.basic.buttons .button:hover,\n.ui.inverted.teal.buttons .basic.button:hover,\n.ui.inverted.teal.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightTealHover inset !important;\n color: @lightTeal !important;\n}\n.ui.inverted.teal.basic.buttons .button:focus,\n.ui.inverted.teal.basic.buttons .button:focus,\n.ui.inverted.teal.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightTealFocus inset !important;\n color: @lightTeal !important;\n}\n.ui.inverted.teal.basic.buttons .active.button,\n.ui.inverted.teal.buttons .basic.active.button,\n.ui.inverted.teal.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightTealActive inset !important;\n color: @lightTeal !important;\n}\n.ui.inverted.teal.basic.buttons .button:active,\n.ui.inverted.teal.buttons .basic.button:active,\n.ui.inverted.teal.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightTealDown inset !important;\n color: @lightTeal !important;\n}\n\n\n/*--- Olive ---*/\n.ui.olive.buttons .button,\n.ui.olive.button {\n background-color: @olive;\n color: @oliveTextColor;\n text-shadow: @oliveTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.olive.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.olive.buttons .button:hover,\n.ui.olive.button:hover {\n background-color: @oliveHover;\n color: @oliveTextColor;\n text-shadow: @oliveTextShadow;\n}\n.ui.olive.buttons .button:focus,\n.ui.olive.button:focus {\n background-color: @oliveFocus;\n color: @oliveTextColor;\n text-shadow: @oliveTextShadow;\n}\n.ui.olive.buttons .button:active,\n.ui.olive.button:active {\n background-color: @oliveDown;\n color: @oliveTextColor;\n text-shadow: @oliveTextShadow;\n}\n.ui.olive.buttons .active.button,\n.ui.olive.buttons .active.button:active,\n.ui.olive.active.button,\n.ui.olive.button .active.button:active {\n background-color: @oliveActive;\n color: @oliveTextColor;\n text-shadow: @oliveTextShadow;\n}\n\n/* Basic */\n.ui.basic.olive.buttons .button,\n.ui.basic.olive.button {\n box-shadow: 0px 0px 0px @basicBorderSize @olive inset !important;\n color: @olive !important;\n}\n.ui.basic.olive.buttons .button:hover,\n.ui.basic.olive.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @oliveHover inset !important;\n color: @oliveHover !important;\n}\n.ui.basic.olive.buttons .button:focus,\n.ui.basic.olive.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @oliveFocus inset !important;\n color: @oliveHover !important;\n}\n.ui.basic.olive.buttons .active.button,\n.ui.basic.olive.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @oliveActive inset !important;\n color: @oliveDown !important;\n}\n.ui.basic.olive.buttons .button:active,\n.ui.basic.olive.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @oliveDown inset !important;\n color: @oliveDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.olive.buttons .button,\n.ui.inverted.olive.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOlive inset !important;\n color: @lightOlive;\n}\n.ui.inverted.olive.buttons .button:hover,\n.ui.inverted.olive.button:hover,\n.ui.inverted.olive.buttons .button:focus,\n.ui.inverted.olive.button:focus,\n.ui.inverted.olive.buttons .button.active,\n.ui.inverted.olive.button.active,\n.ui.inverted.olive.buttons .button:active,\n.ui.inverted.olive.button:active {\n box-shadow: none !important;\n color: @lightOliveTextColor;\n}\n.ui.inverted.olive.buttons .button:hover,\n.ui.inverted.olive.button:hover {\n background-color: @lightOliveHover;\n}\n.ui.inverted.olive.buttons .button:focus,\n.ui.inverted.olive.button:focus {\n background-color: @lightOliveFocus;\n}\n.ui.inverted.olive.buttons .active.button,\n.ui.inverted.olive.active.button {\n background-color: @lightOliveActive;\n}\n.ui.inverted.olive.buttons .button:active,\n.ui.inverted.olive.button:active {\n background-color: @lightOliveDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.olive.basic.buttons .button,\n.ui.inverted.olive.buttons .basic.button,\n.ui.inverted.olive.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.olive.basic.buttons .button:hover,\n.ui.inverted.olive.buttons .basic.button:hover,\n.ui.inverted.olive.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOliveHover inset !important;\n color: @lightOlive !important;\n}\n.ui.inverted.olive.basic.buttons .button:focus,\n.ui.inverted.olive.basic.buttons .button:focus,\n.ui.inverted.olive.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOliveFocus inset !important;\n color: @lightOlive !important;\n}\n.ui.inverted.olive.basic.buttons .active.button,\n.ui.inverted.olive.buttons .basic.active.button,\n.ui.inverted.olive.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOliveActive inset !important;\n color: @lightOlive !important;\n}\n.ui.inverted.olive.basic.buttons .button:active,\n.ui.inverted.olive.buttons .basic.button:active,\n.ui.inverted.olive.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightOliveDown inset !important;\n color: @lightOlive !important;\n}\n\n/*--- Yellow ---*/\n.ui.yellow.buttons .button,\n.ui.yellow.button {\n background-color: @yellow;\n color: @yellowTextColor;\n text-shadow: @yellowTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.yellow.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.yellow.buttons .button:hover,\n.ui.yellow.button:hover {\n background-color: @yellowHover;\n color: @yellowTextColor;\n text-shadow: @yellowTextShadow;\n}\n.ui.yellow.buttons .button:focus,\n.ui.yellow.button:focus {\n background-color: @yellowFocus;\n color: @yellowTextColor;\n text-shadow: @yellowTextShadow;\n}\n.ui.yellow.buttons .button:active,\n.ui.yellow.button:active {\n background-color: @yellowDown;\n color: @yellowTextColor;\n text-shadow: @yellowTextShadow;\n}\n.ui.yellow.buttons .active.button,\n.ui.yellow.buttons .active.button:active,\n.ui.yellow.active.button,\n.ui.yellow.button .active.button:active {\n background-color: @yellowActive;\n color: @yellowTextColor;\n text-shadow: @yellowTextShadow;\n}\n\n/* Basic */\n.ui.basic.yellow.buttons .button,\n.ui.basic.yellow.button {\n box-shadow: 0px 0px 0px @basicBorderSize @yellow inset !important;\n color: @yellow !important;\n}\n.ui.basic.yellow.buttons .button:hover,\n.ui.basic.yellow.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowHover inset !important;\n color: @yellowHover !important;\n}\n.ui.basic.yellow.buttons .button:focus,\n.ui.basic.yellow.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowFocus inset !important;\n color: @yellowHover !important;\n}\n.ui.basic.yellow.buttons .active.button,\n.ui.basic.yellow.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowActive inset !important;\n color: @yellowDown !important;\n}\n.ui.basic.yellow.buttons .button:active,\n.ui.basic.yellow.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important;\n color: @yellowDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/* Inverted */\n.ui.inverted.yellow.buttons .button,\n.ui.inverted.yellow.button {\n background-color: transparent;\n box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important;\n color: @lightYellow;\n}\n.ui.inverted.yellow.buttons .button:hover,\n.ui.inverted.yellow.button:hover,\n.ui.inverted.yellow.buttons .button:focus,\n.ui.inverted.yellow.button:focus,\n.ui.inverted.yellow.buttons .button.active,\n.ui.inverted.yellow.button.active,\n.ui.inverted.yellow.buttons .button:active,\n.ui.inverted.yellow.button:active {\n box-shadow: none !important;\n color: @lightYellowTextColor;\n}\n.ui.inverted.yellow.buttons .button:hover,\n.ui.inverted.yellow.button:hover {\n background-color: @lightYellowHover;\n}\n.ui.inverted.yellow.buttons .button:focus,\n.ui.inverted.yellow.button:focus {\n background-color: @lightYellowFocus;\n}\n.ui.inverted.yellow.buttons .active.button,\n.ui.inverted.yellow.active.button {\n background-color: @lightYellowActive;\n}\n.ui.inverted.yellow.buttons .button:active,\n.ui.inverted.yellow.button:active {\n background-color: @lightYellowDown;\n}\n\n/* Inverted Basic */\n.ui.inverted.yellow.basic.buttons .button,\n.ui.inverted.yellow.buttons .basic.button,\n.ui.inverted.yellow.basic.button {\n background-color: transparent;\n box-shadow: @basicInvertedBoxShadow !important;\n color: @white !important;\n}\n.ui.inverted.yellow.basic.buttons .button:hover,\n.ui.inverted.yellow.buttons .basic.button:hover,\n.ui.inverted.yellow.basic.button:hover {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowHover inset !important;\n color: @lightYellow !important;\n}\n.ui.inverted.yellow.basic.buttons .button:focus,\n.ui.inverted.yellow.basic.buttons .button:focus,\n.ui.inverted.yellow.basic.button:focus {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowFocus inset !important;\n color: @lightYellow !important;\n}\n.ui.inverted.yellow.basic.buttons .active.button,\n.ui.inverted.yellow.buttons .basic.active.button,\n.ui.inverted.yellow.basic.active.button {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowActive inset !important;\n color: @lightYellow !important;\n}\n.ui.inverted.yellow.basic.buttons .button:active,\n.ui.inverted.yellow.buttons .basic.button:active,\n.ui.inverted.yellow.basic.button:active {\n box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowDown inset !important;\n color: @lightYellow !important;\n}\n\n\n/*-------------------\n Primary\n--------------------*/\n\n/*--- Standard ---*/\n.ui.primary.buttons .button,\n.ui.primary.button {\n background-color: @primaryColor;\n color: @primaryTextColor;\n text-shadow: @primaryTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.primary.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.primary.buttons .button:hover,\n.ui.primary.button:hover {\n background-color: @primaryColorHover;\n color: @primaryTextColor;\n text-shadow: @primaryTextShadow;\n}\n.ui.primary.buttons .button:focus,\n.ui.primary.button:focus {\n background-color: @primaryColorFocus;\n color: @primaryTextColor;\n text-shadow: @primaryTextShadow;\n}\n.ui.primary.buttons .button:active,\n.ui.primary.button:active {\n background-color: @primaryColorDown;\n color: @primaryTextColor;\n text-shadow: @primaryTextShadow;\n}\n.ui.primary.buttons .active.button,\n.ui.primary.buttons .active.button:active,\n.ui.primary.active.button,\n.ui.primary.button .active.button:active {\n background-color: @primaryColorActive;\n color: @primaryTextColor;\n text-shadow: @primaryTextShadow;\n}\n\n/* Basic */\n.ui.basic.primary.buttons .button,\n.ui.basic.primary.button {\n box-shadow: 0px 0px 0px @basicBorderSize @primaryColor inset !important;\n color: @primaryColor !important;\n}\n.ui.basic.primary.buttons .button:hover,\n.ui.basic.primary.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorHover inset !important;\n color: @primaryColorHover !important;\n}\n.ui.basic.primary.buttons .button:focus,\n.ui.basic.primary.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorFocus inset !important;\n color: @primaryColorHover !important;\n}\n.ui.basic.primary.buttons .active.button,\n.ui.basic.primary.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorActive inset !important;\n color: @primaryColorDown !important;\n}\n.ui.basic.primary.buttons .button:active,\n.ui.basic.primary.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorDown inset !important;\n color: @primaryColorDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/*-------------------\n Secondary\n--------------------*/\n\n/* Standard */\n.ui.secondary.buttons .button,\n.ui.secondary.button {\n background-color: @secondaryColor;\n color: @secondaryTextColor;\n text-shadow: @secondaryTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.secondary.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.secondary.buttons .button:hover,\n.ui.secondary.button:hover {\n background-color: @secondaryColorHover;\n color: @secondaryTextColor;\n text-shadow: @secondaryTextShadow;\n}\n.ui.secondary.buttons .button:focus,\n.ui.secondary.button:focus {\n background-color: @secondaryColorFocus;\n color: @secondaryTextColor;\n text-shadow: @secondaryTextShadow;\n}\n.ui.secondary.buttons .button:active,\n.ui.secondary.button:active {\n background-color: @secondaryColorDown;\n color: @secondaryTextColor;\n text-shadow: @secondaryTextShadow;\n}\n.ui.secondary.buttons .active.button,\n.ui.secondary.buttons .active.button:active,\n.ui.secondary.active.button,\n.ui.secondary.button .active.button:active {\n background-color: @secondaryColorActive;\n color: @secondaryTextColor;\n text-shadow: @secondaryTextShadow;\n}\n\n/* Basic */\n.ui.basic.secondary.buttons .button,\n.ui.basic.secondary.button {\n box-shadow: 0px 0px 0px @basicBorderSize @secondaryColor inset !important;\n color: @secondaryColor !important;\n}\n.ui.basic.secondary.buttons .button:hover,\n.ui.basic.secondary.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorHover inset !important;\n color: @secondaryColorHover !important;\n}\n.ui.basic.secondary.buttons .button:focus,\n.ui.basic.secondary.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorFocus inset !important;\n color: @secondaryColorHover !important;\n}\n.ui.basic.secondary.buttons .active.button,\n.ui.basic.secondary.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorActive inset !important;\n color: @secondaryColorDown !important;\n}\n.ui.basic.secondary.buttons .button:active,\n.ui.basic.secondary.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorDown inset !important;\n color: @secondaryColorDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/*---------------\n Positive\n----------------*/\n\n/* Standard */\n.ui.positive.buttons .button,\n.ui.positive.button {\n background-color: @positiveColor;\n color: @positiveTextColor;\n text-shadow: @positiveTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.positive.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.positive.buttons .button:hover,\n.ui.positive.button:hover {\n background-color: @positiveColorHover;\n color: @positiveTextColor;\n text-shadow: @positiveTextShadow;\n}\n.ui.positive.buttons .button:focus,\n.ui.positive.button:focus {\n background-color: @positiveColorFocus;\n color: @positiveTextColor;\n text-shadow: @positiveTextShadow;\n}\n.ui.positive.buttons .button:active,\n.ui.positive.button:active {\n background-color: @positiveColorDown;\n color: @positiveTextColor;\n text-shadow: @positiveTextShadow;\n}\n.ui.positive.buttons .active.button,\n.ui.positive.buttons .active.button:active,\n.ui.positive.active.button,\n.ui.positive.button .active.button:active {\n background-color: @positiveColorActive;\n color: @positiveTextColor;\n text-shadow: @positiveTextShadow;\n}\n\n/* Basic */\n.ui.basic.positive.buttons .button,\n.ui.basic.positive.button {\n box-shadow: 0px 0px 0px @basicBorderSize @positiveColor inset !important;\n color: @positiveColor !important;\n}\n.ui.basic.positive.buttons .button:hover,\n.ui.basic.positive.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorHover inset !important;\n color: @positiveColorHover !important;\n}\n.ui.basic.positive.buttons .button:focus,\n.ui.basic.positive.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorFocus inset !important;\n color: @positiveColorHover !important;\n}\n.ui.basic.positive.buttons .active.button,\n.ui.basic.positive.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorActive inset !important;\n color: @positiveColorDown !important;\n}\n.ui.basic.positive.buttons .button:active,\n.ui.basic.positive.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorDown inset !important;\n color: @positiveColorDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/*---------------\n Negative\n----------------*/\n\n/* Standard */\n.ui.negative.buttons .button,\n.ui.negative.button {\n background-color: @negativeColor;\n color: @negativeTextColor;\n text-shadow: @negativeTextShadow;\n background-image: @coloredBackgroundImage;\n}\n.ui.negative.button {\n box-shadow: @coloredBoxShadow;\n}\n.ui.negative.buttons .button:hover,\n.ui.negative.button:hover {\n background-color: @negativeColorHover;\n color: @negativeTextColor;\n text-shadow: @negativeTextShadow;\n}\n.ui.negative.buttons .button:focus,\n.ui.negative.button:focus {\n background-color: @negativeColorFocus;\n color: @negativeTextColor;\n text-shadow: @negativeTextShadow;\n}\n.ui.negative.buttons .button:active,\n.ui.negative.button:active {\n background-color: @negativeColorDown;\n color: @negativeTextColor;\n text-shadow: @negativeTextShadow;\n}\n.ui.negative.buttons .active.button,\n.ui.negative.buttons .active.button:active,\n.ui.negative.active.button,\n.ui.negative.button .active.button:active {\n background-color: @negativeColorActive;\n color: @negativeTextColor;\n text-shadow: @negativeTextShadow;\n}\n\n/* Basic */\n.ui.basic.negative.buttons .button,\n.ui.basic.negative.button {\n box-shadow: 0px 0px 0px @basicBorderSize @negativeColor inset !important;\n color: @negativeColor !important;\n}\n.ui.basic.negative.buttons .button:hover,\n.ui.basic.negative.button:hover {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorHover inset !important;\n color: @negativeColorHover !important;\n}\n.ui.basic.negative.buttons .button:focus,\n.ui.basic.negative.button:focus {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorFocus inset !important;\n color: @negativeColorHover !important;\n}\n.ui.basic.negative.buttons .active.button,\n.ui.basic.negative.active.button {\n background: transparent !important;\n box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorActive inset !important;\n color: @negativeColorDown !important;\n}\n.ui.basic.negative.buttons .button:active,\n.ui.basic.negative.button:active {\n box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorDown inset !important;\n color: @negativeColorDown !important;\n}\n.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {\n margin-left: -@basicColoredBorderSize;\n}\n\n/*******************************\n Groups\n*******************************/\n\n.ui.buttons {\n display: inline-flex;\n flex-direction: row;\n font-size: 0em;\n vertical-align: baseline;\n margin: @verticalMargin @horizontalMargin 0em 0em;\n}\n.ui.buttons:not(.basic):not(.inverted) {\n box-shadow: @groupBoxShadow;\n}\n\n/* Clearfix */\n.ui.buttons:after {\n content: \".\";\n display: block;\n height: 0;\n clear: both;\n visibility: hidden;\n}\n\n/* Standard Group */\n.ui.buttons .button {\n flex: 1 0 auto;\n margin: 0em;\n border-radius: 0em;\n margin: @groupButtonOffset;\n}\n.ui.buttons > .ui.button:not(.basic):not(.inverted),\n.ui.buttons:not(.basic):not(.inverted) > .button {\n box-shadow: @groupButtonBoxShadow;\n}\n\n.ui.buttons .button:first-child {\n border-left: none;\n margin-left: 0em;\n border-top-left-radius: @borderRadius;\n border-bottom-left-radius: @borderRadius;\n}\n.ui.buttons .button:last-child {\n border-top-right-radius: @borderRadius;\n border-bottom-right-radius: @borderRadius;\n}\n\n/* Vertical Style */\n.ui.vertical.buttons {\n display: inline-flex;\n flex-direction: column;\n}\n.ui.vertical.buttons .button {\n display: block;\n float: none;\n width: 100%;\n margin: @verticalGroupOffset;\n box-shadow: @verticalBoxShadow;\n border-radius: 0em;\n}\n.ui.vertical.buttons .button:first-child {\n border-top-left-radius: @borderRadius;\n border-top-right-radius: @borderRadius;\n}\n.ui.vertical.buttons .button:last-child {\n margin-bottom: 0px;\n border-bottom-left-radius: @borderRadius;\n border-bottom-right-radius: @borderRadius;\n}\n.ui.vertical.buttons .button:only-child {\n border-radius: @borderRadius;\n}\n\n.loadUIOverrides();\n\n"]}
|