{"version":3,"sources":["webpack://src/index.css","webpack://src/reset.css","webpack://src/style.css"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCZA,wjBAoBC,QAAS,CACT,SAAU,CACV,QAAS,CACT,cAAe,CACf,YAAa,CACb,uBACD,CAEA,8EAEC,aACD,CACA,KACC,aACD,CACA,MACC,eACD,CACA,aACC,WACD,CACA,oDAEC,UAAW,CACX,YACD,CACA,MACC,wBAED,CCjDA,EACC,QAAS,CACT,QAAS,CACT,SAAU,CACV,qBAAsB,CACtB,SACD,CACA,WACE,iBAAkB,CAClB,qDACF,CACA,WACE,kBAAmB,CACnB,qDACF,CACA,WACE,kBAAmB,CACnB,qDACF,CACA,WACE,kBAAmB,CACnB,qDACF,CACA,WACC,6BAA8B,CAC9B,+DACC,CAKF,6BAHC,UAAY,CACZ,oBAMD,CAJA,iBAGC,sCACD,CACA,GACC,2CACD,CACA,IACC,qBACD,CACA,KACI,2FAA8F,CACjG,wBAAyB,CACtB,2BAA4B,CAC5B,uBAA2B,CAC9B,2BAA4B,CAC5B,qBAAsB,CACtB,UAAY,CACT,gCAAiC,CACpC,cAAe,CACf,eAAmB,CACnB,iBAAkB,CAClB,uHACD,CACA,MACI,gBACJ,CACA,SACC,kBACD,CACA,GACC,oBAAqB,CACrB,uBAAuB,CAAvB,sBACD,CACA,GACC,iBACD,CACA,QACC,gCAAkC,CAClC,eAAgB,CAChB,YAAa,CACb,eAAgB,CAChB,UACD,CACA,UAEC,UAAW,CACX,oBACD,CACA,gBACC,4EAAgF,CAChF,oBACD,CACA,MACC,kBAAmB,CACnB,iBAAkB,CAClB,cACD,CACA,WACC,cAAc,CACd,wBACD,CACA,UACC,WACD,CACA,0DACA,gBACC,YACD,CACA,CACA,oCACA,gBACC,YACD,CACA,CACA,cACC,YAAa,CACb,0DAA2D,CAC3D,8BAAuB,CAAvB,sBAAuB,CACvB,aAAS,CAAT,QAAS,CACT,aACD,CAEA,KAEC,UAAW,CACX,2BAA4B,CAC5B,mCAAwC,CACxC,eAAkB,CAClB,eAAgB,CAChB,mBAAmB,CACnB,kCAA2B,CAA3B,0BACD,CACA,WACA,cAAe,CACf,eAAmB,CACnB,aAAc,CACd,UAEA,CACA,mBAFA,2CAOA,CALA,QAEC,2BAA4B,CAC5B,0BAED,CACA,mBACC,eACD,CACA,QACC,aAAc,CACd,kBACD,CACA,oBACC,aACD,CACA,mBACC,gBACD,CACA,UACC,YAAa,CACb,iDAGD,CACA,sBAHC,aAAc,CACd,UAMD,CAJA,YACC,qBAGD,CACA,WAEC,mCAAoC,CAEpC,iGAIc,CACd,kBAAmB,CACnB,aACD,CACA,sBAXC,YAAa,CAEb,+BAAwB,CAAxB,uBAyBD,CAhBA,WACC,gCAAiC,CACjC,iBAAkB,CAClB,iBAAkB,CAElB,mCAAqC,CAErC,+NASD,CACA,8BACC,2CAA8C,CAC9C,gBAAiB,CACjB,iBACD,CACA,wCACC,aACD,CACA,aACC,sCAA2C,CAI3C,eAAgB,CAChB,oBAAa,CAAb,YAAa,CACb,4BAAqB,CAArB,oBAAqB,CACrB,qCAA8B,CAA9B,6BAED,CACA,6BATC,UAAY,CACZ,eAAmB,CACnB,cAaD,CANA,gBAIC,iBAAkB,CAClB,qBACD,CACA,uBACC,6BAA8B,CAC9B,gBAAiB,CACjB,iBACD,CACA,QACC,UAAY,CACZ,eAAmB,CACnB,cAAe,CACf,kBAAwB,CACxB,eACD,CACA,YACC,gBAAiB,CACjB,kBACD,CAIA,IACC,UAAY,CACZ,gBACD,CACA,SACC,mCAAqC,CACrC,WACD,CACA,eACC,4EACD,CAEA,WACC,aAAc,CACd,SACD,CACA,sBACC,kBACD,CACA,cACC,YACD,CACA,oBACC,4EACD,CACA,iBACC,UACD,CACA,oBACC,UAAW,CACX,iBACD,CACA,0BACC,sBACD,CACA,OACC,mBAED,CAEA,cACC,kBAAwB,CACxB,oBAAa,CAAb,YAAa,CACb,8BAAuB,CAAvB,sBAAuB,CACvB,0BAAmB,CAAnB,kBAAmB,CACnB,kBAED,CACA,yBACC,oCAAwC,CACxC,wBAAyB,CACzB,YACD,CACA,8BACC,iBAAkB,CAClB,aAAqB,CACrB,cAAe,CACZ,iCACJ,CACA,6BACC,WAAY,CACZ,UAAW,CACX,kBAAmB,CACnB,wCAA8D,CAC9D,iBACD,CACA,kBACC,iBAAkB,CAClB,gBAAS,CAAT,QACD,CACA,8BACC,kBACD,CACA,4BACC,sCACD,CACA,iBACC,aAAc,CACd,cAAe,CACf,eAAmB,CACnB,kBACD,CACA,cACC,oBAAa,CAAb,YAAa,CACb,8BAAuB,CAAvB,sBAAuB,CACvB,0BAAmB,CAAnB,kBAAmB,CAGnB,oBAAqB,CACrB,eAHD,CAKA,WACC,qBAAc,CAAd,aACD,CACA,cACC,oCAAwC,CACxC,UAAY,CACZ,mBAAoB,CACpB,qBAA2B,CAC3B,wBACD,CACA,oBACC,4EAAgF,CAChF,yBACD,CACA,iBACC,iBAAkB,CAClB,cACD,CACA,SACC,WACD,CACA,cAGC,iBAAkB,CAClB,WAAY,CACZ,kCAAoC,CAGpC,WAAY,CAEZ,iBAAkB,CAClB,kBAAmB,CACnB,QACD,CACA,wBAbC,UAAY,CACZ,cAAc,CAId,eAeD,CAPA,UACC,iBAAkB,CAClB,cAAe,CACf,qBAID,CAEA,qBACC,eACD,CACA,oBACC,kBACD,CACA,IACC,qBAAc,CAAd,aAAc,CACd,oBAAqB,CACrB,eACD,CACA,OACC,iBAAuB,CACvB,WACD,CACA,YACC,UACD,CACA,UACC,aACD,CACA,aACC,qCAAwC,CACxC,UAAY,CACZ,cAAiB,CACjB,YAAa,CACV,2BAA4B,CAC5B,0BAA8B,CACjC,6BACD,CACA,YACC,mjBAAkD,CAClD,gBAAiB,CACjB,qBACD,CACA,SACC,cACD,CAEA,mBACC,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CACvB,kBACD,CACA,YACC,cAAe,CACf,gBACD,CACA,eACC,UACD,CACA,cACI,+fAGJ,CACA,2BAHC,gBAAiB,CACjB,qBAMD,CAJA,aACI,uuPAGJ,CACA,WACI,mfAGJ,CACA,wBAHC,gBAAiB,CACjB,qBAMD,CAJA,aACI,+5QAGJ,CACA,SACC,wCAA8D,CAE9D,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,sBAAuB,CACvB,qBACD,CACA,aACC,YAAa,CACb,kEAAmE,CACnE,gCAAiC,CACjC,iGAID,CACA,gBACC,aACD,CACA,oBACC,wCAA8D,CAE9D,UAAW,CACX,sBAAuB,CACvB,qBACD,CACA,iBACC,cAAe,CACf,gCAAiC,CACjC,kBAAmB,CACnB,aAAc,CACd,iBAAsB,CACtB,kBACD,CACA,mBACC,gBACD,CACA,uBACC,UAAW,CACX,oBAAqB,CACrB,aACD,CACA,4BACC,kBACD,CACA,qBACC,kBAAmB,CACnB,gBAAiB,CACjB,kBACD,CACA,sCACC,sCAAwC,CACxC,cACD,CACA,uCACC,gCACD,CACA,uCACC,sCAAwC,CACxC,cACD,CACA,0BACC,oBAAoB,CACpB,gBAAiB,CACjB,iBAAkB,CAClB,gBACD,CACA,MACI,wXACJ,CACA,QACC,qDAAuE,CACvE,8BAED,CACA,MACI,oZACJ,CACA,QACC,qDAAuE,CACvE,8BACD,CACA,MACI,oZACJ,CACA,QACC,qDAAuE,CACvE,8BACD,CACA,MACI,wZACJ,CACA,QACC,qDAAsE,CACtE,8BACD,CACA,kBACI,2BAA4B,CAC5B,qBACJ,CACA,YACC,+tBAA+C,CAC/C,gBAAiB,CACjB,qBACD,CACA,MACC,aACD,CACA,aACC,2mBAAkD,CAClD,gBAAiB,CACjB,qBACD,CACA,KACC,UACD,CACA,YACC,uyBAAqD,CACrD,gBAAiB,CACjB,qBACD,CACA,OACC,UACD,CACA,mBAEC,iBAAkB,CAClB,iBAAkB,CAClB,mBAAoB,CACpB,WACD,CAMA,sCACC,sCAAwC,CACxC,sCACD,CACA,SACC,cAAe,CACf,aAAqB,CACrB,oBAAa,CAAb,YAAa,CACb,4BAAqB,CAArB,oBAAqB,CACrB,kCAA2B,CAA3B,0BACD,CACA,YACC,sCAA0C,CAC1C,UAAY,CACZ,oBAAqB,CACrB,mBAAoB,CACpB,WAAY,CACZ,iBAAkB,CAClB,uBAAgB,CAAhB,eAAgB,CAChB,kBAAmB,CACnB,wBACD,CACA,aACC,qBACD,CACA,kBACC,eACD,CACA,oBACC,6CAAmD,CACnD,gCACD,CACA,2BACC,eAAgB,CAChB,iBACD,CACA,0BACC,4EAAgF,CAChF,yBACD,CACA,UACC,kDAAmD,CACnD,+BACD,CACA,kBACC,4EAAgF,CAChF,eAAgB,CAChB,kBAAmB,CACnB,yBACD,CACA,kBACC,kDAAmD,CACnD,yBACD,CACA,SACC,8BAAuB,CAAvB,sBAAuB,CACvB,oBAAa,CAAb,YAAa,CACb,4BAAqB,CAArB,oBAAqB,CACrB,kBAAwB,CACxB,aACD,CACA,4BACC,sBAAe,CAAf,cAAe,CACf,iBACD,CACA,MACC,wBAAyB,CACzB,UAAY,CACZ,0BAA2B,CAC3B,cAAe,CACf,WAAY,CACZ,aAAc,CACd,uHACD,CACA,YACC,yBACD,CACA,OACC,oCAAuC,CACvC,UAAY,CACT,0BAA2B,CAC9B,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,uHACD,CACA,qCACC,UACD,CACA,OACC,qBACD,CACA,SACC,mBAAwB,CACxB,UACD,CACA,eACC,wBAAmC,CACnC,qBACD,CACA,eACI,gBAAiB,CACpB,aACD,CACA,MACC,UACD,CAEA,oCACC,SAAU,CACV,UACD,CAEA,0CACE,8BACF,CAGA,0CACC,qCACD,CACA,2CACC,oCAAuC,CACvC,UAAU,CACV,SACD,CACA,2CACC,4BACD,CASA,wBACC,WAAY,CACZ,WACD,CACA,mBACC,eAAgB,CAChB,kBACD,CACA,eAIC,yBAAqC,CACrC,eAAgB,CAChB,iBAAkB,CAClB,WAAY,CACZ,SACD,CACA,UACC,iBACD,CACA,aACC,qCAAwC,CACxC,UAAY,CACZ,cAAiB,CACjB,YAAa,CACV,2BAA4B,CAC5B,wBAAiC,CACpC,6BAA8B,CAC9B,gBACD,CACA,2CACC,gBACD,CACA,sBACC,+gCACD,CACA,qBACC,u/BACD,CACA,iBACC,qBAAsB,CACtB,gBACD,CACA,cAEC,QAAS,CACT,eAAgB,CAChB,eAAgB,CAChB,yBACD,CACA,uDACC,8GACD,CACA,oBACC,eAAgB,CAChB,iBAAkB,CAClB,sBAAuB,CACvB,WAAY,CACZ,6BAA8B,CAC9B,WACD,CAOA,eACC,YAAa,CACb,qCAAuC,CACvC,2IAOD,CACA,mBACC,qCAAwC,CACxC,UAAY,CACZ,WAAY,CACZ,iBAAkB,CAClB,YAAa,CACb,iBAAkB,CAClB,oBACD,CAIA,+BACC,mCACD,CACA,yBACC,sCAAwC,CACxC,sCACD,CACA,yEACC,sCAAwC,CACxC,mCACD,CACA,gBACC,mCACD,CACA,qFACC,WACD,CACA,WACC,aAAc,CACd,cACD,CACA,gBACC,aAAc,CACd,gBACD,CACA,gCACC,UACD,CACA,+BACC,aACD,CACA,oBAIC,oiCAOD,CACA,sCAXC,iBAAkB,CAClB,WAAY,CACZ,WAAY,CAEZ,2BAA4B,CAC5B,uBAA2B,CAC3B,SAAU,CACV,SAAU,CACV,aAAc,CACd,UAaD,CAXA,kBAIC,g6BAOD,CACA,WACC,mCAAqC,CACrC,aAAc,CACd,YAAa,CACb,WAAY,CACZ,eACD,CACA,cACA,iBAAiB,CACjB,YAAa,CACb,mCAAqC,CACrC,WAAY,CACZ,YAAa,CACb,MAAO,CACP,KAAM,CACN,wBACA,CACA,yBACC,sEAA0D,CAC1D,2BACD,CACA,iBACC,qBACD,CACA,kBACC,wBACD,CACA,aACC,kCAAoC,CAEpC,kBAAwB,CACxB,mBAAsB,CACtB,UAAY,CACZ,cAAe,CACf,YAAa,CACb,4CAA6C,CAC7C,8BAAuB,CAAvB,sBAAuB,CACvB,aAAS,CAAT,QACD,CACA,0CAVC,iBAYD,CACA,sBACC,oBAAqB,CACrB,WAAsB,CACtB,iBACD,CACA,cACC,8BAAuB,CAAvB,sBAAuB,CACvB,oBAAa,CAAb,YAAa,CACb,0BAAmB,CAAnB,kBACD,CACA,mBACC,qBAAc,CAAd,aAAc,CACd,sCAAwC,CACxC,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,UAAY,CACZ,cAAe,CACf,iBAAsB,CACtB,eACD,CAIA,eACC,+BAAgC,CAEhC,yBACD,CAIA,uDANC,wBAoBD,CAdA,mBACC,iBAAkB,CAClB,MAAO,CACP,gBAAiB,CACjB,wBAAyB,CACzB,UAAY,CAEZ,0BAA2B,CAC3B,cAAe,CAEf,sBAA0B,CAC1B,aAAc,CACd,uHAA+H,CAC/H,UACD,CACA,WAEC,oBAAqB,CACrB,UACD,CACA,iBACC,+BAAgC,CAChC,wBAAyB,CACzB,yBACD,CACA,OACC,oBAAa,CAAb,YAAa,CACb,sBAAe,CAAf,cACD,CACA,QACC,SAAS,CACT,iBAAkB,CAClB,oCAAuC,CACvC,eAAgB,CAChB,eAAgB,CAChB,YAAa,CACb,6EACD,CACA,cACC,UAAU,CACV,UAAU,CACV,cAAc,CACd,aAAa,CACb,kCAAmC,CACnC,aACD,CACA,OACC,aAAuB,CACvB,qBAAuB,CACvB,qBAAqB,CACrB,UAAW,CACP,0BAA2B,CAC/B,cAAe,CACf,eAAmB,CACnB,iBAAkB,CACd,kCAAmC,CACvC,2EACD,CACA,kBACC,aACD,CACA,wBACC,mCACD,CACA,OACC,qBAAuB,CACvB,kBACD,CACA,eACC,WACD,CACA,gDAEE,eACF,CACA,cAWC,6CACD,CACA,kCAZI,cAAe,CACf,KAAM,CACN,MAAO,CACP,OAAQ,CACR,QAAS,CACT,yDAA4D,CAC/D,YAAa,CACb,qBAAsB,CACtB,0BAAmB,CAAnB,kBAAmB,CACnB,0EAeD,CAZA,oBAWC,0DACD,CACA,2BACC,oBAAuB,CACvB,UAAW,CACX,kBAAmB,CAChB,sDACJ,CACA,mCACC,4BACD,CACA,yBACC,cAAe,CACf,iBAAkB,CAClB,WACD,CACA,qCACC,SACD,CACA,uCACC,qBAAsB,CACtB,iBACD,CACA,mBACC,mlEACD,CACA,oBACC,uzFACD,CACA,OACC,aAAc,CACd,UACD,CACA,UAEC,eAID,CACA,+BANC,6BAAuB,CAAvB,qBAAuB,CAEvB,aAAc,CACd,6EAAmF,CACnF,yBAQD,CANA,qBAEC,WAID,CACA,0BACC,GAAI,SAAS,CAAC,kBAAmB,CACjC,GAAM,SAAS,CAAC,eAAgB,CAC/B,CAHF,kBACC,GAAI,SAAS,CAAC,kBAAmB,CACjC,GAAM,SAAS,CAAC,eAAgB,CAC/B,CACA,UACD,6BAAuB,CAAvB,qBAAuB,CACvB,6EAAmF,CACnF,yBAAqC,CACrC,iBACD,CACA,cACC,WAAY,CACX,wCACF,CACA,gBACC,cAAe,CACf,WAAY,CACZ,UAAW,CACX,4BAED,CACA,sBACA,mBACA,CACA,SACC,6BAAuB,CAAvB,qBAAuB,CACvB,eAAgB,CAChB,aAAc,CACd,6EAAmF,CACnF,yBAAqC,CACrC,iBACD,CACA,YACC,cAAe,CACf,eAAmB,CACnB,2CAA8C,CAC9C,kBAAmB,CACnB,gBACD,CACA,mBACI,mfAAiD,CACpD,gBAAiB,CACjB,qBACD,CACA,aACC,wCAA0C,CAC1C,kBAAmB,CACnB,aACD,CACA,eACC,WACD,CACA,WACC,YAAa,CACb,kBACD,CACA,sGACC,8GACD,CACA,wBACC,eAAgB,CAChB,iBAAkB,CAClB,mBAAoB,CACpB,WAAY,CACZ,6BACD,CACA,SACC,YACD,CACA,eACC,aAED,CACA,iCAFC,wBAID,CACA,kBACC,WAAW,CACX,aACD,CACA,wBACC,aAAqB,CACrB,wBACD,CACA,aACC,wBACD,CACA,YACC,wBAAmC,CAChC,uDAA8D,CAC9D,wBAAyB,CACzB,mDAA4C,CAA5C,2CACJ,CAEA,kCACI,GACI,0BACJ,CACA,GACI,0BACJ,CACJ,CAPA,0BACI,GACI,0BACJ,CACA,GACI,0BACJ,CACJ,CAEA,cACC,UAAU,CACV,WACD,CACA,oBACC,aAAqB,CACrB,wBACD,CAIA,WACI,cAAe,CACf,KAAM,CACN,MAAO,CACP,OAAQ,CACR,QAAS,CACZ,YAAa,CACb,qBAAsB,CACtB,2BAAoB,CAApB,mBAAoB,CACpB,+BAAgC,CAChC,wEAAmE,CAAnE,gEAAmE,CACnE,qEAGe,CACf,aAAS,CAAT,QAAS,CACT,eAAe,CACf,aACD,CACA,aACC,iBAAkB,CAClB,cAAe,CACf,iBACD,CACA,iBACC,iBACD,CACA,mBACC,iBAAkB,CAClB,mBAAoB,CACpB,WAAY,CACZ,QAAS,CACT,WACD,CACA,gBACC,eAAgB,CAChB,iBAAkB,CAClB,sBAAuB,CACvB,WAAY,CACZ,UAAW,CACX,WACD,CACA,cACC,8BAA+B,CAC/B,aACD,CACA,aACC,qBAAuB,CACvB,eAAgB,CAChB,UACD,CACA,cACC,kBAAmB,CAEnB,oBAAqB,CACrB,iBAAkB,CAClB,wBAAyB,CACzB,4BAA6B,CAC7B,QAAS,CACT,SAAU,CAEV,0BAA2B,CAC3B,wBAAyB,CAGzB,oBAAqB,CACrB,gBAAiB,CAEjB,yCAA0C,CAC1C,uCACC,CAEA,gCACD,QAAS,CACT,kBAAmB,CACnB,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,SAAU,CACV,iBAAkB,CAClB,SACC,CAEA,wBACD,kBAAmB,CACnB,UAAY,CAEZ,uBACC,CAEA,oBACD,UAAW,CACX,WAAY,CACZ,SAAU,CACV,kBAAmB,CACnB,wBAAyB,CAGzB,uBACC,CAEA,qEACD,qBACC,CAEA,2CACD,wBACC,CAEA,8EACD,wBACC,CAEA,0BACD,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAQ,CACR,QAAW,CACX,eAAgB,CAChB,kBAAmB,CACnB,aAAc,CACd,QAAS,CACT,SAAU,CAGV,4BACC,CASA,uEAND,SAAU,CAGV,4BAiBC,CAdA,sBACD,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,KAAQ,CACR,QAAW,CACX,eAAgB,CAChB,kBAAmB,CACnB,aAAc,CACd,UAKC,CAEA,6CACD,SACC,CAEA,oBACD,gDAAuD,CACvD,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,UAAW,CACX,WAAY,CACZ,wBAAyB,CACzB,iBAAkB,CAClB,wBAAyB,CAIzB,qBAAsB,CAItB,wBACC,CAEA,2CACD,SAAU,CACV,oBACC,CAEA,yCAGD,8BACC,CAEA,sEAGD,8BACC,CAIA,8GACD,qBACC,CACF,QACC,WACD,CACA,cACC,UAAU,CACV,WAAW,CACX,iBAAiB,CACjB,iBAAiB,CACjB,QACD,CACA,iBACC,YAAa,CACb,0EAGiB,CACjB,+BAAgC,CAChC,uBAAwB,CACxB,kBAAwB,CACxB,mBACD,CACA,iBACC,wBAAkC,CAClC,cACD,CACA,uBACC,oBACD,CACA,oBACC,iBACD,CACA,eACC,mBACD,CACA,YACC,gBACD,CACA,qBACC,wCAA8D,CAG9D,WAAY,CACZ,sBAAuB,CACvB,qBACD,CACA,WACC,eACD,CACA,iBACC,iBACD,CACA,WACC,SAAS,CACT,eACD,CACA,UACC,cACD,CACA,GACA,eACA,CACA,MACC,qBACD,CACA,UACC,eAAgB,CAChB,kBACD,CACA,aACC,yBACD,CACA,OACC,WACD,CACA,aACC,SACD,CACA,cACC,6BAA8B,CAC9B,yBACD,CACA,aACC,aAAuB,CACvB,UAAU,CACV,WACD,CACA,mBACC,aAAuB,CACvB,oBACD","file":"main.223e7b8c.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","the file to use and tweak as fits you best. If you're more of the copy-and-paste type, or just want an in-page preview of what you'll be getting, here it is.\n\n/* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed, \nfigure, figcaption, footer, header, hgroup, \nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section {\n\tdisplay: block;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}","* {\r\n\tborder: 0;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tbox-sizing: border-box;\r\n\toutline: 0;\r\n}\r\n@font-face {\r\n font-family: \"ngs\";\r\n src: url(\"./fonts/4.woff\") format(\"woff\");\r\n}\r\n@font-face {\r\n font-family: \"ngs2\";\r\n src: url(\"./fonts/3.woff\") format(\"woff\");\r\n}\r\n@font-face {\r\n font-family: \"ngs3\";\r\n src: url(\"./fonts/2.woff\") format(\"woff\");\r\n}\r\n@font-face {\r\n font-family: \"ngs4\";\r\n src: url(\"./fonts/1.woff\") format(\"woff\");\r\n}\r\n@font-face {\r\n\tfont-family: \"Segoe UI Symbol\";\r\n\tsrc: url(\"./fonts/seguisym.ttf\") format(\"truetype\");\r\n }\r\na, a:visited {\r\n\tcolor: white;\r\n\ttext-decoration: none;\r\n}\r\na:hover, a:active {\r\n\tcolor: white;\r\n\ttext-decoration: none;\r\n\tbackground-color: rgba(113,169,189,0.33);\r\n}\r\nhr {\r\n\tborder-bottom: 1px solid rgba(128,128,128,0.5);\r\n}\r\nimg {\r\n\tvertical-align: middle;\r\n}\r\nbody {\r\n background-image: url(\"https://pbs.twimg.com/media/E8tfm23VUAQTAAu?format=jpg&name=4096x4096\");\r\n\tbackground-color: #484848;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n\tbackground-attachment: fixed;\r\n\tbackground-size: cover;\r\n\tcolor: white;\r\n font-family: ngs,Arial,sans-serif;\r\n\tfont-size: 16px;\r\n\tfont-weight: normal;\r\n\ttext-align: center;\r\n\ttext-shadow: -1px -1px 0 rgba(0,0,0,0.66), 1px -1px 0 rgba(0,0,0,0.66), -1px 1px 0 rgba(0,0,0,0.66), 1px 1px 0 rgba(0,0,0,0.66);\r\n}\r\ntable {\r\n border-spacing: 0;\r\n}\r\ntable td {\r\n\tvertical-align: top;\r\n}\r\nul {\r\n\tlist-style-type: none;\r\n\tpadding-inline-start: 0;\r\n}\r\nem {\r\n\tfont-style: normal;\r\n}\r\n#header {\r\n\tbackground-color: rgba(0,0,0,0.33);\r\n\tmin-height: 50px;\r\n\tpadding: 20px;\r\n\ttext-align: left;\r\n\tcolor:white;\r\n}\r\n.header a {\r\n\t/*color: #151f25;*/\r\n\tcolor:white;\r\n\ttext-decoration: none;\r\n}\r\n.header a:hover {\r\n\tbackground: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));\r\n\ttext-decoration: none;\r\n}\r\n.logo {\r\n\tfont-family: \"ngs2\";\r\n\tmargin-right: auto;\r\n\tfont-size:24px;\r\n}\r\n.logo span{\r\n\tfont-size:16px;\r\n\ttext-transform: uppercase;\r\n}\r\n.logo img {\r\n\theight:28px;\r\n}\r\n@media screen and (min-width:390px) and (max-width:860px) {\r\n.headermenuitem {\r\n\tdisplay:none;\r\n}\r\n}\r\n@media screen and (max-width:390px) {\r\n.headermenuitem {\r\n\tdisplay:none;\r\n}\r\n}\r\n.main,.header {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(auto-fit,minmax(300px,450px));\r\n\tjustify-content: center;\r\n\tgap: 10px;\r\n\tmargin: 0 10px;\r\n}\r\n\r\n.box {\r\n\t/*color: #97e2fc;*/\r\n\tcolor:white;\r\n\tbackground-clip: padding-box;\r\n\tbackground-color: rgba(24, 36, 48, 0.66);\r\n\tmargin: 10px 0 0 0;\r\n\ttext-align: left;\r\n\tpadding-bottom:10px;\r\n\tbackdrop-filter: blur(10px);\r\n}\r\n.box h3, dt {\r\nfont-size: 12pt;\r\nfont-weight: normal;\r\npadding: 0 5px;\r\nmargin: 5px;\r\nborder-bottom: 1px solid rgba(128,128,128,0.5);\r\n}\r\n.box tr {\r\n/*\tbackground-image: url(\"tr_bg.png\");*/\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: left bottom;\r\n\tborder-bottom: 1px solid rgba(128,128,128,0.5);\r\n}\r\n.box tr:last-child {\r\n\tborder-bottom: 0;\r\n}\r\n.box td {\r\n\tpadding: 0 5px;\r\n\twhite-space: nowrap;\r\n}\r\n.box td:first-child {\r\n\tcolor: #97e2fc;\r\n}\r\n.box td:last-child {\r\n\ttext-align: right;\r\n}\r\n.barGraph {\r\n\tmargin: 8px 0;\r\n\tbackground: linear-gradient(90deg, #65beef, #f5ee3c);\r\n\tdisplay: block;\r\n\theight: 8px;\r\n}\r\n.barOverlay {\r\n\tborder: 2px solid black;\r\n\tdisplay: block;\r\n\theight: 8px;\r\n}\r\n.basicInfo {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1.5fr 1fr 1fr;\r\n\tjustify-content: stretch;\r\n\tgrid-template-areas:\r\n\t\"author player player\"\r\n\t\"build character character\"\r\n\t\"class . .\"\r\n\t\"subClass . .\";\r\n\tmargin: 10px 10px 0;\r\n\tpadding: 0 5px;\r\n}\r\n.statsInfo {\r\n\tbackground-color:rgba(0,0,0,0.33);\r\n\tmargin: 5px 10px 0;\r\n\tpadding: 0 5px 5px;\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(4, 1fr);\r\n\tjustify-content: stretch;\r\n\tgrid-template-areas:\r\n\t\"bp . bpGraph bpGraph\"\r\n\t\"hp . hpGraph hpGraph\"\r\n\t\"pp . ppGraph ppGraph\"\r\n\t\"atk . atkGraph atkGraph\"\r\n\t\"def . defGraph defGraph\"\r\n\t\"wepUp wepUp2 wepUp3 wepUp3\"\r\n\t\"res res2 res3 res3\"\r\n\t\"dmgRes dmgRes2 dmgRes2 dmgRes2\";\r\n}\r\n.basicInfo > div, .statsInfo > div {\r\n\tborder-bottom: 1px solid rgba(128,128,128,0.5);\r\n\tline-height: 25px;\r\n\tposition:relative;\r\n}\r\n.basicInfo > div > span, .statsInfo > div > span {\r\n\tcolor: #97e2fc;\r\n}\r\n.boxTitleBar {\r\n\tbackground-color: rgba(124, 144, 148, 0.66);\r\n\tcolor: white;\r\n\tfont-weight: normal;\r\n\tfont-size: 18px;\r\n\ttext-align: left;\r\n\tdisplay: flex;\r\n\tflex-flow: row nowrap;\r\n\tjustify-content: space-between;\r\n\r\n}\r\n.boxTitleBar h1 {\r\n\tcolor: white;\r\n\tfont-weight: normal;\r\n\tfont-size: 18px;\r\n\tmargin-right: 10px;\r\n\tpadding: 13px 13px 7px 13px;\r\n}\r\n.boxTitleBar h1:before {\r\n\tfont-family: \"Segoe UI Symbol\";\r\n\tcontent: ' \\25C6';\r\n\tmargin-right: 10px;\r\n}\r\n.box h2 {\r\n\tcolor: white;\r\n\tfont-weight: normal;\r\n\tfont-size: 18px;\r\n\tmargin: 10px 10px 0 10px;\r\n\ttext-align: left;\r\n}\r\n.box h2 img {\r\n\tmargin-right: 5px;\r\n\tvertical-align: top;\r\n}\r\n/*.box h2:hover {\r\n\tbackground: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));\r\n}*/\r\n.da {\r\n\tcolor: white;\r\n\ttext-align: right;\r\n}\r\n.da span {\r\n\tbackground-color: rgba(20,29,40,0.66);\r\n\tpadding: 5px;\r\n}\r\n.da span:hover {\r\n\tbackground: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));\r\n}\r\n\r\n.infoBuffs {\r\n\tmargin: 0 auto;\r\n\twidth: 90%;\r\n}\r\n.infoBuffs:last-child {\r\n\tmargin-bottom: 10px;\r\n}\r\n.infobuffs li {\r\n\tmargin: 5px 0;\r\n}\r\n.infoBuffs li:hover {\r\n\tbackground: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));\r\n}\r\n.infoBuffs li ul {\r\n\twidth: 100%;\r\n}\r\n.infoBuffs li ul li {\r\n\twidth: 100%;\r\n\tpadding-left: 20px;\r\n}\r\n.infoBuffs li ul li:hover {\r\n\tbackground: transparent;\t\r\n}\r\n.box p {\r\n\tpadding: 10px 10px 0 10px;\r\n\r\n}\r\n\r\n.equipPalette {\r\n\tmargin: 10px 10px 0 10px;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tflex-flow: row wrap;\r\n\twhite-space: nowrap;\r\n\r\n}\r\n.equipPaletteSlotWrapper {\r\n\tbackground-color: rgba(128,128,128,0.50);\r\n\tcursor:pointer !important;\r\n\tpadding: 10px;\r\n}\r\n.equipPaletteSlotWrapper span {\r\n\tmargin: 0 10px 0 0;\r\n\tcolor: rgb(255,207,4);\r\n\tfont-size: 14pt;\r\n font-family: ngs2,Arial,sans-serif;\r\n}\r\n.equipPaletteSlotWrapper img {\r\n\theight: 48px;\r\n\tborder: 1px;\r\n\tborder-style: solid;\r\n\tbackground: radial-gradient(rgb(196,196,196),rgb(128,128,128));\r\n\tborder-color: rgba(128,128,128,1);\r\n}\r\n.equipPaletteSlot {\r\n\ttext-align: center;\r\n\tflex: 1 1;\r\n}\r\n.equipPaletteSlot:first-child {\r\n\tpadding-right: 10px;\r\n}\r\n.equipPaletteSlot:hover img {\r\n\toutline: 2px solid rgba(54,255,255,0.66);\r\n}\r\n.equipPalette h3 {\r\n\tcolor: #97e2fc;\r\n\tfont-size: 16px;\r\n\tfont-weight: normal;\r\n\twhite-space: nowrap;\r\n}\r\n.equipDetails {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tflex-flow: row wrap;\r\n}\r\n.equipDetails {\r\n\tmargin: 10px 10px 0 0;\r\n\ttext-align: left;\r\n}\r\n.equipAugs {\r\n\tflex: 1 1 auto;\t\r\n}\r\n.equipAugs li {\r\n\tbackground-color: rgba(128,128,128,0.50);\r\n\tcolor: white;\r\n\tmargin: 0 0 5px 10px;\r\n\tpadding: 12px 10px 7px 10px;\r\n\tcursor:pointer !important;\r\n}\r\n.equipAugs li:hover {\r\n\tbackground: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));\r\n\toutline: 2px solid hsl(180, 78%, 50%);\r\n}\r\n.equipAugsExpand {\r\n\tmargin: 0 10px 0 0;\r\n\tdisplay: inline;\r\n}\r\n.tooltip {\r\n\tcursor: help;\r\n}\r\n.tooltip span {\r\n\tcolor: white;\r\n\tfont-size:10pt;\r\n\tvisibility: hidden;\r\n\twidth: 200px;\r\n\tbackground-color: rgba(38,53,63,0.9);\r\n\ttext-align: left;\r\n\t/*border-radius: 6px;*/\r\n\tpadding: 5px;\r\n\t/* Position the tooltip */\r\n\tposition: absolute;\r\n\twhite-space: normal;\r\n\tleft: 1em;\r\n}\r\n.xTooltip {\r\n\tmargin: 0 10px 0 0;\r\n\tdisplay: inline;\r\n\tcursor: help !important;\r\n\tcolor: white;\r\n\tfont-size:10pt;\r\n\ttext-align: left;\r\n}\r\n\r\n[class*=\"BaseToolTop\"] {\r\n\tmin-width: 200px;\r\n}\r\n.tooltip:hover span {\r\n\tvisibility: visible;\r\n}\r\n.pr {\r\n\tflex: 1 1 auto;\r\n\tmargin: 10px 10px 0 0;\r\n\ttext-align: left;\t\r\n}\r\n.pr li {\r\n\tmargin: 0 10px 2px 10px;\r\n\tpadding: 5px;\r\n}\r\n.pr li span {\r\n\tcolor:white\r\n}\r\n.itemlist {\r\n\tmargin: 0 10px;\r\n}\r\n.itemlist li {\r\n\tbackground-color: rgba(128,128,128,0.33);\r\n\tcolor: white;\r\n\tmargin: 0 0 5px 0;\r\n\tpadding: 10px;\r\n background-repeat: no-repeat;\r\n background-position: right top;\r\n\tbackground-origin: content-box;\r\n}\r\n.aug:before {\r\n\tcontent:url(\"./icons/UINGSItemSpecialAbility.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.itemwep {\r\n\tfont-size: 10pt;\r\n}\r\n\r\n.itemWeaponWrapper {\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\tpadding-right: 16px;\r\n}\r\n.itemwep em {\r\n\tfont-size: 12pt;\r\n\tline-height: 28px;\r\n}\r\n.itemwep:after {\r\n\tclear:both;\r\n}\r\n.rifle:before {\r\n content: url(\"./icons/NGSUIItemAssaultRifleMini.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.meat:before {\r\n content: url(\"./icons/food/meat.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.gb:before {\r\n content: url(\"./icons/NGSUIItemGunbladeMini.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.vege:before {\r\n content: url(\"./icons/food/vege.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.itemimg {\r\n\tbackground: radial-gradient(rgb(196,196,196),rgb(128,128,128));\r\n\tborder: 4px solid rgba(128,128,128,1);\r\n\tfloat: left;\r\n\tmargin-right: 10px;\r\n\twidth: 48px;\r\n\tbox-sizing: content-box;\r\n\tborder-style: solid;\r\n}\r\n.itemWrapper {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: minmax(56px,auto) 1fr auto minmax(16px,auto);\r\n\tgrid-template-rows: auto 1fr auto;\r\n\tgrid-template-areas:\r\n\t\"img itemname itemname rarity\"\r\n\t\"img . . .\"\r\n\t\"img properties controls controls\";\r\n}\r\n.itemImgWrapper {\r\n\tgrid-area: img;\r\n}\r\n.itemImgWrapper > img {\r\n\tbackground: radial-gradient(rgb(196,196,196),rgb(128,128,128));\r\n\tborder: 4px solid rgba(128,128,128,1);\r\n\twidth: 48px;\r\n\tbox-sizing: content-box;\r\n\tborder-style: solid;\r\n}\r\n.itemNameWrapper {\r\n\tfont-size: 16px;\r\n\tbackground-color:rgba(0,0,0,0.33);\r\n\tgrid-area: itemname;\r\n\tmargin: 0 10px;\r\n\tpadding: 2px 2px 0 2px;\r\n\twhite-space: nowrap;\r\n}\r\n.itemRarityWrapper {\r\n\tgrid-area: rarity;\r\n}\r\n.itemPropertiesWrapper {\r\n\tcolor:white;\r\n\tgrid-area: properties;\r\n\tmargin: 0 10px;\r\n}\r\n.itemPropertiesWrapper > span {\r\n\twhite-space: nowrap;\r\n}\r\n.itemControlsWrapper {\r\n\tgrid-area: controls;\r\n\ttext-align: right;\r\n\twhite-space: nowrap;\r\n}\r\n.itemControlsWrapper > span:nth-child(1) {\r\n\tbackground-color: rgba(113,169,189,0.33);\r\n\tcursor: pointer;\r\n}\r\n.itemControlsWrapper > span:nth-child(2) {\r\n\tbackground-color:rgba(0,0,0,0.33);\r\n}\r\n.itemControlsWrapper > span:nth-child(3) {\r\n\tbackground-color: rgba(113,169,189,0.33);\r\n\tcursor: pointer;\r\n}\r\n.itemControlsWrapper > span {\r\n\tdisplay:inline-block;\r\n\tpadding: 5px 10px;\r\n\ttext-align: center;\r\n\tmargin: 0 0 0 5px;\r\n}\r\nli.r1 {\r\n background-image: url(\"./icons/NGSUIRarity1Star.png\");\r\n}\r\n.r1 img {\r\n\tbackground: radial-gradient(rgb(64,150,183),rgb(52,123,150)) !important;\r\n\tborder-color: rgb(64,150,183) !important;\r\n\r\n}\r\nli.r2 {\r\n background-image: url(\"./icons/NGSUIRarity2Star.png\");\r\n}\r\n.r2 img {\r\n\tbackground: radial-gradient(rgb(64,150,183),rgb(52,123,150)) !important;\r\n\tborder-color: rgb(64,150,183) !important;\r\n}\r\nli.r3 {\r\n background-image: url(\"./icons/NGSUIRarity3Star.png\");\r\n}\r\n.r3 img {\r\n\tbackground: radial-gradient(rgb(64,150,183),rgb(52,123,150)) !important;\r\n\tborder-color: rgb(64,150,183) !important;\r\n}\r\nli.r4 {\r\n background-image: url(\"./icons/NGSUIRarity4Star.png\");\r\n}\r\n.r4 img {\r\n\tbackground: radial-gradient(rgb(101,178,77),rgb(83,146,63)) !important;\r\n\tborder-color: rgb(101,178,77) !important;\r\n}\r\n.itemlist li span {\r\n background-repeat: no-repeat;\r\n background-position: left center;\r\n}\r\n.atk:before {\r\n\tcontent: url(\"./icons/NGSUIStatATKOutline.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.fixa {\r\n\tcolor: rgb(255,135,80);\r\n}\r\n.fixa:before {\r\n\tcontent: url(\"./icons/UINGSItemPresetAbility.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.pot {\r\n\tcolor: rgb(255,255,0);\r\n}\r\n.pot:before {\r\n\tcontent: url(\"./icons/NGSUIItemPotentialAbility.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.clear {\r\n\tclear: both;\r\n}\r\n.itemlistcontainer {\r\n/*\tmax-height: 400px;*/\r\n\toverflow-y: scroll;\r\n\toverflow-x: hidden;\r\n\tmargin: 10px 5px 0 0;\r\n\tpadding: 2px;\r\n}/*\r\n@media screen and (min-width:390px) and (max-width:860px) {\r\n.itemlistcontainer {\r\n\tmax-height: 300px;\r\n}\r\n}*/\r\n.itemlist li:hover, .treeList li:hover {\r\n\tbackground-color: rgba(113,169,189,0.33);\r\n\toutline: 2px solid rgba(54,255,255,0.66);\r\n}\r\n.boxmenu {\r\n\tfont-size: 12pt;\r\n\tmargin: 0 10px 0 10px;\r\n\tdisplay: flex;\r\n\tflex-flow: row nowrap;\r\n\tjustify-content: flex-start;\r\n}\r\n.boxmenu li {\r\n\tbackground-color: rgba(115, 120, 125,0.66);\r\n\tcolor: white;\r\n\tdisplay: inline-block;\r\n\tmargin: 10px 5px 0 0;\r\n\tpadding: 5px;\r\n\ttext-align: center;\r\n\tflex-basis: 27px;\r\n\twhite-space: nowrap;\r\n\tcursor:pointer !important;\r\n}\r\n.boxmenu img {\r\n\tvertical-align: middle;\r\n}\r\n.boxMenuClassIcon {\r\n\tmax-height: 16px;\r\n}\r\n.pageControlDetails {\r\n\tbackground-color: rgba(25, 30, 35, 0.66) !important;\r\n\tmargin: 10px 5px 0 auto !important;\r\n}\r\n.pageControlDetails:before {\r\n\tcontent: \"\\270E\";\r\n\tpadding-right: 5px;\r\n}\r\n.pageControlDetails:hover {\r\n\tbackground: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));\r\n\toutline: 2px solid hsl(180, 78%, 50%);\r\n}\r\n.selected {\r\n\tbackground: linear-gradient(135deg,#60461b,#b0a34e);\r\n\tborder-bottom: 4px solid #ffd602;\r\n}\r\n.unselected:hover {\r\n\tbackground: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));\r\n\tborder-bottom: 0;\r\n\tpadding-bottom: 9px;\r\n\toutline: 2px solid hsl(180, 78%, 50%);\r\n}\r\nli.selected:hover {\r\n\tbackground: linear-gradient(135deg,#60461b,#b0a34e);\r\n\toutline: 2px solid hsl(180, 78%, 50%);\r\n}\r\n.itemBar {\r\n\tjustify-content: center;\r\n\tdisplay: flex;\r\n\tflex-flow: row nowrap;\r\n\tmargin: 10px 10px 0 10px;\r\n\tpadding: 0 2px;\r\n}\r\n.itemBarSort, .itemBarFilter {\r\n\tflex: 1 1 100px;\r\n\tmargin-right: 10px;\r\n}\r\ninput {\r\n\tbackground-color: #101317;\r\n\tcolor: white;\r\n\tfont-family: ngs,sans-serif;\r\n\tfont-size: 11pt;\r\n\theight: 28px;\r\n\tpadding: 0 5px;\r\n\ttext-shadow: -1px -1px 0 rgba(0,0,0,0.66), 1px -1px 0 rgba(0,0,0,0.66), -1px 1px 0 rgba(0,0,0,0.66), 1px 1px 0 rgba(0,0,0,0.66);\r\n}\r\ninput:hover {\r\n\toutline: 2px solid #30cdef;\r\n}\r\nselect{\r\n\tbackground-color: rgba(128,128,128,0.5);\r\n\tcolor: white;\r\n font-family: ngs,sans-serif;\r\n\tfont-size: 11pt;\r\n\theight: 28px;\r\n\tpadding: 5px 10px;\r\n\ttext-shadow: -1px -1px 0 rgba(0,0,0,0.66), 1px -1px 0 rgba(0,0,0,0.66), -1px 1px 0 rgba(0,0,0,0.66), 1px 1px 0 rgba(0,0,0,0.66);\r\n}\r\nselect.itemBarForm, input.itemBarForm {\r\n\twidth: 100%;\r\n}\r\noption {\r\n\tbackground-color: rgb(128,128,128);\r\n}\r\n.boxExit {\r\n\tpadding: 4px 9px 8px 9px;\r\n\tmargin: 4px;\r\n}\r\n.boxExit:hover {\r\n\tbackground-color: hsl(0, 100%, 33%);\r\n\toutline: 2px solid hsl(0, 100%, 50%);\r\n}\r\n.boxExit:after {\r\n content: ' \\2573';\r\n\tfont-size:9pt;\r\n}\r\n.exit {\r\n\tcolor: white;\r\n}\r\n/* width */\r\n.customScrollbar::-webkit-scrollbar {\r\n\twidth: 4px;\r\n\theight: 4px;\r\n}\r\n/* Track */\r\n.customScrollbar::-webkit-scrollbar-track {\r\n background: rgba(128,128,128,0.8); \r\n}\r\n \r\n/* Handle */\r\n.customScrollbar::-webkit-scrollbar-thumb {\r\n\tbackground-color: rgba(245, 245, 245,0.66);\r\n}\r\n.customScrollbar::-webkit-scrollbar-button {\r\n\tbackground-color: rgba(162,162,162,0.8); \r\n\theight:4px;\r\n\twidth:4px;\r\n}\r\n.customScrollbar::-webkit-scrollbar-corner {\r\n\tbackground-color: transparent;\r\n}\r\n/* Handle on hover\r\n::-webkit-scrollbar-thumb:hover {\r\n background: #555; \r\n}*/\r\n.containerX {\r\n\tmargin: 10px;\r\n\tmin-width: 0;\r\n}\r\n.containerY {\r\n\tmargin: 10px;\r\n\tmin-width: 0;\r\n}\r\n.treeListContainer {\r\n\toverflow-y: auto;\r\n\tmargin: 10px 10px 0 10px;\r\n}\r\n.treeSelectBox {\r\n/*\tflex: 0 1 auto;\r\n\talign-self: flex-start;\r\n\tmargin: 0 10px 0 0;*/\r\n\toutline: 1px solid rgba(54,255,255,1);\r\n\tmax-width: 220px;\r\n\tposition: absolute;\r\n\tleft: -210px;\r\n\ttop: -10px;\r\n}\r\n.treeList {\r\n\tpadding: 0 2px 2px 2px;\r\n}\r\n.treeList li {\r\n\tbackground-color: rgba(128,128,128,0.33);\r\n\tcolor: white;\r\n\tmargin: 5px 0 0 0;\r\n\tpadding: 10px;\r\n background-repeat: no-repeat;\r\n background-position: right center;\r\n\tbackground-origin: content-box;\r\n\tline-height: 20px;\r\n}\r\nli.treeListMain:after, li.treeListSub:after {\r\n\tmargin-left: 10px;\r\n}\r\nli.treeListMain:after {\r\n\tcontent: url(\"./icons/class_main.png\");\r\n}\r\nli.treeListSub:after {\r\n\tcontent: url(\"./icons/class_sub.png\");\r\n}\r\n.treeList li img {\r\n\tvertical-align: middle;\r\n\tmargin-right: 5px;\r\n}\r\n.skillTreeBox {\r\n/*\tflex: 1 1 auto;*/\r\n\tmargin: 0;\r\n\tmin-width: 181px;\r\n\tmin-height: auto;\r\n\toutline: 1px solid rgba(54,255,255,1);\t\r\n}\r\n.skillTreeBox .boxTitleBar, .treeSelectBox .boxTitleBar {\r\n\tbackground: linear-gradient(45deg, rgba(47,153,193,0.66),rgba(46,94,137,0.66) 30%,rgba(46,94,137,0.66) 70%, rgba(47,153,193,1));\r\n}\r\n.skillTreeContainer {\r\n\toverflow-x: auto;\r\n\toverflow-y: scroll;\r\n\tmargin: 10px 5px 0 10px;\r\n\tpadding: 2px;\r\n\tmax-height: calc(90vh - 150px);\r\n\tmin-width: 0;\r\n}\r\n\r\n/*@media screen and (min-width:390px) and (max-width:860px) {\r\n.skillTreeContainer {\r\n\tmax-height: 300px;\r\n}\r\n}*/\r\n.skillTreeGrid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(6, 181px);\r\n\tgrid-template-areas:\r\n\t\"a1 b1 c1 d1 e1 f1\"\r\n\t\"a2 b2 c2 d2 e2 f2\"\r\n\t\"a3 b3 c3 d3 e3 f3\"\r\n\t\"a4 b4 c4 d4 e4 f4\"\r\n\t\"a5 b5 c5 d5 e5 f5\"\r\n\t\"a6 b6 c6 d6 e6 f6\";\r\n}\r\n.skillTreeGrid > div {\r\n\tbackground-color: rgba(128,128,128,0.33);\r\n\tcolor: white;\r\n\tpadding: 6px;\r\n\ttext-align: center;\r\n\theight: 148px;\r\n\tposition: relative;\r\n\tmargin: 0 10px 96px 0;\r\n}\r\ndiv.skillActive {\r\n\tbackground-color: rgba(18,103,87,0.5);\r\n}\r\ndiv.skillMaxed {\r\n\tbackground-color: rgba(18,103,87,0.5);\r\n}\r\n.skillTreeGrid > div:hover {\r\n\toutline: 2px solid rgba(54,255,255,0.66);\r\n\tbackground-color: rgba(113,169,189,0.33);\r\n}\r\n.skillTreeGrid > div.skillActive:hover, .skillTreeGrid > div.skillMaxed:hover {\r\n\toutline: 2px solid rgba(54,255,255,0.66);\r\n\tbackground-color: rgba(18,103,87,0.5);\r\n}\r\ndiv.skillLocked {\r\n\tbackground-color: rgba(64,64,64,0.33);\r\n}\r\ndiv.skillLocked img, div.skillLocked span.skillAllocated, div.skillLocked em.skillName {\r\n\topacity: 0.33;\r\n}\r\n.skillIcon {\r\n\tmargin: 0 auto;\r\n\tmax-width: 48px;\r\n}\r\n.skillAllocated {\r\n\tdisplay: block;\r\n\tline-height: 40px;\r\n}\r\ndiv.skillActive .skillAllocated {\r\n\tcolor: rgb(255,255,0);\r\n} \r\ndiv.skillMaxed .skillAllocated {\r\n\tcolor: rgb(255,135,80);\r\n}\r\n.skillTreeReqUnlock {\r\n\tposition: absolute;\r\n\theight: 22px;\r\n\twidth: 175px;\r\n\tbackground-image: url(\"./icons/skilltree_req_unlock.png\");\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\ttop: -34px;\r\n\tleft: -2px;\r\n\tdisplay: block;\r\n\topacity: 0.8;\r\n}\r\n.skillTreeReqLock {\r\n\tposition: absolute;\r\n\theight: 22px;\r\n\twidth: 175px;\r\n\tbackground-image: url(\"./icons/skilltree_req_lock.png\");\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\ttop: -34px;\r\n\tleft: -2px;\r\n\tdisplay: block;\r\n\topacity: 0.8;\r\n}\r\n.skillName {\r\n\tbackground-color: rgba(32,32,32,0.33);\r\n\tdisplay: block;\r\n\tpadding: 10px;\r\n\theight: 48px;\r\n\ttext-align: left;\r\n}\r\n.skillButtons {\r\nposition:absolute;\r\ndisplay: grid;\r\ngrid-template-columns: repeat(2, 1fr);\r\nwidth: 171px;\r\nheight: 148px;\r\nleft: 0;\r\ntop: 0;\r\ncursor:pointer !important;\r\n}\r\n.skillButtons > span:hover {\r\n\tbackground-image: url(\"./icons/skilltree_div_overlay.png\");\r\n\tbackground-repeat: no-repeat;\r\n}\r\n.skillLeftButton {\r\n\tbackground-position: left;\r\n}\r\n.skillRightButton {\r\n\tbackground-position: right;\r\n}\r\n.skillPoints {\r\n\tbackground-color: rgba(64,64,64,0.5);\r\n\ttext-align: center;\r\n\tmargin: 10px 10px 0 10px;\r\n\tpadding: 16px 0 10px 0;\r\n\tcolor: white;\r\n\tfont-size: 14pt;\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(auto-fit,292px);\r\n\tjustify-content: center;\r\n\tgap: 10px;\r\n}\r\n.skillPoints div:first-child {\r\n\ttext-align: center;\r\n}\r\n.skillPoints div span {\r\n\tdisplay: inline-block;\r\n\twidth: calc(292px / 2);\r\n\ttext-align: center;\r\n}\r\n.skillConfirm {\r\n\tjustify-content: center;\r\n\tdisplay: flex;\r\n\tflex-flow: row wrap;\r\n}\r\n.skillConfirm span {\r\n\tflex: 1 1 auto;\r\n\tbackground-color: rgba(113,169,189,0.33);\r\n\tdisplay: inline-block;\r\n\ttext-align: center;\r\n\tline-height: 48px;\r\n\tcolor: white;\r\n\tfont-size: 13pt;\r\n\tmargin: 10px 6px 0 6px;\r\n\tmax-width: 292px;\r\n}\r\n\r\n/* Sig's Amazing CSS (cuz Dudley edited it) */\r\n\r\n.editBox:hover{\r\n\tbackground-color:rgba(0,0,0,0.5);\r\n\tcursor:pointer !important;\r\n\toutline: 2px solid #30cdef;\r\n}\r\n.editBoxActive:hover {\r\n\tcursor:pointer !important;\r\n}\r\ninput#editBoxInput {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttext-align: right;\r\n\tbackground-color: #101317;\r\n\tcolor: white;\r\n\tcursor:pointer !important;\r\n\tfont-family: ngs,sans-serif;\r\n\tfont-size: 16px;\r\n\r\n\toutline: 2px solid #ffff00;\r\n\tpadding: 0 5px;\r\n\ttext-shadow: -1px -1px 0 rgba(0,0,0,0.66), 1px -1px 0 rgba(0,0,0,0.66), -1px 1px 0 rgba(0,0,0,0.66), 1px 1px 0 rgba(0,0,0,0.66);\r\n\twidth:100%;\r\n}\r\n.editClass {\r\n\r\n\tdisplay: inline-block;\r\n\twidth: 100%;\r\n}\r\n.editClass:hover{\r\n\tbackground-color:rgba(0,0,0,0.5);\r\n\tcursor:pointer !important;\r\n\toutline: 2px solid #30cdef;\r\n}\r\n.popup{\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n}\r\n.popup2{\r\n\tz-index:5;\r\n\tposition: absolute;\r\n\tbackground-color: rgba(128,128,128,0.9);\r\n\tmax-width: 250px;\r\n\tmin-width: 100px;\r\n\tpadding: 20px;\r\n\tbox-shadow: 0 10px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.5) !important;\r\n}\r\n.popup button{\r\n\tmargin:5px;\r\n\twidth:48px;\r\n\tfont-size:12px;\r\n\toverflow:wrap;\r\n\tbackground-color:rgba(64,64,96,0.9);\r\n\tcolor:rgba(210,210,210,1);\r\n}\r\nbutton{\r\n\tpadding:0px 3px 0px 3px;\r\n\tborder: 1px black solid;\r\n\tbackground-color:gray;\r\n\tcolor:white;\r\n \tfont-family: ngs,sans-serif;\r\n\tfont-size: 16px;\r\n\tfont-weight: normal;\r\n\ttext-align: center;\r\n \t -webkit-font-smoothing: antialiased;\r\n\ttext-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;\r\n}\r\n.table-responsive{\r\n\tcolor:rgba(220,220,220);\r\n}\r\n.table-responsive table {\r\n\tbackground-color: rgba(20,29,40,0.66);\r\n}\r\n.table {\r\n\tborder: 1px solid black;\r\n\tborder-spacing:1px;\r\n}\r\n.table-padding{\r\n\tpadding: 4px;\r\n}\r\n.ReactModal__Body--open,\r\n.ReactModal__Html--open {\r\n overflow: hidden;\r\n}\r\n.modalOverlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8));\r\n\tdisplay: grid;\r\n\tjustify-items: stretch;\r\n\talign-items: center; \r\n\tgrid-template-columns: minmax(10px, 1fr) minmax(200px, auto) minmax(10px, 1fr);\r\n\tgrid-template-rows: 10px minmax(10px, 1fr) 10px;\r\n}\r\n.modalOverlaySplash {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.8));\r\n\tdisplay: grid;\r\n\tjustify-items: stretch;\r\n\talign-items: center; \r\n\tgrid-template-columns: minmax(10px, 1fr) minmax(200px, auto) minmax(10px, 1fr);\r\n\tgrid-template-rows: 10px minmax(10px, 1fr) minmax(10px, auto);\r\n}\r\n.modalOverlaySplash > footer {\r\n\tgrid-column: 1 / span 3;\r\n\tgrid-row: 3;\r\n\tpadding-bottom: 4vh;\r\n background: linear-gradient(transparent,rgba(0,0,0,0.7));\r\n}\r\n.modalOverlaySplash > footer a:hover {\r\n\tbackground-color: transparent;\r\n}\r\nspan.github, span.twitter {\r\n\tfont-size: 24px;\r\n\tmargin-right: 15px;\r\n\topacity: 0.75;\r\n}\r\nspan.github:hover, span.twitter:hover {\r\n\topacity: 1;\r\n}\r\nspan.github:before, span.twitter:before {\r\n\tvertical-align: middle;\r\n\tmargin-right: 10px;\r\n}\r\nspan.github:before {\r\n\tcontent: url(\"./icons/GitHub-Mark-Light-32px.png\");\r\n}\r\nspan.twitter:before {\r\n\tcontent: url(\"./icons/2021 Twitter logo - white32.png\");\r\n}\r\n.modal {\r\n\tgrid-column: 2;\r\n\tgrid-row: 2;\r\n}\r\n.boxModal {\r\n\tanimation: fadeIn 0.15s;\r\n\tmax-width: 580px;\r\n\tmargin: 0 auto;\r\n\tbox-shadow: 0 10px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.5) !important;\r\n\toutline: 1px solid rgba(54,255,255,1);\t\r\n}\r\n.boxModalClassSelect {\r\n\tanimation: fadeIn 0.15s;\r\n\twidth: 300px;\r\n\tmargin: 0 auto;\r\n\tbox-shadow: 0 10px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.5) !important;\r\n\toutline: 1px solid rgba(54,255,255,1);\t\r\n}\r\n@keyframes fadeIn {\r\n\t0% {opacity:0;margin-bottom:30px;}\r\n\t100% {opacity:1;margin-bottom:0;}\r\n }\r\n .boxAdmin {\r\n\tanimation: fadeIn 0.15s;\r\n\tbox-shadow: 0 10px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.5) !important;\r\n\toutline: 1px solid rgba(54,255,255,1);\t\r\n\ttext-align:center;\r\n}\r\n.boxAdmin img {\r\n\tmargin: 20px;\r\n\t\tbackground: linear-gradient(white,#bca9f5);\r\n}\r\n.boxAdmin input {\r\n\tfont-size: 36px;\r\n\theight: 72px;\r\n\twidth: 33vw;\r\n\tbackground-color: transparent;\r\n\r\n}\r\n.boxAdmin input:hover {\r\noutline: 0 !important;\r\n}\r\n.boxMisc {\r\n\tanimation: fadeIn 0.15s;\r\n\tmax-width: 450px;\r\n\tmargin: 0 auto;\r\n\tbox-shadow: 0 10px 16px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.5) !important;\r\n\toutline: 1px solid rgba(54,255,255,1);\t\r\n\ttext-align: center;\r\n}\r\n.boxMisc h2 {\r\n\tfont-size: 17px;\r\n\tfont-weight: normal;\r\n\tborder-bottom: 1px solid rgba(128,128,128,0.5);\r\n\tmargin: 10px 10px 0;\r\n\tpadding: 10px 5px;\r\n}\r\n.boxMisc h2:before {\r\n content: url(\"./icons/NGSUIItemGunbladeMini.png\");\r\n\tmargin-right: 5px;\r\n\tvertical-align: middle;\r\n}\r\n.boxMisc img {\r\n\tbackground: linear-gradient(white,#bca9f5);\r\n\tvertical-align: top;\r\n\tmargin: 0 10px;\r\n}\r\n.boxMisc p > img {\r\n\tfloat:right;\r\n}\r\n.boxMisc p {\r\n\tmargin-top: 0;\r\n\ttext-align: justify;\r\n}\r\n.boxModal .boxTitleBar, .boxModalClassSelect .boxTitleBar, .boxMisc .boxTitleBar, .boxAdmin .boxTitleBar {\r\n\tbackground: linear-gradient(45deg, rgba(47,153,193,0.66),rgba(46,94,137,0.66) 30%,rgba(46,94,137,0.66) 70%, rgba(47,153,193,1));\r\n}\r\n.modalItemListContainer {\r\n\toverflow-y: auto;\r\n\toverflow-x: hidden;\r\n\tmargin: 10px 5px 0 0;\r\n\tpadding: 2px;\r\n\tmax-height: calc(90vh - 115px);\r\n}\r\n.webicon{\r\n\tcolor:maroon;\r\n}\r\n.webicon:hover{\r\n\tcolor:rgba(200,0,0,1);\r\n\tcursor:pointer !important;\r\n}\r\n.basichover:hover{\r\n\tcursor:pointer !important;\r\n}\r\n.modalCloseButton{\r\n\tfloat:right;\r\n\tcolor:#151f25;\r\n}\r\n.modalCloseButton:hover{\r\n\tcolor:rgba(200,0,0,1);\r\n\tcursor:pointer !important;\r\n}\r\n.failedInput{\r\n\tborder: 1px solid rgba(200,0,0,1);\r\n}\r\n.submitting{\r\n\tborder: 1px solid rgba(0,150,200,1);\r\n background: linear-gradient(-90deg, #124425,#000000, #124425);\r\n background-size: 10% 400%;\r\n animation: submitgradient 1.5s ease infinite;\r\n}\r\n\r\n@keyframes submitgradient {\r\n 0% {\r\n background-position: 0% 100%;\r\n }\r\n 100% {\r\n background-position: 100% 0%;\r\n }\r\n}\r\n\r\n.submitbutton{\r\n\twidth:32px;\r\n\theight:32px;\r\n}\r\n.submitbutton:hover{\r\n\tcolor:rgba(0,200,0,1);\r\n\tcursor:pointer !important;\r\n}\r\n\r\n/* Admin Panel */\r\n\r\n.adminMain {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\tdisplay: grid;\r\n\tjustify-items: stretch;\r\n\talign-items: stretch; \r\n\tgrid-template-columns: 250px 1fr;\r\n\tgrid-template-rows: minmax(10px, 1fr) max-content minmax(10px, 1fr);\r\n\tgrid-template-areas:\r\n\t\"header header\"\r\n\t\"sidebar content\"\r\n\t\"footer footer\";\r\n\tgap: 10px;\r\n\toverflow:hidden;\r\n\tmargin: 0 10px;\r\n}\r\n.boxAdminNav {\r\n\tgrid-area: sidebar;\r\n\tfont-size: 12pt;\r\n\tline-height: 1.5em;\r\n}\r\n.boxAdminContent {\r\n\tgrid-area: content;\r\n}\r\n.adminNavContainer {\r\n\toverflow-y: scroll;\r\n\tmargin: 0 5px 0 10px;\r\n\tpadding: 2px;\r\n\theight: 0;\r\n\theight: 80vh;\r\n}\r\n.adminContainer {\r\n\toverflow-x: auto;\r\n\toverflow-y: scroll;\r\n\tmargin: 10px 5px 0 10px;\r\n\tpadding: 2px;\r\n\twidth: 84vw;\r\n\theight: 85vh;\r\n}\r\np.adminNav hr {\r\n\tborder-bottom: 1px solid silver;\r\n\tmargin: 10px 0;\r\n}\r\n.buttonLabel{\r\n\tborder: 2px solid black;\r\n\tbackground:white;\r\n\tcolor:black;\r\n}\r\n.react-toggle {\r\n\ttouch-action: pan-x;\r\n \r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\tcursor:pointer !important;\r\n\tbackground-color: transparent;\r\n\tborder: 0;\r\n\tpadding: 0;\r\n \r\n\t-webkit-touch-callout: none;\r\n\t-webkit-user-select: none;\r\n\t-khtml-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n \r\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\r\n\t-webkit-tap-highlight-color: transparent;\r\n }\r\n \r\n .react-toggle-screenreader-only {\r\n\tborder: 0;\r\n\tclip: rect(0 0 0 0);\r\n\theight: 1px;\r\n\tmargin: -1px;\r\n\toverflow: hidden;\r\n\tpadding: 0;\r\n\tposition: absolute;\r\n\twidth: 1px;\r\n }\r\n \r\n .react-toggle--disabled {\r\n\tcursor: not-allowed;\r\n\topacity: 0.5;\r\n\t-webkit-transition: opacity 0.25s;\r\n\ttransition: opacity 0.25s;\r\n }\r\n \r\n .react-toggle-track {\r\n\twidth: 50px;\r\n\theight: 24px;\r\n\tpadding: 0;\r\n\tborder-radius: 30px;\r\n\tbackground-color: #4D4D4D;\r\n\t-webkit-transition: all 0.2s ease;\r\n\t-moz-transition: all 0.2s ease;\r\n\ttransition: all 0.2s ease;\r\n }\r\n \r\n .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\r\n\tbackground-color: #000000;\r\n }\r\n \r\n .react-toggle--checked .react-toggle-track {\r\n\tbackground-color: #19AB27;\r\n }\r\n \r\n .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\r\n\tbackground-color: #128D15;\r\n }\r\n \r\n .react-toggle-track-check {\r\n\tposition: absolute;\r\n\twidth: 14px;\r\n\theight: 10px;\r\n\ttop: 0px;\r\n\tbottom: 0px;\r\n\tmargin-top: auto;\r\n\tmargin-bottom: auto;\r\n\tline-height: 0;\r\n\tleft: 8px;\r\n\topacity: 0;\r\n\t-webkit-transition: opacity 0.25s ease;\r\n\t-moz-transition: opacity 0.25s ease;\r\n\ttransition: opacity 0.25s ease;\r\n }\r\n \r\n .react-toggle--checked .react-toggle-track-check {\r\n\topacity: 1;\r\n\t-webkit-transition: opacity 0.25s ease;\r\n\t-moz-transition: opacity 0.25s ease;\r\n\ttransition: opacity 0.25s ease;\r\n }\r\n \r\n .react-toggle-track-x {\r\n\tposition: absolute;\r\n\twidth: 10px;\r\n\theight: 10px;\r\n\ttop: 0px;\r\n\tbottom: 0px;\r\n\tmargin-top: auto;\r\n\tmargin-bottom: auto;\r\n\tline-height: 0;\r\n\tright: 10px;\r\n\topacity: 1;\r\n\t-webkit-transition: opacity 0.25s ease;\r\n\t-moz-transition: opacity 0.25s ease;\r\n\ttransition: opacity 0.25s ease;\r\n }\r\n \r\n .react-toggle--checked .react-toggle-track-x {\r\n\topacity: 0;\r\n }\r\n \r\n .react-toggle-thumb {\r\n\ttransition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\r\n\tposition: absolute;\r\n\ttop: 1px;\r\n\tleft: 1px;\r\n\twidth: 22px;\r\n\theight: 22px;\r\n\tborder: 1px solid #4D4D4D;\r\n\tborder-radius: 50%;\r\n\tbackground-color: #FAFAFA;\r\n \r\n\t-webkit-box-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n \r\n\t-webkit-transition: all 0.25s ease;\r\n\t-moz-transition: all 0.25s ease;\r\n\ttransition: all 0.25s ease;\r\n }\r\n \r\n .react-toggle--checked .react-toggle-thumb {\r\n\tleft: 27px;\r\n\tborder-color: #19AB27;\r\n }\r\n \r\n .react-toggle--focus .react-toggle-thumb {\r\n\t-webkit-box-shadow: 0px 0px 3px 2px #0099E0;\r\n\t-moz-box-shadow: 0px 0px 3px 2px #0099E0;\r\n\tbox-shadow: 0px 0px 2px 3px #0099E0;\r\n }\r\n \r\n .react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {\r\n\t-webkit-box-shadow: 0px 0px 5px 5px #0099E0;\r\n\t-moz-box-shadow: 0px 0px 5px 5px #0099E0;\r\n\tbox-shadow: 0px 0px 5px 5px #0099E0;\r\n }\r\n .testmode.react-toggle--checked .react-toggle-track {\r\n\tbackground-color: #00AADD;\r\n }\r\n .testmode.react-toggle--checked .react-toggle-track:hover {\r\n\tbackground-color: #00AADD;\r\n }\r\n.addAug{\r\n\theight: 37px;\r\n}\r\n.databaseIcon{\r\n\twidth:48px;\r\n\theight:48px;\r\n\tpadding-right:8px;\r\n\tposition:relative;\r\n\ttop:16px;\r\n}\r\n.itemDetailsGrid {\r\n\tdisplay: grid;\r\n\tgrid-template-areas:\r\n\t\"icon properties\"\r\n\t\"potential preset\"\r\n\t\"augment augment\";\r\n\tgrid-template-columns: 128px 1fr;\r\n\tgrid-template-rows: auto;\r\n\tmargin: 10px 10px 0 10px;\r\n\tplace-items: stretch;\r\n}\r\n.itemDetailsIcon {\r\n\tbackground-color: hsl(0, 17%, 70%);\r\n\tgrid-area: icon;\r\n}\r\n.itemDetailsProperties {\r\n\tgrid-area: properties;\r\n}\r\n.itemDetailsAugment {\r\n\tgrid-area: augment;\r\n}\r\n.itemPotential {\r\n\tgrid-area: potential;\r\n}\r\n.itemPreset {\r\n\tgrid-area: preset;\r\n}\r\n.itemDetailsIcon img {\r\n\tbackground: radial-gradient(rgb(196,196,196),rgb(128,128,128));\r\n\tborder-color: rgba(128,128,128,1);\r\n\tborder-width: 2px;\r\n\twidth: 124px;\r\n\tbox-sizing: content-box;\r\n\tborder-style: solid;\r\n}\r\n.formField{\r\n\tfont-weight:bold;\r\n}\r\n.formDescription{\r\n\tfont-style:italic;\r\n}\r\n.formError{\r\n\tcolor:red;\r\n\tfont-weight:bold;\r\n}\r\n.toDoList {\r\n\tpadding: 0 10px;\r\n}\r\ndt {\r\nmargin: 10px 0 0 0;\r\n}\r\ndd, dl {\r\n\tpadding: 10px 0 0 15px;\r\n}\r\ndd:before {\r\n\tcontent: \"\\2610\";\r\n\tpadding-right: 10px;\r\n}\r\n.half:before {\r\n\tcontent: \"\\25E7\" !important;\r\n}\r\n.check {\r\n\topacity: 0.25;\r\n}\r\n.check:hover {\r\n\topacity: 1;\r\n}\r\n.check:before {\r\n\tfont-family: \"Segoe UI Symbol\";\r\n\tcontent: \"\\2B1B\" !important;\r\n}\r\n.trashButton{\r\n\tcolor:rgba(100,50,50,1);\r\n\twidth:24px;\r\n\theight:24px;\r\n}\r\n.trashButton:hover {\r\n\tcolor:rgba(200,50,50,1);\r\n\tborder: 2px solid red;\r\n}"]}