7.css
Version:
A design system for building faithful recreations of the Windows 7 UI.
1 lines • 74.5 kB
Source Map (JSON)
{"version":3,"sources":["../gui/index.scss","../gui/_variables.scss","../gui/_balloon.scss","../gui/_button.scss","../gui/_checkbox.scss","../gui/_collapse.scss","../gui/_combobox.scss","../gui/_dropdown.scss","../gui/_groupbox.scss","../gui/_listbox.scss","../gui/_listview.scss","../gui/_menu.scss","../gui/_progressbar.scss","../gui/_radiobutton.scss","../gui/_scrollbar.scss","../gui/_searchbox.scss","../gui/_slider.scss","../gui/_spinner.scss","../gui/_tabs.scss","../gui/_textbox.scss","../gui/_treeview.scss","../gui/_typography.scss","../gui/_window.scss"],"names":[],"mappings":"AAAA,sDAAsD,CCAtD,MASE,yDAA6D,CAC7D,oBAAqB,CAErB,kBAAmB,CACnB,oBAAqB,CACrB,sBAAuB,CACvB,sBAAuB,CAEvB,gCAAiC,CACjC,yDAA2D,CAE3D,kBAAmB,CACnB,oBAAqB,CACrB,oBAAqB,CACrB,oBAAqB,CACrB,eAAgB,CAEhB,cAAkB,CAClB,mBAAoB,CAEpB,6FAAgG,CAChG,6DAAkE,CAClE,2EAA+E,CAE/E,qBAAsB,CACtB,wDAA2D,CChC3D,gBAAiB,CACjB,kBAAmB,CACnB,mBD+BF,CC5BA,qBAME,8DAAiE,CAHjE,gCAAiC,CACjC,8BAA+B,CAC/B,2CAA4C,CAH5C,yBAA0B,CAD1B,iBAgDF,CAzCE,4BAGE,yQAA2R,CAF3R,UAAW,CAIX,yBAA0B,CAE1B,yBAA0B,CAL1B,iBAAkB,CAIlB,+BAAkC,CAFlC,wBAIF,CAEA,yBACE,iBACF,CAGE,mCACE,4QAA8R,CAC9R,kCAAqC,CACrC,SAAU,CACV,mBACF,CAGE,4CACE,oBACF,CAKF,oCACE,UAAW,CACX,0BACF,CAGE,8CACE,oBACF,CCrDN,8EAaE,4BAA6B,CAR7B,gCAAiC,CACjC,8BAA+B,CAC/B,0BAA2B,CAH3B,qBAAsB,CAItB,UAAW,CALX,mBAAoB,CAOpB,eAAgB,CADhB,cAAe,CAEf,cAAe,CAGf,iBAAkB,CAFlB,iBAAkB,CAGlB,SACF,CAKE,+CAWE,8BAA+B,CAF/B,8BAA+B,CAC/B,0BAKF,CAGA,4FAjBE,UAAW,CAGX,WAAY,CAIZ,MAAO,CAFP,QAAS,CAMT,SAAU,CAPV,SAAU,CAHV,iBAAkB,CAKlB,KAAM,CAMN,sBAAwB,CAVxB,UAAW,CAWX,UAmBF,CAfA,6CAWE,8BAA+B,CAD/B,iBAAkB,CADlB,4BAMF,CAEA,mDACE,4BAA6B,CAC7B,8BAA+B,CAC/B,sBACF,CAIE,2EACE,8BAA+B,CAC/B,2BAMF,CAJE,yFACE,SAAU,CACV,sBACF,CAIF,uFACE,4BAA6B,CAC7B,iCAMF,CAJE,qGACE,SAAU,CACV,4BACF,CAGF,0JAEE,8BAA+B,CAC/B,2BAMF,CAJE,kLACE,SAAU,CACV,sBACF,CAIJ,8GAEE,kCAAmC,CACnC,uBAAwB,CACxB,mBACF,CAEA,+IAKE,uDAAgD,CAAhD,+CAAgD,CADhD,oCAAqC,CADrC,oBAGF,CAGF,yBAEE,kBAAmB,CADnB,mBAMF,CAHE,0CACE,YACF,CAGF,8BACE,GACE,sCACF,CACA,GACE,sCACF,CACF,CAPA,sBACE,GACE,sCACF,CACA,GACE,sCACF,CACF,CCjIA,MACE,iBACF,CAEA,2BACE,eAAgB,CAChB,uBAAwB,CACxB,oBAAqB,CAErB,eAAgB,CAChB,WAAY,CAFZ,mBAAoB,CAGpB,QAAS,CACT,SAoEF,CAlEE,iCAGE,kBAAmB,CADnB,mBAAoB,CADpB,mBAAoB,CAGpB,iBAoBF,CAlBE,wCAOE,kBAAmB,CACnB,gCAAiC,CACjC,0HAA8H,CAH9H,qBAAsB,CALtB,UAAW,CACX,oBAAqB,CAErB,wBAAyB,CACzB,gBAAiB,CAKjB,cAAgB,CAPhB,uBAQF,CAEA,8CACE,kBAAmB,CACnB,8BAA+B,CAC/B,sHACF,CAIA,+CACE,uBACF,CAKE,+CAOE,aAAc,CANd,eAAgB,CAEhB,aAAc,CADd,eAAiB,CAIjB,QAAS,CAFT,iBAAkB,CAClB,KAGF,CAKF,0CACE,aAgBF,CAdE,iDAME,2DAA8D,CAE9D,wBAAyB,CADzB,eAAgB,CANhB,UAAW,CACX,oBAAqB,CAErB,wBAAyB,CACzB,gBAAiB,CAFjB,uBAMF,CAEA,gDACE,aACF,CC7EN,MAEE,iBACF,CAEA,cACE,YAgCF,CA9BE,sBAIE,cAAe,CAHf,cAAe,CAEf,eAAgB,CADhB,iBAkBF,CAdE,6BAME,2CAAuB,CAAvB,sBAAuB,CACvB,iBAAkB,CANlB,UAAW,CACX,iBAAkB,CAElB,UAAW,CADX,kCAKF,CAEA,4EAEE,YACF,CAKE,mCACE,oCAAuC,CACvC,uBACF,CCnCN,gBAEE,oBAAqB,CADrB,iBAkCF,CA/BE,iCACE,kBAAmB,CACnB,UACF,CAEA,uBAOE,giBAA2E,CAD3E,2BAA4B,CAD5B,wBAAyB,CADzB,cAAe,CADf,SAAU,CAFV,iBAAkB,CAClB,OAuBF,CAhBE,8BAGE,kiBAA6E,CAD7E,2BAA4B,CAD5B,wBAGF,CAEA,6BAGE,kiBAA6E,CAD7E,2BAA4B,CAD5B,wBAGF,CAEA,6BACE,eAAgB,CAChB,YACF,CCjCJ,6BAQE,uBAAwB,CACxB,oBAAqB,CACrB,eAAgB,CAGhB,8PAA+D,CAC/D,wBAAiC,CACjC,2BAA4B,CAZ5B,gCAAiC,CACjC,8BAA+B,CAC/B,0BAA2B,CAC3B,qBAAsB,CACtB,UAAW,CANX,mBAAoB,CAWpB,wBAAmB,CADnB,iBAkCF,CA3BI,kDAEE,sQAAuE,CADvE,8BAEF,CAEA,mDAIE,sQAAuE,CAFvE,8BAA+B,CAC/B,4BAA6B,CAF7B,YAIF,CAEA,kDACE,kCAAmC,CACnC,uBAAwB,CACxB,mBACF,CAGF,sCACE,kQAAwE,CACxE,wBAAiC,CACjC,2BAA4B,CAC5B,8BAA+B,CAC/B,sBAAuB,CACvB,SACF,CC5CF,eACE,wBAAyB,CACzB,8BAA+B,CAC/B,+BAAgC,CAChC,QAAS,CACT,qBAKF,CAHE,sBACE,mBACF,CAGF,4BAEE,YAAa,CACb,qBAAsB,CACtB,OACF,CAEA,oBACE,cACF,CCrBA,4CAEE,eAAgB,CAChB,wBAAyB,CACzB,aAAc,CACd,mBAAoB,CACpB,iBA2BF,CAzBE,kEACE,gCACF,CAGE,kFACE,wBAAyB,CACzB,UACF,CAGF,wDACE,YACF,CAEA,kIAEE,WAOF,CALE,wVAEE,wBAAyB,CACzB,UACF,CC/BJ,MACE,iBACF,CAEA,YAEE,qBAAsB,CACtB,wBAAyB,CAEzB,wBAAyB,CAJzB,mBAAoB,CAKpB,iBAAkB,CAGlB,kBAAmB,CAFnB,eAAgB,CAChB,kBA0EF,CAvEE,8BAGE,eAAgB,CAChB,sBAAuB,CAFvB,kBAGF,CAEA,uBACE,gCACF,CAEA,uBACE,6DAAsE,CACtE,wBAAyB,CACzB,qBAAsB,CAMtB,cAAe,CALf,eAAgB,CAChB,WAAY,CACZ,aAAc,CACd,eAAgB,CAChB,KA4BF,CAzBE,kCAEE,gEAAyE,CADzE,wBAAyB,CAEzB,8BAqBF,CAnBE,mDACE,0BACF,CAGE,mDAOE,2EAA+E,CAC/E,8CAA4C,CAA5C,sCAA4C,CAP5C,UAAW,CAKX,yBAA0B,CAJ1B,iBAAkB,CAClB,SAAU,CACV,KAAM,CACN,kCAIF,CACA,sDACE,iDAA8C,CAA9C,yCACF,CAKN,qBACE,cAoBF,CAlBE,iCAEE,6BAA8B,CAD9B,mCAAoC,CAEpC,8BAKF,CAHE,mDACE,iBACF,CAGF,uBACE,WAAY,CACZ,eACF,CAEA,uCACE,2BACF,CCpFJ,MACE,iBACF,CAGE,eAIE,cAAe,CADf,eAAgB,CAFhB,QAAS,CACT,SAGF,CAEA,uBAEE,gFAA+H,CAD/H,YAwBF,CArBE,uCAEE,gBAAiB,CADjB,iBAmBF,CAhBE,8IAGE,eAAmB,CACnB,UAAW,CACX,YAUF,CATE,qbAEE,sBAAuB,CACvB,aACF,CACA,kOACE,sBAAuB,CACvB,aACF,CAKN,oBAIE,4BAA6B,CAE7B,sBAAuB,CACvB,qCAAsC,CAFtC,aAAc,CAHd,eAAgB,CAChB,WAAY,CAFZ,iBAyEF,CAjEE,2BAOE,kDAAoD,CANpD,UAAW,CAKX,uBAAwB,CAFxB,sBAAuB,CAFvB,mBAAoB,CACpB,iBAAkB,CAElB,SAGF,CAEA,oCACE,YAAa,CAEb,MAAO,CADP,iBAAkB,CAElB,QAAS,CACT,UACF,CAEA,gDAEE,SAAU,CADV,QAEF,CAGE,mLAIE,SAAU,CAOV,4BAA6B,CAC7B,iBAAkB,CAFlB,qBAAsB,CAJtB,YAAa,CACb,6BAA8B,CAE9B,yBAA0B,CAJ1B,iBAAkB,CAQlB,kBAAmB,CALnB,UAYF,CALE,sbAEE,6BAA8B,CAC9B,+BACF,CAIA,yGAEE,YACF,CAIA,8DAOE,4BAA+B,CAA/B,8BAA+B,CAN/B,UAAW,CACX,iBAAkB,CAElB,SAAU,CADV,OAAQ,CAER,0BAGF,CAKN,yBACE,iBA4FF,CA1FE,qCACE,YA8CF,CA5CE,2CACE,aAAc,CACd,iBAcF,CAZE,kDACE,SAAU,CACV,6BAA8B,CAE9B,qBAAsB,CADtB,4BAA6B,CAE7B,qBAAsB,CAKtB,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,UAEF,CAIA,0DACE,UACF,CAIA,qEAIE,6DAAgE,CAChE,wBAAyB,CACzB,eAAgB,CALhB,QAAS,CACT,OAAQ,CACR,0BAIF,CAIA,wEACE,aAAc,CACd,cAAe,CACf,QAAS,CACT,OAAQ,CACR,0BACF,CAMF,6FACE,aACF,CAEE,qJACE,YACF,CAIJ,wCACE,UAAY,CACZ,mBACF,CAGE,2CAOE,kDAAoD,CANpD,UAAW,CAEX,aAAc,CAEd,UAAW,CADX,gBAAiB,CAEjB,6BAA8B,CAJ9B,mBAMF,CAGF,6BAGE,QAAS,CAGT,mBAAoB,CALpB,iBAAkB,CAGlB,OAAQ,CACR,0BAA2B,CAH3B,SAKF,CAEA,8BACE,gBACF,CAIA,qDACE,aACF,CACA,qIAEE,sBAAuB,CACvB,aAIF,CAHE,6JACE,YACF,CC5NN,MACE,kBAAmB,CACnB,yBAA0B,CAC1B,wBACF,CAEA,yBAOE,wOAGM,CARN,gCAAiC,CACjC,8BAA+B,CAC/B,wDAA0D,CAH1D,WAAY,CAIZ,YAAa,CACb,eA4CF,CAtCE,6BAIE,gCAAiC,CACjC,iVAIuE,CANvE,oCAAqC,CADrC,WAAY,CADZ,eASF,CAEA,oCACE,uCACF,CAEA,mCACE,sCACF,CAEA,oFAGE,gDAAyC,CAAzC,wCAAyC,CAGzC,uEAAiH,CAJjH,UAAW,CAEX,aAAc,CACd,WAEF,CAEA,wCAEE,gFAKC,CAND,UAOF,CAGF,+BACE,GACE,0BACF,CACA,IACE,0BACF,CACA,GAEE,0BACF,CACF,CAXA,uBACE,GACE,0BACF,CACA,IACE,0BACF,CACA,GAEE,0BACF,CACF,CCrEA,MACE,iBAAkB,CAClB,kBAAmB,CACnB,0DAA2D,CAC3D,iBAAkB,CAClB,2DACF,CAEA,wBACE,eAAgB,CAChB,uBAAwB,CACxB,oBAAqB,CAErB,YAAa,CAGb,WAAY,CAJZ,QAAS,CAGT,SAAU,CADV,cAsEF,CAlEE,8BAGE,kBAAmB,CADnB,mBAAoB,CADpB,mBAAoB,CAIpB,6BAA8B,CAD9B,iBAyBF,CAtBE,qCASE,kBAAmB,CAEnB,gBAAiB,CACjB,4BAA6B,CAF7B,iBAAkB,CAGlB,6HAAiI,CACjI,qBAAsB,CAbtB,UAAW,CAIX,oBAAqB,CAErB,wBAAyB,CAHzB,+BAAkC,CAIlC,gCAAiC,CANjC,iBAAkB,CAClB,KAAM,CAYN,cAAgB,CAThB,uBAUF,CAEA,2CACE,8BAA+B,CAC/B,4HACF,CAKE,4CAQE,kBAAmB,CAEnB,0BAA2B,CAD3B,iBAAkB,CAElB,uEAA0E,CAC1E,qBAAsB,CAXtB,UAAW,CACX,aAAc,CAEd,yBAA0B,CAE1B,sDAAyD,CACzD,iBAAkB,CAFlB,8BAA+B,CAF/B,wBAUF,CAKF,4CACE,uBACF,CAIA,uCACE,mBAAoB,CACpB,UACF,CAEA,4DACE,UACF,CClFJ,MAEE,wBAAyB,CACzB,wBAAyB,CAEzB,wBAAyB,CACzB,wBAAyB,CAEzB,iEAAoE,CACpE,kEACF,CAEA,wCACE,UAkLF,CAhLE,mDACE,WACF,CAEA,+CACE,0BACF,CAGE,uDACE,yBACF,CAEA,yDACE,yBACF,CAGF,8CAIE,gCAAiC,CAHjC,gCAAiC,CACjC,8BAA+B,CAC/B,0BA8CF,CA3CE,uDACE,wlBAGF,CAEA,yDACE,qkBAGF,CAGE,6DAEE,4kBAEiF,CAHjF,8BAIF,CAEA,+DAEE,yjBAEkF,CAHlF,8BAIF,CAIA,8DAEE,4kBAEiF,CAHjF,8BAIF,CAEA,gEAEE,yjBAEkF,CAHlF,8BAIF,CAIJ,gSAKE,YACF,CAEA,+CAGE,4BA+FF,CA7FE,wDACE,WASF,CAPE,8DACE,+gBACF,CAEA,4DACE,+gBACF,CAGF,0DACE,UASF,CAPE,gEACE,+gBACF,CAEA,8DACE,+gBACF,CAGF,qDAIE,gCAAiC,CAHjC,4BAA6B,CAC7B,8BAA+B,CAC/B,0BA8BF,CA3BE,8DACE,WAWF,CATE,oEAEE,8kBAAwH,CADxH,8BAEF,CAEA,kEAEE,8kBAA0H,CAD1H,8BAEF,CAGF,gEACE,UAWF,CATE,sEAEE,+kBAA2H,CAD3H,8BAEF,CAEA,oEAEE,+kBAA4H,CAD5H,8BAEF,CAIJ,sDAIE,gCAAiC,CAHjC,4BAA6B,CAC7B,8BAA+B,CAC/B,0BA8BF,CA3BE,+DACE,WAWF,CATE,qEAEE,8kBAAwH,CADxH,8BAEF,CAEA,mEAEE,8kBAA0H,CAD1H,8BAEF,CAGF,iEACE,UAWF,CATE,uEAEE,+kBAA2H,CAD3H,8BAEF,CAEA,qEAEE,+kBAA4H,CAD5H,8BAEF,CC3LR,MACE,yfAAqC,CACrC,2CACF,CAEA,oBAME,qBAAsB,CAFtB,4BAA6B,CAC7B,iBAAkB,CAElB,iEAAmE,CACnE,qBAAsB,CANtB,mBAAoB,CADpB,WAAY,CAQZ,eAAgB,CANhB,eAuDF,CA/CE,2CAGE,iCAAkC,CADlC,oCAA4C,CAE5C,2BAA4B,CAH5B,oBAIF,CALA,sCAGE,iCAAkC,CADlC,oCAA4C,CAE5C,2BAA4B,CAH5B,oBAIF,CAEA,0BACE,YACF,CAEA,sCACE,iBACF,CAFA,iCACE,iBACF,CAEA,+BACE,kBA8BF,CA5BE,mDAQE,2CAA6C,CAC7C,oBAAqB,CALrB,eAAgB,CAGhB,eAAgB,CADhB,cAAe,CADf,SAAU,CAJV,iBAAkB,CAElB,SAAU,CADV,OAyBF,CAhBE,0DACE,6CAA+C,CAC/C,oBAAqB,CACrB,eACF,CAEA,yDACE,6CAA+C,CAC/C,oBAAqB,CACrB,eACF,CAEA,iEACE,uBAAwB,CACxB,mBACF,CAKN,iBAEE,oBAAqB,CADrB,iBAEF,CCpEA,MAEE,eAAgB,CAChB,eAAgB,CAChB,mbAAiD,CACjD,6YAAyD,CACzD,iaAA0D,CAC1D,yRAA4D,CAC5D,4UAAsD,CACtD,sQAA8D,CAC9D,sUAA+D,CAC/D,kOACF,CAEA,wBACE,uBAAwB,CACxB,oBAAqB,CACrB,eAAgB,CAEhB,sBAAuB,CACvB,gBAAiB,CAFjB,UAyDF,CArDE,sCACE,uBACF,CAEA,8CACE,uBAAwB,CAGxB,6BAA8B,CAE9B,mCAAoC,CAJpC,sBAAuB,CAGvB,0BAA2B,CAF3B,qBAYF,CAPE,oDACE,+BACF,CAEA,qDACE,+BACF,CAGF,0CAGE,6BAA8B,CAC9B,QAAS,CACT,eAAgB,CAChB,mCAAoC,CALpC,sBAAuB,CACvB,qBAaF,CAPE,gDACE,+BACF,CAEA,iDACE,+BACF,CAGF,uDAGE,4BAA6B,CAE7B,8DAAiE,CADjE,qBAAsB,CAFtB,UAAW,CADX,UAKF,CAEA,0CAGE,4BAA6B,CAE7B,8DAAiE,CADjE,qBAAsB,CAFtB,UAAW,CADX,UAKF,CAIA,gEACE,8BAA+B,CAC/B,qCAAsC,CACtC,wCASF,CAPE,sEACE,gCACF,CAEA,uEACE,gCACF,CAGF,4DACE,8BAA+B,CAC/B,mCAAoC,CACpC,wBASF,CAPE,kEACE,gCACF,CAEA,mEACE,gCACF,CAKF,uDACE,+BACF,CAEA,mDACE,+BACF,CAGE,yEACE,gCACF,CAEA,qEACE,gCACF,CAIJ,mBACE,oBAAqB,CAErB,YAAa,CACb,yBAA0B,CAF1B,SA6BF,CAzBE,qCAEE,UAAW,CACX,oBAAqB,CAErB,qDAAsD,CADtD,qBAAsB,CAHtB,WAaF,CAPE,2DACE,qCACF,CAEA,uDACE,oCACF,CAIA,6EACE,oDACF,CAEA,yEACE,iDACF,CC5JJ,6BAEE,gqFAA4C,CAI5C,iBAAkB,CADlB,oBAAqB,CADrB,WAAY,CADZ,UAQF,CAHE,6CACE,soMACF,CCVF,MACE,gBACF,CAOA,yBAKE,YAAa,CADb,oBAAqB,CAFrB,eAAkB,CAIlB,gBAAiB,CALjB,iBAAkB,CAElB,aAgEF,CA3DE,gCAEE,eAAgB,CAGhB,UAAW,CADX,aAAc,CAGd,eAAgB,CANhB,eAAgB,CAKhB,oBAAqB,CAHrB,SAgDF,CA1CE,oDAGE,2BAA4B,CAE5B,eAAgB,CADhB,eAAgB,CAFhB,sBAAyB,CADzB,kBAAmB,CAKnB,iBAAkB,CAClB,SAsBF,CApBE,qHAEE,YACF,CAEA,0DACE,4BACF,CAEA,gLAIE,sBAAe,CAAf,cAAe,CADf,4BAEF,CAEA,kEACE,uBAAwB,CACxB,mBACF,CAGF,uCACE,eACF,CAEA,sCACE,YACF,CAEA,yCACE,UACF,CAIA,0CACE,WAAY,CACZ,iBACF,CAIJ,sBAGE,2BAA4B,CAC5B,gCAAiC,CAFjC,UAAW,CAKX,iBAAkB,CANlB,YAAa,CAIb,iBAAkB,CAClB,SAEF,CCrFE,yHAKE,WACF,CAGF,wIAWE,qBAAsB,CAFtB,4CAA6C,CAC7C,iBAAkB,CADlB,kBAA6C,CAA7C,gBAA6C,CAG7C,qBAAsB,CANtB,mBAAoB,CACpB,mBAAoB,CAMpB,2BAiBF,CAfE,4KACE,4CAA6C,CAC7C,2BACF,CAEA,4KAEE,4CAA6C,CAD7C,YAEF,CAEA,8LAGE,4BAA6B,CAF7B,oBAAqB,CACrB,+BAEF,CCvCF,MACE,iBAAkB,CAClB,iBACF,CAEA,mBAEE,aAAc,CADd,mBAAoB,CAEpB,QAAS,CACT,qCA8EF,CA5EE,sBACE,oBAAqB,CACrB,cAAe,CACf,iBACF,CAEA,qBAEE,UAAW,CADX,oBAEF,CAEA,sBACE,cAAe,CACf,8BACF,CAEA,iCACE,eAAgB,CAChB,gCACF,CAII,8IAEE,YACF,CAEA,8DAOE,6EAAgF,CAChF,wBAAyB,CACzB,iBAAkB,CAClB,aAAc,CATd,eAAgB,CAUhB,aAAc,CACd,eAAiB,CANjB,yBAA0B,CAH1B,kCAAuC,CAUvC,iEAA0E,CAE1E,QAAS,CAXT,WAAY,CAUZ,iBAAkB,CAZlB,oCAAuC,CAGvC,wBAWF,CAGF,oEACE,eAAgB,CAChB,cACF,CAIA,oCACE,iBAmBF,CAjBE,2CAME,2BAA4B,CAL5B,UAAW,CAIX,sCAAuC,CADvC,uBAAwB,CAFxB,iBAAkB,CAClB,KAIF,CAEA,8CAME,6BAA8B,CAL9B,UAAW,CACX,iBAAkB,CAElB,uCAA0C,CAD1C,sBAAuB,CAEvB,+BAEF,CCpFN,MACE,gBAAoB,CACpB,kBAAsB,CACtB,iBACF,CAEA,QACE,sBAAuB,CACvB,oBAWF,CATE,sBACE,mCACF,CAEA,4BAEE,wBAAyB,CACzB,yBACF,CAGF,mBAEE,oBAAqB,CADrB,mBAAoB,CAEpB,eAAmB,CACnB,eAMF,CAJE,2BAEE,uBAAwB,CADxB,cAEF,CAGF,cACE,mBAAoB,CACpB,eAYF,CAVE,uBAGE,oBAAqB,CAFrB,wCAA+C,CAC/C,cAEF,CAEA,oBAEE,uBAAwB,CADxB,cAEF,CC9CF,MAEE,gBAAiB,CACjB,mBAAoB,CACpB,cAAe,CACf,iBAAkB,CAClB,mhBA6B2C,CAC3C,kFAAuF,CACvF,qBAAsB,CACtB,gBAAiB,CACjB,iCAAkC,CAClC,0FAA+F,CAC/F,8GAAqH,CACrH,8GAAqH,CACrH,8LAEF,CAEA,cAGE,+BAAgC,CAChC,6BAA8B,CAF9B,gEAAkE,CADlE,mBAAoB,CAIpB,iBAAkB,CAClB,SAwHF,CAtHE,qBASE,0FAA8F,CAC9F,+BAAgC,CAFhC,6BAA8B,CAG9B,gCAAiC,CAVjC,UAAW,CAMX,WAAY,CAFZ,MAAO,CAHP,iBAAkB,CAElB,KAAM,CAEN,UAAW,CAHX,UASF,CAEA,mBAIE,4BAA6B,CAD7B,+BAAgC,CAEhC,0BAA2B,CAJ3B,wBAAyB,CACzB,YAYF,CAPE,6BACE,yBACF,CAEA,uBACE,iCACF,CAGF,0CAIE,4BAA6B,CAE7B,+BAAa,CAAb,YAAa,CACb,+BAAkC,CALlC,wBAAyB,CACzB,2CAA8C,CAM9C,YAAa,CADb,iBAYF,CATE,wDAOE,kDAAoD,CANpD,UAAW,CAKX,UAAW,CAFX,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,UAGF,CAIA,qCACE,eACF,CAEA,sEAEE,eAAgB,CAChB,8EAKF,CAHE,oFACE,YACF,CAKF,2BACE,UAEF,CAEA,0BAUE,iCAA0B,CAA1B,yBAA0B,CAD1B,WAAY,CADZ,6BAA8B,CAP9B,UAAW,CAMX,WAAY,CAFZ,MAAO,CAHP,iBAAkB,CAElB,KAAM,CAEN,UAAW,CAHX,WAQF,CAEA,+BACE,4BAA6B,CAC7B,2BACF,CAGF,yBACE,QAAS,CACT,uEACF,CAEA,uBACE,iBACF,CAEA,2BAIE,QAAS,CAGT,SAAU,CANV,cAAe,CAEf,OAAQ,CAER,8BAAgC,CAGhC,uBAAyB,CACzB,sCAAwC,CAHxC,iBAAkB,CAJlB,WAaF,CAJE,kCAEE,SAAU,CADV,kBAEF,CAIJ,iBASE,kBAAmB,CACnB,2BAA4B,CAC5B,+BAAgC,CARhC,+BAAgC,CAChC,iDAAkD,CAFlD,gCAAiC,CAKjC,YAAa,CANb,mBAAoB,CAOpB,6BAA8B,CAH9B,yBAA0B,CAC1B,aA0SF,CAnSE,sBACE,UAAW,CACX,gBAAiB,CACjB,gBAAiB,CACjB,6BAA8B,CAC9B,2HACF,CAEA,0BAEE,gBAAiB,CAEjB,iCAAa,CACb,qDAAsD,CADtD,YAAa,CAEb,qDAAwD,CALxD,YAyGF,CAlGE,iCAUE,eAAgB,CALhB,QAAS,CAET,eAAgB,CADhB,uCAAwC,CAExC,eAAgB,CAChB,qBAAsB,CANtB,eAAgB,CADhB,cAAe,CAEf,SAAU,CAHV,iBAgGF,CArFE,uCACE,YACF,CAEA,+EAGE,eACF,CAGE,iDACE,UACF,CAGF,wCAOE,eAAgB,CAHhB,QAAS,CAIT,gCAAiC,CAPjC,UAAW,CAIX,MAAO,CAIP,SAAU,CAPV,iBAAkB,CAIlB,OAAQ,CAHR,KAOF,CAEA,oDAEE,SAAU,CADV,eAEF,CAIE,iHACE,8RACF,CAKA,iHACE,sVACF,CAKA,yGACE,sRACF,CAKA,+GACE,8YACF,CAGF,6FAEE,cAKF,CAHE,2GACE,0YACF,CAGF,iGAEE,2CACF,CAEA,+FAEE,QAAS,CACT,4CACF,CAEA,uCAEE,sBAAe,CAAf,cAAe,CADf,YAEF,CAOF,gGACE,2BAyKF,CAvKE,8GACE,2BAA4B,CAC5B,2BAoKF,CAlKE,0HACE,YACF,CAEA,8RAEE,+SAoBF,CAlBE,0TAGE,iTAAgF,CAChF,2CAA4C,CAF5C,+CAAiD,CADjD,UAAW,CAIX,SAAU,CACV,6BACF,CAEA,osBAEE,SAAU,CACV,6BACF,CAEA,sVACE,iTACF,CAGF,8RAEE,uWAmBF,CAjBE,0TAGE,yWAA2E,CAD3E,+CAAiD,CADjD,UAAW,CAGX,SAAU,CACV,6BACF,CAEA,osBAEE,SAAU,CACV,6BACF,CAEA,sVACE,yWACF,CAGF,8QAEE,uSAmBF,CAjBE,0SAGE,ySAAuE,CADvE,+CAAiD,CADjD,UAAW,CAGX,SAAU,CACV,6BACF,CAEA,oqBAEE,SAAU,CACV,6BACF,CAEA,sUACE,ySACF,CAGF,0RAEE,+ZAmBF,CAjBE,sTAGE,iaAA0E,CAD1E,+CAAiD,CADjD,UAAW,CAGX,SAAU,CACV,6BACF,CAEA,4rBAEE,SAAU,CACV,6BACF,CAEA,kVACE,iaACF,CAGF,kRAEE,kbAA8F,CAC9F,2BAsBF,CApBE,8SAEE,ooBACoL,CAEpL,4CAA6C,CAD7C,+CAAiD,CAHjD,UAAW,CAKX,SAAU,CACV,6BACF,CAEA,4qBAEE,SAAU,CACV,6BACF,CAEA,0UACE,koBAEF,CAIA,kUAEE,2BAQF,CANE,8VAEE,8RAA4D,CAE5D,eAAgB,CAHhB,UAAW,CAEX,UAEF,CAGF,kUAEE,2BAQF,CANE,8VAEE,sVAAuD,CAEvD,eAAgB,CAHhB,UAAW,CAEX,UAEF,CAGF,sTAEE,kDAAoD,CACpD,mCAQF,CANE,kVAEE,0YAAoD,CAEpD,eAAgB,CAHhB,UAAW,CAEX,UAEF,CAQZ,kBAGE,4BAA6B,CAE7B,+BAAa,CAAb,YAAa,CACb,qDAAwD,CACxD,YAAa,CANb,wBAAyB,CACzB,qCAiBF,CAVE,wBACE,8BAA+B,CAG/B,WAAY,CADZ,QAAS,CADT,eAOF,CAHE,mCACE,cACF","file":"7.scoped.css","sourcesContent":["/*! 7.css v0.21.1 - https://khang-nd.github.io/7.css */\n/**\r\n * Core 7.css\r\n * Based on XP GUI.css by Adam Hammad <adamham.dev>\r\n * https://github.com/khang-nd/7.css/blob/main/LICENSE\r\n */\r\n\r\n@import \"_variables.scss\";\r\n@import \"_balloon.scss\";\r\n@import \"_button.scss\";\r\n@import \"_checkbox.scss\";\r\n@import \"_collapse.scss\";\r\n@import \"_combobox.scss\";\r\n@import \"_dropdown.scss\";\r\n@import \"_groupbox.scss\";\r\n@import \"_listbox.scss\";\r\n@import \"_listview.scss\";\r\n@import \"_menu.scss\";\r\n@import \"_progressbar.scss\";\r\n@import \"_radiobutton.scss\";\r\n@import \"_scrollbar.scss\";\r\n@import \"_searchbox.scss\";\r\n@import \"_slider.scss\";\r\n@import \"_spinner.scss\";\r\n@import \"_tabs.scss\";\r\n@import \"_textbox.scss\";\r\n@import \"_treeview.scss\";\r\n@import \"_typography.scss\";\r\n@import \"_window.scss\";\r\n",":root {\r\n /* Naming convention:\r\n * `--w7-<component>-<property>-<state>`\r\n * where:\r\n * <component> is the name of the component (el = element, li = list item, etc.)\r\n * <property> is the property being defined (bg = background, bd = border, c = color, sd = shadow, etc.)\r\n * <state> is the state of the component (d = disabled, h = hovered, a = active, hl = highlighted, etc.)\r\n */\r\n\r\n --w7-font: 9pt \"Segoe UI\", \"SegoeUI\", \"Noto Sans\", sans-serif;\r\n --w7-surface: #f0f0f0;\r\n\r\n --w7-el-bg: #f2f2f2;\r\n --w7-el-bg-d: #f4f4f4;\r\n --w7-el-bg-s-1: #ebebeb; /* element background shade 1 (slightly darker) */\r\n --w7-el-bg-s-2: #cfcfcf; /* element background shade 2 (darker) */\r\n\r\n --w7-el-sd: inset 0 0 0 1px #fffc;\r\n --w7-el-sd-a: inset 1px 1px 0 #0003, inset -1px 1px 0 #0001;\r\n\r\n --w7-el-bd: #8e8f8f;\r\n --w7-el-bd-h: #3c7fb1;\r\n --w7-el-bd-a: #6d91ab;\r\n --w7-el-bd-d: #adb2b5;\r\n --w7-el-bdr: 3px; /* element border radius */\r\n\r\n --w7-el-c: #000000;\r\n --w7-el-c-d: #838383;\r\n\r\n --w7-el-grad: linear-gradient(var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2));\r\n --w7-el-grad-h: linear-gradient(#eaf6fd 45%, #bee6fd 45%, #a7d9f5);\r\n --w7-el-grad-a: linear-gradient(#e5f4fc, #c4e5f6 30% 50%, #98d1ef 50%, #68b3db);\r\n\r\n --w7-li-bd-hl: #aaddfa;\r\n --w7-li-bg-hl: linear-gradient(#fff9, #e6ecf5cc 90%, #fffc);\r\n}\r\n",":root {\r\n /* blt = balloon tail */\r\n --w7-bl-bd: #0006;\r\n --w7-blt-size: 18px;\r\n --w7-blt-offset: 1em;\r\n}\r\n\r\n[role=\"tooltip\"] {\r\n position: relative;\r\n padding: 1em 1em 1em 2.5em;\r\n border: 1px solid var(--w7-bl-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: 5px 5px 3px -3px var(--w7-bl-bd);\r\n background: linear-gradient(to bottom, #fff, var(--w7-el-bg-s-1));\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n background: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.5V19.5H18.5L0.5 1.5Z' fill='%23fff' stroke='%23fff'/%3E%3Cpath d='M1 19.5H0.5V1.5L18.5 19.5H18' stroke='%23939393'/%3E%3C/svg%3E\");\r\n width: var(--w7-blt-size);\r\n height: var(--w7-blt-size);\r\n top: calc(var(--w7-blt-size) * -1);\r\n left: var(--w7-blt-offset);\r\n }\r\n\r\n &[id] {\r\n position: absolute;\r\n }\r\n\r\n &.is-top {\r\n &::before {\r\n background: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.5V19.5H18.5L0.5 1.5Z' fill='%23ebebeb' stroke='%23ddd'/%3E%3Cpath d='M1 19.5H0.5V1.5L18.5 19.5H18' stroke='%23939393'/%3E%3C/svg%3E\");\r\n bottom: calc(var(--w7-blt-size) * -1);\r\n top: unset;\r\n transform: scale(-1);\r\n }\r\n\r\n &.is-right {\r\n &::before {\r\n transform: scaleY(-1);\r\n }\r\n }\r\n }\r\n\r\n &.is-left {\r\n &::before {\r\n left: unset;\r\n right: var(--w7-blt-offset);\r\n }\r\n\r\n &.is-bottom {\r\n &::before {\r\n transform: scaleX(-1);\r\n }\r\n }\r\n }\r\n}\r\n","button,\r\n[role=\"button\"],\r\ninput[type=\"file\"]::file-selector-button {\r\n font: var(--w7-font);\r\n box-sizing: border-box;\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n color: #222;\r\n min-width: 75px;\r\n min-height: 23px;\r\n padding: 0 12px;\r\n text-align: center;\r\n background: var(--w7-el-grad);\r\n position: relative;\r\n z-index: 0;\r\n}\r\n\r\nbutton,\r\n[role=\"button\"] {\r\n /* Button style on hovered */\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n margin: 0;\r\n top: 0;\r\n left: 0;\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background: var(--w7-el-grad-h);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n z-index: -1;\r\n }\r\n\r\n /* Button style on clicked */\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n margin: 0;\r\n top: 0;\r\n left: 0;\r\n box-shadow: var(--w7-el-sd-a);\r\n border-radius: 2px;\r\n background: var(--w7-el-grad-a);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n z-index: -1;\r\n }\r\n\r\n &:disabled {\r\n background: var(--w7-el-bg-d);\r\n border-color: var(--w7-el-bd-d);\r\n color: var(--w7-el-c-d);\r\n }\r\n\r\n &:not(:disabled) {\r\n /* Animation when hovered */\r\n &:hover {\r\n border-color: var(--w7-el-bd-h);\r\n transition: border-color 0.3s;\r\n\r\n &::before {\r\n opacity: 1;\r\n transition: opacity 0.3s;\r\n }\r\n }\r\n\r\n /* Animation when unhovered */\r\n &:not(:hover) {\r\n border-color: var(--w7-el-bd);\r\n transition: border-color 1s linear;\r\n\r\n &::before {\r\n opacity: 0;\r\n transition: opacity 1s linear;\r\n }\r\n }\r\n\r\n &:active,\r\n &.active {\r\n border-color: var(--w7-el-bd-a);\r\n transition: border-color 0.3s;\r\n\r\n &::after {\r\n opacity: 1;\r\n transition: opacity 0.3s;\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible,\r\n &.focused {\r\n box-shadow: inset 0 0 0 2px #98d1ef;\r\n outline: 1px dotted #000;\r\n outline-offset: -4px;\r\n }\r\n\r\n &.default,\r\n &:focus,\r\n &.focused {\r\n border-color: #5586a3;\r\n background-image: var(--w7-el-grad-h);\r\n animation: 1s ease infinite alternate pulse-anim;\r\n }\r\n}\r\n\r\nlabel[role=\"button\"] {\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n > input[type=\"file\"] {\r\n display: none;\r\n }\r\n}\r\n\r\n@keyframes pulse-anim {\r\n from {\r\n box-shadow: inset 0 0 3px 1px #34deffdd;\r\n }\r\n to {\r\n box-shadow: inset 0 0 1px 1px #34deffdd;\r\n }\r\n}\r\n",":root {\r\n --w7-cb-size: 14px;\r\n}\r\n\r\ninput[type=\"checkbox\"] {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n font: var(--w7-font);\r\n background: none;\r\n border: none;\r\n margin: 0;\r\n opacity: 0;\r\n\r\n + label {\r\n font: var(--w7-font);\r\n display: inline-flex;\r\n align-items: center;\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: var(--w7-cb-size);\r\n height: var(--w7-cb-size);\r\n margin-right: 6px;\r\n box-sizing: border-box;\r\n background: #f6f6f6;\r\n border: 1px solid var(--w7-el-bd);\r\n box-shadow: inset 0 0 0 1px var(--w7-el-bg-d), inset 1px 1px 0 1px #aeaeae, inset -1px -1px 0 1px #ddd, inset 3px 3px 6px #ccc;\r\n transition: 0.4s;\r\n }\r\n\r\n &:hover::before {\r\n background: #e9f7fe;\r\n border-color: var(--w7-el-bd-h);\r\n box-shadow: inset 0 0 0 1px #def9fa, inset 1px 1px 0 1px #79c6f9, inset -1px -1px 0 1px #c6e9fc, inset 3px 3px 6px #b1dffd;\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n + label {\r\n outline: 1px dotted #000;\r\n }\r\n }\r\n\r\n &:checked {\r\n + label {\r\n &::after {\r\n content: \"\\2714\";\r\n font-weight: bold;\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 2px;\r\n color: #4a5f97;\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n + label {\r\n color: #6d6d6d;\r\n\r\n &::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: var(--w7-cb-size);\r\n height: var(--w7-cb-size);\r\n margin-right: 6px;\r\n background: linear-gradient(to bottom right, #f0f0f0, #fbfbfb);\r\n box-shadow: none;\r\n border: 1px solid #b1b1b1;\r\n }\r\n\r\n &::after {\r\n color: #bfbfbf;\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n /* clc = collapse chevron */\r\n --w7-clc-size: 5px;\r\n}\r\n\r\ndetails {\r\n margin-top: 0;\r\n\r\n > summary {\r\n display: inline;\r\n position: relative;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: calc(50% - var(--w7-clc-size));\r\n right: 100%;\r\n border: var(--w7-clc-size) solid transparent;\r\n border-left-color: #000;\r\n border-radius: 3px;\r\n }\r\n\r\n &::-webkit-details-marker,\r\n &::marker {\r\n display: none;\r\n }\r\n }\r\n\r\n &[open] {\r\n > summary {\r\n &:before {\r\n top: calc(50% - var(--w7-clc-size) / 2);\r\n transform: rotateZ(45deg);\r\n }\r\n }\r\n }\r\n}\r\n",".combobox {\r\n position: relative;\r\n display: inline-block;\r\n\r\n input[type=\"text\"] {\r\n padding-right: 20px;\r\n width: 100%;\r\n }\r\n\r\n button {\r\n position: absolute;\r\n right: 0;\r\n padding: 0;\r\n min-width: 16px;\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n background: url(\"icon/button-down.svg\") center no-repeat, var(--w7-el-grad);\r\n\r\n &::before {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n background: url(\"icon/button-down.svg\") center no-repeat, var(--w7-el-grad-h);\r\n }\r\n\r\n &::after {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n background: url(\"icon/button-down.svg\") center no-repeat, var(--w7-el-grad-a);\r\n }\r\n\r\n &:focus {\r\n box-shadow: none;\r\n outline: none;\r\n }\r\n }\r\n}\r\n","select:not([multiple]) {\r\n font: var(--w7-font);\r\n padding: 2px 3px;\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n box-sizing: border-box;\r\n color: #222;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n position: relative;\r\n padding-right: 30px;\r\n background: url(\"./icon/dropdown-arrow.svg\"), var(--w7-el-grad);\r\n background-position: center right;\r\n background-repeat: no-repeat;\r\n\r\n &:not(:disabled) {\r\n &:hover {\r\n border-color: var(--w7-el-bd-h);\r\n background-image: url(\"./icon/dropdown-arrow.svg\"), var(--w7-el-grad-h);\r\n }\r\n\r\n &:active {\r\n outline: none;\r\n border-color: var(--w7-el-bd-a);\r\n box-shadow: var(--w7-el-sd-a);\r\n background-image: url(\"./icon/dropdown-arrow.svg\"), var(--w7-el-grad-a);\r\n }\r\n\r\n &:focus {\r\n box-shadow: inset 0 0 0 2px #98d1ef;\r\n outline: 1px dotted #000;\r\n outline-offset: -4px;\r\n }\r\n }\r\n\r\n &:disabled {\r\n background: url(\"./icon/dropdown-arrow-disabled.svg\"), var(--w7-el-bg-d);\r\n background-position: center right;\r\n background-repeat: no-repeat;\r\n border-color: var(--w7-el-bd-d);\r\n color: var(--w7-el-c-d);\r\n opacity: 1;\r\n }\r\n}\r\n","fieldset {\r\n border: 1px solid #cdd7db;\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: inset 0 0 0 1px #fff;\r\n margin: 0;\r\n padding: 8px 10px 10px;\r\n\r\n legend {\r\n font: var(--w7-font);\r\n }\r\n}\r\n\r\nfieldset,\r\n.group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.group + .group {\r\n margin-top: 6px;\r\n}\r\n","[role=\"listbox\"],\r\nselect[multiple] {\r\n background: #fff;\r\n border: 1px solid #c0c1cd;\r\n display: block;\r\n font: var(--w7-font);\r\n overflow-y: scroll;\r\n\r\n &.has-shadow {\r\n box-shadow: 4px 4px 3px -2px #999;\r\n }\r\n\r\n &.has-hover {\r\n li:hover {\r\n background-color: #2a90ff;\r\n color: #fff;\r\n }\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n [role=\"option\"],\r\n option {\r\n padding: 2px;\r\n\r\n &[aria-selected],\r\n &:focus {\r\n background-color: #2a90ff;\r\n color: #fff;\r\n }\r\n }\r\n}\r\n",":root {\r\n --w7-lvc-size: 5px;\r\n}\r\n\r\ntable {\r\n font: var(--w7-font);\r\n background-color: #fff;\r\n border: 1px solid #c0c1cd;\r\n\r\n border-collapse: collapse;\r\n position: relative;\r\n text-align: left;\r\n white-space: nowrap;\r\n table-layout: fixed;\r\n\r\n td,\r\n th {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &.has-shadow {\r\n box-shadow: 4px 4px 3px -2px #999;\r\n }\r\n\r\n > thead > tr > * {\r\n background: linear-gradient(to bottom, #fff 45%, #fafafa 45%, #f0f0f0);\r\n border: 1px solid #d7d7d7;\r\n box-sizing: border-box;\r\n font-weight: 400;\r\n height: 22px;\r\n padding: 0 8px;\r\n position: sticky;\r\n top: 0;\r\n cursor: default;\r\n\r\n &.highlighted {\r\n border: 1px solid #a7d8f5;\r\n background: linear-gradient(to bottom, #f3f9fc 45%, #e4f0f8 45%, #d9eaf5);\r\n border-radius: var(--w7-el-bdr);\r\n\r\n &:not(:last-child) {\r\n border-right-color: #a7d8f5;\r\n }\r\n\r\n &.indicator {\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n right: 50%;\r\n top: 0;\r\n width: calc(var(--w7-lvc-size) * 1.2);\r\n height: var(--w7-lvc-size);\r\n background: linear-gradient(to bottom right, #667f91 45%, #90c1e2 65%, #cce3f2);\r\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\r\n }\r\n &.up::before {\r\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n > tbody > tr {\r\n cursor: default;\r\n\r\n &.highlighted {\r\n border: 1px solid var(--w7-li-bd-hl);\r\n background: var(--w7-li-bg-hl);\r\n border-radius: var(--w7-el-bdr);\r\n\r\n > *:not(:last-child) {\r\n border-right: none;\r\n }\r\n }\r\n\r\n > * {\r\n height: 14px;\r\n padding: 2px 8px;\r\n }\r\n\r\n > *:not(:last-child) {\r\n border-right: 1px solid #eee;\r\n }\r\n }\r\n}\r\n",":root {\r\n --w7-mn-left: 28px;\r\n}\r\n\r\nul {\r\n &[role] {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n cursor: default;\r\n }\r\n\r\n &[role=\"menubar\"] {\r\n display: flex;\r\n background: linear-gradient(\r\n #fff 20%,\r\n #f1f4fa 25%,\r\n #f1f4fa 43%,\r\n #d4dbee 48%,\r\n #e6eaf6\r\n );\r\n\r\n > [role=\"menuitem\"] {\r\n position: relative;\r\n padding: 6px 10px;\r\n\r\n &:focus,\r\n &:focus-within,\r\n &:hover {\r\n background: #3399ff;\r\n color: #fff;\r\n outline: none;\r\n ~ [role=\"menuitem\"]:focus,\r\n ~ [role=\"menuitem\"]:focus-within {\r\n background: transparent;\r\n color: inherit;\r\n }\r\n &:has(~ [role=\"menuitem\"]:hover) {\r\n background: transparent;\r\n color: inherit;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &[role=\"menu\"] {\r\n position: relative;\r\n min-width: 150px;\r\n padding: 2px;\r\n background: var(--w7-surface);\r\n color: initial;\r\n border: 1px solid #0006;\r\n box-shadow: 4px 4px 3px -2px #00000080;\r\n\r\n &::before {\r\n content: \"\";\r\n pointer-events: none;\r\n position: absolute;\r\n left: var(--w7-mn-left);\r\n width: 2px;\r\n height: calc(100% - 4px);\r\n box-shadow: inset 1px 0 #00000026, inset -1px 0 #fff;\r\n }\r\n\r\n [role=\"menuitem\"] & {\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n top: 100%;\r\n z-index: 99;\r\n }\r\n\r\n & [role=\"menuitem\"] > [role=\"menu\"] {\r\n top: -4px;\r\n left: 100%;\r\n }\r\n\r\n > [role=\"menuitem\"] {\r\n > a,\r\n > button,\r\n > label,\r\n &[aria-haspopup=\"true\"] {\r\n all: unset;\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n padding: 4px 10px 4px 32px;\r\n box-sizing: border-box;\r\n border: 1px solid transparent;\r\n border-radius: 3px;\r\n white-space: nowrap;\r\n\r\n &:hover,\r\n &:focus-visible {\r\n background: var(--w7-li-bg-hl);\r\n border-color: var(--w7-li-bd-hl);\r\n }\r\n }\r\n\r\n > button {\r\n &:hover::before,\r\n &::after {\r\n content: none;\r\n }\r\n }\r\n\r\n &[aria-haspopup=\"true\"] {\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n right: 2px;\r\n transform: translateY(-50%);\r\n border: 4px solid transparent;\r\n border-left-color: currentColor;\r\n }\r\n }\r\n }\r\n }\r\n\r\n [role=\"menuitem\"] {\r\n position: relative;\r\n\r\n > input[type] {\r\n display: none;\r\n\r\n & + label {\r\n display: block;\r\n position: relative;\r\n\r\n &::before {\r\n all: unset; /* unset the standalone checkbox/radio styles */\r\n background: var(--w7-li-bg-hl);\r\n box-shadow: 0 0 0 1px #b3d3f9;\r\n border-radius: inherit;\r\n box-sizing: border-box;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 22px;\r\n height: 22px;\r\n }\r\n }\r\n\r\n &:checked + label {\r\n &::before {\r\n content: \"\";\r\n }\r\n }\r\n\r\n &[type=\"radio\"]:checked + label {\r\n &::after {\r\n left: 8px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: radial-gradient(circle at 75% 25%, #d5d4ea, #333583);\r\n border: 1px solid #1a1490;\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n &[type=\"checkbox\"]:checked + label {\r\n &::after {\r\n color: #0c12a1;\r\n font-size: 10pt;\r\n left: 6px;\r\n top: 50%;\r\n transform: translateY(-52%);\r\n }\r\n }\r\n }\r\n\r\n &:focus,\r\n &:focus-within {\r\n > [role=\"menu\"] {\r\n display: block;\r\n }\r\n &:has(~ [role=\"menuitem\"]:hover) {\r\n > [role=\"menu\"] {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n &[aria-disabled] {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n }\r\n\r\n &.has-divider {\r\n &::after {\r\n content: \"\";\r\n pointer-events: none;\r\n display: block;\r\n margin: 3px 0 2px;\r\n height: 2px;\r\n margin-left: var(--w7-mn-left);\r\n box-shadow: inset 0 1px #00000026, inset 0 -1px #fff;\r\n }\r\n }\r\n\r\n img {\r\n position: absolute;\r\n z-index: 1;\r\n left: 2px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n }\r\n\r\n span {\r\n margin-left: 32px;\r\n }\r\n }\r\n\r\n &.can-hover [role=\"menuitem\"]:hover {\r\n > [role=\"menu\"] {\r\n display: block;\r\n }\r\n ~ [role=\"menuitem\"]:focus,\r\n ~ [role=\"menuitem\"]:focus-within {\r\n background: transparent;\r\n color: inherit;\r\n > [role=\"menu\"] {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --w7-pg-bg: #0bd82c;\r\n --w7-pg-bg-paused: #e6df1b;\r\n --w7-pg-bg-error: #ef0000;\r\n}\r\n\r\n[role=\"progressbar\"] {\r\n height: 15px;\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: inset 0 0 0 1px #f3f3f388, 0 0 0 1px #eaeaea88;\r\n margin: 2px 0;\r\n overflow: hidden;\r\n background: radial-gradient(circle at 0 50%, #0000001f 10px, transparent 30px),\r\n radial-gradient(circle at 100% 50%, #0000001f 10px, transparent 30px),\r\n linear-gradient(\r\n to bottom,\r\n #f3f3f3af,\r\n #fcfcfcaf 3px,\r\n #dbdbdbaf 6px,\r\n #cacacaaf 6px,\r\n #d5d5d5af\r\n ),\r\n #ddd;\r\n\r\n > div {\r\n overflow: hidden;\r\n height: 100%;\r\n box-shadow: inset 0 0 0 1px #ffffff1f;\r\n background-color: var(--w7-pg-bg);\r\n background-image: linear-gradient(\r\n to bottom,\r\n #f3f3f3af,\r\n #fcfcfcaf 3px,\r\n #dbdbdbaf 6px,\r\n transparent 6px\r\n ),\r\n radial-gradient(circle at 0 50%, #0000002f 10px, transparent 30px),\r\n radial-gradient(circle at 100% 50%, #0000002f 10px, transparent 30px),\r\n linear-gradient(to bottom, transparent 65%, #ffffff55),\r\n linear-gradient(to bottom, transparent 6px, #cacaca33 6px, #d5d5d533);\r\n }\r\n\r\n &.paused > div {\r\n background-color: var(--w7-pg-bg-paused);\r\n }\r\n\r\n &.error > div {\r\n background-color: var(--w7-pg-bg-error);\r\n }\r\n\r\n &.animate > div::before,\r\n &.marquee::before {\r\n content: \"\";\r\n animation: progressbar 3s linear infinite;\r\n display: block;\r\n height: 100%;\r\n background: linear-gradient(\r\n to right,\r\n transparent,\r\n #ffffff80,\r\n transparent 40%\r\n );\r\n }\r\n\r\n &.marquee::before {\r\n opacity: 0.5;\r\n background: linear-gradient(\r\n to right,\r\n transparent,\r\n var(--w7-pg-bg),\r\n transparent 35%\r\n );\r\n }\r\n}\r\n\r\n@keyframes progressbar {\r\n 0% {\r\n transform: translateX(-40%);\r\n }\r\n 60% {\r\n transform: translateX(100%);\r\n }\r\n 100% {\r\n /* for faking delay */\r\n transform: translateX(100%);\r\n }\r\n}\r\n",":root {\r\n --w7-rd-size: 14px;\r\n --w7-rdl-space: 6px; /* rdl = radio label */\r\n --w7-rd-left: calc(var(--w7-rd-size) + var(--w7-rdl-space));\r\n --w7-rdd-size: 8px; /* rdd = radio dot */\r\n --w7-rdd-center: (var(--w7-rd-size) - var(--w7-rdd-size)) / 2;\r\n}\r\n\r\ninput[type=\"radio\"] {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n margin: 0;\r\n background: 0;\r\n position: fixed;\r\n opacity: 0;\r\n border: none;\r\n\r\n + label {\r\n font: var(--w7-font);\r\n display: inline-flex;\r\n align-items: center;\r\n position: relative;\r\n margin-left: var(--w7-rd-left);\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: calc(var(--w7-rd-left) * -1);\r\n display: inline-block;\r\n width: var(--w7-rd-size);\r\n height: var(--w7-rd-size);\r\n margin-right: var(--w7-rdl-space);\r\n background: #f6f6f6;\r\n border-radius: 50%;\r\n border: 1px solid;\r\n border-color: var(--w7-el-bd);\r\n box-shadow: inset 0 0 0 1.5px var(--w7-el-bg-d), inset 1px 1px 0 1.5px #aeaeae, inset -1px 0 0 1.5px #ddd, inset 3px 3px 6px #ccc;\r\n box-sizing: border-box;\r\n transition: 0.4s;\r\n }\r\n\r\n &:hover::before {\r\n border-color: var(--w7-el-bd-h);\r\n box-shadow: inset 0 0 0 1.5px #def9fa, inset 1px 1px 0 1.5px #79c6f9, inset -1px -1px 0 1.5px #c6e9fc, inset 3px 3px 6px #b1dffd;\r\n }\r\n }\r\n\r\n &:checked {\r\n + label {\r\n &::after {\r\n content: \"\";\r\n display: block;\r\n width: var(--w7-rdd-size);\r\n height: var(--w7-rdd-size);\r\n top: calc(var(--w7-rdd-center));\r\n left: calc(-1 * var(--w7-rd-left) + var(--w7-rdd-center));\r\n position: absolute;\r\n background: #7cd3eb;\r\n border-radius: 50%;\r\n border: 1.5px solid #27506d;\r\n box-shadow: inset -1px -1px 0 0.5px #16638f, inset -1px -1px 0 1px #1985c0;\r\n box-sizing: border-box;\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n + label {\r\n outline: 1px dotted #000000;\r\n }\r\n }\r\n\r\n &:disabled {\r\n + label {\r\n filter: grayscale(1);\r\n opacity: 0.6;\r\n }\r\n\r\n &:not(:checked) + label::before {\r\n opacity: 0.5;\r\n }\r\n }\r\n}\r\n",":root {\r\n /* active gradient color stops */\r\n --w7-sb-grad-a-1: #c4e5f6;\r\n --w7-sb-grad-a-2: #98d1ef;\r\n /* hovered gradient color stops */\r\n --w7-sb-grad-h-1: #eaf6fd;\r\n --w7-sb-grad-h-2: #bee6fd;\r\n\r\n --w7-sb-y: linear-gradient(to right, #e5e5e5, var(--w7-surface) 20%);\r\n --w7-sb-x: linear-gradient(to bottom, #e5e5e5, var(--w7-surface) 20%);\r\n}\r\n\r\n.has-scrollbar::-webkit-scrollbar {\r\n width: 16px;\r\n\r\n &:horizontal {\r\n height: 17px;\r\n }\r\n\r\n &-corner {\r\n background: var(--w7-el-bg);\r\n }\r\n\r\n &-track {\r\n &:vertical {\r\n background: var(--w7-sb-y);\r\n }\r\n\r\n &:horizontal {\r\n background: var(--w7-sb-x);\r\n }\r\n }\r\n\r\n &-thumb {\r\n border: 1px solid var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background-color: var(--w7-el-bg);\r\n\r\n &:vertical {\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(to right, var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2));\r\n }\r\n\r\n &:horizontal {\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(to bottom, var(--w7-el-bg) 45%, var(--w7-el-bg-s-1) 45%, var(--w7-el-bg-s-2));\r\n }\r\n\r\n &:hover {\r\n &:vertical {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n\r\n &:horizontal {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n }\r\n\r\n &:active {\r\n &:vertical {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n\r\n &:horizontal {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC\")\r\n no-repeat center,\r\n linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n }\r\n }\r\n\r\n &-button:horizontal:start:increment,\r\n &-button:horizontal:end:decrement,\r\n &-button:vertical:start:increment,\r\n &-button:vertical:end:decrement {\r\n /* https://stackoverflow.com/a/67476494/3916702 */\r\n display: none;\r\n }\r\n\r\n &-button {\r\n /* Add an invisible border to prevent shifting\r\n when hovering the scrollbar buttons */\r\n border: 1px solid transparent;\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n background: url(\"./icon/button-up.svg\"), var(--w7-sb-y);\r\n }\r\n\r\n &:end {\r\n background: url(\"./icon/button-down.svg\"), var(--w7-sb-y);\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n background: url(\"./icon/button-left.svg\"), var(--w7-sb-x);\r\n }\r\n\r\n &:end {\r\n background: url(\"./icon/button-right.svg\"), var(--w7-sb-x);\r\n }\r\n }\r\n\r\n &:hover {\r\n border-color: var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background-color: var(--w7-el-bg);\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-up.svg\"), linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-down.svg\"), linear-gradient(to right, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-left.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-h);\r\n background: url(\"./icon/button-right.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-h-1) 45%, var(--w7-sb-grad-h-2) 45%);\r\n }\r\n }\r\n }\r\n\r\n &:active {\r\n border-color: var(--w7-el-bd);\r\n border-radius: var(--w7-el-bdr);\r\n box-shadow: var(--w7-el-sd);\r\n background-color: var(--w7-el-bg);\r\n\r\n &:vertical {\r\n height: 17px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-up.svg\"), linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-down.svg\"), linear-gradient(to right, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n }\r\n\r\n &:horizontal {\r\n width: 16px;\r\n\r\n &:start {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-left.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n\r\n &:end {\r\n border-color: var(--w7-el-bd-a);\r\n background: url(\"./icon/button-right.svg\"), linear-gradient(to bottom, var(--w7-sb-grad-a-1) 45%, var(--w7-sb-grad-a-2) 45%);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",":root {\r\n --w7-s-icon: url(\"./icon/search.svg\");\r\n --w7-s-bg: var(--w7-s-icon) no-repeat center;\r\n}\r\n\r\n[type=\"search\"] {\r\n height: 24px;\r\n font: var(--w7-font);\r\n padding: 3px 6px;\r\n border: 1px solid transparent;\r\n border-radius: 2px;\r\n background-color: #fff;\r\n box-shadow: inset 1px 1px 0 var(--w7-el-bd), inset -1px -1px 0 #ccc;\r\n box-sizing: border-box;\r\n min-width: 187px;\r\n\r\n &:placeholder-shown {\r\n background-size: 14px;\r\n background-position: calc(100% - 8px) center;\r\n background-image: var(--w7-s-icon);\r\n background-repeat: no-repeat;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &::placeholder {\r\n font-style: italic;\r\n }\r\n\r\n .searchbox & {\r\n padding-right: 26px;\r\n\r\n & + [aria-label=\"search\"] {\r\n position: absolute;\r\n top: 1px;\r\n right: 1px;\r\n border-radius: 0;\r\n padding: 0;\r\n min-width: 26px;\r\n min-height: 22px;\r\n background: var(--w7-s-bg), var(--w7-el-grad);\r\n background-size: 14px;\r\n\r\n &::before {\r\n background: var(--w7-s-bg), var(--w7-el-grad-h);\r\n background-size: 14px;\r\n border-radius: 0;\r\n }\r\n\r\n &::after {\r\n background: var(--w7-s-bg), var(--w7-el-grad-a);\r\n background-size: 14px;\r\n border-radius: 0;\r\n }\r\n\r\n &:focus-visible {\r\n outline: 1px dotted #000;\r\n outline-offset: -4px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.searchbox {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n",":root {\r\n /* sdt = slider thumb */\r\n --w7-sdt-w: 10px;\r\n --w7-sdt-h: 18px;\r\n --w7-sdt-icon: url(\"./icon/slider-indicator.png\");\r\n --w7-sdt-icon-h: url(\"./icon/slider-indicator-hover.png\");\r\n --w7-sdt-icon-a: url(\"./icon/slider-indicator-active.png\");\r\n --w7-sdt-icon-d: url(\"./icon/slider-indicator-disabled.png\");\r\n --w7-sdt-iconb: url(\"./icon/slider-indicator-box.png\");\r\n --w7-sdt-iconb-h: url(\"./icon/slider-indicator-box-hover.png\");\r\n --w7-sdt-iconb-a: url(\"./icon/slider-indicator-box-active.png\");\r\n --w7-sdt-iconb-d: url(\"./icon/slider-indicator-box-disabled.png\");\r\n}\r\n\r\ninput[type=\"range\"] {\r\n -webkit-appearance: none;\r\n -moz-appear