@it-holding-ui/atomic 9.12.5 → 9.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +1 -1
  2. package/build/atomic/src/ITHItem/ITHItem.d.ts +1 -1
  3. package/build/atomic/src/ITHPopover/ITHPopover.d.ts +1 -1
  4. package/build/atomic/src/ITHSearchbar/ITHSearchbar.d.ts +1 -1
  5. package/build/atomic/src/ITHSheet/ITHSheet.d.ts +1 -1
  6. package/build/css/main.css +1 -1
  7. package/build/css/main.css.map +1 -1
  8. package/build/index.js +11336 -1
  9. package/build/index.js.map +1 -1
  10. package/package.json +5 -5
package/build/css/main.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"css/main.css","mappings":"AA4fI,4BACI,aAEA,mCACI,uBCLZ,UACI,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,wBAAyB,CACzB,2BAA4B,CAC5B,+BAAgC,CAChC,mBAAoB,CACpB,wBAAyB,CAEzB,eAEA,cAtdA,4BAud+B,CAnc/B,YArBA,oBAoBA,UACA,CAlBA,mBAEI,aADA,mBACA,CAudJ,iBACI,iBACA,qBArDJ,oCAmDA,iBAKQ,kDAGJ,qBACI,8BC3BJ,yBAlaJ,eAGA,oBAmaI,kDAraJ,8BAFA,gBAGA,gBASA,CA2ZI,yBA7ZJ,cAEA,CA+ZI,uBAzZJ,eAEA,gBACA,CA0ZI,8CA5ZJ,8BAFA,gBAIA,oBASA,CAiZI,uBApZJ,eAEA,gBACA,CAqZI,yBA9YJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAgZI,uBAvYJ,qBA2YI,8CA7YJ,8BADA,eADA,gBAGA,gBASA,CAuYI,uBAhYJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAkYI,yBAzXJ,gBAAe,CADf,gBACA,CA6XI,gDA/XJ,8BADA,eADA,eAaA,CAoXI,uBApXJ,qBADA,gBACA,CAwXI,yBAlXJ,eADA,eAIA,CAmXI,iDArXJ,8BAEA,gBAAe,CADf,gBAUA,CA0WI,wBA7WJ,eADA,eAIA,CA8WI,wBAxWJ,eAEA,gBACA,CA0WI,kDA5WJ,8BAFA,gBAIA,gBAUA,CAoWI,sDAvWJ,eAEA,gBAUA,CA2VI,4BA7VJ,kBAFA,gBAIA,iBA+VI,0BAvVJ,kBAHA,eAKA,CAyVI,oDA5VJ,8BADA,eAIA,qBADA,gBAUA,CAgVI,0BApVJ,eAIA,CAoVI,0BA7UJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAgVI,sBAxUJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CA0UI,sBAnUJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAqUI,wBAhUJ,eAGA,CAiUI,8CAlUJ,8BADA,eAEA,gBASA,CAwTI,sBA5TJ,gBAIA,iBA4TI,wBArTJ,8BADA,eADA,gBAIA,oBADA,gBACA,CAuTI,sBAhTJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAkTI,sBA1SJ,gBACA,CA6SI,4CA/SJ,8BADA,eADA,gBAIA,mBASA,CAoSI,sBArSJ,gBACA,CAwSI,sBAjSJ,8BADA,eADA,gBAIA,oBADA,gBACA,CAqSI,2BA7RJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAmSI,oDA5RJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBAUA,CAqRI,yBA9QJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAgRI,2BAzQJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CA4QI,yBApQJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAsQI,2BAjQJ,eAIA,CAiQI,oDAnQJ,8BADA,eAGA,gBAAe,CADf,gBAUA,CAwPI,yBA5PJ,eAIA,CA4PI,8BAnPJ,qBAuPI,uDAzPJ,8BADA,eADA,gBAGA,gBAUA,CA8OI,yBA9OJ,qBAkPI,yBA5OJ,eADA,eAIA,CA6OI,mDA/OJ,8BAEA,gBAAe,CADf,gBAUA,CAoOI,0BAvOJ,eADA,eAIA,CA0OI,0BAjOJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAqOI,0BA5NJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAgOI,8BAvNJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CCmCJ,sBACI,mBAAqB,CAIrB,mBAKA,+BACA,kCACA,wCARA,aAIA,0BAFA,uBAGA,gBANA,kBAIA,uBAKA,CAEA,0BACI,kBAAmB,CACnB,mBAAoB,CAGxB,8BAII,6BACA,YAEA,eALA,YAMA,SAAQ,CAFR,aAHA,UAFA,UAOA,CAGJ,8BACI,WAGJ,mCAGI,YAFA,kBACA,UACA,CAEA,yCAEI,YADA,UACA,CAIR,4BAII,mBAFA,aACA,sBAFA,iBAGA,CAGJ,kCACI,mDAGJ,wCAEI,0BADA,qBACA,uBAGJ,sCAngBA,oBAqgBI,YAtgBJ,oBAqgBI,UAG2B,CArgB/B,2CAEI,aADA,mBACA,CCkcR,UAxbI,mBADA,aAEA,uBCubJ,0BAEI,aADA,WACA,CCFJ,yBAKI,wCAFA,0BACA,gBAHA,kBACA,uBAGA,CAEA,mCACI,eAGJ,gCACI,gCAGJ,wCACI,wBAAyB,CACzB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CACnB,eAAgB,CAChB,iBAAkB,CAClB,eAAgB,CAMhB,YAHA,sBACA,qBAGA,QAAO,CALP,kBAGA,UAEA,CAIA,uEACI,aAIA,6EACI,cAKZ,gCAEI,YACA,qCAFA,UAEA,CAGJ,mDAGI,qCADA,QAEA,WAHA,iBAGA,CAGJ,sCAEI,YADA,UACA,CC3DR,iBACI,kBAAmB,CACnB,mBAAoB,CACpB,yBAA0B,CAE1B,aACA,eACA,SAEA,qBACI,gBAGJ,uBACI,iBAAkB,CAClB,kBAAmB,CAEnB,QCfR,cACI,qBACA,WAJY,CAMZ,wBACI,wBAAyB,CACzB,4CAA6C,CAC7C,sCAAuC,CACvC,8CAA+C,CAC/C,mBAAoB,CACpB,YAEA,SACA,aAEA,iCACI,6BAA8B,CAGlC,oCACI,qBAGJ,yCACI,gBC1BZ,mBACI,wBAAyB,CACzB,iCAAkC,CAClC,0BAA2B,CAC3B,8BAA+B,CAC/B,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,wBAAyB,CACzB,2BAA4B,CAE5B,qCACI,YAIA,yCACI,+CAGJ,uCACI,yCAIR,0BACI,SAGJ,2BACI,qBAGJ,+BACI,mBAGJ,0BAEI,uBADA,SACA,CAGJ,yBAEI,qBADA,SACA,CC/CR,gBACI,gBAEA,sBACI,aACA,eACA,QAEA,6BAKI,wBAJA,iBACA,SACA,kBACA,6BAEA,qBAEA,gDACI,aAKZ,sBACI,sBAGJ,+BAEI,mBACA,uBAFA,YAEA,CC7BR,UACI,wBAAyB,CACzB,2BAA4B,CAC5B,uBAAwB,CAUxB,mBARA,oBAGA,aAEA,SAHA,eAEA,gBAGA,kBADA,wBAGA,4CACA,qCACA,gEAVA,kEAUA,CA9CA,oCA8BJ,UAmBQ,wBAAyB,CAEzB,iCAGJ,iBACI,oCAAqC,CACrC,0BAA2B,CAE3B,yBAGJ,uBACI,iBAGJ,qBACI,+CAGJ,gBA/dA,mBAseI,kBAveJ,aAoeI,YAleJ,uBAmeI,eACA,oBAHA,UAIA,CAGJ,gBACI,gBAGJ,yBAMI,yBAFA,mBADA,aA1eJ,YA4eI,uBACA,wBA9eJ,UA8eI,CAGJ,iBApgBA,mBAqgB+B,CAG3B,YACA,QAAO,CA1gBX,oBAwgBI,UAEA,CAvgBJ,sBAEI,aADA,mBACA,CCkcR,kBAOI,8EAJA,kBACA,UAGA,CArdA,sCAEI,sBAqdJ,0BAII,8CAA+C,CAC/C,0CAA2C,CAC3C,0CAA2C,CAC3C,gDAAiD,CACjD,wCAAyC,CAgBzC,2CACA,uCARA,gBAEA,6BAOA,oCAVA,sBAlQJ,8BADA,eADA,gBAiQI,yBAQA,oBACA,qBAvQJ,iBA+PI,SAMA,aALA,UAQA,uDAEA,sCADA,0CAdA,kBAEA,WADA,UAeA,CAEA,qCACI,wBAGJ,oCACI,gHAKJ,mCACI,qBAIR,yBAEI,oBACA,oBAAmB,CAFnB,iBAEA,CCvDR,sBACI,iBAEA,gCACI,kBAldJ,8CAEI,sBAqdJ,+BAGI,sBAIA,mCANA,aACA,eAGA,iBACA,gBAEA,YAJA,UAIA,CAxfJ,kDAGI,WAFA,kBACA,SACA,CAIJ,wDACI,wBATwB,CAa5B,wDACI,qBACA,+BACA,mBAIJ,8DACI,qBAueA,yCACI,oBAIR,qCAII,mBAFA,oBACA,YAGA,YADA,eAEA,UANA,kBAOA,uBAEA,mDAEI,YADA,cACA,CAIR,6BAII,eAIA,aAAY,CAHZ,SAEA,aADA,gBALA,4BAEA,WADA,UAMA,CAEA,mCAzPJ,8BADA,eADA,gBAIA,oBADA,iBA4PQ,eAEA,SAAQ,CADR,gBAFA,UAGA,CAIR,4BACI,2BAA4B,CAE5B,SChER,MACI,8BAA+B,CAC/B,4BAA6B,CAC7B,4BAA6B,CAC7B,8BAA+B,CAC/B,2BAA4B,CAC5B,8BAA+B,CAC/B,2BAA4B,CAC5B,4BAA6B,CAOjC,WACI,8CAA+C,CAC/C,+CAAgD,CAIhD,oFADA,UACA,CAEA,qCAJA,iBAKI,CAEA,oCACI,eAIR,6BAEI,wDAA0D,CAC1D,oDAAsD,CACtD,oDAAsD,CACtD,0DAA4D,CAGhE,4GAGI,2BAA4B,CAC5B,uBAAwB,CACxB,0BAA2B,CAG3B,8CAA+C,CAC/C,0CAA2C,CAC3C,0CAA2C,CAC3C,gDAAiD,CACjD,oBAAqB,CAQrB,gCACA,mBALA,sBAMA,oCAtSJ,8BADA,eADA,gBAGA,iBAiSI,SADA,mCAEA,gBAIA,mDAEA,qQAEI,YAGA,oBAEA,0+BAEI,oBAIR,2KACI,2CAEA,kNACI,mBApEG,CAoEH,+CApEG,CAwEX,iIACI,qCAGJ,uIACI,qBAGJ,uIACI,oBAGJ,6IACI,8BAGJ,0IACI,8GAGJ,yJACI,gHAIA,6LACI,wEAIR,sJACI,8CAGJ,+JACI,4GAIA,8KACI,sDACA,wBADA,mDACA,uBAKZ,mBAEI,oBACA,kEAFA,6CAEA,CAEA,0BACI,uBAIR,wBAKI,mBADA,aAnkBJ,YAukBI,iFACA,uBA1Ia,CA0Ib,gDAHA,uBAHA,kBAIA,6CAvkBJ,UA+biB,CA6IjB,0BAKI,oFACA,wCAFA,oBAHA,kBAEA,0CADA,SAIA,CAEA,oCACI,qBArJO,CAqJP,iDArJO,CAyJf,yBACI,oCAAqC,CACrC,mBAAoB,CACpB,iBAAkB,CAClB,iBAAkB,CAClB,oBAAqB,CAKrB,YAEA,sFACA,qBAFA,SAJA,kBAEA,WADA,UAKA,CAEA,6BA3nBJ,oBA4nBmC,CAG3B,YAhoBR,oBA+nBQ,UACA,CA7nBR,kCAEI,aADA,mBACA,CA+nBI,uCACI,sBAKZ,yBAII,mBADA,aAEA,gDACA,8IACA,qBA9La,CA8Lb,8CANA,kBACA,SAzLa,CAiMT,uCACI,uBACA,uBAnMK,CAmML,+CAnMK,CAwMjB,iBACI,6CAGJ,iBAEI,oBACA,uBA/Ma,CA+Mb,gDAFA,iBA7Ma,CCZrB,WAEI,mBAEA,qBAHA,aAEA,YAGA,+CACA,kFAFA,kBAEA,CAEA,qBACI,YAIA,2BACI,qBAGJ,uBACI,uBClBR,0CAEI,aACA,SAFA,iBAEA,CAGJ,+BAEI,iBAAgB,CADhB,iBACA,CCTR,gBACI,kBAGI,kCACI,kBAAmB,CAI3B,uBA/cA,mBAid+B,CA7b/B,YAgcI,uBACA,sBAFA,kBApdJ,oBAoBA,WAmcI,UApdJ,4BAEI,aADA,mBACA,CCkcR,yBACI,aAAc,CACd,cAAe,CAEf,qCAJJ,yBAKQ,cAAe,CAAf,CAGJ,wCACI,uBAGJ,iCAII,2BACA,4BACA,+CAJA,mBAIA,4CALA,aAEA,yBACA,wBACA,wBACA,CAGJ,uCACI,kCACA,qBADA,gCACA,CAGJ,qCAheA,mBAie+B,CAE3B,+CApeJ,mBAoeI,CAjeJ,0CAEI,aADA,mBACA,CAkeJ,uDACI,qBCjCR,YACI,2BAA6B,CAE7B,mEAGI,uBACI,8BAAgC,CAChC,8BAAgC,CAChC,2BAA6B,CAC7B,4BAA8B,CAC9B,8BAAgC,CAtExC,8BADA,eADA,gBAIA,qBADA,iBAuEQ,eAtER,CA2EI,wBA3OJ,eAGA,oBA+OQ,eA/OR,CAoPI,+CAXI,8BAAgC,CAChC,8BAAgC,CAChC,4BAA8B,CAC9B,4BAA8B,CAC9B,+BAAiC,CA/OzC,8BAFA,gBAGA,gBAzBA,CA8QI,uBAjRJ,eAGA,qBAqRQ,eArRR,CA4RI,yBACI,gDAAkD,CAClD,kCAAoC,CACpC,4CAA8C,CAC9C,yCAA2C,CAC3C,mDAAqD,CAErD,uCACI,gDAAkD,CAGtD,kCACI,qDAAuD,CAMvD,gDACI,8CAAgD,CAChD,wDAA0D,CAE1D,yDACI,8CAAgD,CAIxD,qDACI,qCAAuC,CACvC,+CAAiD,CACjD,iCAAmC,CAEnC,8DACI,qCAAuC,CACvC,gCAAkC,CAI1C,kDACI,6CAA+C,CAC/C,wDAA0D,CAC1D,iCAAmC,CAEnC,2DACI,6CAA+C,CAC/C,yCAA2C,CAO/D,iCACI,WAGJ,kBACI,6CCrGR,6BACI,GACI,4CAGJ,GACI,+CANR,qBACI,GACI,4CAGJ,GACI,+CAIR,8BACI,GACI,4CAGJ,GACI,yBANR,sBACI,GACI,4CAGJ,GACI,yBAIR,iCACI,GACI,yCAGJ,GACI,4CANR,yBACI,GACI,yCAGJ,GACI,4CAIR,kCACI,GACI,yCAGJ,GACI,yBANR,0BACI,GACI,yCAGJ,GACI,yBAIR,0BACI,YAAa,CACb,gBAAiB,CACjB,mDAAuD,CAIvD,8EACA,0GAHA,aACA,2CAEA,CAGI,oCACI,0DAGJ,qCACI,4DAKZ,oCACI,yCAGI,8CACI,kEAGJ,+CACI,oECtEZ,wBAEI,mBADA,aAEA,8BACA,mBAEA,gCACI,wBAAyB,CACzB,iBAAkB,CAClB,6BAA8B,CAG9B,YACA,SACA,mBAHA,UAGA,CAGJ,+BAEI,YADA,UACA,CAEA,oCACI,oBAIA,8CACI,yBAMR,iDACI,aACA,cACA,oCAIR,+BACI,sBACA,kBACA,0BACA,gEAEA,4CACI,qDAGJ,6CACI,iDAGJ,4CACI,UAKZ,yCACI,yBAGI,wDACI,gBCjEZ,uBAII,aAHA,aAGA,QADA,mDADA,+CAEA,CCJJ,qBACI,iBAAkB,CAClB,eAAgB,CAChB,wBAAyB,CACzB,uBAAwB,CACxB,iBAAkB,CAClB,mBAAoB,CACpB,sCAAuC,CAIvC,0BACA,QAAO,CAHP,kBACA,wBAEA,CAEA,4BACI,kBAIA,iCAGI,yCACA,kBACA,WAHA,QADA,iBAIA,CAIR,oEAEI,iBAAkB,CAClB,mCAAoC,CAGxC,mCACI,mBAAoB,CAGxB,oEAEI,oCAAqC,CAGzC,oDAEI,oCAAqC,CACrC,0BAA2B,CAI3B,qIAGI,kCACA,WAFA,QADA,iBAGA,CAIR,gIAEI,2BAA4B,CAGhC,4HAEI,2BAA4B,CAGhC,sHAEI,mBAAoB,CAGxB,mCAEI,aACA,uBAFA,iBAEA,CAGJ,kDAII,0BACA,kBACA,WAHA,WAIA,uBANA,kBACA,SAKA,CAIR,oJAEI,2BAA4B,CAGhC,gJAEI,2BAA4B,CCjGhC,0BACI,aACA,8BACA,mBAEA,0CAGI,aACA,qBAHA,aAEA,QADA,kDAEA,CAGJ,+BACI,kBACA,0BACA,gECbR,iBACI,kBAAmB,CACnB,iBAAkB,CAClB,yCAEA,iCACI,gDAGJ,mCACI,8CAGJ,uBAEI,gBADA,kBACA,CAGJ,2BACI,6DAEA,sBAEA,kCACI,kEAIR,wBACI,gEC/BR,aACI,mCAAoC,CACpC,0BAA2B,CAC3B,gCAAiC,CACjC,8BAA+B,CAC/B,iCAAkC,CAClC,6BAA8B,CAC9B,2BAA4B,CAE5B,4BACI,sDACA,wDACA,uDACA,mDACA,gCACA,+CAJA,oDADA,mDAGA,kDADA,qDAGA,CCdJ,4CACI,aACA,uBACA,eA1BJ,oCAuBA,4CAMQ,qBAIR,qDACI,qBCZR,WACI,mCAAoC,CACpC,sBAAuB,CACvB,aAAc,CACd,6BAA8B,CAC9B,0BAA2B,CAE3B,sBA7BA,oCAgCI,8BACI,iBAAkB,CAClB,aAAc,CAAd,CA1CR,oCA8BJ,WAiBQ,oBAAqB,CAArB,CAGJ,4BAEI,YACA,uDACA,gBAHA,iBAGA,CAGJ,oBACI,YACA,gBAGJ,6BACI,aACA,sBACA,YClCJ,qBACI,wBAAyB,CACzB,0CAA2C,CAGvC,8CAMI,gCACA,WAFA,WAFA,kBADA,eADA,kBAGA,UAGA,CAIR,wCACI,iCAhDR,oCAqDY,sCACI,kBAAmB,CACnB,mBAAoB,CAGxB,oCACI,iBAAkB,CAClB,oBAAqB,CAGzB,qCACI,kBAAmB,CACnB,oBAAqB,CAI7B,+BACI,kBAKZ,+BACI,iBACA,SAGJ,wBAxfA,qBAoBA,YArBA,oBAoBA,UAue+B,CAxf/B,6BAEI,aADA,mBACA,CAyfJ,yBA7fA,qBADA,mBA+f+B,CA5f/B,8BAEI,aADA,mBACA,CA6fJ,mBACI,uBAAwB,CAExB,wBApjBJ,oBAujBgC,CAtjBhC,4BALA,oBACA,gBAEA,uBAsjBQ,mBAvjBR,oBAGA,CCufJ,eAEI,mBAGA,mBAJA,aAEA,8BACA,UACA,CAEA,0BACI,8BAAgC,CAChC,2BAA6B,CAE7B,YACA,oBACA,cAfS,CAiBT,iCACI,YACA,UAEA,0CACI,uBAGJ,uCACI,kCACA,+DADA,gCACA,CAIR,gCAKI,qCA7QR,8BADA,eADA,gBA6QQ,YA1QR,iBA4QQ,oCADA,cACA,CAEA,yCACI,uBAKZ,uBAGI,qBAAsB,CACtB,kBAAmB,CACnB,oBAAqB,CACrB,kBAAmB,CAEnB,YACA,SAneJ,2BAxBA,qBAoBA,YArBA,oBAoBA,UACA,CAlBA,gCAEI,aADA,mBACA,CCmcJ,0CAKI,kBACA,kCAHA,iBACA,aAEA,CA9eJ,6DAGI,WAFA,kBACA,SACA,CAIJ,mEACI,wBATwB,CAa5B,mEACI,qBACA,+BACA,mBAIJ,yEACI,qBA6dJ,qCACI,yBAGJ,sCACI,qBAAsB,CACtB,wBAAyB,CAGzB,mBADA,aAEA,2BACA,WAEA,2EAEI,mBADA,YACA,CAGJ,uDACI,WAGJ,oFACI,8BAGJ,6CACI,aAMA,oDACI,mDAGJ,mDACI,+CChDhB,gBACI,wBAAyB,CACzB,iCAAkC,CAClC,0BAA2B,CAC3B,8BAA+B,CAC/B,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,wBAAyB,CACzB,2BAA4B,CAE5B,uBACI,4BAA6B,CAE7B,mCACI,wBACA,uBADA,uBACA,sBAGJ,iCACI,qBACA,0BADA,oBACA,yBAGJ,wCAEI,YACA,gCAFA,UAEA,CAGJ,6CACI,aAIA,sDACI,iBAKZ,+BAEI,uBADA,SACA,CAGJ,sBAEI,qBADA,SACA,CCnDR,UACI,iBAAkB,CAClB,wBAAyB,CACzB,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,qBAAsB,CACtB,iCAAkC,CAClC,gCAAiC,CAEjC,sBAEA,gBACI,+CAEA,oBAtdJ,qBADA,mBAwdmC,CArdnC,yBAEI,aADA,mBACA,CAudJ,mBAEI,mBADA,aAGA,YADA,UACA,CAEA,sCACI,wFAIR,iBACI,uBAEA,QAAO,CADP,UACA,CAGJ,yBAEI,mBAGA,mCAJA,aAGA,SADA,UAEA,CAGJ,2BACI,qBAGJ,sBACI,mBClDJ,2BAQI,0BACA,mBANA,sBAIA,mCANA,aACA,eAGA,gBACA,iBAIA,YANA,UAMA,CAGJ,iCAII,mBAFA,oBACA,YAGA,YADA,eAEA,UANA,kBAOA,uBAGJ,yBAOI,eAHA,cAIA,SAEA,aAPA,4BAEA,UAKA,CAEA,wDA3OJ,8BADA,eADA,gBAIA,oBADA,iBAuOI,gBAHA,UAaI,CAPJ,+BAMI,UAFA,eAGA,UAIR,yBAGI,0BACA,uBA9JJ,8BADA,eADA,gBAIA,iBADA,iBA4JI,wBACA,CAGJ,wBACI,2BAA4B,CCxDpC,SACI,wBAAyB,CACzB,qCAAsC,CACtC,iBAAkB,CAGtB,SA5cI,oBADA,mBA8c2B,CA3c3B,cAEI,aADA,mBACA,CCkcR,2BACI,aCDJ,YAKI,oDADA,YACA,gDAFA,UAEA,CAndA,0BAEI,sBAmdJ,uBACI,sEAGJ,6BACI,kBAAmB,CAEnB,+BACI,eAIR,yBAEI,uBACA,sBAGA,oBALA,kBAIA,eADA,SAEA,CAEA,gCACI,yBAIR,qBACI,qCAAsC,CACtC,sDAAuD,CACvD,iDAAmD,CACnD,iCAAkC,CAClC,8BAA+B,CAE/B,gEAEA,oCAII,iDAAiD,CAHjD,iDACA,+CAEkD,CC7C9D,4BACI,kBACA,sCCDJ,oBAKI,8BACA,gCACA,kBACA,qFAEA,UANA,gBAHA,kBAUA,sCAFA,kBANA,mBADA,SASA,CAEA,2BAEI,SAAQ,CADR,kBACA,CAGJ,oCAKI,8BACA,kBACA,WALA,cAEA,YAHA,kBAEA,UAIA,CAIA,+CACI,aACA,SACA,0CAGJ,kDAEI,SADA,SAEA,0CAGJ,iDAEI,WADA,QAEA,0CAGJ,gDAEI,QADA,QAEA,0CAGJ,oDAEI,WADA,QAEA,0CAGJ,uDAEI,QADA,SAEA,0CAGJ,qDACI,WACA,WACA,0CAGJ,wDAEI,WADA,SAEA,0CC1ER,6BAEI,YADA,UACA,CAGJ,2BAGI,qBAFA,iBACA,oBACA,CAGJ,6BAGI,gDAEA,cADA,mBACA,CAxfJ,gDAGI,WAFA,kBACA,SACA,CAIJ,sDACI,wBATwB,CAa5B,sDACI,qBACA,+BACA,mBAIJ,4DACI,qBAueJ,8CAKI,yBAFA,sDACA,SACA,CAhgBJ,iEAGI,WAFA,kBACA,SACA,CAIJ,uEACI,wBATwB,CAa5B,uEACI,qBACA,+BACA,mBAIJ,6EACI,qBCmdR,mBAEI,mBAGA,qBAJA,aAEA,uBACA,YACA,CAEA,yBA7cA,mBA8c+B,CAE3B,+CAjdJ,mBAidI,CA9cJ,8BAEI,aADA,mBACA,CCkcR,iBACI,oBAAqB,CACrB,kBAAmB,CACnB,0BAA2B,CAE3B,4CACI,2BAA4B,CAGhC,uBAGI,wBA9bJ,YA8bI,uBA/bJ,UA+bI,CAGJ,0BACI,qBAEA,iCACI,iDAIR,6BA7dA,6BAoBA,YArBA,oBAoBA,UA4c+B,CA7d/B,kCAEI,aADA,mBACA,CA8dJ,2BACI,+CC3BA,0CACI,qDAGJ,oCACI,UA7BR,oCAuBA,2BAUQ,oBAIR,4CAGI,6DAzfJ,+DAGI,WAFA,kBACA,SACA,CAIJ,qEACI,wBATwB,CAa5B,qEACI,qBACA,+BACA,mBAIJ,2EACI,qBAweJ,2BACI,0BAA2B,CCtBnC,iBACI,aACA,QCDA,8BAII,6BACA,YAEA,eALA,YAMA,SAAQ,CAFR,aAHA,UAFA,UAOA,CCTR,yBACI,sBAAuB,CAIvB,mBAFA,aACA,sBAqDA,gBAlDA,gCAKI,kBAHA,8BACA,qCACA,gBAHA,4BAIA,CAEA,oDACI,kBAIR,uCACI,mBAAoB,CACpB,2BAA4B,CAC5B,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAIhB,8BACA,QAAO,CAHP,kBACA,4BAEA,CAGJ,qCACI,sBAAuB,CAve3B,6BA2eI,8BAFA,kBA1eJ,oBA2eI,4BAG2B,CA3e/B,0CAEI,aADA,mBACA,CAoaJ,oCA8DA,qCAUQ,sBAAuB,CAAvB,CAIR,sCACI,iBAAkB,CAClB,iBAAkB,CAClB,+BAAgC,CAChC,iBAAkB,CAClB,eAAgB,CAGhB,YADA,iBACA,CAKJ,+BACI,kBC5DR,WAEI,sBAA8B,CAC9B,+BAAgC,CAChC,gBAAiB,CACjB,+CAAgD,CCLpD,aACI,aAEA,YADA,UACA,CAEA,iBA3cA,uBA6cI,YA9cJ,oBA6cI,UAE2B,CA5c/B,sBAEI,aADA,mBACA,CA6cJ,+BAOI,6DAHA,YAFA,SACA,SAGA,UADA,aAJA,OAMA,CAGJ,uBACI,SAEA,wCACI,6BAGJ,yCACI,0BAIR,wBAGI,eAFA,aACA,QACA,CAEA,sCACI,SAEA,yDACI,aAIR,4DApfJ,oBADA,mBAsfmC,CAnfnC,iEAEI,aADA,mBACA,CAofA,0DAxfJ,oBADA,mBA0fmC,CAvfnC,+DAEI,aADA,mBACA,CA2fI,0EA/fR,oBADA,mBAigBuC,CA9fvC,+EAEI,aADA,mBACA,CA+fI,yDAngBR,oBADA,mBAqgBuC,CAlgBvC,8DAEI,aADA,mBACA,CAqgBI,8DACI,0BAKZ,sCA/gBA,uBADA,mBAihB+B,CA9gB/B,2CAEI,aADA,mBACA,CA+gBJ,uCAnhBA,uBADA,mBAqhB+B,CAlhB/B,4CAEI,aADA,mBACA,CAmhBJ,uBACI,oBAIA,wBAEI,YADA,WACA,CAGJ,wBAEI,YADA,UACA,CCzFZ,YACI,qBACA,WAJY,CAMZ,oBACI,oBACA,qBACA,qBACA,wBAAyB,CACzB,sCAAuC,CACvC,8CAA+C,CAC/C,2BAA4B,CAC5B,4CAA6C,CAG7C,WAjBQ,CAkBR,SAAQ,CAFR,UAEA,CAEA,mCACI,kCAAmC,CACnC,8CAA+C,CAC/C,2BAA4B,CAC5B,4CAA6C,CAE7C,UAEA,iDACI,WAIR,mCACI,6CAA+C,CCuB3D,oCACI,0BAA4B,CC1DxB,8CAxcJ,wBADA,mBA0cmC,CAvcnC,mDAEI,aADA,mBACA,CAwcA,uCACI,oCAAqC,CAErC,UAEA,6DAjdR,wBADA,mBAmduC,CAhdvC,kEAEI,aADA,mBACA,CAodA,gCACI,yDAKJ,+BACI,yDCzBZ,wBAEI,mBADA,aAGA,YADA,UACA,CAEA,8BAEI,mBAGA,0BACA,kBALA,aAGA,uBADA,qBAGA,CAGJ,8BAII,sBACA,mCAJY,CAKZ,sCAHA,WAFY,CChBpB,YACI,eAGA,CAEA,+BAFA,uBADA,qBAKI,CAEA,0BACI,aCXZ,WACI,wBAAyB,CACzB,iBAAkB,CAClB,oBAAqB,CACrB,iBAAkB,CAClB,mBAAoB,CAMpB,kBAFA,gBACA,gBAHA,kBACA,kEAGA,CAEA,iBAGI,8BAEA,WAHA,QAEA,WAHA,iBAIA,CAIA,sBACI,qBAGJ,kCACI,sBAGJ,2BACI,gCAGJ,yBACI,wBAGJ,wBACI,uBAGJ,yBACI,wBAGJ,sBACI,qBC/CZ,iBAGI,uBACA,uBACA,qBAJA,aACA,eACA,mBACA,sBAGA,uBADA,kBACA,CA7BA,oCAsBJ,iBAUQ,cAGJ,uBAGI,yBACA,2BACA,qBACA,eAJA,qBACA,qBACA,0BAHA,iBAKA,CAEA,6BAMI,gCACA,kBAEA,WAJA,WAHA,sBACA,uBAFA,kBAOA,2BAJA,SAKA,CAGJ,mCACI,+CAOJ,uEACI,aAGJ,6BACI,qBAGJ,iCACI,eAEA,uCACI,qBAGJ,wCACI,sBAIR,iCACI,eAEA,uCACI,qBAGJ,wCACI,sBCrEhB,oBAOI,yCACA,4BALA,sBAGA,qCALA,aACA,sBAGA,sBAIA,4CALA,oBAKA,CAEA,+BACI,YAGJ,4BAGI,mBAKA,sBACA,kBARA,aACA,cAIA,YAFA,uBAGA,gBAGA,gCALA,UAKA,CAEA,oCACI,qCACA,iBAIR,2BACI,mBAvcJ,oBA4ckC,CA5clC,gBAHA,aACA,mBA2cI,YA1cJ,SA6c+B,CAF3B,gCAFA,UAI8B,CAGlC,oCACI,aACA,UACA,mBAGJ,4BACI,mBAAoB,CACpB,iBAAkB,CAClB,iBAAkB,CAClB,oBAAqB,CAErB,sEACA,SAEA,gCA/fJ,wBADA,mBAigBmC,CA9fnC,qCAEI,aADA,mBACA,CAggBJ,0BAKI,yBAFA,SADA,gBAIA,UAFA,cAGA,uBACA,kBAAiB,CAPjB,UAOA,CA7iBJ,6CAGI,WAFA,kBACA,SACA,CAIJ,mDACI,kCAuiB0B,CAniB9B,mDACI,qBACA,yCACA,mBAIJ,yDACI,qBAqbJ,oCA2GQ,qCAEI,uBACA,aAFA,qBAEA,CAGJ,gEAEI,sBADA,oBACA,CAGJ,iEAEI,YADA,UACA,CAQJ,wIACI,UACA,sBAKZ,2BAEI,oGACA,aAFA,qBAEA,CAGJ,6BAEI,sBACA,iBACA,aAHA,qBAGA,CAGJ,8GAGI,sBADA,oBACA,CAGJ,gHAGI,YADA,UACA,CAGJ,4GAEI,iBACA,UACA,qBAGJ,gIAEI,UACA,qBAGJ,kCACI,qDAEA,kDACI,eAAgB,CAEhB,0BCrJZ,UAGI,8BACA,mBACA,gBAJA,SACA,YAGA,CAGI,wBACI,iCAKJ,qBACI,gBAGJ,qBACI,0BAKJ,wBACI,mBCzBZ,qBAEI,yBADA,0BAEA,2BCHJ,gBACI,kBAAmB,CACnB,mBAAoB,CACpB,SAAU,CAEV,aACA,eAEA,iCACI,sCAAuC,CAEvC,4BCXR,aAEI,mBAKA,yBACA,mBAPA,aAIA,YAFA,8BAGA,eAFA,kEAIA,CAEA,sBACI,uBAEA,8CAEI,qBACA,oBAIR,yBACI,yCAGJ,kBACI,0BAGJ,4BACI,mBAAoB,CACpB,iBAAkB,CAClB,iBAAkB,CAClB,oBAAqB,CAErB,sEACA,SAEA,gCA3eJ,6BA6eQ,YA9eR,oBA6eQ,UAG2B,CA7enC,qCAEI,aADA,mBACA,CA8eA,0CACI,sEAIA,6CAvfR,oBADA,mBAyfuC,CAtfvC,kDAEI,aADA,mBACA,CAyfJ,2BAGI,0BAFA,UACA,4EACA,yBAxFJ,oCAqFA,2BAMQ,gDAnFR,oCA6EA,2BAUQ,8CAGJ,4GAKI,wCAHA,QAGA,CCzEZ,yBAGI,mBADA,aAIA,YAFA,uBAGA,gBANA,kBAIA,UAEA,CAEA,qCAEI,sBAEA,YACA,yCAFA,WAFA,SAIA,CAGJ,wCAOI,mBACA,iBAFA,YAJA,oBACA,qBAFA,kBAIA,WADA,SAIA,CAGJ,kCACI,WACA,oBC9BR,eACI,wBAAyB,CACzB,oBAAqB,CACrB,kBAAmB,CACnB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,qBAAsB,CACtB,wBAAyB,CACzB,iBAAkB,CAClB,uBAAwB,CAExB,uBACI,6BAA8B,CAGlC,sBACI,2BAA4B,CAGhC,sBACI,wBAAyB,CAG7B,qBA/dA,mBAie+B,CAM3B,wBAndJ,YAmdI,uBAxeJ,oBAoBA,UAodI,CAreJ,0BAEI,aADA,mBACA,CA+dA,yBAneJ,oBADA,mBAqemC,CAlenC,8BAEI,aADA,mBACA,CAseI,gCA1eR,sBADA,mBA4euC,CAzevC,qCAEI,aADA,mBACA,CA4eJ,gCACI,YACA,wBACA,qCAEA,yCACI,yBAIR,sCA5eA,mBADA,aAEA,uBA8eI,cCvDR,yBACI,kBAAmB,CAEnB,gEAEA,gCAGI,sBAEA,mCAJA,aACA,mBAIA,SAAQ,CAFR,oBAEA,CAGJ,sCAEI,qBADA,aACA,CAGJ,iCAGI,2BAEA,0BACA,mBAJA,YACA,wBACA,YAHA,iBAKA,CAEA,2CAGI,mBAFA,aACA,mBAEA,8BAEA,uBADA,UACA,CAvDR,oCAiDI,2CAUQ,eACA,gBACA,uBAHA,kEAGA,CAEA,8DAEI,QAAO,CADP,OACA,EAIR,mDAGI,mBAFA,aACA,mBAEA,8BAjFZ,oCA6EQ,mDAOQ,YA5EhB,oCAqEQ,mDAWQ,yEAGJ,4DAEQ,wEALJ,CAUR,qDAKI,yCACA,kBAFA,0BAHA,kBAMA,2BAJA,yBADA,SAKA,CAjGZ,oCA0FQ,qDAUQ,cAKZ,wCAII,mBAKA,kBACA,eAPA,aAIA,0BAFA,uBAGA,SAPA,kBAKA,yBAJA,UAQA,CAnHR,oCAyGI,wCAeQ,qBAFA,cACA,qCACA,EAhIZ,oCAoIY,8CACI,wCAGJ,+CACI,0CAIR,iDAGI,uCAFA,yBACA,gBAEA,qBAzIZ,oCAqIQ,iDAOQ,8BAIR,yDAEQ,qBANA,CAYhB,iCAEI,uBACA,uBAFA,kBAIA,2BADA,WACA,CArKJ,oCAgKA,iCAQQ,cAGJ,0CAII,kBAFA,wBACA,gBAFA,kBAIA,kEAhLR,oCA2KI,0CAQQ,cAIJ,2IAII,YADA,UACA,CAGJ,iGAGI,mCACA,WACA,oBAHA,iBAGA,CAGJ,iDACI,8BACA,mHAIJ,gDACI,0BACA,mHChLhB,aACI,wBAAyB,CAEzB,mEAEA,qBACI,oBAAqB,CACrB,2BAA4B,CAC5B,yCAA0C,CAC1C,sBAAuB,CACvB,sBAAuB,CACvB,uCAAwC,CACxC,iBAAkB,CAClB,eAAgB,CAChB,0BAA2B,CAC3B,8BAA+B,CAK/B,wBAHA,cAGA,uBADA,gBADA,cAEA,CAEA,gCACI,yCAGJ,sCAEI,qBACA,kBAFA,YAEA,CAIR,oBACI,SAGJ,mBACI,oBAGJ,oCACI,WAjhBJ,uDAGI,WAFA,kBACA,SACA,CAIJ,6DACI,wBATwB,CAa5B,6DACI,qBACA,+BACA,mBAIJ,mEACI,qBCqdA,6BAEI,YADA,UACA,CAGJ,8BAEI,aACA,mBAFA,YAEA,CAGJ,4BACI,oCCdZ,eACI,iCAAkC,CAGlC,oBADA,WACA,CCJJ,qBACI,aACA,QAEA,2BAGI,0BACA,kBAFA,WADA,UAGA,CAEA,kCACI,mCCXZ,aAEI,mBADA,aAEA,8BAEA,qBACI,iBAAkB,CAClB,eAAgB,CAIhB,mBACA,8BAHA,aACA,QAIA,UADA,oBAEA,wBACA,uCAEA,8BACI,WAGJ,4BAEI,SAAQ,CADR,iBACA,CAIR,oBAleA,4BAme+B,CAG3B,YAveJ,oBAseI,UACA,CApeJ,yBAEI,aADA,mBACA,CAqeI,mCACI,6CACA,yBAGJ,oCACI,iDAQR,6CACI,gBAGJ,8CACI,yBCpDJ,uCAxcJ,mCADA,mBA0cmC,CAvcnC,4CAEI,aAwcQ,mCACA,qCA1cR,mBACA,CA8cI,8CAldR,6BADA,mBAoduC,CAjdvC,mDAEI,aADA,mBACA,CAodJ,oCAII,mBADA,aAIA,YAEA,kBACA,kBAAiB,CALjB,uBAGA,SAPA,kBAKA,WAJA,SAQA,CAEA,2CACI,0BCUR,uBAOI,qBAJA,aAxKJ,8BADA,eADA,gBAyKI,8CAEA,8BAvKJ,qBADA,iBA0KI,6CALA,kBAIA,UAxKJ,CA8KI,gDAEI,qBAIA,4DAEI,uBAIR,mCACI,mDAIR,8BACI,uCAAwC,CACxC,yDAA0D,CAC1D,6DAA8D,CAC9D,8BAA+B,CAC/B,yCAA0C,CAC1C,gCAAiC,CACjC,yDAA0D,CAC1D,8BAA+B,CAC/B,6BAA8B,CAC9B,gCAAiC,CACjC,gCAAiC,CACjC,8BAA+B,CAC/B,wCAAyC,CACzC,uCAAwC,CACxC,6BAA8B,CAC9B,qCAAsC,CACtC,sCAAuC,CAIvC,+CACA,6EACA,+CAHA,yCADA,kBAKA,4BAhFJ,wCA3dA,8DAEI,sBAsbJ,oCA2FA,8BA+BQ,uCAAwC,CAAxC,CAnGR,qDAOA,mBAoGQ,kBArGR,aAkGQ,YAhGR,uBAkGQ,gBADA,UAGA,wBACA,gCACA,yBAPA,UA/FR,CAvCA,oCAkJY,2DAnGZ,0DAY6D,CAV7D,sEACI,2CASmB,CANvB,oEACI,yCAKmB,CAEvB,wEACI,2DAEA,iFACI,2CAsFA,4DACI,oBAGJ,gEACI,qCAGJ,8DACI,mCAGJ,yDACI,WAEA,2DACI,mBAKZ,uCACI,uCAAwC,CACxC,uCAAwC,CAExC,gFAEI,qBACA,sBACA,8BAIR,yCACI,yIAjLR,oCAgLI,yCAKQ,wFAGJ,gDACI,qBACA,kBAGJ,oFAEI,oCAzNZ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CA2NY,kHACI,kBAGJ,oOAEI,sBAMJ,wLAnSZ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAwSY,kGAEI,0BAKZ,4CACI,YAGJ,0CAQI,2FAJA,YAIA,uFAPA,aACA,eACA,iDAEA,mBACA,iBACA,WACA,CAjPR,oCAyOI,0CAWQ,8BACA,mBAGJ,sDAMI,+BADA,qCAHA,aACA,8BAGA,8BACA,oBANA,kBAGA,kEAGA,CAvPZ,oCAgPQ,sDAUQ,oCAGJ,6EAII,0BACA,kBAEA,WAJA,YAKA,sBACA,kBAAiB,CARjB,kBAKA,2BAJA,SAOA,CAIA,wEA1rBhB,mCADA,oBA4rBoB,oBAE2B,CA3rB/C,6EAEI,aADA,mBACA,CA8rBQ,iEA3OZ,0DAY6D,CAV7D,4EACI,2CASmB,CANvB,0EACI,yCAKmB,CAEvB,8EACI,2DAEA,uFACI,0CAgOJ,qCACI,qCAGJ,oCACI,8BAIQ,8DACI,uBAQpB,yBACI,UAEA,mFAGI,kBC3RZ,iBAGI,aADA,QAEA,uBAHA,iBAGA,CAEA,wBACI,YAAa,CACb,kBAAmB,CACnB,0BAAqC,CACrC,kBAAmB,CAGnB,6BADA,uBAEA,iCAEA,uCAGI,YADA,UADA,eAEA,CAzCR,oCAsCI,uCAMQ,oCACA,iBA7CZ,oCA4BA,wBAsBQ,aAAc,CACd,aAAc,CA7B1B,iBAkCQ,oCALI,CAQR,8BAOI,yBA7YJ,8BADA,eADA,gBA4YI,uBAxYJ,qBADA,iBA2YI,4BAHA,kBAEA,cAEA,CAlEJ,oCA2DA,8BApPA,8BADA,eADA,gBAiQQ,qBADA,wBA5PR,gBAAe,CADf,gBACA,EAmQA,qCACI,wBAAyB,CACzB,iBAAkB,CAClB,8BAA+B,CAC/B,0BAA2B,CAG3B,uBACA,sBAFA,kBAGA,cArFJ,oCA4EA,qCAYQ,uBACA,yBAIR,6BA7gBA,wBADA,mBAghB+B,CAvf/B,iCAJA,YADA,UACA,CAlBA,kCAEI,aADA,mBACA,CA8gBJ,uCACI,eAnGJ,oCAkGA,uCAMQ,0BACA,eAAc,CAFd,SACA,sBAFA,UAGA,EAGJ,yFAII,YAFA,kBACA,UACA,CAGJ,2CACI,qCAIR,oCA1hBA,mBAgiBI,0BACA,mBAliBJ,aA+hBI,YAFA,QA3hBJ,uBA8hBI,YAJA,kBAEA,UA5hBJ,CAqiBA,4BAEI,uBADA,UACA,CChHR,iBACI,aACA,sBAEA,yBAGI,0BAFA,aACA,8BACA,sBAEA,8BACI,qBAIR,0BAGI,mBAFA,aACA,QACA,CAGJ,0BACI,aACA,sBAGJ,sCACI,aAGJ,8BACI,qBAGJ,6BAEI,gCADA,aACA,CAGJ,uBACI,sBAIA,8BACI,cAEA,uDACI,0CAGJ,qDACI,eAGJ,4DAGI,wBADA,mBADA,aAEA,uBAGJ,wDACI,8BAKJ,yDACI,kBAGJ,yDACI","sources":["webpack://@it-holding-ui/atomic/./src/ITHAddImage/ITHAddImage.scss","webpack://@it-holding-ui/atomic/./src/ITHAddItem/ITHAddItem.scss","webpack://@it-holding-ui/atomic/./src/ITHText/ITHText.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHAddPhotoButton/ITHAddPhotoButton.scss","webpack://@it-holding-ui/atomic/./src/ITHIcon/ITHIcon.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHBigPhotoPreview/ITHBigPhotoPreview.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHPhoto/ITHPhoto.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHPhotoInput.scss","webpack://@it-holding-ui/atomic/./src/ITHCheckbox/ITHCheckbox.scss","webpack://@it-holding-ui/atomic/./src/ITHCheckboxItem/ITHCheckboxItem.scss","webpack://@it-holding-ui/atomic/./src/ITHChipGroup/ITHChipGroup.scss","webpack://@it-holding-ui/atomic/./src/ITHChip/ITHChip.scss","webpack://@it-holding-ui/atomic/./src/ITHCleaveInput/ITHCleaveInput.scss","webpack://@it-holding-ui/atomic/./src/ITHInput/ITHInputFacade/ITHInputFacade.scss","webpack://@it-holding-ui/atomic/./src/ITHInput/ITHInput.scss","webpack://@it-holding-ui/atomic/./src/ITHLabel/ITHLabel.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePickerInputs/ITHDatePickerInputs.scss","webpack://@it-holding-ui/atomic/./src/ITHDateInput/ITHDateInput.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePickerPopover/ITHDatePickerPopover.scss","webpack://@it-holding-ui/atomic/./src/ITHButton/ITHButton.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerCarousel/ITHDatePickerCarousel.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerHeader/ITHDatePickerHeader.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerMonth/ITHDatePickerMonth.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerDay/ITHDatePickerDay.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerWeekdays/ITHDatePickerWeekdays.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePicker.scss","webpack://@it-holding-ui/atomic/./src/ITHPopover/ITHPopover.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePickerSheet/ITHDatePickerSheet.scss","webpack://@it-holding-ui/atomic/./src/ITHSheet/ITHSheet.scss","webpack://@it-holding-ui/atomic/./src/ITHHeader/ITHHeader.scss","webpack://@it-holding-ui/atomic/./src/ITHSearchbar/ITHSearchbar.scss","webpack://@it-holding-ui/atomic/./src/Fields/ITHInputWithChipsSelectField/ITHInputWithChipsSelectField.scss","webpack://@it-holding-ui/atomic/./src/ITHRadioItem/ITHRadioItem.scss","webpack://@it-holding-ui/atomic/./src/ITHItem/ITHItem.scss","webpack://@it-holding-ui/atomic/./src/ITHInputWithChips/ITHInputWithChips.scss","webpack://@it-holding-ui/atomic/./src/ITHPasswordInput/ITHPasswordInput.module.scss","webpack://@it-holding-ui/atomic/./src/ITHPhoneInput/ITHSelectCountryCodeNumber/ITHSelectCountryCodeNumber.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelect/ITHSelect.scss","webpack://@it-holding-ui/atomic/./src/ITHManualPopoverWrapper/ITHManualPopoverWrapper.scss","webpack://@it-holding-ui/atomic/./src/ITHManualPopover/ITHManualPopover.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelectPopover/ITHSelectPopover.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHNothingFound/ITHNothingFound.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelectItem/ITHSelectItem.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelectSheet/ITHSelectSheet.scss","webpack://@it-holding-ui/atomic/./src/ITHPhoneInput/ITHPhoneInput.scss","webpack://@it-holding-ui/atomic/./src/ITHProfilePhotoInput/ITHHiddenFileInput/ITHHiddenFileInput.scss","webpack://@it-holding-ui/atomic/./src/ITHProfilePhotoInput/ITHProfilePhotoInput.scss","webpack://@it-holding-ui/atomic/./src/ITHRange/ITHRange.scss","webpack://@it-holding-ui/atomic/./src/ITHStarRating/ITHStarRating.scss","webpack://@it-holding-ui/atomic/./src/ITHToggle/ITHToggle.scss","webpack://@it-holding-ui/atomic/./src/ITHAccordionMenuItem/ITHAccordionMenuItem.scss","webpack://@it-holding-ui/atomic/./src/ITHActionFab/ITHActionFab.scss","webpack://@it-holding-ui/atomic/./src/ITHAvatar/ITHImageStub/ITHImageStub.scss","webpack://@it-holding-ui/atomic/./src/ITHAvatar/ITHAvatar.scss","webpack://@it-holding-ui/atomic/./src/ITHBadge/ITHBadge.scss","webpack://@it-holding-ui/atomic/./src/ITHBreadcrumbs/ITHBreadcrumbs.scss","webpack://@it-holding-ui/atomic/./src/ITHBubbleMessage/ITHBubbleMessage.scss","webpack://@it-holding-ui/atomic/./src/ITHCard/ITHCard.scss","webpack://@it-holding-ui/atomic/./src/ITHCodeInput/ITHCharInput/ITHCharInput.scss","webpack://@it-holding-ui/atomic/./src/ITHCodeInput/ITHCodeInput.scss","webpack://@it-holding-ui/atomic/./src/ITHCounter/ITHCounter.scss","webpack://@it-holding-ui/atomic/./src/ITHImgWithBlurredFrame/ITHImgWithBlurredFrame.scss","webpack://@it-holding-ui/atomic/./src/ITHMenuItem/ITHMenuItem.scss","webpack://@it-holding-ui/atomic/./src/ITHNumberSwitchInput/ITHNumberSwitchInput.scss","webpack://@it-holding-ui/atomic/./src/ITHSegment/ITHSegment.scss","webpack://@it-holding-ui/atomic/./src/ITHShareMenu/ITHShareMenu.scss","webpack://@it-holding-ui/atomic/./src/ITHSideMenu/ITHSideMenu.scss","webpack://@it-holding-ui/atomic/./src/ITHStepper/ITHStepsIndicator/ITHStepsIndicator.scss","webpack://@it-holding-ui/atomic/./src/ITHStepper/ITHStepper.scss","webpack://@it-holding-ui/atomic/./src/ITHTextEditor/ITHCustomToolbar/ITHCustomToolbar.scss","webpack://@it-holding-ui/atomic/./src/ITHTextEditor/ITHTextEditor.scss","webpack://@it-holding-ui/atomic/./src/ITHVideoModal/ITHVideoModal.scss","webpack://@it-holding-ui/atomic/./src/ITHWalletCard/ITHWalletCard.scss"],"sourcesContent":["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-add-image {\n &__photo-input {\n display: flex;\n\n &_hidden {\n display: none !important;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.add-item {\n --min-height: 48px;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 12px;\n --inner-padding-bottom: 12px;\n --color: var(--brand-primary-40);\n --border-style: none;\n --background: transparent;\n\n cursor: pointer;\n\n svg {\n @include fill-svg-and-path(var(--brand-primary-40));\n @include common-icon-self-size;\n }\n\n &__label {\n margin-block: 0 0;\n margin-inline: 12px 0;\n\n @include desktop {\n margin-inline-start: 4px;\n }\n\n div {\n color: var(--brand-primary-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-text {\n &_type {\n /** TITLE **/\n &_title-1-b {\n @include title-1-b;\n }\n\n &_title-2-b {\n @include title-2-b;\n }\n\n &_title-3 {\n @include title-3;\n }\n\n &_title-5 {\n @include title-5;\n }\n\n &_title-5-b {\n @include title-5-b;\n }\n\n &_title-6 {\n @include title-6;\n }\n\n &_title-7 {\n @include title-7;\n }\n\n &_title-8 {\n @include title-8;\n }\n\n &_title-6-m {\n @include title-6-m;\n }\n\n &_title-9 {\n @include title-9;\n }\n\n &_title-9-b {\n @include title-9-b;\n }\n\n &_title-16 {\n @include title-16;\n }\n\n &_title-28 {\n @include title-28;\n }\n\n /** SUBTITLE **/\n &_subtitle-1 {\n @include subtitle-1;\n }\n\n &_subtitle-1-m {\n @include subtitle-1-m;\n }\n\n &_subtitle-2 {\n @include subtitle-2;\n }\n\n &_subtitle-3 {\n @include subtitle-3;\n }\n\n &_subtitle-4 {\n @include subtitle-4;\n }\n\n /** BODY **/\n &_body-0 {\n @include body-0;\n }\n\n &_body-1 {\n @include body-1;\n }\n\n &_body-1-r {\n @include body-1-r;\n }\n\n &_body-2 {\n @include body-2;\n }\n\n &_body-2-m {\n @include body-2-m;\n }\n\n &_body-3 {\n @include body-3;\n }\n\n &_body-4 {\n @include body-4;\n }\n\n &_body-5 {\n @include body-5;\n }\n\n &_body-6 {\n @include body-6;\n }\n\n /** SUBHEAD **/\n\n &_subhead-1-b {\n @include subhead-1-b;\n }\n\n &_subhead-2 {\n @include subhead-2;\n }\n\n &_subhead-2-r {\n @include subhead-2-r;\n }\n\n &_subhead-3 {\n @include subhead-3;\n }\n\n &_subhead-4-m {\n @include subhead-4-m;\n }\n\n /** CAPTION **/\n &_caption-1 {\n @include caption-1;\n }\n\n &_caption-1-b {\n @include caption-1-b;\n }\n\n &_caption-2 {\n @include caption-2;\n }\n\n &_caption-2-left {\n @include caption-2-left;\n }\n\n &_caption-3 {\n @include caption-3;\n }\n\n &_caption-4 {\n @include caption-4;\n }\n\n &_caption-12 {\n @include caption-12;\n }\n\n /** BUTTON **/\n\n &_button-13m {\n @include button-13m;\n }\n\n /** SMALL TEXT **/\n\n &_small-text {\n @include small-text;\n }\n\n /** SUBCAPTION **/\n\n &_subcaption-2-b {\n @include subcaption-2-b;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-add-photo-button {\n --ripple-color: black;\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--item-width);\n height: var(--item-height);\n overflow: hidden;\n background-color: var(--base-0);\n border: 1.5px solid var(--base-30);\n border-radius: var(--item-border-radius);\n\n &_big {\n --item-width: 464px;\n --item-height: 320px;\n }\n\n &__button {\n width: 100%;\n height: 100%;\n padding: 0;\n background-color: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n opacity: 0;\n }\n\n &__ripple {\n opacity: 0.4;\n }\n\n &__camera-icon {\n position: absolute;\n width: 36px;\n height: 36px;\n\n &_small {\n width: 24px;\n height: 24px;\n }\n }\n\n &__info {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n &__info-title {\n margin-block-start: 16px;\n }\n\n &__info-description {\n color: var(--base-80);\n margin-block-start: 2px;\n }\n\n &__add-image-icon {\n width: 40px;\n height: 40px;\n\n @include fill-svg-and-path(var(--base-80));\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-icon {\n @include centered-flexbox;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\ndiv.ith-big-photo-preview {\n width: 464px;\n height: 320px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-photo-input-preview {\n position: relative;\n width: var(--item-width);\n height: var(--item-height);\n overflow: hidden;\n border-radius: var(--item-border-radius);\n\n &_clickable {\n cursor: pointer;\n }\n\n &_active {\n border: 6px solid var(--base-20);\n }\n\n &__delete-button {\n --background: transparent;\n --box-shadow: none;\n --border-radius: 50%;\n --padding-bottom: 0;\n --padding-end: 0;\n --padding-start: 0;\n --padding-top: 0;\n\n position: absolute;\n inset-block-start: 4px;\n inset-inline-end: 4px;\n width: 32px;\n height: 32px;\n margin: 0;\n }\n\n &_small {\n .ith-photo-input-preview__delete-button {\n display: none;\n }\n\n &:hover {\n .ith-photo-input-preview__delete-button {\n display: block;\n }\n }\n }\n\n &__image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &__delete-button-background {\n position: absolute;\n inset: 0;\n background-color: var(--addition-110);\n opacity: 0.7;\n }\n\n &__delete-icon {\n width: 24px;\n height: 24px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-photo-input {\n --item-width: 104px;\n --item-height: 104px;\n --item-border-radius: 16px;\n\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n\n &_big {\n max-width: 464px;\n }\n\n &_small {\n --item-width: 70px;\n --item-height: 70px;\n\n gap: 8px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$checkbox-size: 20px;\n\n.ith-checkbox {\n display: inline-block;\n height: $checkbox-size;\n\n &__checkbox {\n --background: transparent;\n --background-checked: var(--brand-primary-40);\n --border-color: var(--brand-primary-40);\n --border-color-checked: var(--brand-primary-40);\n --border-radius: 4px;\n --size: #{$checkbox-size};\n\n margin: 0;\n outline: none;\n\n &_disabled {\n --border-color: var(--base-60);\n }\n\n &::part(mark) {\n stroke-linecap: round;\n }\n\n &::part(container) {\n padding: 2px 1px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-checkbox-item {\n --background: transparent;\n --ion-item-background: transparent;\n --ripple-color: transparent;\n --background-hover: transparent;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 12px;\n --inner-padding-bottom: 12px;\n\n &__checkbox-wrapper {\n height: 100%;\n }\n\n &__checkbox {\n &[slot='start'] {\n margin-inline-end: 18px;\n }\n\n &[slot='end'] {\n margin-inline-end: 0;\n }\n }\n\n &__label {\n margin: 0;\n }\n\n &__header {\n color: var(--base-80);\n }\n\n &__label-text {\n white-space: normal;\n }\n\n &__error {\n padding: 0;\n color: var(--danger-40);\n }\n\n &__info {\n padding: 0;\n color: var(--base-80);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-chip-group {\n overflow: hidden;\n\n &__list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n &_inline {\n flex-wrap: nowrap;\n gap: 12px;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n }\n\n &__item {\n scroll-snap-align: end;\n }\n\n &__error-message {\n display: flex;\n align-items: center;\n color: var(--danger-40);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-chip {\n --transition-delay: 100ms;\n --background: var(--base-20);\n --color: var(--base-110);\n\n display: inline-flex;\n width: max-content;\n max-width: 100%;\n height: unset;\n min-height: 40px;\n margin: 0;\n padding-inline: 4px 14px;\n padding-block: 4px;\n border-radius: 20px;\n transition-duration: var(--transition-delay);\n transition-property: background, color;\n user-select: none;\n\n @include desktop {\n --background: transparent;\n\n border: 1px solid var(--base-30);\n }\n\n &_active {\n --background: var(--brand-primary-40);\n --color: var(--addition-50);\n\n border-color: transparent;\n }\n\n &_without-icon {\n padding: 4px 12px;\n }\n\n &_with-close {\n padding-inline-end: 8px;\n }\n\n &__icon {\n @include centered-flexbox;\n\n width: 32px;\n height: 32px;\n margin-block: 0;\n margin-inline: 0 6px;\n border-radius: 50%;\n }\n\n &__name {\n font-weight: 520;\n }\n\n &__close-wrapper {\n @include common-icon-self-size;\n\n display: flex;\n align-items: center;\n justify-content: center;\n margin-inline-start: 6px;\n }\n\n &__close {\n @include fill-svg-and-path(var(--base-80));\n\n width: 16px;\n height: 16px;\n margin: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-cleave-input {\n @include use-border-box-sizing();\n\n position: relative;\n width: 100%;\n\n /** // ! make sure that this variables are equal to ITHInput variables **/\n min-height: calc(var(--ith-input-min-height) + var(--ith-input-bottom-offset));\n\n &__cleave {\n @include body-1-r;\n\n /** // ! make sure that this variables are equal to ITHInput variables **/\n --padding-start: var(--ith-input-padding-start);\n --padding-end: var(--ith-input-padding-end);\n --padding-top: var(--ith-input-padding-top);\n --padding-bottom: var(--ith-input-padding-bottom);\n --min-height: var(--ith-input-min-height);\n\n position: absolute;\n z-index: 99;\n width: 100%;\n height: var(--min-height);\n margin: 0;\n padding: 0;\n color: var(--base-110);\n background: none;\n border: none;\n border: 2px solid transparent;\n outline: none;\n inset-block-start: 0;\n inset-inline-start: 0;\n padding-block: var(--padding-top) var(--padding-bottom);\n padding-inline-start: var(--padding-start);\n padding-inline-end: var(--padding-end);\n caret-color: var(--brand-primary-20);\n\n &_with-clear {\n width: calc(100% - 32px);\n }\n\n &_icon-left {\n --padding-start: calc(\n var(--ith-input-padding-end) + var(--ith-input-icon-width) + var(--ith-input-padding-end)\n );\n }\n\n &:disabled {\n color: var(--base-50);\n }\n }\n\n &__input {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-input-with-chips {\n max-height: 240px;\n\n &_has-chips {\n padding-block: 8px;\n }\n\n @include use-border-box-sizing();\n\n &__content {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n width: 100%;\n max-height: 224px;\n overflow-y: auto;\n column-gap: 8px;\n row-gap: 8px;\n @include custom-scrollbar;\n\n &_has-chips {\n padding-inline: 12px;\n }\n }\n\n &__input-wrapper {\n position: relative;\n display: inline-flex;\n flex-grow: 1;\n align-items: center;\n min-width: 32px;\n height: 32px;\n padding: 0;\n white-space: break-word;\n\n &_without-chips {\n min-width: 52px;\n height: 52px;\n }\n }\n\n &__input {\n position: absolute !important;\n z-index: 10;\n width: 100%;\n height: inherit;\n margin: 0;\n padding: inherit;\n outline: none;\n inset-block: 0;\n\n &-value {\n @include body-4();\n\n width: 100%;\n min-width: 32px;\n padding: inherit;\n opacity: 0;\n }\n }\n\n &__chip {\n --background: var(--base-40);\n\n margin: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n:root {\n --ith-input-padding-start: 12px;\n --ith-input-padding-end: 12px;\n --ith-input-padding-top: 22px;\n --ith-input-padding-bottom: 6px;\n --ith-input-min-height: 52px;\n --ith-input-bottom-offset: 24px;\n --ith-input-icon-width: 32px;\n --ith-input-icon-height: 44px;\n}\n\n$input-with-minimized-label-padding-top: var(--ith-input-padding-top);\n$horizontal-padding: var(--ith-input-padding-end);\n$vertical-padding: var(--ith-input-padding-bottom);\n\n.ith-input {\n --min-input-height: var(--ith-input-min-height);\n --padding-bottom: var(--ith-input-bottom-offset);\n\n position: relative;\n width: 100%;\n padding-block-end: var(--padding-bottom);\n\n &__input-wrapper {\n position: relative;\n\n &_clickable {\n cursor: pointer;\n }\n }\n\n &__input-with-chips {\n /** // ! make sure that this variables are equal to ITHCleaveInput variables **/\n --padding-start: var(--ith-input-padding-start) !important;\n --padding-end: var(--ith-input-padding-end) !important;\n --padding-top: var(--ith-input-padding-top) !important;\n --padding-bottom: var(--ith-input-padding-bottom) !important;\n }\n\n &__input-with-chips,\n ion-textarea#{&}__input,\n ion-input#{&}__input {\n --transition-duration: 100ms;\n --prefix-icon-size: 24px;\n --background: var(--base-0);\n\n /** // ! make sure that this variables are equal to ITHCleaveInput variables **/\n --padding-start: var(--ith-input-padding-start);\n --padding-end: var(--ith-input-padding-end);\n --padding-top: var(--ith-input-padding-top);\n --padding-bottom: var(--ith-input-padding-bottom);\n --border-radius: 12px;\n\n @include body-1-r;\n\n box-sizing: border-box;\n min-height: var(--min-input-height);\n margin: 0;\n overflow: hidden;\n border: 2px solid var(--base-30);\n border-radius: 12px;\n caret-color: var(--brand-primary-20);\n transition: border-color var(--transition-duration);\n\n input,\n textarea {\n height: 100%;\n\n /** !important is used because there is no way to override the opacity style **/\n opacity: 1 !important;\n\n &[type='number']::-webkit-inner-spin-button,\n &[type='number']::-webkit-outer-spin-button {\n opacity: 0 !important;\n }\n }\n\n &_with-minimized-label {\n --padding-top: #{$input-with-minimized-label-padding-top};\n\n .prefix-icon {\n inset-block-end: $vertical-padding;\n }\n }\n\n &_active {\n border-color: var(--brand-primary-40);\n }\n\n &_disabled {\n color: var(--base-50);\n }\n\n &_readonly {\n pointer-events: none;\n }\n\n &_with-error {\n border-color: var(--danger-40);\n }\n\n &_with-icon {\n --padding-end: calc(#{$horizontal-padding} + var(--ith-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-icon-left {\n --padding-start: calc(#{$horizontal-padding} + var(--ith-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-prefix {\n .label-wrapper {\n inset-inline-start: var(--ith-input-padding-end);\n }\n }\n\n &_without-label {\n --padding-top: #{$vertical-padding};\n }\n\n &_with-prefix-icon {\n --padding-start: calc(#{$horizontal-padding} + var(--prefix-icon-size) + #{$horizontal-padding});\n }\n\n &_no-prefix-space {\n input {\n padding-block-start: calc(var(--padding-top) - 4px);\n padding-inline-start: 0;\n }\n }\n }\n\n &__prefix {\n transition: opacity var(--transition-duration);\n margin-block: auto 0;\n margin-inline: $horizontal-padding 0;\n\n &_hidden {\n display: none !important;\n }\n }\n\n &__prefix-icon {\n @include common-icon-self-size;\n\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: bottom var(--transition-duration);\n inset-block-end: calc(#{$vertical-padding} + 8px);\n inset-inline-start: $horizontal-padding;\n }\n\n &__label-wrapper {\n position: absolute;\n z-index: 3;\n transition: top var(--transition-duration);\n pointer-events: none;\n inset-block-start: calc(#{$vertical-padding} + 2px);\n inset-inline-start: var(--padding-start);\n\n &_minimized {\n inset-block-start: $vertical-padding;\n }\n }\n\n &__clear-button {\n --background-activated: var(--base-0);\n --padding-start: 2px;\n --padding-end: 2px;\n --padding-top: 2px;\n --padding-bottom: 2px;\n\n position: absolute;\n z-index: 99;\n width: 18px;\n height: 18px;\n margin: 0;\n inset-block-start: calc((var(--ith-input-min-height) - 18px) / 2);\n inset-inline-end: 6px;\n\n svg {\n @include fill-svg-and-path(var(--base-110));\n\n width: 16px;\n height: 16px;\n }\n\n &_type {\n &_textarea {\n inset-block-start: 6px;\n }\n }\n }\n\n &__icon-wrapper {\n position: absolute;\n z-index: 2;\n display: flex;\n align-items: center;\n height: var(--ith-input-icon-height);\n inset-block-start: calc((var(--min-input-height) - var(--ith-input-icon-height)) / 2);\n inset-inline-end: $horizontal-padding;\n\n &_position {\n &_left {\n inset-inline-end: unset;\n inset-inline-start: $horizontal-padding;\n }\n }\n }\n\n &__icon {\n width: var(--ith-input-icon-width);\n }\n\n &__hint {\n position: absolute;\n inset-block-end: 4px;\n inset-inline-start: $horizontal-padding;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-label {\n display: flex;\n align-items: center;\n height: 36px;\n color: var(--base-80);\n white-space: nowrap;\n transition-duration: var(--transition-duration);\n transition-property: font-weight, font-size, line-height, letter-spacing, height, color;\n\n &_minimized {\n height: 16px;\n }\n\n &_color {\n &_secondary {\n color: var(--base-50);\n }\n\n &_error {\n color: var(--danger-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-inputs {\n &__inputs-container {\n position: relative;\n display: flex;\n gap: 16px;\n }\n\n &__label {\n position: absolute;\n inset-block-end: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-input {\n position: relative;\n\n &__input {\n &_with-arrow {\n --padding-end: 40px;\n }\n }\n\n &__arrow {\n @include common-icon-self-size();\n @include fill-svg-and-path(var(--base-80));\n\n position: absolute;\n inset-block-start: 14px;\n inset-inline-end: 12px;\n z-index: 2;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-popover {\n --width: 684px;\n --height: 426px;\n\n @media screen and (max-height: 912px) {\n --height: 300px;\n }\n\n &::part(content) {\n padding: 24px 20px 20px;\n }\n\n &__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-block-start: 12px;\n padding-block-start: 16px;\n border-block-start: 1px solid var(--base-15);\n }\n\n &__clear-button {\n margin-inline-end: 24px !important;\n color: var(--base-90);\n }\n\n &__clear-icon {\n @include fill-svg-and-path(var(--base-90));\n\n margin-inline-end: 12px;\n }\n\n .ith-date-picker-day_disabled {\n color: var(--base-60);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-button {\n --box-shadow: none !important;\n\n width: fit-content;\n\n &_size {\n &_small {\n --border-radius: 12px !important;\n --padding-start: 16px !important;\n --padding-top: 8px !important;\n --padding-end: 16px !important;\n --padding-bottom: 8px !important;\n\n min-height: 32px;\n\n @include button-13m;\n }\n\n &_medium {\n --border-radius: 16px !important;\n --padding-start: 16px !important;\n --padding-top: 14px !important;\n --padding-end: 16px !important;\n --padding-bottom: 14px !important;\n\n min-height: 40px;\n\n @include body-2-m;\n }\n\n &_large {\n --border-radius: 16px !important;\n --padding-start: 16px !important;\n --padding-top: 14px !important;\n --padding-end: 16px !important;\n --padding-bottom: 14px !important;\n\n min-height: 52px;\n\n @include body-1;\n }\n }\n\n &_fill {\n &_outline {\n --border-color: var(--brand-primary-40) !important;\n --background: transparent !important;\n --background-activated: transparent !important;\n --color: var(--brand-primary-40) !important;\n --color-activated: var(--brand-primary-50) !important;\n\n &.ion-activated {\n --border-color: var(--brand-primary-50) !important;\n }\n\n &:disabled {\n --ion-color-primary: var(--brand-primary-10) !important;\n }\n }\n\n &_solid {\n &.ith-button_color {\n &_primary {\n --background: var(--brand-primary-40) !important;\n --background-activated: var(--brand-primary-50) !important;\n\n &.disabled {\n --background: var(--brand-primary-10) !important;\n }\n }\n\n &_primary-gray {\n --background: var(--base-20) !important;\n --background-activated: var(--base-30) !important;\n --color: var(--base-110) !important;\n\n &.disabled {\n --background: var(--base-15) !important;\n --color: var(--base-50) !important;\n }\n }\n\n &_secondary {\n --background: var(--brand-primary-0) !important;\n --background-activated: var(--brand-primary-10) !important;\n --color: var(--base-110) !important;\n\n &.disabled {\n --background: var(--brand-primary-0) !important;\n --color: var(--brand-primary-10) !important;\n }\n }\n }\n }\n }\n\n &_isFullContainerWidth {\n width: 100%;\n }\n\n &__icon {\n margin-inline-end: 8px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n@keyframes move-left {\n 0% {\n transform: translateX(calc(-1 * var(--width)));\n }\n\n 100% {\n transform: translateX(calc(-1 * var(--width) * 2));\n }\n}\n\n@keyframes move-right {\n 0% {\n transform: translateX(calc(-1 * var(--width)));\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes move-left-rtl {\n 0% {\n transform: translateX(calc(var(--width)));\n }\n\n 100% {\n transform: translateX(calc(var(--width) * 2));\n }\n}\n\n@keyframes move-right-rtl {\n 0% {\n transform: translateX(calc(var(--width)));\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n.ith-date-picker-carousel {\n --width: 100%;\n --duration: 400ms;\n --timing-function: cubic-bezier(0.65, 0.42, 0.41, 0.99);\n\n display: flex;\n transform: translateX(calc(var(--width) * -1));\n animation-duration: var(--duration);\n animation-timing-function: var(--timing-function);\n\n &_move {\n &_left {\n animation-name: move-left;\n }\n\n &_right {\n animation-name: move-right;\n }\n }\n}\n\n[dir='rtl'] .ith-date-picker-carousel {\n transform: translateX(calc(var(--width)));\n\n &_move {\n &_left {\n animation-name: move-left-rtl;\n }\n\n &_right {\n animation-name: move-right-rtl;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: var(--width);\n\n &__button {\n --background: transparent;\n --box-shadow: none;\n --ripple-color: var(--base-40);\n\n width: 54px;\n height: 32px;\n margin: 0;\n transition: all 200ms;\n }\n\n &__arrow {\n width: 24px;\n height: 24px;\n\n path {\n fill: var(--base-40);\n }\n\n &_direction {\n &_left {\n transform: rotate(180deg);\n }\n }\n }\n\n &__months-container {\n &_double {\n display: grid;\n flex: 1 0 auto;\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n &__title {\n color: var(--base-110);\n text-align: center;\n text-transform: capitalize;\n user-select: none;\n\n &:last-of-type {\n padding-inline-start: 54px;\n }\n\n &:first-of-type {\n padding-inline-end: 54px;\n }\n\n &:only-of-type {\n padding: 0;\n }\n }\n}\n\n[dir='rtl'] .ith-date-picker-header__arrow {\n transform: rotate(180deg);\n\n &_direction {\n &_left {\n transform: unset;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-month {\n display: grid;\n grid-template-rows: repeat(6, var(--button-size));\n grid-template-columns: repeat(7, var(--button-size));\n gap: 1px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-day {\n --padding-start: 0;\n --padding-end: 0;\n --background: transparent;\n --color: var(--base-110);\n --box-shadow: none;\n --border-radius: 50%;\n --ripple-color: var(--brand-primary-40);\n\n position: relative;\n width: var(--button-size);\n height: var(--button-size);\n margin: 0;\n\n &_hidden {\n visibility: hidden;\n }\n\n &_today {\n &::after {\n position: absolute;\n inset: 0;\n border: 1px solid var(--brand-primary-40);\n border-radius: 50%;\n content: '';\n }\n }\n\n &_selected,\n &_preview-selected {\n --border-radius: 0;\n --background: var(--brand-primary-0);\n }\n\n &_preview-start {\n --border-radius: 50%;\n }\n\n &_preview-start,\n &_preview-end {\n --background: var(--brand-primary-20);\n }\n\n &_start,\n &_end {\n --background: var(--brand-primary-40);\n --color: var(--addition-50);\n }\n\n &_preview-start#{&}_selected:not(&_start):not(&_end) {\n &::before {\n position: absolute;\n inset: 0;\n background: var(--brand-primary-0);\n content: '';\n }\n }\n\n &_preview-start#{&}_preview-selected,\n &_start#{&}_selected {\n --border-radius: 50% 0 0 50%;\n }\n\n &_preview-end#{&}_preview-selected,\n &_end#{&}_selected {\n --border-radius: 0 50% 50% 0;\n }\n\n &_preview-start#{&}_preview-end,\n &_start#{&}_end {\n --border-radius: 50%;\n }\n\n &__text-wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n }\n\n &__text-wrapper_multiple::after {\n position: absolute;\n width: 6px;\n height: 6px;\n background: var(--base-80);\n border-radius: 50%;\n content: '';\n inset-block-start: 100%;\n }\n}\n\n[dir='rtl'] .ith-date-picker-day_preview-start.ith-date-picker-day_preview-selected,\n[dir='rtl'] .ith-date-picker-day_start.ith-date-picker-day_selected {\n --border-radius: 0 50% 50% 0;\n}\n\n[dir='rtl'] .ith-date-picker-day_preview-end.ith-date-picker-day_preview-selected,\n[dir='rtl'] .ith-date-picker-day_end.ith-date-picker-day_selected {\n --border-radius: 50% 0 0 50%;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-weekdays {\n display: flex;\n justify-content: space-between;\n width: var(--width);\n\n &__days-container {\n display: grid;\n grid-template-columns: repeat(7, var(--button-size));\n gap: 1px;\n color: var(--base-80);\n }\n\n &__day {\n text-align: center;\n text-transform: capitalize;\n user-select: none;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$width: calc(var(--button-size) * 7 + 6px);\n\n.ith-date-picker {\n --button-size: 46px;\n --months-gap: 32px;\n --width: #{$width};\n\n &__header-wrapper {\n margin-block-end: 20px;\n }\n\n &__weekdays-wrapper {\n margin-block-end: 8px;\n }\n\n &__body {\n width: var(--width);\n overflow: hidden;\n }\n\n &__carousel {\n --width: calc(#{$width} + var(--months-gap));\n\n gap: var(--months-gap);\n\n &_double {\n --width: calc(#{$width} * 2 + var(--months-gap) * 2);\n }\n }\n\n &_double {\n --width: calc(#{$width} * 2 + var(--months-gap));\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-popover {\n --box-shadow: 0 5px 12px 0 #0000001a;\n --background: var(--base-0);\n --ith-popover-border-radius: 16px;\n --ith-popover-padding-top: 16px;\n --ith-popover-padding-bottom: 16px;\n --ith-popover-padding-start: 0;\n --ith-popover-padding-end: 0;\n\n &::part(content) {\n padding-block-start: var(--ith-popover-padding-top);\n padding-block-end: var(--ith-popover-padding-bottom);\n padding-inline-start: var(--ith-popover-padding-start);\n padding-inline-end: var(--ith-popover-padding-end);\n border: 1px solid var(--base-30);\n border-radius: var(--ith-popover-border-radius);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-sheet {\n &__date-picker-wrapper {\n display: flex;\n justify-content: center;\n padding: 0 16px;\n\n @include mobile {\n padding: 0 16px 16px;\n }\n }\n\n .ith-date-picker-day_disabled {\n color: var(--base-50);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-sheet {\n --ion-toolbar-color: var(--base-110);\n --backdrop-opacity: 0.5;\n --height: auto;\n --border-radius: 20px 20px 0 0;\n --background: var(--base-0);\n\n color: var(--base-110);\n\n @include mobile {\n &_mobile-full-screen {\n --border-radius: 0;\n --height: 100%;\n }\n }\n\n @include desktop {\n --border-radius: 24px;\n }\n\n &__content-wrapper {\n position: relative;\n height: 100%;\n max-height: calc(100vh - var(--page-header-min-height));\n overflow-y: auto;\n }\n\n &__content {\n height: 100%;\n max-height: 100%;\n }\n\n &__children-wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-header {\n &__toolbar {\n --background: transparent;\n --min-height: var(--page-header-min-height);\n\n &_with-border-bottom {\n &::after {\n position: absolute;\n inset-inline: 0;\n inset-block-end: 0;\n width: 100%;\n height: 1px;\n background-color: var(--base-20);\n content: '';\n }\n }\n\n &_with-shadow-bottom {\n box-shadow: 0 1px 4px 0 #0000000f;\n }\n\n @include desktop {\n &_close-slot {\n &_start {\n --padding-end: 24px;\n --padding-start: 8px;\n }\n\n &_end {\n --padding-end: 8px;\n --padding-start: 24px;\n }\n\n &_null {\n --padding-end: 24px;\n --padding-start: 24px;\n }\n }\n\n ion-title {\n padding-inline: 0;\n }\n }\n }\n\n &__buttons-container {\n align-self: unset;\n margin: 0;\n }\n\n &__close-icon {\n @include common-icon-self-size();\n @include fill-svg-and-path(var(--base-120));\n }\n\n &__search-icon {\n @include fill-svg-and-path(var(--base-120));\n }\n\n &__title {\n --color: var(--base-120);\n\n &-text {\n white-space: normal;\n\n @include cut-for-n-rows(2);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$trans-duration: 400ms;\n\n.ith-searchbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n border-radius: 16px;\n\n &__searchbar {\n --border-radius: 16px !important;\n --box-shadow: none !important;\n\n height: 48px;\n padding: 0 !important;\n transition: $trans-duration;\n\n &_hidden {\n max-width: 0;\n opacity: 0;\n\n ion-icon {\n display: none !important;\n }\n\n input {\n padding-inline-start: 0 !important;\n padding-inline-end: 0 !important;\n }\n }\n\n input {\n @include body-1-r;\n\n height: 100%;\n transition: $trans-duration;\n padding-inline-start: 16px !important;\n\n & ~ ion-icon {\n display: none !important;\n }\n }\n }\n\n &__button {\n @include common-svg-size;\n\n --padding-bottom: 12px;\n --padding-top: 12px;\n --padding-start: 12px;\n --padding-end: 12px;\n\n height: 48px;\n margin: 0;\n\n svg {\n @include fill-svg-and-path(var(--base-120));\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.input-with-chips-select-field {\n &__accordion {\n @include custom-scrollbar();\n\n max-height: 400px;\n overflow: auto;\n border-radius: 8px;\n box-shadow: 0 5px 12px 0 #0000001a;\n }\n\n &__list {\n padding: 0 16px !important;\n }\n\n &__field {\n --inner-padding-top: 0;\n --inner-padding-bottom: 0;\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n\n & .ith-checkbox-item__checkbox-wrapper {\n display: flex;\n align-items: center;\n }\n\n & .ith-item__label {\n width: auto;\n }\n\n &_icon-position_right .item-content .item-inner {\n justify-content: space-between;\n }\n\n &_hidden {\n display: none;\n }\n }\n\n &__icon {\n &_position {\n &_right {\n margin-inline-start: 16px;\n }\n\n &_left {\n margin-inline-end: 16px;\n }\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-radio-item {\n --background: transparent;\n --ion-item-background: transparent;\n --ripple-color: transparent;\n --background-hover: transparent;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 12px;\n --inner-padding-bottom: 12px;\n\n &__radio {\n --color: var(--color-checked);\n\n &[slot='start'] {\n margin-inline-end: 18px;\n margin-inline-start: 0;\n }\n\n &[slot='end'] {\n margin-inline-end: 0;\n margin-inline-start: 18px;\n }\n\n &::part(container) {\n width: 20px;\n height: 20px;\n transition: border 120ms ease-out;\n }\n\n &:not(.ios)::part(mark) {\n display: none;\n }\n\n &.radio-checked {\n &::part(container) {\n border-width: 6px;\n }\n }\n }\n\n &__error-message {\n padding: 0;\n color: var(--danger-40);\n }\n\n &__info {\n padding: 0;\n color: var(--base-80);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-item {\n --min-height: 52px;\n --background: transparent;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-end: 0;\n --ion-item-background: transparent;\n --ion-item-color: var(--base-110);\n\n color: var(--base-110);\n\n &__icon {\n margin-inline-end: 16px;\n\n svg {\n @include fill-svg-and-path(var(--base-120));\n }\n }\n\n &__content {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n\n &_with-border-bottom {\n border-block-end: 1px solid var(--base-15);\n }\n }\n\n &__label {\n align-items: flex-start;\n width: 100%;\n margin: 0;\n }\n\n &__label-wrapper {\n display: flex;\n align-items: center;\n width: 100%;\n margin: 0;\n column-gap: 8px;\n }\n\n &__additional-text {\n color: var(--base-80);\n }\n\n &__label-text {\n white-space: normal;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.input-with-chips {\n &__content {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n width: 100%;\n min-height: 52px;\n padding: 8px 12px;\n column-gap: 8px;\n background: var(--base-20);\n border-radius: 12px;\n row-gap: 8px;\n }\n\n &__input-wrapper {\n position: relative;\n display: inline-flex;\n flex-grow: 1;\n align-items: center;\n min-width: 36px;\n height: 36px;\n padding: 0;\n white-space: break-word;\n }\n\n &__input {\n @include body-4();\n\n position: absolute !important;\n inset-block: 0;\n z-index: 10;\n width: 100%;\n height: inherit;\n margin: 0;\n padding: inherit;\n outline: none;\n\n &-value {\n @include body-4();\n\n width: 100%;\n min-width: 32px;\n padding: inherit;\n color: red;\n opacity: 0;\n }\n }\n\n &__error {\n @include caption-2();\n\n margin-inline-start: 12px;\n color: var(--danger-40);\n }\n\n &__chip {\n --background: var(--base-40);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.show-button {\n --background: transparent;\n --background-activated: var(--base-10);\n --box-shadow: none;\n}\n\n.show-icon {\n @include fill-svg-and-path(var(--base-70));\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-country-number {\n height: 288px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select {\n @include use-border-box-sizing;\n\n width: 100%;\n height: 52px;\n margin-block-end: var(--ith-input-bottom-offset);\n\n &_with-chips {\n height: fit-content;\n }\n\n &__input-container {\n --padding-bottom: 0;\n\n & * {\n cursor: pointer;\n }\n }\n\n &__toggle-icon {\n position: absolute;\n inset-block-start: 18px;\n inset-inline-end: 12px;\n z-index: 9;\n transition: 200ms;\n pointer-events: none;\n\n &_opened {\n transform: rotate(180deg);\n }\n }\n\n &__popover {\n --ith-select-popover-max-height: 288px;\n --ith-select-popover-box-shadow: 0 5px 12px 0 #0000001a;\n --width: var(--ith-select-popover-width) !important;\n --ith-select-popover-bottom: unset;\n --ith-select-popover-top: unset;\n\n user-select: none;\n\n &::part(content) {\n inset-block-end: var(--ith-select-popover-bottom);\n inset-block-start: var(--ith-select-popover-top);\n\n --box-shadow: var(--ith-select-popover-box-shadow);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-manual-popover-wrapper {\n position: relative;\n z-index: var(--trigger-button-z-index);\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n/* stylelint-disable csstools/use-logical */\n.ith-manual-popover {\n position: absolute;\n z-index: 1;\n width: var(--width);\n overflow: hidden;\n background: var(--addition-70);\n border: 1px solid var(--base-30);\n border-radius: 8px;\n box-shadow: 0 2px 4px rgb(0 0 0 / 2%), 0 0 0 rgb(0 0 0 / 10%), 0 1px 10px rgb(0 0 0 / 11%);\n visibility: hidden;\n opacity: 0;\n transition: opacity 300ms, visibility 300ms;\n\n &_opened {\n visibility: visible;\n opacity: 1;\n }\n\n &_triangle::before {\n position: absolute;\n display: block;\n width: 16px;\n height: 16px;\n background: var(--addition-70);\n border-radius: 2px;\n content: '';\n }\n\n &_position {\n &_top-center::before {\n bottom: -15px;\n left: 50%;\n transform: rotate(45deg) translateX(-11px);\n }\n\n &_bottom-center::before {\n top: -1px;\n left: 50%;\n transform: rotate(45deg) translateX(-11px);\n }\n\n &_right-center::before {\n top: 50%;\n left: -15px;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_left-center::before {\n top: 50%;\n right: 0;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_top-left-corner::before {\n right: 0;\n bottom: 8px;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_bottom-left-corner::before {\n top: 24px;\n right: 0;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_top-right-corner::before {\n bottom: 8px;\n left: -15px;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_bottom-right-corner::before {\n top: 24px;\n left: -15px;\n transform: rotate(45deg) translateY(-11px);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-popover {\n &__content {\n width: 100%;\n height: 100%;\n }\n\n &__label {\n margin-block: 8px;\n margin-inline: 16px 0;\n color: var(--base-70);\n }\n\n &__options {\n @include custom-scrollbar;\n\n max-height: var(--ith-select-popover-max-height);\n padding: 0 !important;\n overflow: auto;\n }\n\n &__virtual-scroll-container {\n @include custom-scrollbar;\n\n height: var(--ith-select-popover-max-height) !important;\n padding: 0;\n background: var(--base-0);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-nothing-found {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n color: var(--base-80);\n\n &__icon {\n @include fill-svg-and-path(var(--base-80));\n\n margin-inline-end: 16px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-item {\n --padding-start: 16px;\n --padding-end: 16px;\n --background: var(--base-0);\n\n &_without-checkmark-selected {\n --background: var(--base-20);\n }\n\n &__icon {\n @include common-icon-self-size();\n\n margin-inline-end: 16px;\n }\n\n &__details {\n color: var(--base-80);\n\n &_inline {\n margin-inline-start: 8px;\n }\n }\n\n &__check-icon {\n @include common-icon-self-size();\n @include fill-svg-and-path(var(--brand-primary-40));\n }\n\n &__checkbox {\n margin-inline-end: 16px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-sheet {\n &__content {\n &_without-header {\n padding-block-start: 24px;\n }\n\n & ion-list {\n padding: 0\n }\n\n @include mobile {\n padding: 6px 0 20px;\n }\n }\n\n &__virtual-scroll-container {\n @include custom-scrollbar;\n\n height: calc(100vh - var(--page-header-min-height)) !important;\n }\n\n &__options {\n --ion-item-background: none;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-phone-input {\n display: flex;\n gap: 8px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-hidden-file-input {\n &__input {\n width: 100%;\n height: 100%;\n padding: 0;\n background-color: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n opacity: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-profile-photo-input {\n --button-diameter: 96px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n &__image {\n width: var(--button-diameter);\n height: var(--button-diameter);\n object-fit: cover;\n overflow: hidden;\n border-radius: 50%;\n\n &_full-container-size {\n position: absolute;\n }\n }\n\n &__photo-button {\n --border-radius: 50%;\n --background: var(--base-15);\n --box-shadow: none;\n --padding-start: 0;\n --padding-end: 0;\n\n position: relative;\n width: var(--button-diameter);\n height: var(--button-diameter);\n margin: 0;\n }\n\n &__photo-icon {\n --photo-icon-size: 32px;\n\n position: absolute;\n width: var(--photo-icon-size);\n height: var(--photo-icon-size);\n\n @include fill-svg-and-path(var(--brand-primary-40));\n\n @include desktop {\n --photo-icon-size: 40px;\n }\n }\n\n &__text-button {\n --background: none;\n --box-shadow: none;\n --color: var(--brand-primary-40);\n --padding-start: 0;\n --padding-end: 0;\n\n position: relative;\n height: 22px;\n }\n\n margin: 16px 0 0;\n\n &__text {\n position: absolute;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-range {\n /** In the normal state, the knob has a scale(0.67) **/\n --knob-size: calc(18px / 0.67);\n --bar-background: var(--base-30);\n --bar-height: 4px;\n --bar-background-active: var(--brand-primary-40);\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.star-rating {\n display: flex;\n width: 100%;\n height: 100%;\n\n svg {\n width: 100%;\n height: 100%;\n @include fill-svg-and-path(var(--warning-30));\n }\n\n input[type='radio'] {\n width: 0;\n height: 0;\n margin: 0;\n border: none;\n outline: none;\n opacity: 0;\n appearance: none;\n }\n\n &__gradient {\n flex: 0;\n\n & stop:first-child {\n stop-color: var(--warning-30);\n }\n\n & stop:nth-child(2) {\n stop-color: var(--base-30);\n }\n }\n\n &__container {\n display: flex;\n flex: 1;\n cursor: pointer;\n\n &:first-of-type {\n flex: 0;\n\n & .star-rating__star {\n display: none;\n }\n }\n\n &_checked ~ & svg {\n @include fill-svg-and-path(var(--base-30));\n }\n\n &:hover ~ & svg {\n @include fill-svg-and-path(var(--base-30));\n }\n }\n\n &_primary {\n .star-rating__container {\n &_checked ~ * .star-rating__star {\n @include fill-svg-and-path(var(--base-40));\n }\n\n &:hover ~ * svg {\n @include fill-svg-and-path(var(--base-40));\n }\n }\n\n .star-rating__gradient {\n & stop:nth-child(2) {\n stop-color: var(--base-40);\n }\n }\n }\n\n &:hover &__star {\n @include fill-svg-and-path(var(--warning-30));\n }\n\n &:active &__star {\n @include fill-svg-and-path(var(--warning-40));\n }\n\n &_read-only {\n pointer-events: none;\n }\n\n &_size {\n &_large {\n width: 280px;\n height: 40px;\n }\n\n &_small {\n width: 90px;\n height: 14px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$handle-diameter: 16px;\n$handle-spacing: 2px;\n$toggle-height: $handle-diameter + $handle-spacing * 2;\n\n.ith-toggle {\n display: inline-block;\n height: $toggle-height;\n\n &__toggle {\n --handle-width: #{$handle-diameter};\n --handle-height: #{$handle-diameter};\n --handle-spacing: #{$handle-spacing};\n --handle-box-shadow: none;\n --handle-background: var(--addition-50);\n --handle-background-checked: var(--addition-50);\n --background: var(--base-70);\n --background-checked: var(--brand-primary-40);\n\n width: 36px;\n height: $toggle-height;\n padding: 0;\n\n &[disabled='true'] {\n --handle-background: var(--base-10);\n --handle-background-checked: var(--addition-50);\n --background: var(--base-30);\n --background-checked: var(--brand-primary-10);\n\n opacity: 1;\n\n &::part(handle) {\n opacity: 0.4;\n }\n }\n\n &.toggle-checked {\n --handle-box-shadow: 0 2px 2px rgb(0 0 0 / 25%);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-menu-item {\n --background: transparent;\n --padding-start: 24px;\n --padding-end: 24px;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 0;\n --inner-padding-bottom: 0;\n --min-height: 48px;\n --color: var(--base-110);\n\n &_rounded {\n --border-radius: 0 24px 24px 0;\n }\n\n &_active {\n --background: var(--base-15);\n }\n\n &_danger {\n --color: var(--danger-40);\n }\n\n &__icon {\n @include common-icon-self-size;\n @include fill-svg-and-path(var(--base-80));\n\n svg {\n @include fill-svg-and-path(var(--base-80));\n }\n\n margin-inline-end: 16px;\n\n &_danger {\n svg {\n @include fill-svg-and-path(var(--danger-40));\n }\n }\n }\n\n &__accordion-arrow {\n height: 12px;\n transform: rotate(90deg);\n transition: transform 200ms ease-in-out;\n\n &_expanded {\n transform: rotate(270deg);\n }\n }\n\n &__element-after-wrapper {\n @include centered-flexbox;\n\n padding: 8px 0;\n }\n}\n\nion-accordion > ion-item[slot=header]{\n --border-width: 0 !important;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-action-fab {\n &__button {\n .ith-action-fab__icon {\n @include fill-svg-and-path(var(--addition-50));\n }\n\n &[disabled='true'] {\n --background: var(--brand-primary-20);\n\n opacity: 1;\n\n .ith-action-fab__icon {\n @include fill-svg-and-path(var(--addition-60));\n }\n }\n }\n\n &_vertical {\n &_bottom {\n inset-block-end: calc(var(--ion-safe-area-bottom) + 16px);\n }\n }\n\n &_horizontal {\n &_end {\n inset-inline-end: calc(var(--ion-safe-area-right) + 16px);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-custom-avatar-stub {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n\n &__stub {\n display: flex;\n align-items: center;\n width: var(--diameter);\n height: var(--diameter);\n background: var(--base-20);\n border-radius: 50%;\n }\n\n &__text {\n $font-size: calc(var(--diameter) / 2.5);\n\n margin: auto;\n color: var(--base-110);\n font-size: $font-size;\n line-height: $font-size;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-avatar {\n --diameter: 32px;\n\n width: var(--diameter);\n height: var(--diameter);\n\n &__image {\n width: var(--diameter);\n height: var(--diameter);\n\n &_hidden {\n display: none;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-badge {\n --background: transparent;\n --padding-top: 2px;\n --padding-bottom: 2px;\n --padding-end: 6px;\n --padding-start: 6px;\n\n position: relative;\n width: fit-content;\n max-height: 24px;\n overflow: hidden;\n border-radius: 2px;\n\n &::after {\n position: absolute;\n inset: 0;\n background-color: currentcolor;\n opacity: 0.1;\n content: '';\n }\n\n &_color {\n &_base {\n color: var(--base-80);\n }\n\n &_base-highlighted {\n color: var(--base-100);\n }\n\n &_secondary {\n color: var(--brand-secondary-40);\n }\n\n &_warning {\n color: var(--warning-40);\n }\n\n &_danger {\n color: var(--danger-40);\n }\n\n &_success {\n color: var(--success-40);\n }\n\n &_info {\n color: var(--info-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-breadcrumbs {\n display: flex;\n flex-wrap: wrap;\n margin-block-end: 0;\n margin-inline-start: 0;\n color: var(--base-80);\n white-space: nowrap;\n text-overflow: ellipsis;\n\n @include mobile {\n display: none;\n }\n\n &__text {\n position: relative;\n display: inline-block;\n margin-block-end: 5px;\n padding-inline-start: 15px;\n color: var(--base-80);\n cursor: default;\n\n &::after {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 5px;\n width: 3px;\n height: 3px;\n background-color: var(--base-50);\n border-radius: 50%;\n transform: translateY(-50%);\n content: '';\n }\n\n &:first-child {\n padding-inline-start: 0;\n\n &::after {\n display: none;\n }\n }\n\n &::before {\n display: none;\n }\n\n &:hover {\n color: var(--base-80);\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n color: var(--base-90);\n }\n\n &:active {\n color: var(--base-110);\n }\n }\n\n &_clickable {\n cursor: pointer;\n\n &:hover {\n color: var(--base-90);\n }\n\n &:active {\n color: var(--base-110);\n }\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-bubble-message {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 40px !important;\n height: 40px !important;\n column-gap: 16px;\n background-color: var(--brand-primary-40);\n border-radius: 2px 24px 24px;\n transition: width 0.2s, height 0.2s, padding 0.2s;\n\n &_with-hover {\n padding: 8px;\n }\n\n &__avatar {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n overflow: hidden;\n background-color: rgb(255 255 255);\n border-radius: 50%;\n transition: width 0.2s, height 0.2s;\n\n ion-img {\n object-fit: cover;\n overflow: inherit;\n }\n }\n\n &__owner {\n align-items: center;\n width: 24px;\n height: 24px;\n transition: width 0.2s, height 0.2s;\n\n @include flex-row-with-gap(0, 16px);\n }\n\n &__action-buttons {\n display: flex;\n opacity: 0;\n transition-delay: 0;\n }\n\n &__button {\n --padding-start: 8px;\n --padding-end: 8px;\n --padding-top: 8px;\n --padding-bottom: 8px;\n\n height: fit-content;\n margin: 0;\n\n svg {\n @include fill-svg-and-path(var(--addition-50));\n }\n }\n\n &__text {\n width: 100%;\n max-height: 60px;\n margin: 0;\n overflow: auto;\n color: var(--addition-50);\n opacity: 0;\n transition: opacity 0.1s;\n transition-delay: 0;\n\n @include custom-scrollbar(var(--brand-primary-40));\n }\n\n @include desktop {\n &_with-hover {\n &.hover {\n width: 360px !important;\n height: 132px !important;\n padding: 16px;\n }\n\n &.hover .ith-bubble-message__owner {\n width: auto !important;\n height: 40px !important;\n }\n\n &.hover .ith-bubble-message__avatar {\n width: 40px;\n height: 40px;\n }\n\n &.hover .ith-bubble-message__text {\n opacity: 1;\n transition-delay: 0.2s;\n }\n\n &.hover .ith-bubble-message__action-buttons {\n opacity: 1;\n transition-delay: 0.2s;\n }\n }\n }\n\n &.opened {\n width: 360px !important;\n height: fit-content !important;\n padding: 16px;\n }\n\n &.expanded {\n width: 360px !important;\n height: auto !important;\n max-height: 250px;\n padding: 16px;\n }\n\n &.expanded .ith-bubble-message__owner,\n &.opened .ith-bubble-message__owner {\n width: auto !important;\n height: 40px !important;\n }\n\n &.expanded .ith-bubble-message__avatar,\n &.opened .ith-bubble-message__avatar {\n width: 40px;\n height: 40px;\n }\n\n &.expanded .ith-bubble-message__text,\n &.opened .ith-bubble-message__text {\n max-height: 185px;\n opacity: 1;\n transition-delay: 0.2s;\n }\n\n &.expanded .ith-bubble-message__action-buttons,\n &.opened .ith-bubble-message__action-buttons {\n opacity: 1;\n transition-delay: 0.2s;\n }\n\n &__text-wrapper {\n padding-inline-start: 56px;\n\n ion-router-link {\n --color: initial;\n\n text-decoration: underline;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-card {\n margin: 0;\n padding: 16px;\n background: var(--addition-50);\n border-radius: 16px;\n box-shadow: none;\n\n &_border {\n &_dashed {\n border: 2px dashed var(--base-15);\n }\n }\n\n &_color {\n &_none {\n background: none;\n }\n\n &_base {\n background: var(--base-15);\n }\n }\n\n &_radius {\n &_medium {\n border-radius: 24px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-code-char-input {\n font-weight: 700 !important;\n font-size: 28px !important;\n line-height: 32px !important;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-code-input {\n --input-width: 48px;\n --input-height: 60px;\n --gap: 8px;\n\n display: flex;\n gap: var(--gap);\n\n &__input-container {\n --min-input-height: var(--input-height);\n\n flex: 0 0 var(--input-width);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-counter {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: fit-content;\n height: 52px;\n padding: 0 10px;\n background: var(--base-0);\n border-radius: 16px;\n\n &.disabled {\n filter: grayscale(100%);\n\n &,\n * {\n color: var(--base-50);\n pointer-events: none;\n }\n }\n\n &.with-shadow {\n box-shadow: 0 2px 12px rgb(40 52 77 / 8%);\n }\n\n &.grey {\n background: var(--base-17);\n }\n\n &__action-button {\n --padding-start: 8px;\n --padding-end: 8px;\n --padding-top: 8px;\n --padding-bottom: 8px;\n\n height: fit-content;\n margin: 0;\n\n svg {\n width: 10px;\n height: 10px;\n\n @include fill-svg-and-path(var(--brand-primary-40));\n }\n\n &::part(native) {\n height: fit-content;\n }\n\n &[disabled=''] {\n svg {\n @include fill-svg-and-path(var(--base-70));\n }\n }\n }\n\n &__number-input {\n all: unset;\n appearance: textfield;\n padding-inline-start: 8px;\n\n @include desktop {\n margin-inline-end: -8px;\n }\n\n @include mobile {\n margin-inline-end: 8px;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n\n /* display: none; <- Crashes Chrome on hover */\n appearance: none;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.blurred-image-container {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n &__real-image {\n z-index: 1;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n &__blurred-image {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n filter: blur(8px);\n }\n\n &_disabled {\n opacity: 0.8;\n pointer-events: none;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-menu-item {\n --background: transparent;\n --padding-start: 24px;\n --padding-end: 24px;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 0;\n --inner-padding-bottom: 0;\n --min-height: 48px;\n --color: var(--base-110);\n\n &_rounded {\n --border-radius: 0 24px 24px 0;\n }\n\n &_active {\n --background: var(--base-15);\n }\n\n &_danger {\n --color: var(--danger-40);\n }\n\n &__icon {\n @include common-icon-self-size;\n @include fill-svg-and-path(var(--base-80));\n\n svg {\n @include fill-svg-and-path(var(--base-80));\n }\n\n margin-inline-end: 16px;\n\n &_danger {\n svg {\n @include fill-svg-and-path(var(--danger-40));\n }\n }\n }\n\n &__accordion-arrow {\n height: 12px;\n transform: rotate(90deg);\n transition: transform 200ms ease-in-out;\n\n &_expanded {\n transform: rotate(270deg);\n }\n }\n\n &__element-after-wrapper {\n @include centered-flexbox;\n\n padding: 8px 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-number-switch-input {\n --option-size: 48px;\n\n user-select: none;\n\n &__title {\n display: flex;\n flex-direction: row;\n color: var(--base-110);\n white-space: pre-line;\n column-gap: 8px;\n row-gap: 0;\n }\n\n &__description{\n margin: 16px 0;\n color: var(--base-70);\n }\n\n &__switch {\n position: relative;\n height: 64px;\n margin-block-start: 16px;\n padding: 8px;\n background: var(--base-15);\n border-radius: 24px;\n\n &-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n scroll-behavior: smooth;\n\n @include mobile {\n width: fit-content;\n max-width: 100%;\n overflow-x: auto;\n scroll-behavior: smooth;\n\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n }\n\n &-options {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n @include desktop {\n width: 100%;\n }\n\n @include mobile {\n padding: 0 calc(((var(--container-width) - var(--option-size) - 20px) / 2) - 8px) 0;\n }\n\n &.reversed {\n @include mobile {\n padding: 0 calc(((var(--container-width) - var(--option-size) - 20px) / 2) + 2px) 0;\n }\n }\n }\n\n &-highlight {\n position: absolute;\n z-index: 1;\n width: var(--option-size);\n height: var(--option-size);\n background-color: var(--brand-primary-40);\n border-radius: 50%;\n transition: left linear 200ms;\n\n @include mobile {\n display: none;\n }\n }\n }\n\n &-option {\n position: relative;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--option-size);\n height: var(--option-size);\n margin: 0;\n border-radius: 50%;\n cursor: pointer;\n\n @include mobile {\n flex-shrink: 0;\n width: calc(var(--option-size) + 20px);\n color: var(--base-60);\n }\n\n @include desktop {\n &:hover {\n background-color: var(--brand-primary-0);\n }\n\n &:active {\n background-color: var(--brand-primary-10);\n }\n }\n\n &_selected {\n color: var(--addition-50);\n font-weight: bold;\n background-color: transparent !important;\n transition: color 300ms;\n\n @include mobile {\n color: var(--brand-primary-40);\n }\n }\n\n &_near-to-selected {\n @include mobile {\n color: var(--base-90);\n }\n }\n }\n }\n\n &__marker {\n position: absolute;\n inset-block-start: -6px;\n inset-inline-start: 50%;\n z-index: 100;\n transform: translateX(-50%);\n\n @include desktop {\n display: none;\n }\n\n &-triangle {\n position: relative;\n inset-inline-start: -3px;\n overflow: hidden;\n border-radius: 20%;\n transform: translateY(50%) rotate(90deg) skewY(30deg) scaleX(0.866);\n\n @include desktop {\n display: none;\n }\n\n /* triangle background extra extra small */\n &,\n &::before,\n &::after {\n width: 16px;\n height: 14px;\n }\n\n &::before,\n &::after {\n position: absolute;\n background: var(--brand-primary-40);\n content: '';\n pointer-events: auto;\n }\n\n &::before {\n border-radius: 20% 20% 20% 53%;\n transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866)\n translateX(-24%);\n }\n\n &::after {\n border-radius: 20% 20% 53%;\n transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866)\n translateX(24%);\n }\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-segment {\n --background: transparent;\n\n width: fit-content;\n\n &__button {\n --border-radius: none;\n --indicator-box-shadow: none;\n --indicator-color: var(--brand-primary-40);\n --indicator-height: 2px;\n --color: var(--base-80);\n --color-checked: var(--brand-primary-40);\n --padding-start: 0;\n --padding-end: 0;\n --ripple-color: transparent;\n --background-hover: transparent;\n\n flex: 0 0 auto;\n min-width: auto;\n min-height: 28px;\n margin-inline-end: 24px;\n\n &:last-child {\n margin-inline-end: 0;\n }\n\n &::part(indicator) {\n display: flex;\n align-items: flex-end;\n border-radius: 1px;\n }\n }\n\n &__label {\n margin: 0;\n }\n\n &__text {\n text-transform: none;\n }\n\n &.ith-segment-scrollable {\n width: auto;\n @include custom-scrollbar();\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-share-menu {\n &__item {\n &-button {\n width: 100%;\n height: 100%;\n }\n\n &-content {\n display: flex;\n grid-gap: 8px;\n align-items: center;\n }\n\n &:hover {\n background-color: rgb(32 32 32 / 4%);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-side-menu {\n --ion-item-background: transparent;\n\n width: 280px;\n padding: 0 !important;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-steps-indicator {\n display: flex;\n gap: 4px;\n\n &__step {\n width: 12px;\n height: 4px;\n background: var(--base-20);\n border-radius: 2px;\n\n &_active {\n background: var(--brand-primary-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-stepper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n &__button {\n --padding-start: 0;\n --padding-end: 0;\n\n display: flex;\n gap: 4px;\n align-items: center;\n color: var(--brand-primary-40);\n text-transform: none;\n opacity: 1;\n transition-duration: 200ms;\n transition-property: opacity, visibility;\n\n &_disabled {\n opacity: 0.4;\n }\n\n &_hidden {\n visibility: hidden;\n opacity: 0;\n }\n }\n\n &__arrow {\n @include fill-svg-and-path(var(--brand-primary-40));\n\n width: 16px;\n height: 16px;\n\n &_direction {\n &_left {\n margin-inline-end: 4px;\n transform: rotate(180deg);\n }\n\n &_right {\n margin-inline-start: 4px;\n }\n }\n }\n}\n\n[dir='rtl'] .ith-stepper__arrow {\n &_direction {\n &_left {\n transform: unset;\n }\n\n &_right {\n transform: rotate(180deg);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-custom-toolbar {\n .record-button {\n svg {\n @include fill-svg-and-path(var(--text-editor-icon-color));\n\n path {\n fill: var(--text-editor-icon-color);\n stroke: var(--text-editor-icon-color);\n }\n }\n\n &.active {\n svg {\n @include fill-svg-and-path(var(--brand-primary-40));\n }\n }\n }\n\n .button-wrapper {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n margin: 0;\n inset-block-end: 0;\n inset-inline-end: 0;\n\n button {\n background: none !important;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n@mixin global-ql-button {\n span.ql-formats button {\n @content;\n }\n}\n\n@mixin centered-flexbox {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin transition($properties, $duration: 100ms) {\n transition: $properties $duration ease-in-out;\n}\n\n@mixin button-styles($icon-color, $bg-color) {\n background-color: $bg-color;\n\n .ql-stroke {\n stroke: $icon-color;\n }\n\n .ql-fill {\n fill: $icon-color;\n }\n}\n\n@mixin active-quill-button {\n @include button-styles(var(--text-editor-icon-color-active), var(--text-editor-icon-background-active));\n\n &.ql-paragraph {\n background-color: var(--text-editor-icon-background-active);\n\n svg path {\n fill: var(--text-editor-icon-color-active);\n }\n }\n}\n\n.ith-text-editor {\n &__hint {\n position: absolute;\n inset-block-start: var(--text-editor-hint-top);\n display: flex;\n justify-content: space-between;\n width: 100%;\n padding-inline: var(--text-editor-hint-right);\n color: var(--base-80);\n\n @include caption-1;\n\n &,\n * {\n color: var(--base-80);\n }\n\n &_error {\n &,\n * {\n color: var(--danger-40);\n }\n }\n\n &_length-hint {\n margin-inline-start: auto;\n }\n }\n\n &__text-editor {\n --text-editor-icon-color: var(--base-80);\n --text-editor-icon-color-active: var(--brand-secondary-40);\n --text-editor-icon-background-active: var(--brand-secondary-0);\n --text-editor-border-width: 2px;\n --text-editor-border-color: var(--base-30);\n --text-editor-border-radius: 12px;\n --text-editor-border-color-active: var(--brand-primary-40);\n --text-editor-min-height: 360px;\n --text-editor-padding-top: 8px;\n --text-editor-padding-bottom: 8px;\n --text-editor-padding-start: 12px;\n --text-editor-padding-end: 12px;\n --text-editor-text-color: var(--base-120);\n --text-editor-hint-top: calc(100% + 6px);\n --text-editor-hint-right: 12px;\n --text-editor-toolbar-min-height: 20px;\n --text-editor-background: var(--base-0);\n\n position: relative;\n min-height: var(--text-editor-min-height);\n background-color: var(--text-editor-background);\n border: var(--text-editor-border-width) solid var(--text-editor-border-color);\n border-radius: var(--text-editor-border-radius);\n transition: border-color 100ms;\n\n @include transition(border-color, 100ms);\n\n @include use-border-box-sizing();\n\n @include mobile {\n --text-editor-hint-top: calc(100% + 4px);\n }\n\n @include global-ql-button {\n width: 24px;\n height: 24px;\n padding: 0;\n overflow: hidden;\n border-radius: 4px;\n transform: translate3d(0, 0, 0);\n transition: background-color 100ms;\n transition: transform 200ms;\n\n @include centered-flexbox();\n\n @include desktop {\n &:hover {\n @include active-quill-button;\n }\n }\n\n &:active {\n transform: scale(0.9, 0.9);\n }\n\n .ql-stroke {\n stroke: var(--text-editor-icon-color);\n }\n\n .ql-fill {\n fill: var(--text-editor-icon-color);\n }\n\n svg {\n width: 22px;\n\n * {\n transition: all 100ms;\n }\n }\n }\n\n &_disabled {\n --text-editor-icon-color: var(--base-70);\n --text-editor-text-color: var(--base-70);\n\n &,\n * {\n color: var(--base-70);\n cursor: auto !important;\n pointer-events: none !important;\n }\n }\n\n .ql-editor {\n padding: var(--text-editor-padding-top) var(--text-editor-padding-end) var(--text-editor-padding-bottom)\n var(--text-editor-padding-start);\n\n @include mobile {\n min-height: calc(var(--text-editor-min-height) - var(--text-editor-toolbar-min-height));\n }\n\n &::before {\n color: var(--base-80);\n font-style: normal;\n }\n\n &,\n * {\n color: var(--text-editor-text-color);\n\n @include small-text();\n\n .ql-font-serif {\n font-family: serif;\n }\n\n .ql-font-monospace,\n .ql-syntax {\n font-family: monospace;\n }\n }\n\n sub,\n sup {\n &,\n * {\n @include caption-2();\n }\n }\n\n strong {\n &,\n * {\n font-weight: bold !important;\n }\n }\n }\n\n .ql-container {\n border: none;\n }\n\n .ql-toolbar {\n display: flex;\n flex-wrap: wrap;\n min-height: var(--text-editor-toolbar-min-height);\n border: none;\n padding-block: 12px;\n padding-inline: 0;\n row-gap: 8px;\n border-block-end: var(--text-editor-border-width) solid var(--text-editor-border-color);\n\n @include desktop {\n justify-content: space-between;\n padding-block: 8px;\n }\n\n .ql-formats {\n position: relative;\n display: flex;\n justify-content: space-between;\n width: fit-content;\n column-gap: 12px;\n margin-inline-end: 0 !important;\n padding-inline: 12px;\n\n @include mobile {\n column-gap: 8px;\n }\n\n &:not(:last-child)::after {\n position: absolute;\n width: 1px;\n height: 16px;\n background: var(--base-40);\n border-radius: 1px;\n transform: translateY(-50%);\n content: '';\n inset-block-start: 50%;\n inset-inline-end: 0;\n }\n\n .ql-paragraph {\n svg {\n width: 16px !important;\n\n @include fill-svg-and-path(var(--text-editor-icon-color));\n }\n }\n\n\n .ql-active {\n @include active-quill-button;\n }\n }\n }\n\n\n &_active {\n border-color: var(--brand-primary-40);\n }\n\n &_error {\n border-color: var(--danger-40);\n\n :global {\n .ql-editor {\n &::before {\n color: var(--danger-40);\n }\n }\n }\n }\n\n }\n\n &__editor {\n padding: 0;\n\n p,\n ul,\n ol {\n margin-block: 16px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-video-modal {\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: center;\n\n &__modal {\n --width: 78vw;\n --max-width: 1120px;\n --height: calc((100vh - 110px) * 0.9);\n --max-height: 680px;\n\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n\n &::part(content) {\n position: static;\n padding: 0;\n border: none;\n\n @include mobile {\n background-color: var(--addition-40);\n border-radius: 0;\n }\n }\n\n @include mobile {\n --width: 100vw;\n --height: auto;\n }\n }\n\n @include mobile {\n background-color: var(--addition-40);\n }\n\n &__description {\n @include title-8();\n\n position: absolute;\n inset-block-start: 40px;\n z-index: 999999;\n max-width: calc(100% - 32px);\n color: var(--addition-50);\n\n @include mobile {\n inset-block-start: unset;\n inset-block-end: 16px;\n\n @include body-3();\n }\n }\n\n &__close-icon-wrapper {\n --background: transparent;\n --box-shadow: none;\n --background-hover: transparent;\n --ripple-color: transparent;\n\n position: absolute;\n inset-block-start: 16px;\n inset-inline-end: 16px;\n z-index: 99999;\n\n @include mobile {\n inset-inline-end: unset;\n inset-inline-start: 16px;\n }\n }\n\n &__close-icon {\n @include common-svg-size();\n @include fill-svg-and-path(var(--addition-50));\n }\n\n &__video-player-wrapper {\n cursor: pointer;\n\n @include mobile {\n width: 100%;\n height: 0;\n padding-block-end: 70%;\n border-radius: 0;\n }\n\n img,\n iframe {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n img {\n object-fit: cover;\n }\n }\n\n &__play-icon-wrapper {\n position: absolute;\n inset: 0;\n width: 88px;\n height: 88px;\n margin: auto;\n background: rgb(0 0 0 / 50%);\n border-radius: 60px;\n\n @include centered-flexbox();\n }\n\n &__play-icon {\n width: calc(24px * 32 / 12);\n height: calc(24px * 32 / 14);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-wallet-card {\n display: flex;\n flex-direction: column;\n\n &__header {\n display: flex;\n justify-content: space-between;\n margin-block-end: 12px;\n\n &-text {\n color: var(--base-80);\n }\n }\n\n &__wrapper {\n display: flex;\n gap: 14px;\n align-items: center;\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n }\n\n &__description-wrapper {\n display: flex;\n }\n\n &__description {\n color: var(--base-80);\n }\n\n &__expiration {\n padding: 0 8px;\n color: var(--ion-color-step-550);\n }\n\n &__text {\n color: var(--base-120);\n }\n\n &_version {\n &_item {\n padding: 8px 0;\n\n .ith-wallet-card__header {\n margin-block-end: 0;\n }\n\n .ith-wallet-card__flag {\n font-size: 34px;\n }\n\n .ith-wallet-card__header-text {\n display: flex;\n align-items: center;\n padding-inline-end: 4px;\n }\n\n .ith-wallet-card__content {\n flex-direction: column-reverse;\n }\n }\n\n &_small {\n .ith-wallet-card__wrapper {\n align-items: start;\n }\n\n .ith-wallet-card__content {\n padding-block-start: 6px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"css/main.css","mappings":"AA4fI,4BACI,aAEA,mCACI,uBCLZ,UACI,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,wBAAyB,CACzB,2BAA4B,CAC5B,+BAAgC,CAChC,mBAAoB,CACpB,wBAAyB,CAEzB,eAEA,cAtdA,4BAud+B,CAnc/B,YArBA,oBAoBA,UACA,CAlBA,mBAEI,aADA,mBACA,CAudJ,iBACI,iBACA,qBArDJ,oCAmDA,iBAKQ,yBAGJ,qBACI,8BC3BJ,yBAlaJ,eAGA,oBAmaI,kDAraJ,8BAFA,gBAGA,gBASA,CA2ZI,yBA7ZJ,cAEA,CA+ZI,uBAzZJ,eAEA,gBACA,CA0ZI,8CA5ZJ,8BAFA,gBAIA,oBASA,CAiZI,uBApZJ,eAEA,gBACA,CAqZI,yBA9YJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAgZI,uBAvYJ,qBA2YI,8CA7YJ,8BADA,eADA,gBAGA,gBASA,CAuYI,uBAhYJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAkYI,yBAzXJ,gBAAe,CADf,gBACA,CA6XI,gDA/XJ,8BADA,eADA,eAaA,CAoXI,uBApXJ,qBADA,gBACA,CAwXI,yBAlXJ,eADA,eAIA,CAmXI,iDArXJ,8BAEA,gBAAe,CADf,gBAUA,CA0WI,wBA7WJ,eADA,eAIA,CA8WI,wBAxWJ,eAEA,gBACA,CA0WI,kDA5WJ,8BAFA,gBAIA,gBAUA,CAoWI,sDAvWJ,eAEA,gBAUA,CA2VI,4BA7VJ,kBAFA,gBAIA,iBA+VI,0BAvVJ,kBAHA,eAKA,CAyVI,oDA5VJ,8BADA,eAIA,qBADA,gBAUA,CAgVI,0BApVJ,eAIA,CAoVI,0BA7UJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAgVI,sBAxUJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CA0UI,sBAnUJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAqUI,wBAhUJ,eAGA,CAiUI,8CAlUJ,8BADA,eAEA,gBASA,CAwTI,sBA5TJ,gBAIA,iBA4TI,wBArTJ,8BADA,eADA,gBAIA,oBADA,gBACA,CAuTI,sBAhTJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAkTI,sBA1SJ,gBACA,CA6SI,4CA/SJ,8BADA,eADA,gBAIA,mBASA,CAoSI,sBArSJ,gBACA,CAwSI,sBAjSJ,8BADA,eADA,gBAIA,oBADA,gBACA,CAqSI,2BA7RJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAmSI,oDA5RJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBAUA,CAqRI,yBA9QJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAgRI,2BAzQJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CA4QI,yBApQJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAsQI,2BAjQJ,eAIA,CAiQI,oDAnQJ,8BADA,eAGA,gBAAe,CADf,gBAUA,CAwPI,yBA5PJ,eAIA,CA4PI,8BAnPJ,qBAuPI,uDAzPJ,8BADA,eADA,gBAGA,gBAUA,CA8OI,yBA9OJ,qBAkPI,yBA5OJ,eADA,eAIA,CA6OI,mDA/OJ,8BAEA,gBAAe,CADf,gBAUA,CAoOI,0BAvOJ,eADA,eAIA,CA0OI,0BAjOJ,8BADA,eADA,gBAIA,qBADA,gBACA,CAqOI,0BA5NJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAgOI,8BAvNJ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CCmCJ,sBACI,mBAAqB,CAIrB,mBAKA,+BACA,kCACA,wCARA,aAIA,0BAFA,uBAGA,gBANA,kBAIA,uBAKA,CAEA,0BACI,kBAAmB,CACnB,mBAAoB,CAGxB,8BAII,6BACA,YAEA,eALA,YAMA,SAAQ,CAFR,aAHA,UAFA,UAOA,CAGJ,8BACI,WAGJ,mCAGI,YAFA,kBACA,UACA,CAEA,yCAEI,YADA,UACA,CAIR,4BAII,mBAFA,aACA,sBAFA,iBAGA,CAGJ,kCACI,wBAGJ,wCACI,qBACA,uBAGJ,sCAngBA,oBAqgBI,YAtgBJ,oBAqgBI,UAG2B,CArgB/B,2CAEI,aADA,mBACA,CCkcR,UAxbI,mBADA,aAEA,uBCubJ,0BAEI,aADA,WACA,CCFJ,yBAKI,wCAFA,0BACA,gBAHA,kBACA,uBAGA,CAEA,mCACI,eAGJ,gCACI,gCAGJ,wCACI,wBAAyB,CACzB,iBAAkB,CAClB,mBAAoB,CACpB,kBAAmB,CACnB,eAAgB,CAChB,iBAAkB,CAClB,eAAgB,CAMhB,YAHA,sBACA,qBAGA,QAAO,CALP,kBAGA,UAEA,CAIA,uEACI,aAIA,6EACI,cAKZ,gCAEI,YACA,qCAFA,UAEA,CAGJ,mDAGI,qCADA,QAEA,WAHA,iBAGA,CAGJ,sCAEI,YADA,UACA,CC3DR,iBACI,kBAAmB,CACnB,mBAAoB,CACpB,yBAA0B,CAE1B,aACA,eACA,SAEA,qBACI,gBAGJ,uBACI,iBAAkB,CAClB,kBAAmB,CAEnB,QCfR,cACI,qBACA,WAJY,CAMZ,wBACI,wBAAyB,CACzB,4CAA6C,CAC7C,sCAAuC,CACvC,8CAA+C,CAC/C,mBAAoB,CACpB,YAEA,SACA,aAEA,iCACI,6BAA8B,CAGlC,oCACI,qBAGJ,yCACI,gBC1BZ,mBACI,wBAAyB,CACzB,iCAAkC,CAClC,0BAA2B,CAC3B,8BAA+B,CAC/B,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,wBAAyB,CACzB,2BAA4B,CAE5B,qCACI,YAIA,yCACI,uBAGJ,uCACI,oBAIR,0BACI,SAGJ,2BACI,qBAGJ,+BACI,mBAGJ,0BAEI,uBADA,SACA,CAGJ,yBAEI,qBADA,SACA,CC/CR,gBACI,gBAEA,sBACI,aACA,eACA,QAEA,6BAKI,wBAJA,iBACA,SACA,kBACA,6BAEA,qBAEA,gDACI,aAKZ,sBACI,sBAGJ,+BAEI,mBACA,uBAFA,YAEA,CC7BR,UACI,wBAAyB,CACzB,2BAA4B,CAC5B,uBAAwB,CAUxB,mBARA,oBAGA,aAEA,SAHA,eAEA,gBAGA,kBADA,wBAGA,4CACA,qCACA,gEAVA,wCAUA,CA9CA,oCA8BJ,UAmBQ,wBAAyB,CAEzB,iCAGJ,iBACI,oCAAqC,CACrC,0BAA2B,CAE3B,yBAGJ,uBACI,iBAGJ,qBACI,uBAGJ,gBA/dA,mBAseI,kBAveJ,aAoeI,YAleJ,uBAmeI,eACA,oBAHA,UAIA,CAGJ,gBACI,gBAGJ,yBAII,mBADA,aA1eJ,YA4eI,uBACA,wBA9eJ,UA8eI,CAGJ,iBApgBA,mBAqgB+B,CAG3B,YACA,QAAO,CA1gBX,oBAwgBI,UAEA,CAvgBJ,sBAEI,aADA,mBACA,CCkcR,kBAOI,8EAJA,kBACA,UAGA,CArdA,sCAEI,sBAqdJ,0BAII,8CAA+C,CAC/C,0CAA2C,CAC3C,0CAA2C,CAC3C,gDAAiD,CACjD,wCAAyC,CASzC,gBAEA,6BAOA,oCAVA,sBAlQJ,8BADA,eADA,gBAiQI,yBAQA,oBACA,qBAvQJ,iBA+PI,SAMA,aALA,UAQA,uDAEA,sCADA,0CAdA,kBAEA,WADA,UAeA,CAEA,qCACI,wBAGJ,oCACI,gHAKJ,mCACI,qBAIR,yBAEI,oBACA,oBAAmB,CAFnB,iBAEA,CCvDR,sBACI,iBAEA,gCACI,kBAldJ,8CAEI,sBAqdJ,+BAGI,sBAIA,mCANA,aACA,eAGA,iBACA,gBAEA,YAJA,UAIA,CAxfJ,kDAGI,WAFA,kBACA,SACA,CAIJ,wDACI,wBATwB,CAa5B,wDACI,qBACA,+BACA,mBAIJ,8DACI,qBAueA,yCACI,oBAIR,qCAII,mBAFA,oBACA,YAGA,YADA,eAEA,UANA,kBAOA,uBAEA,mDAEI,YADA,cACA,CAIR,6BAII,eAIA,aAAY,CAHZ,SAEA,aADA,gBALA,4BAEA,WADA,UAMA,CAEA,mCAzPJ,8BADA,eADA,gBAIA,oBADA,iBA4PQ,eAEA,SAAQ,CADR,gBAFA,UAGA,CAIR,4BACI,2BAA4B,CAE5B,SChER,MACI,8BAA+B,CAC/B,4BAA6B,CAC7B,4BAA6B,CAC7B,8BAA+B,CAC/B,2BAA4B,CAC5B,8BAA+B,CAC/B,2BAA4B,CAC5B,4BAA6B,CAOjC,WACI,8CAA+C,CAC/C,+CAAgD,CAIhD,wCADA,UACA,CAEA,qCAJA,iBAKI,CAEA,oCACI,eAIR,6BAEI,wDAA0D,CAC1D,oDAAsD,CACtD,oDAAsD,CACtD,0DAA4D,CAGhE,4GAGI,2BAA4B,CAC5B,uBAAwB,CACxB,0BAA2B,CAG3B,8CAA+C,CAC/C,0CAA2C,CAC3C,0CAA2C,CAC3C,gDAAiD,CACjD,oBAAqB,CAQrB,gCACA,mBALA,sBAMA,oCAtSJ,8BADA,eADA,gBAGA,iBAiSI,SADA,mCAEA,gBAIA,mDAEA,qQAEI,YAGA,oBAEA,0+BAEI,oBAIR,2KACI,2CAEA,kNACI,mBApEG,CAoEH,+CApEG,CAwEX,iIACI,qCAGJ,uIACI,qBAGJ,uIACI,oBAGJ,6IACI,8BAGJ,0IACI,8GAGJ,yJACI,gHAIA,6LACI,wEAIR,sJACI,8CAGJ,+JACI,4GAIA,8KACI,mDACA,uBAKZ,mBAEI,oBACA,kEAFA,6CAEA,CAEA,0BACI,uBAIR,wBAKI,mBADA,aAnkBJ,YAukBI,iFACA,uBA1Ia,CA0Ib,gDAHA,uBAHA,kBAIA,6CAvkBJ,UA+biB,CA6IjB,0BAKI,oFACA,wCAFA,oBAHA,kBAEA,0CADA,SAIA,CAEA,oCACI,qBArJO,CAqJP,iDArJO,CAyJf,yBACI,oCAAqC,CACrC,mBAAoB,CACpB,iBAAkB,CAClB,iBAAkB,CAClB,oBAAqB,CAKrB,YAEA,sFACA,qBAFA,SAJA,kBAEA,WADA,UAKA,CAEA,6BA3nBJ,oBA4nBmC,CAG3B,YAhoBR,oBA+nBQ,UACA,CA7nBR,kCAEI,aADA,mBACA,CA+nBI,uCACI,sBAKZ,yBAII,mBADA,aAEA,gDACA,8IACA,qBA9La,CA8Lb,8CANA,kBACA,SAzLa,CAiMT,uCACI,uBACA,uBAnMK,CAmML,+CAnMK,CAwMjB,iBACI,6CAGJ,iBAEI,oBACA,uBA/Ma,CA+Mb,gDAFA,iBA7Ma,CCZrB,WAEI,mBAEA,qBAHA,aAEA,YAGA,+CACA,kFAFA,kBAEA,CAEA,qBACI,YAIA,2BACI,qBAGJ,uBACI,uBClBR,0CAEI,aACA,SAFA,iBAEA,CAGJ,+BAEI,iBAAgB,CADhB,iBACA,CCTR,gBACI,kBAGI,kCACI,kBAAmB,CAI3B,uBA/cA,mBAid+B,CA7b/B,YAgcI,uBACA,sBAFA,kBApdJ,oBAoBA,WAmcI,UApdJ,4BAEI,aADA,mBACA,CCkcR,yBACI,aAAc,CACd,cAAe,CAEf,qCAJJ,yBAKQ,cAAe,CAAf,CAGJ,wCACI,uBAGJ,iCAEI,mBAIA,4CALA,aAEA,yBACA,wBACA,wBACA,CAGJ,uCAEI,qBADA,gCACA,CAGJ,qCAheA,mBAie+B,CAE3B,uBApeJ,mBAoeI,CAjeJ,0CAEI,aADA,mBACA,CAkeJ,uDACI,qBCjCR,YACI,2BAA6B,CAE7B,yCAGI,uBACI,8BAAgC,CAChC,8BAAgC,CAChC,2BAA6B,CAC7B,4BAA8B,CAC9B,8BAAgC,CAtExC,8BADA,eADA,gBAIA,qBADA,iBAuEQ,eAtER,CA2EI,wBA3OJ,eAGA,oBA+OQ,eA/OR,CAoPI,+CAXI,8BAAgC,CAChC,8BAAgC,CAChC,4BAA8B,CAC9B,4BAA8B,CAC9B,+BAAiC,CA/OzC,8BAFA,gBAGA,gBAzBA,CA8QI,uBAjRJ,eAGA,qBAqRQ,eArRR,CA4RI,yBACI,gDAAkD,CAClD,kCAAoC,CACpC,4CAA8C,CAC9C,yCAA2C,CAC3C,mDAAqD,CAErD,uCACI,gDAAkD,CAGtD,kCACI,qDAAuD,CAMvD,gDACI,8CAAgD,CAChD,wDAA0D,CAE1D,yDACI,8CAAgD,CAIxD,qDACI,qCAAuC,CACvC,+CAAiD,CACjD,iCAAmC,CAEnC,8DACI,qCAAuC,CACvC,gCAAkC,CAI1C,kDACI,6CAA+C,CAC/C,wDAA0D,CAC1D,iCAAmC,CAEnC,2DACI,6CAA+C,CAC/C,yCAA2C,CAO/D,iCACI,WAGJ,kBACI,sBCrGR,qBACI,GACI,4CAGJ,GACI,+CAIR,sBACI,GACI,4CAGJ,GACI,yBAIR,yBACI,GACI,yCAGJ,GACI,4CAIR,0BACI,GACI,yCAGJ,GACI,yBAIR,0BACI,YAAa,CACb,gBAAiB,CACjB,mDAAuD,CAIvD,mCACA,iDAHA,aACA,2CAEA,CAGI,oCACI,yBAGJ,qCACI,0BAKZ,oCACI,yCAGI,8CACI,6BAGJ,+CACI,8BCtEZ,wBAEI,mBADA,aAEA,8BACA,mBAEA,gCACI,wBAAyB,CACzB,iBAAkB,CAClB,6BAA8B,CAG9B,YACA,SACA,mBAHA,UAGA,CAGJ,+BAEI,YADA,UACA,CAEA,oCACI,oBAIA,8CACI,yBAMR,iDACI,aACA,cACA,oCAIR,+BACI,sBACA,kBACA,0BACA,gEAEA,4CACI,0BAGJ,6CACI,wBAGJ,4CACI,UAKZ,yCACI,yBAGI,wDACI,gBCjEZ,uBAII,aAHA,aAGA,QADA,mDADA,+CAEA,CCJJ,qBACI,iBAAkB,CAClB,eAAgB,CAChB,wBAAyB,CACzB,uBAAwB,CACxB,iBAAkB,CAClB,mBAAoB,CACpB,sCAAuC,CAIvC,0BACA,QAAO,CAHP,kBACA,wBAEA,CAEA,4BACI,kBAIA,iCAGI,yCACA,kBACA,WAHA,QADA,iBAIA,CAIR,oEAEI,iBAAkB,CAClB,mCAAoC,CAGxC,mCACI,mBAAoB,CAGxB,oEAEI,oCAAqC,CAGzC,oDAEI,oCAAqC,CACrC,0BAA2B,CAI3B,qIAGI,kCACA,WAFA,QADA,iBAGA,CAIR,gIAEI,2BAA4B,CAGhC,4HAEI,2BAA4B,CAGhC,sHAEI,mBAAoB,CAGxB,mCAEI,aACA,uBAFA,iBAEA,CAGJ,kDAII,0BACA,kBACA,WAHA,WAIA,uBANA,kBACA,SAKA,CAIR,oJAEI,2BAA4B,CAGhC,gJAEI,2BAA4B,CCjGhC,0BACI,aACA,8BACA,mBAEA,0CAGI,aACA,qBAHA,aAEA,QADA,kDAEA,CAGJ,+BACI,kBACA,0BACA,gECbR,iBACI,kBAAmB,CACnB,iBAAkB,CAClB,yCAEA,iCACI,sBAGJ,mCACI,qBAGJ,uBAEI,gBADA,kBACA,CAGJ,2BACI,6DAEA,sBAEA,kCACI,kEAIR,wBACI,gEC/BR,aACI,mCAAoC,CACpC,0BAA2B,CAC3B,gCAAiC,CACjC,8BAA+B,CAC/B,iCAAkC,CAClC,6BAA8B,CAC9B,2BAA4B,CAE5B,4BAKI,gCACA,+CAJA,oDADA,mDAGA,kDADA,qDAGA,CCdJ,4CACI,aACA,uBACA,eA1BJ,oCAuBA,4CAMQ,qBAIR,qDACI,qBCZR,WACI,mCAAoC,CACpC,sBAAuB,CACvB,aAAc,CACd,6BAA8B,CAC9B,0BAA2B,CAE3B,sBA7BA,oCAgCI,8BACI,iBAAkB,CAClB,aAAc,CAAd,CA1CR,oCA8BJ,WAiBQ,oBAAqB,CAArB,CAGJ,4BAEI,YACA,uDACA,gBAHA,iBAGA,CAGJ,oBACI,YACA,gBAGJ,6BACI,aACA,sBACA,YClCJ,qBACI,wBAAyB,CACzB,0CAA2C,CAGvC,8CAMI,gCACA,WAFA,WAFA,kBADA,eADA,kBAGA,UAGA,CAIR,wCACI,iCAhDR,oCAqDY,sCACI,kBAAmB,CACnB,mBAAoB,CAGxB,oCACI,iBAAkB,CAClB,oBAAqB,CAGzB,qCACI,kBAAmB,CACnB,oBAAqB,CAI7B,+BACI,kBAKZ,+BACI,iBACA,SAGJ,wBAxfA,qBAoBA,YArBA,oBAoBA,UAue+B,CAxf/B,6BAEI,aADA,mBACA,CAyfJ,yBA7fA,qBADA,mBA+f+B,CA5f/B,8BAEI,aADA,mBACA,CA6fJ,mBACI,uBAAwB,CAExB,wBApjBJ,oBAujBgC,CAtjBhC,4BALA,oBACA,gBAEA,uBAsjBQ,mBAvjBR,oBAGA,CCufJ,eAEI,mBAGA,mBAJA,aAEA,8BACA,UACA,CAEA,0BACI,8BAAgC,CAChC,2BAA6B,CAE7B,YACA,oBACA,cAfS,CAiBT,iCACI,YACA,UAEA,0CACI,uBAGJ,uCAEI,+BADA,gCACA,CAIR,gCAxQJ,8BADA,eADA,gBA6QQ,YA1QR,iBA4QQ,oCADA,cACA,CAEA,yCACI,uBAKZ,uBAGI,qBAAsB,CACtB,kBAAmB,CACnB,oBAAqB,CACrB,kBAAmB,CAEnB,YACA,SAneJ,2BAxBA,qBAoBA,YArBA,oBAoBA,UACA,CAlBA,gCAEI,aADA,mBACA,CCmcJ,0CAKI,kBACA,kCAHA,iBACA,aAEA,CA9eJ,6DAGI,WAFA,kBACA,SACA,CAIJ,mEACI,wBATwB,CAa5B,mEACI,qBACA,+BACA,mBAIJ,yEACI,qBA6dJ,qCACI,yBAGJ,sCACI,qBAAsB,CACtB,wBAAyB,CAGzB,mBADA,aAEA,2BACA,WAEA,2EAEI,mBADA,YACA,CAGJ,uDACI,WAGJ,oFACI,8BAGJ,6CACI,aAMA,oDACI,yBAGJ,mDACI,uBChDhB,gBACI,wBAAyB,CACzB,iCAAkC,CAClC,0BAA2B,CAC3B,8BAA+B,CAC/B,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,wBAAyB,CACzB,2BAA4B,CAE5B,uBACI,4BAA6B,CAE7B,mCACI,uBACA,sBAGJ,iCACI,oBACA,yBAGJ,wCAEI,YACA,gCAFA,UAEA,CAGJ,6CACI,aAIA,sDACI,iBAKZ,+BAEI,uBADA,SACA,CAGJ,sBAEI,qBADA,SACA,CCnDR,UACI,iBAAkB,CAClB,wBAAyB,CACzB,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,kBAAmB,CACnB,qBAAsB,CACtB,iCAAkC,CAClC,gCAAiC,CAEjC,sBAEA,gBACI,uBAEA,oBAtdJ,qBADA,mBAwdmC,CArdnC,yBAEI,aADA,mBACA,CAudJ,mBAEI,mBADA,aAGA,YADA,UACA,CAEA,sCACI,0CAIR,iBACI,uBAEA,QAAO,CADP,UACA,CAGJ,yBAEI,mBAGA,mCAJA,aAGA,SADA,UAEA,CAGJ,2BACI,qBAGJ,sBACI,mBClDJ,2BAQI,0BACA,mBANA,sBAIA,mCANA,aACA,eAGA,gBACA,iBAIA,YANA,UAMA,CAGJ,iCAII,mBAFA,oBACA,YAGA,YADA,eAEA,UANA,kBAOA,uBAGJ,yBAOI,eAHA,cAIA,SAEA,aAPA,4BAEA,UAKA,CAEA,wDA3OJ,8BADA,eADA,gBAIA,oBADA,iBAuOI,gBAHA,UAaI,CAPJ,+BAMI,UAFA,eAGA,UAIR,yBAII,uBA9JJ,8BADA,eADA,gBAIA,iBADA,iBA4JI,wBACA,CAGJ,wBACI,2BAA4B,CCxDpC,SACI,wBAAyB,CACzB,qCAAsC,CACtC,iBAAkB,CAGtB,SA5cI,oBADA,mBA8c2B,CA3c3B,cAEI,aADA,mBACA,CCkcR,2BACI,aCDJ,YAII,YACA,gDAFA,UAEA,CAndA,0BAEI,sBAmdJ,uBACI,2CAGJ,6BACI,kBAAmB,CAEnB,+BACI,eAIR,yBAEI,uBACA,sBAGA,oBALA,kBAIA,eADA,SAEA,CAEA,gCACI,yBAIR,qBACI,qCAAsC,CACtC,sDAAuD,CACvD,iDAAmD,CACnD,iCAAkC,CAClC,8BAA+B,CAE/B,gEAEA,oCAII,iDAAiD,CAHjD,iDACA,+CAEkD,CC7C9D,4BACI,kBACA,sCCDJ,oBAKI,8BACA,gCACA,kBACA,qFAEA,UANA,gBAHA,kBAUA,sCAFA,kBANA,mBADA,SASA,CAEA,2BAEI,SAAQ,CADR,kBACA,CAGJ,oCAKI,8BACA,kBACA,WALA,cAEA,YAHA,kBAEA,UAIA,CAIA,+CACI,aACA,SACA,0CAGJ,kDAEI,SADA,SAEA,0CAGJ,iDAEI,WADA,QAEA,0CAGJ,gDAEI,QADA,QAEA,0CAGJ,oDAEI,WADA,QAEA,0CAGJ,uDAEI,QADA,SAEA,0CAGJ,qDACI,WACA,WACA,0CAGJ,wDAEI,WADA,SAEA,0CC1ER,6BAEI,YADA,UACA,CAGJ,2BAGI,qBAFA,iBACA,oBACA,CAGJ,6BAGI,gDAEA,cADA,mBACA,CAxfJ,gDAGI,WAFA,kBACA,SACA,CAIJ,sDACI,wBATwB,CAa5B,sDACI,qBACA,+BACA,mBAIJ,4DACI,qBAueJ,8CAKI,yBAFA,sDACA,SACA,CAhgBJ,iEAGI,WAFA,kBACA,SACA,CAIJ,uEACI,wBATwB,CAa5B,uEACI,qBACA,+BACA,mBAIJ,6EACI,qBCmdR,mBAEI,mBAGA,qBAJA,aAEA,uBACA,YACA,CAEA,yBA7cA,mBA8c+B,CAE3B,uBAjdJ,mBAidI,CA9cJ,8BAEI,aADA,mBACA,CCkcR,iBACI,oBAAqB,CACrB,kBAAmB,CACnB,0BAA2B,CAE3B,4CACI,2BAA4B,CAGhC,uBA3bA,YA8bI,uBA/bJ,UA+bI,CAGJ,0BACI,qBAEA,iCACI,wBAIR,6BA7dA,6BAoBA,YArBA,oBAoBA,UA4c+B,CA7d/B,kCAEI,aADA,mBACA,CA8dJ,2BACI,uBC3BA,0CACI,yBAGJ,oCACI,UA7BR,oCAuBA,2BAUQ,oBAIR,4CAGI,6DAzfJ,+DAGI,WAFA,kBACA,SACA,CAIJ,qEACI,wBATwB,CAa5B,qEACI,qBACA,+BACA,mBAIJ,2EACI,qBAweJ,2BACI,0BAA2B,CCtBnC,iBACI,aACA,QCDA,8BAII,6BACA,YAEA,eALA,YAMA,SAAQ,CAFR,aAHA,UAFA,UAOA,CCTR,yBACI,sBAAuB,CAIvB,mBAFA,aACA,sBAqDA,gBAlDA,gCAKI,kBAHA,8BACA,qCACA,gBAHA,4BAIA,CAEA,oDACI,kBAIR,uCACI,mBAAoB,CACpB,2BAA4B,CAC5B,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAIhB,8BACA,QAAO,CAHP,kBACA,4BAEA,CAGJ,qCACI,sBAAuB,CAve3B,6BA2eI,8BAFA,kBA1eJ,oBA2eI,4BAG2B,CA3e/B,0CAEI,aADA,mBACA,CAoaJ,oCA8DA,qCAUQ,sBAAuB,CAAvB,CAIR,sCACI,iBAAkB,CAClB,iBAAkB,CAClB,+BAAgC,CAChC,iBAAkB,CAClB,eAAgB,CAGhB,YADA,iBACA,CAKJ,+BACI,kBC5DR,WAEI,sBAA8B,CAC9B,+BAAgC,CAChC,gBAAiB,CACjB,+CAAgD,CCLpD,aACI,aAEA,YADA,UACA,CAEA,iBA3cA,uBA6cI,YA9cJ,oBA6cI,UAE2B,CA5c/B,sBAEI,aADA,mBACA,CA6cJ,+BAOI,6DAHA,YAFA,SACA,SAGA,UADA,aAJA,OAMA,CAGJ,uBACI,SAEA,wCACI,6BAGJ,yCACI,0BAIR,wBAGI,eAFA,aACA,QACA,CAEA,sCACI,SAEA,yDACI,aAIR,4DApfJ,oBADA,mBAsfmC,CAnfnC,iEAEI,aADA,mBACA,CAofA,0DAxfJ,oBADA,mBA0fmC,CAvfnC,+DAEI,aADA,mBACA,CA2fI,0EA/fR,oBADA,mBAigBuC,CA9fvC,+EAEI,aADA,mBACA,CA+fI,yDAngBR,oBADA,mBAqgBuC,CAlgBvC,8DAEI,aADA,mBACA,CAqgBI,8DACI,0BAKZ,sCA/gBA,uBADA,mBAihB+B,CA9gB/B,2CAEI,aADA,mBACA,CA+gBJ,uCAnhBA,uBADA,mBAqhB+B,CAlhB/B,4CAEI,aADA,mBACA,CAmhBJ,uBACI,oBAIA,wBAEI,YADA,WACA,CAGJ,wBAEI,YADA,UACA,CCzFZ,YACI,qBACA,WAJY,CAMZ,oBACI,oBACA,qBACA,qBACA,wBAAyB,CACzB,sCAAuC,CACvC,8CAA+C,CAC/C,2BAA4B,CAC5B,4CAA6C,CAG7C,WAjBQ,CAkBR,SAAQ,CAFR,UAEA,CAEA,mCACI,kCAAmC,CACnC,8CAA+C,CAC/C,2BAA4B,CAC5B,4CAA6C,CAE7C,UAEA,iDACI,WAIR,mCACI,6CAA+C,CCuB3D,oCACI,0BAA4B,CC1DxB,8CAxcJ,wBADA,mBA0cmC,CAvcnC,mDAEI,aADA,mBACA,CAwcA,uCACI,oCAAqC,CAErC,UAEA,6DAjdR,wBADA,mBAmduC,CAhdvC,kEAEI,aADA,mBACA,CAodA,gCACI,yDAKJ,+BACI,yDCzBZ,wBAEI,mBADA,aAGA,YADA,UACA,CAEA,8BAEI,mBAGA,0BACA,kBALA,aAGA,uBADA,qBAGA,CAGJ,8BAII,sBACA,mCAJY,CAKZ,sCAHA,WAFY,CChBpB,YACI,eAGA,CAEA,+BAFA,uBADA,qBAKI,CAEA,0BACI,aCXZ,WACI,wBAAyB,CACzB,iBAAkB,CAClB,oBAAqB,CACrB,iBAAkB,CAClB,mBAAoB,CAMpB,kBAFA,gBACA,gBAHA,kBACA,wCAGA,CAEA,iBAGI,8BAEA,WAHA,QAEA,WAHA,iBAIA,CAIA,sBACI,qBAGJ,kCACI,sBAGJ,2BACI,gCAGJ,yBACI,wBAGJ,wBACI,uBAGJ,yBACI,wBAGJ,sBACI,qBC/CZ,iBAKI,qBAJA,aACA,eACA,mBACA,sBAGA,uBADA,kBACA,CA7BA,oCAsBJ,iBAUQ,cAGJ,uBAKI,qBACA,eAJA,qBACA,qBACA,0BAHA,iBAKA,CAEA,6BAMI,gCACA,kBAEA,WAJA,WAHA,sBACA,uBAFA,kBAOA,2BAJA,SAKA,CAGJ,mCACI,uBAOJ,uEACI,aAGJ,6BACI,qBAGJ,iCACI,eAEA,uCACI,qBAGJ,wCACI,sBAIR,iCACI,eAEA,uCACI,qBAGJ,wCACI,sBCrEhB,oBAOI,yCACA,4BALA,sBAGA,qCALA,aACA,sBAGA,sBAIA,4CALA,oBAKA,CAEA,+BACI,YAGJ,4BAGI,mBAKA,sBACA,kBARA,aACA,cAIA,YAFA,uBAGA,gBAGA,gCALA,UAKA,CAEA,oCACI,qCACA,iBAIR,2BACI,mBAvcJ,oBA4ckC,CA5clC,gBAHA,aACA,mBA2cI,YA1cJ,SA6c+B,CAF3B,gCAFA,UAI8B,CAGlC,oCACI,aACA,UACA,mBAGJ,4BACI,mBAAoB,CACpB,iBAAkB,CAClB,iBAAkB,CAClB,oBAAqB,CAErB,2CACA,SAEA,gCA/fJ,wBADA,mBAigBmC,CA9fnC,qCAEI,aADA,mBACA,CAggBJ,0BAKI,yBAFA,SADA,gBAIA,UAFA,cAGA,uBACA,kBAAiB,CAPjB,UAOA,CA7iBJ,6CAGI,WAFA,kBACA,SACA,CAIJ,mDACI,kCAuiB0B,CAniB9B,mDACI,qBACA,yCACA,mBAIJ,yDACI,qBAqbJ,oCA2GQ,qCAEI,uBACA,aAFA,qBAEA,CAGJ,gEAEI,sBADA,oBACA,CAGJ,iEAEI,YADA,UACA,CAQJ,wIACI,UACA,sBAKZ,2BAEI,+DACA,aAFA,qBAEA,CAGJ,6BAEI,sBACA,iBACA,aAHA,qBAGA,CAGJ,8GAGI,sBADA,oBACA,CAGJ,gHAGI,YADA,UACA,CAGJ,4GAEI,iBACA,UACA,qBAGJ,gIAEI,UACA,qBAGJ,kCACI,0BAEA,kDACI,eAAgB,CAEhB,0BCrJZ,UAGI,8BACA,mBACA,gBAJA,SACA,YAGA,CAGI,wBACI,iCAKJ,qBACI,gBAGJ,qBACI,0BAKJ,wBACI,mBCzBZ,qBAEI,yBADA,0BAEA,2BCHJ,gBACI,kBAAmB,CACnB,mBAAoB,CACpB,SAAU,CAEV,aACA,eAEA,iCACI,sCAAuC,CAEvC,4BCXR,aAEI,mBAKA,yBACA,mBAPA,aAIA,YAFA,8BAGA,eAFA,wCAIA,CAEA,sBACI,uBAEA,8CAEI,qBACA,oBAIR,yBACI,yCAGJ,kBACI,0BAGJ,4BACI,mBAAoB,CACpB,iBAAkB,CAClB,iBAAkB,CAClB,oBAAqB,CAErB,2CACA,SAEA,gCA3eJ,6BA6eQ,YA9eR,oBA6eQ,UAG2B,CA7enC,qCAEI,aADA,mBACA,CA8eA,0CACI,2CAIA,6CAvfR,oBADA,mBAyfuC,CAtfvC,kDAEI,aADA,mBACA,CAyfJ,2BACI,UACA,4EACA,yBAxFJ,oCAqFA,2BAMQ,wBAnFR,oCA6EA,2BAUQ,uBAGJ,4GAKI,wCAHA,QAGA,CCzEZ,yBAGI,mBADA,aAIA,YAFA,uBAGA,gBANA,kBAIA,UAEA,CAEA,qCAEI,sBAEA,YACA,yCAFA,WAFA,SAIA,CAGJ,wCAOI,mBACA,iBAFA,YAJA,oBACA,qBAFA,kBAIA,WADA,SAIA,CAGJ,kCACI,WACA,oBC9BR,eACI,wBAAyB,CACzB,oBAAqB,CACrB,kBAAmB,CACnB,eAAgB,CAChB,kBAAmB,CACnB,uBAAwB,CACxB,qBAAsB,CACtB,qBAAsB,CACtB,wBAAyB,CACzB,iBAAkB,CAClB,uBAAwB,CAExB,uBACI,6BAA8B,CAGlC,sBACI,2BAA4B,CAGhC,sBACI,wBAAyB,CAG7B,qBA/dA,mBAie+B,CA7c/B,YAmdI,uBAxeJ,oBAoBA,UAodI,CAreJ,0BAEI,aADA,mBACA,CA+dA,yBAneJ,oBADA,mBAqemC,CAlenC,8BAEI,aADA,mBACA,CAseI,gCA1eR,sBADA,mBA4euC,CAzevC,qCAEI,aADA,mBACA,CA4eJ,gCACI,YACA,wBACA,qCAEA,yCACI,yBAIR,sCA5eA,mBADA,aAEA,uBA8eI,cCvDR,yBACI,kBAAmB,CAEnB,gEAEA,gCAGI,sBAEA,mCAJA,aACA,mBAIA,SAAQ,CAFR,oBAEA,CAGJ,sCAEI,qBADA,aACA,CAGJ,iCAKI,0BACA,mBAJA,YACA,wBACA,YAHA,iBAKA,CAEA,2CAGI,mBAFA,aACA,mBAEA,8BAEA,uBADA,UACA,CAvDR,oCAiDI,2CAUQ,eACA,gBACA,uBAHA,wCAGA,CAEA,8DAEI,QAAO,CADP,OACA,EAIR,mDAGI,mBAFA,aACA,mBAEA,8BAjFZ,oCA6EQ,mDAOQ,YA5EhB,oCAqEQ,mDAWQ,yEAGJ,4DAEQ,wEALJ,CAUR,qDAKI,yCACA,kBAFA,0BAHA,kBAMA,2BAJA,yBADA,SAKA,CAjGZ,oCA0FQ,qDAUQ,cAKZ,wCAII,mBAKA,kBACA,eAPA,aAIA,0BAFA,uBAGA,SAPA,kBAKA,yBAJA,UAQA,CAnHR,oCAyGI,wCAeQ,qBAFA,cACA,qCACA,EAhIZ,oCAoIY,8CACI,wCAGJ,+CACI,0CAIR,iDAGI,uCAFA,yBACA,gBAEA,qBAzIZ,oCAqIQ,iDAOQ,8BAIR,yDAEQ,qBANA,CAYhB,iCAEI,uBACA,uBAFA,kBAIA,2BADA,WACA,CArKJ,oCAgKA,iCAQQ,cAGJ,0CAII,kBAFA,wBACA,gBAFA,kBAIA,kEAhLR,oCA2KI,0CAQQ,cAIJ,2IAII,YADA,UACA,CAGJ,iGAGI,mCACA,WACA,oBAHA,iBAGA,CAGJ,iDACI,8BACA,mHAIJ,gDACI,0BACA,mHChLhB,aACI,wBAAyB,CAEzB,yCAEA,qBACI,oBAAqB,CACrB,2BAA4B,CAC5B,yCAA0C,CAC1C,sBAAuB,CACvB,sBAAuB,CACvB,uCAAwC,CACxC,iBAAkB,CAClB,eAAgB,CAChB,0BAA2B,CAC3B,8BAA+B,CAE/B,cAGA,uBADA,gBADA,cAEA,CAEA,gCACI,oBAGJ,sCAEI,qBACA,kBAFA,YAEA,CAIR,oBACI,SAGJ,mBACI,oBAGJ,oCACI,WAjhBJ,uDAGI,WAFA,kBACA,SACA,CAIJ,6DACI,wBATwB,CAa5B,6DACI,qBACA,+BACA,mBAIJ,mEACI,qBCqdA,6BAEI,YADA,UACA,CAGJ,8BAEI,aACA,mBAFA,YAEA,CAGJ,4BACI,oCCdZ,eACI,iCAAkC,CAGlC,oBADA,WACA,CCJJ,qBACI,aACA,QAEA,2BAGI,0BACA,kBAFA,WADA,UAGA,CAEA,kCACI,mCCXZ,aAEI,mBADA,aAEA,8BAEA,qBACI,iBAAkB,CAClB,eAAgB,CAIhB,mBACA,8BAHA,aACA,QAIA,UADA,oBAEA,wBACA,uCAEA,8BACI,WAGJ,4BAEI,SAAQ,CADR,iBACA,CAIR,oBAleA,4BAme+B,CAG3B,YAveJ,oBAseI,UACA,CApeJ,yBAEI,aADA,mBACA,CAqeI,mCACI,sBACA,yBAGJ,oCACI,wBAQR,6CACI,gBAGJ,8CACI,yBCpDJ,uCAxcJ,mCADA,mBA0cmC,CAvcnC,4CAEI,aAwcQ,mCACA,qCA1cR,mBACA,CA8cI,8CAldR,6BADA,mBAoduC,CAjdvC,mDAEI,aADA,mBACA,CAodJ,oCAII,mBADA,aAIA,YAEA,kBACA,kBAAiB,CALjB,uBAGA,SAPA,kBAKA,WAJA,SAQA,CAEA,2CACI,0BCUR,uBAOI,qBAJA,aAxKJ,8BADA,eADA,gBAyKI,8CAEA,8BAvKJ,qBADA,iBA0KI,6CALA,kBAIA,UAxKJ,CA8KI,gDAEI,qBAIA,4DAEI,uBAIR,mCACI,yBAIR,8BACI,uCAAwC,CACxC,yDAA0D,CAC1D,6DAA8D,CAC9D,8BAA+B,CAC/B,yCAA0C,CAC1C,gCAAiC,CACjC,yDAA0D,CAC1D,8BAA+B,CAC/B,6BAA8B,CAC9B,gCAAiC,CACjC,gCAAiC,CACjC,8BAA+B,CAC/B,wCAAyC,CACzC,uCAAwC,CACxC,6BAA8B,CAC9B,qCAAsC,CACtC,sCAAuC,CAIvC,+CACA,6EACA,+CAHA,yCADA,kBAKA,4BAhFJ,wCA3dA,8DAEI,sBAsbJ,oCA2FA,8BA+BQ,uCAAwC,CAAxC,CAnGR,qDAOA,mBAoGQ,kBArGR,aAkGQ,YAhGR,uBAkGQ,gBADA,UAGA,wBACA,gCACA,yBAPA,UA/FR,CAvCA,oCAkJY,2DAnGZ,0DAY6D,CAV7D,sEACI,2CASmB,CANvB,oEACI,yCAKmB,CAEvB,wEACI,2DAEA,iFACI,2CAsFA,4DACI,oBAGJ,gEACI,qCAGJ,8DACI,mCAGJ,yDACI,WAEA,2DACI,mBAKZ,uCACI,uCAAwC,CACxC,uCAAwC,CAExC,gFAEI,qBACA,sBACA,8BAIR,yCACI,yIAjLR,oCAgLI,yCAKQ,wFAGJ,gDACI,qBACA,kBAGJ,oFAEI,oCAzNZ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CA2NY,kHACI,kBAGJ,oOAEI,sBAMJ,wLAnSZ,8BADA,eADA,gBAIA,gBAAe,CADf,gBACA,CAwSY,kGAEI,0BAKZ,4CACI,YAGJ,0CAII,YAIA,uFAPA,aACA,eACA,iDAEA,mBACA,iBACA,WACA,CAjPR,oCAyOI,0CAWQ,8BACA,mBAGJ,sDAKI,qCAHA,aACA,8BAGA,8BACA,oBANA,kBAGA,wCAGA,CAvPZ,oCAgPQ,sDAUQ,oCAGJ,6EAII,0BACA,kBAEA,WAJA,YAKA,sBACA,kBAAiB,CARjB,kBAKA,2BAJA,SAOA,CAIA,wEA1rBhB,mCADA,oBA4rBoB,oBAE2B,CA3rB/C,6EAEI,aADA,mBACA,CA8rBQ,iEA3OZ,0DAY6D,CAV7D,4EACI,2CASmB,CANvB,0EACI,yCAKmB,CAEvB,8EACI,2DAEA,uFACI,0CAgOJ,qCACI,qCAGJ,oCACI,8BAIQ,8DACI,uBAQpB,yBACI,UAEA,mFAGI,kBC3RZ,iBAGI,aADA,QAEA,uBAHA,iBAGA,CAEA,wBACI,YAAa,CACb,kBAAmB,CACnB,0BAAqC,CACrC,kBAAmB,CAGnB,6BADA,uBAEA,iCAEA,uCAGI,YADA,UADA,eAEA,CAzCR,oCAsCI,uCAMQ,oCACA,iBA7CZ,oCA4BA,wBAsBQ,aAAc,CACd,aAAc,CA7B1B,iBAkCQ,oCALI,CAQR,8BAOI,yBA7YJ,8BADA,eADA,gBA4YI,uBAxYJ,qBADA,iBA2YI,4BAHA,kBAEA,cAEA,CAlEJ,oCA2DA,8BApPA,8BADA,eADA,gBAiQQ,qBADA,wBA5PR,gBAAe,CADf,gBACA,EAmQA,qCACI,wBAAyB,CACzB,iBAAkB,CAClB,8BAA+B,CAC/B,0BAA2B,CAG3B,uBACA,sBAFA,kBAGA,cArFJ,oCA4EA,qCAYQ,uBACA,yBAIR,6BA7gBA,wBADA,mBAghB+B,CAvf/B,iCAJA,YADA,UACA,CAlBA,kCAEI,aADA,mBACA,CA8gBJ,uCACI,eAnGJ,oCAkGA,uCAOQ,eAAc,CAFd,SACA,sBAFA,UAGA,EAGJ,yFAII,YAFA,kBACA,UACA,CAGJ,2CACI,qCAIR,oCA1hBA,mBAgiBI,0BACA,mBAliBJ,aA+hBI,YAFA,QA3hBJ,uBA8hBI,YAJA,kBAEA,UA5hBJ,CAqiBA,4BAEI,uBADA,UACA,CChHR,iBACI,aACA,sBAEA,yBACI,aACA,8BACA,sBAEA,8BACI,qBAIR,0BAGI,mBAFA,aACA,QACA,CAGJ,0BACI,aACA,sBAGJ,sCACI,aAGJ,8BACI,qBAGJ,6BAEI,gCADA,aACA,CAGJ,uBACI,sBAIA,8BACI,cAEA,uDACI,mBAGJ,qDACI,eAGJ,4DAEI,mBADA,aAEA,uBAGJ,wDACI,8BAKJ,yDACI,kBAGJ,yDACI","sources":["webpack://@it-holding-ui/atomic/./src/ITHAddImage/ITHAddImage.scss","webpack://@it-holding-ui/atomic/./src/ITHAddItem/ITHAddItem.scss","webpack://@it-holding-ui/atomic/./src/ITHText/ITHText.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHAddPhotoButton/ITHAddPhotoButton.scss","webpack://@it-holding-ui/atomic/./src/ITHIcon/ITHIcon.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHBigPhotoPreview/ITHBigPhotoPreview.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHPhoto/ITHPhoto.scss","webpack://@it-holding-ui/atomic/./src/ITHPhotoInput/ITHPhotoInput.scss","webpack://@it-holding-ui/atomic/./src/ITHCheckbox/ITHCheckbox.scss","webpack://@it-holding-ui/atomic/./src/ITHCheckboxItem/ITHCheckboxItem.scss","webpack://@it-holding-ui/atomic/./src/ITHChipGroup/ITHChipGroup.scss","webpack://@it-holding-ui/atomic/./src/ITHChip/ITHChip.scss","webpack://@it-holding-ui/atomic/./src/ITHCleaveInput/ITHCleaveInput.scss","webpack://@it-holding-ui/atomic/./src/ITHInput/ITHInputFacade/ITHInputFacade.scss","webpack://@it-holding-ui/atomic/./src/ITHInput/ITHInput.scss","webpack://@it-holding-ui/atomic/./src/ITHLabel/ITHLabel.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePickerInputs/ITHDatePickerInputs.scss","webpack://@it-holding-ui/atomic/./src/ITHDateInput/ITHDateInput.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePickerPopover/ITHDatePickerPopover.scss","webpack://@it-holding-ui/atomic/./src/ITHButton/ITHButton.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerCarousel/ITHDatePickerCarousel.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerHeader/ITHDatePickerHeader.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerMonth/ITHDatePickerMonth.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerDay/ITHDatePickerDay.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePickerWeekdays/ITHDatePickerWeekdays.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePicker/ITHDatePicker.scss","webpack://@it-holding-ui/atomic/./src/ITHPopover/ITHPopover.scss","webpack://@it-holding-ui/atomic/./src/ITHDatePickerSheet/ITHDatePickerSheet.scss","webpack://@it-holding-ui/atomic/./src/ITHSheet/ITHSheet.scss","webpack://@it-holding-ui/atomic/./src/ITHHeader/ITHHeader.scss","webpack://@it-holding-ui/atomic/./src/ITHSearchbar/ITHSearchbar.scss","webpack://@it-holding-ui/atomic/./src/Fields/ITHInputWithChipsSelectField/ITHInputWithChipsSelectField.scss","webpack://@it-holding-ui/atomic/./src/ITHRadioItem/ITHRadioItem.scss","webpack://@it-holding-ui/atomic/./src/ITHItem/ITHItem.scss","webpack://@it-holding-ui/atomic/./src/ITHInputWithChips/ITHInputWithChips.scss","webpack://@it-holding-ui/atomic/./src/ITHPasswordInput/ITHPasswordInput.module.scss","webpack://@it-holding-ui/atomic/./src/ITHPhoneInput/ITHSelectCountryCodeNumber/ITHSelectCountryCodeNumber.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelect/ITHSelect.scss","webpack://@it-holding-ui/atomic/./src/ITHManualPopoverWrapper/ITHManualPopoverWrapper.scss","webpack://@it-holding-ui/atomic/./src/ITHManualPopover/ITHManualPopover.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelectPopover/ITHSelectPopover.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHNothingFound/ITHNothingFound.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelectItem/ITHSelectItem.scss","webpack://@it-holding-ui/atomic/./src/Select/ITHSelectSheet/ITHSelectSheet.scss","webpack://@it-holding-ui/atomic/./src/ITHPhoneInput/ITHPhoneInput.scss","webpack://@it-holding-ui/atomic/./src/ITHProfilePhotoInput/ITHHiddenFileInput/ITHHiddenFileInput.scss","webpack://@it-holding-ui/atomic/./src/ITHProfilePhotoInput/ITHProfilePhotoInput.scss","webpack://@it-holding-ui/atomic/./src/ITHRange/ITHRange.scss","webpack://@it-holding-ui/atomic/./src/ITHStarRating/ITHStarRating.scss","webpack://@it-holding-ui/atomic/./src/ITHToggle/ITHToggle.scss","webpack://@it-holding-ui/atomic/./src/ITHAccordionMenuItem/ITHAccordionMenuItem.scss","webpack://@it-holding-ui/atomic/./src/ITHActionFab/ITHActionFab.scss","webpack://@it-holding-ui/atomic/./src/ITHAvatar/ITHImageStub/ITHImageStub.scss","webpack://@it-holding-ui/atomic/./src/ITHAvatar/ITHAvatar.scss","webpack://@it-holding-ui/atomic/./src/ITHBadge/ITHBadge.scss","webpack://@it-holding-ui/atomic/./src/ITHBreadcrumbs/ITHBreadcrumbs.scss","webpack://@it-holding-ui/atomic/./src/ITHBubbleMessage/ITHBubbleMessage.scss","webpack://@it-holding-ui/atomic/./src/ITHCard/ITHCard.scss","webpack://@it-holding-ui/atomic/./src/ITHCodeInput/ITHCharInput/ITHCharInput.scss","webpack://@it-holding-ui/atomic/./src/ITHCodeInput/ITHCodeInput.scss","webpack://@it-holding-ui/atomic/./src/ITHCounter/ITHCounter.scss","webpack://@it-holding-ui/atomic/./src/ITHImgWithBlurredFrame/ITHImgWithBlurredFrame.scss","webpack://@it-holding-ui/atomic/./src/ITHMenuItem/ITHMenuItem.scss","webpack://@it-holding-ui/atomic/./src/ITHNumberSwitchInput/ITHNumberSwitchInput.scss","webpack://@it-holding-ui/atomic/./src/ITHSegment/ITHSegment.scss","webpack://@it-holding-ui/atomic/./src/ITHShareMenu/ITHShareMenu.scss","webpack://@it-holding-ui/atomic/./src/ITHSideMenu/ITHSideMenu.scss","webpack://@it-holding-ui/atomic/./src/ITHStepper/ITHStepsIndicator/ITHStepsIndicator.scss","webpack://@it-holding-ui/atomic/./src/ITHStepper/ITHStepper.scss","webpack://@it-holding-ui/atomic/./src/ITHTextEditor/ITHCustomToolbar/ITHCustomToolbar.scss","webpack://@it-holding-ui/atomic/./src/ITHTextEditor/ITHTextEditor.scss","webpack://@it-holding-ui/atomic/./src/ITHVideoModal/ITHVideoModal.scss","webpack://@it-holding-ui/atomic/./src/ITHWalletCard/ITHWalletCard.scss"],"sourcesContent":["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-add-image {\n &__photo-input {\n display: flex;\n\n &_hidden {\n display: none !important;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.add-item {\n --min-height: 48px;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 12px;\n --inner-padding-bottom: 12px;\n --color: var(--brand-primary-40);\n --border-style: none;\n --background: transparent;\n\n cursor: pointer;\n\n svg {\n @include fill-svg-and-path(var(--brand-primary-40));\n @include common-icon-self-size;\n }\n\n &__label {\n margin-block: 0 0;\n margin-inline: 12px 0;\n\n @include desktop {\n margin-inline-start: 4px;\n }\n\n div {\n color: var(--brand-primary-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-text {\n &_type {\n /** TITLE **/\n &_title-1-b {\n @include title-1-b;\n }\n\n &_title-2-b {\n @include title-2-b;\n }\n\n &_title-3 {\n @include title-3;\n }\n\n &_title-5 {\n @include title-5;\n }\n\n &_title-5-b {\n @include title-5-b;\n }\n\n &_title-6 {\n @include title-6;\n }\n\n &_title-7 {\n @include title-7;\n }\n\n &_title-8 {\n @include title-8;\n }\n\n &_title-6-m {\n @include title-6-m;\n }\n\n &_title-9 {\n @include title-9;\n }\n\n &_title-9-b {\n @include title-9-b;\n }\n\n &_title-16 {\n @include title-16;\n }\n\n &_title-28 {\n @include title-28;\n }\n\n /** SUBTITLE **/\n &_subtitle-1 {\n @include subtitle-1;\n }\n\n &_subtitle-1-m {\n @include subtitle-1-m;\n }\n\n &_subtitle-2 {\n @include subtitle-2;\n }\n\n &_subtitle-3 {\n @include subtitle-3;\n }\n\n &_subtitle-4 {\n @include subtitle-4;\n }\n\n /** BODY **/\n &_body-0 {\n @include body-0;\n }\n\n &_body-1 {\n @include body-1;\n }\n\n &_body-1-r {\n @include body-1-r;\n }\n\n &_body-2 {\n @include body-2;\n }\n\n &_body-2-m {\n @include body-2-m;\n }\n\n &_body-3 {\n @include body-3;\n }\n\n &_body-4 {\n @include body-4;\n }\n\n &_body-5 {\n @include body-5;\n }\n\n &_body-6 {\n @include body-6;\n }\n\n /** SUBHEAD **/\n\n &_subhead-1-b {\n @include subhead-1-b;\n }\n\n &_subhead-2 {\n @include subhead-2;\n }\n\n &_subhead-2-r {\n @include subhead-2-r;\n }\n\n &_subhead-3 {\n @include subhead-3;\n }\n\n &_subhead-4-m {\n @include subhead-4-m;\n }\n\n /** CAPTION **/\n &_caption-1 {\n @include caption-1;\n }\n\n &_caption-1-b {\n @include caption-1-b;\n }\n\n &_caption-2 {\n @include caption-2;\n }\n\n &_caption-2-left {\n @include caption-2-left;\n }\n\n &_caption-3 {\n @include caption-3;\n }\n\n &_caption-4 {\n @include caption-4;\n }\n\n &_caption-12 {\n @include caption-12;\n }\n\n /** BUTTON **/\n\n &_button-13m {\n @include button-13m;\n }\n\n /** SMALL TEXT **/\n\n &_small-text {\n @include small-text;\n }\n\n /** SUBCAPTION **/\n\n &_subcaption-2-b {\n @include subcaption-2-b;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-add-photo-button {\n --ripple-color: black;\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--item-width);\n height: var(--item-height);\n overflow: hidden;\n background-color: var(--base-0);\n border: 1.5px solid var(--base-30);\n border-radius: var(--item-border-radius);\n\n &_big {\n --item-width: 464px;\n --item-height: 320px;\n }\n\n &__button {\n width: 100%;\n height: 100%;\n padding: 0;\n background-color: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n opacity: 0;\n }\n\n &__ripple {\n opacity: 0.4;\n }\n\n &__camera-icon {\n position: absolute;\n width: 36px;\n height: 36px;\n\n &_small {\n width: 24px;\n height: 24px;\n }\n }\n\n &__info {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n &__info-title {\n margin-block-start: 16px;\n }\n\n &__info-description {\n color: var(--base-80);\n margin-block-start: 2px;\n }\n\n &__add-image-icon {\n width: 40px;\n height: 40px;\n\n @include fill-svg-and-path(var(--base-80));\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-icon {\n @include centered-flexbox;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\ndiv.ith-big-photo-preview {\n width: 464px;\n height: 320px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-photo-input-preview {\n position: relative;\n width: var(--item-width);\n height: var(--item-height);\n overflow: hidden;\n border-radius: var(--item-border-radius);\n\n &_clickable {\n cursor: pointer;\n }\n\n &_active {\n border: 6px solid var(--base-20);\n }\n\n &__delete-button {\n --background: transparent;\n --box-shadow: none;\n --border-radius: 50%;\n --padding-bottom: 0;\n --padding-end: 0;\n --padding-start: 0;\n --padding-top: 0;\n\n position: absolute;\n inset-block-start: 4px;\n inset-inline-end: 4px;\n width: 32px;\n height: 32px;\n margin: 0;\n }\n\n &_small {\n .ith-photo-input-preview__delete-button {\n display: none;\n }\n\n &:hover {\n .ith-photo-input-preview__delete-button {\n display: block;\n }\n }\n }\n\n &__image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &__delete-button-background {\n position: absolute;\n inset: 0;\n background-color: var(--addition-110);\n opacity: 0.7;\n }\n\n &__delete-icon {\n width: 24px;\n height: 24px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-photo-input {\n --item-width: 104px;\n --item-height: 104px;\n --item-border-radius: 16px;\n\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n\n &_big {\n max-width: 464px;\n }\n\n &_small {\n --item-width: 70px;\n --item-height: 70px;\n\n gap: 8px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$checkbox-size: 20px;\n\n.ith-checkbox {\n display: inline-block;\n height: $checkbox-size;\n\n &__checkbox {\n --background: transparent;\n --background-checked: var(--brand-primary-40);\n --border-color: var(--brand-primary-40);\n --border-color-checked: var(--brand-primary-40);\n --border-radius: 4px;\n --size: #{$checkbox-size};\n\n margin: 0;\n outline: none;\n\n &_disabled {\n --border-color: var(--base-60);\n }\n\n &::part(mark) {\n stroke-linecap: round;\n }\n\n &::part(container) {\n padding: 2px 1px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-checkbox-item {\n --background: transparent;\n --ion-item-background: transparent;\n --ripple-color: transparent;\n --background-hover: transparent;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 12px;\n --inner-padding-bottom: 12px;\n\n &__checkbox-wrapper {\n height: 100%;\n }\n\n &__checkbox {\n &[slot='start'] {\n margin-inline-end: 18px;\n }\n\n &[slot='end'] {\n margin-inline-end: 0;\n }\n }\n\n &__label {\n margin: 0;\n }\n\n &__header {\n color: var(--base-80);\n }\n\n &__label-text {\n white-space: normal;\n }\n\n &__error {\n padding: 0;\n color: var(--danger-40);\n }\n\n &__info {\n padding: 0;\n color: var(--base-80);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-chip-group {\n overflow: hidden;\n\n &__list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n\n &_inline {\n flex-wrap: nowrap;\n gap: 12px;\n overflow-x: scroll;\n scroll-snap-type: x mandatory;\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n }\n\n &__item {\n scroll-snap-align: end;\n }\n\n &__error-message {\n display: flex;\n align-items: center;\n color: var(--danger-40);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-chip {\n --transition-delay: 100ms;\n --background: var(--base-20);\n --color: var(--base-110);\n\n display: inline-flex;\n width: max-content;\n max-width: 100%;\n height: unset;\n min-height: 40px;\n margin: 0;\n padding-inline: 4px 14px;\n padding-block: 4px;\n border-radius: 20px;\n transition-duration: var(--transition-delay);\n transition-property: background, color;\n user-select: none;\n\n @include desktop {\n --background: transparent;\n\n border: 1px solid var(--base-30);\n }\n\n &_active {\n --background: var(--brand-primary-40);\n --color: var(--addition-50);\n\n border-color: transparent;\n }\n\n &_without-icon {\n padding: 4px 12px;\n }\n\n &_with-close {\n padding-inline-end: 8px;\n }\n\n &__icon {\n @include centered-flexbox;\n\n width: 32px;\n height: 32px;\n margin-block: 0;\n margin-inline: 0 6px;\n border-radius: 50%;\n }\n\n &__name {\n font-weight: 520;\n }\n\n &__close-wrapper {\n @include common-icon-self-size;\n\n display: flex;\n align-items: center;\n justify-content: center;\n margin-inline-start: 6px;\n }\n\n &__close {\n @include fill-svg-and-path(var(--base-80));\n\n width: 16px;\n height: 16px;\n margin: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-cleave-input {\n @include use-border-box-sizing();\n\n position: relative;\n width: 100%;\n\n /** // ! make sure that this variables are equal to ITHInput variables **/\n min-height: calc(var(--ith-input-min-height) + var(--ith-input-bottom-offset));\n\n &__cleave {\n @include body-1-r;\n\n /** // ! make sure that this variables are equal to ITHInput variables **/\n --padding-start: var(--ith-input-padding-start);\n --padding-end: var(--ith-input-padding-end);\n --padding-top: var(--ith-input-padding-top);\n --padding-bottom: var(--ith-input-padding-bottom);\n --min-height: var(--ith-input-min-height);\n\n position: absolute;\n z-index: 99;\n width: 100%;\n height: var(--min-height);\n margin: 0;\n padding: 0;\n color: var(--base-110);\n background: none;\n border: none;\n border: 2px solid transparent;\n outline: none;\n inset-block-start: 0;\n inset-inline-start: 0;\n padding-block: var(--padding-top) var(--padding-bottom);\n padding-inline-start: var(--padding-start);\n padding-inline-end: var(--padding-end);\n caret-color: var(--brand-primary-20);\n\n &_with-clear {\n width: calc(100% - 32px);\n }\n\n &_icon-left {\n --padding-start: calc(\n var(--ith-input-padding-end) + var(--ith-input-icon-width) + var(--ith-input-padding-end)\n );\n }\n\n &:disabled {\n color: var(--base-50);\n }\n }\n\n &__input {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-input-with-chips {\n max-height: 240px;\n\n &_has-chips {\n padding-block: 8px;\n }\n\n @include use-border-box-sizing();\n\n &__content {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n width: 100%;\n max-height: 224px;\n overflow-y: auto;\n column-gap: 8px;\n row-gap: 8px;\n @include custom-scrollbar;\n\n &_has-chips {\n padding-inline: 12px;\n }\n }\n\n &__input-wrapper {\n position: relative;\n display: inline-flex;\n flex-grow: 1;\n align-items: center;\n min-width: 32px;\n height: 32px;\n padding: 0;\n white-space: break-word;\n\n &_without-chips {\n min-width: 52px;\n height: 52px;\n }\n }\n\n &__input {\n position: absolute !important;\n z-index: 10;\n width: 100%;\n height: inherit;\n margin: 0;\n padding: inherit;\n outline: none;\n inset-block: 0;\n\n &-value {\n @include body-4();\n\n width: 100%;\n min-width: 32px;\n padding: inherit;\n opacity: 0;\n }\n }\n\n &__chip {\n --background: var(--base-40);\n\n margin: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n:root {\n --ith-input-padding-start: 12px;\n --ith-input-padding-end: 12px;\n --ith-input-padding-top: 22px;\n --ith-input-padding-bottom: 6px;\n --ith-input-min-height: 52px;\n --ith-input-bottom-offset: 24px;\n --ith-input-icon-width: 32px;\n --ith-input-icon-height: 44px;\n}\n\n$input-with-minimized-label-padding-top: var(--ith-input-padding-top);\n$horizontal-padding: var(--ith-input-padding-end);\n$vertical-padding: var(--ith-input-padding-bottom);\n\n.ith-input {\n --min-input-height: var(--ith-input-min-height);\n --padding-bottom: var(--ith-input-bottom-offset);\n\n position: relative;\n width: 100%;\n padding-block-end: var(--padding-bottom);\n\n &__input-wrapper {\n position: relative;\n\n &_clickable {\n cursor: pointer;\n }\n }\n\n &__input-with-chips {\n /** // ! make sure that this variables are equal to ITHCleaveInput variables **/\n --padding-start: var(--ith-input-padding-start) !important;\n --padding-end: var(--ith-input-padding-end) !important;\n --padding-top: var(--ith-input-padding-top) !important;\n --padding-bottom: var(--ith-input-padding-bottom) !important;\n }\n\n &__input-with-chips,\n ion-textarea#{&}__input,\n ion-input#{&}__input {\n --transition-duration: 100ms;\n --prefix-icon-size: 24px;\n --background: var(--base-0);\n\n /** // ! make sure that this variables are equal to ITHCleaveInput variables **/\n --padding-start: var(--ith-input-padding-start);\n --padding-end: var(--ith-input-padding-end);\n --padding-top: var(--ith-input-padding-top);\n --padding-bottom: var(--ith-input-padding-bottom);\n --border-radius: 12px;\n\n @include body-1-r;\n\n box-sizing: border-box;\n min-height: var(--min-input-height);\n margin: 0;\n overflow: hidden;\n border: 2px solid var(--base-30);\n border-radius: 12px;\n caret-color: var(--brand-primary-20);\n transition: border-color var(--transition-duration);\n\n input,\n textarea {\n height: 100%;\n\n /** !important is used because there is no way to override the opacity style **/\n opacity: 1 !important;\n\n &[type='number']::-webkit-inner-spin-button,\n &[type='number']::-webkit-outer-spin-button {\n opacity: 0 !important;\n }\n }\n\n &_with-minimized-label {\n --padding-top: #{$input-with-minimized-label-padding-top};\n\n .prefix-icon {\n inset-block-end: $vertical-padding;\n }\n }\n\n &_active {\n border-color: var(--brand-primary-40);\n }\n\n &_disabled {\n color: var(--base-50);\n }\n\n &_readonly {\n pointer-events: none;\n }\n\n &_with-error {\n border-color: var(--danger-40);\n }\n\n &_with-icon {\n --padding-end: calc(#{$horizontal-padding} + var(--ith-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-icon-left {\n --padding-start: calc(#{$horizontal-padding} + var(--ith-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-prefix {\n .label-wrapper {\n inset-inline-start: var(--ith-input-padding-end);\n }\n }\n\n &_without-label {\n --padding-top: #{$vertical-padding};\n }\n\n &_with-prefix-icon {\n --padding-start: calc(#{$horizontal-padding} + var(--prefix-icon-size) + #{$horizontal-padding});\n }\n\n &_no-prefix-space {\n input {\n padding-block-start: calc(var(--padding-top) - 4px);\n padding-inline-start: 0;\n }\n }\n }\n\n &__prefix {\n transition: opacity var(--transition-duration);\n margin-block: auto 0;\n margin-inline: $horizontal-padding 0;\n\n &_hidden {\n display: none !important;\n }\n }\n\n &__prefix-icon {\n @include common-icon-self-size;\n\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: bottom var(--transition-duration);\n inset-block-end: calc(#{$vertical-padding} + 8px);\n inset-inline-start: $horizontal-padding;\n }\n\n &__label-wrapper {\n position: absolute;\n z-index: 3;\n transition: top var(--transition-duration);\n pointer-events: none;\n inset-block-start: calc(#{$vertical-padding} + 2px);\n inset-inline-start: var(--padding-start);\n\n &_minimized {\n inset-block-start: $vertical-padding;\n }\n }\n\n &__clear-button {\n --background-activated: var(--base-0);\n --padding-start: 2px;\n --padding-end: 2px;\n --padding-top: 2px;\n --padding-bottom: 2px;\n\n position: absolute;\n z-index: 99;\n width: 18px;\n height: 18px;\n margin: 0;\n inset-block-start: calc((var(--ith-input-min-height) - 18px) / 2);\n inset-inline-end: 6px;\n\n svg {\n @include fill-svg-and-path(var(--base-110));\n\n width: 16px;\n height: 16px;\n }\n\n &_type {\n &_textarea {\n inset-block-start: 6px;\n }\n }\n }\n\n &__icon-wrapper {\n position: absolute;\n z-index: 2;\n display: flex;\n align-items: center;\n height: var(--ith-input-icon-height);\n inset-block-start: calc((var(--min-input-height) - var(--ith-input-icon-height)) / 2);\n inset-inline-end: $horizontal-padding;\n\n &_position {\n &_left {\n inset-inline-end: unset;\n inset-inline-start: $horizontal-padding;\n }\n }\n }\n\n &__icon {\n width: var(--ith-input-icon-width);\n }\n\n &__hint {\n position: absolute;\n inset-block-end: 4px;\n inset-inline-start: $horizontal-padding;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-label {\n display: flex;\n align-items: center;\n height: 36px;\n color: var(--base-80);\n white-space: nowrap;\n transition-duration: var(--transition-duration);\n transition-property: font-weight, font-size, line-height, letter-spacing, height, color;\n\n &_minimized {\n height: 16px;\n }\n\n &_color {\n &_secondary {\n color: var(--base-50);\n }\n\n &_error {\n color: var(--danger-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-inputs {\n &__inputs-container {\n position: relative;\n display: flex;\n gap: 16px;\n }\n\n &__label {\n position: absolute;\n inset-block-end: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-input {\n position: relative;\n\n &__input {\n &_with-arrow {\n --padding-end: 40px;\n }\n }\n\n &__arrow {\n @include common-icon-self-size();\n @include fill-svg-and-path(var(--base-80));\n\n position: absolute;\n inset-block-start: 14px;\n inset-inline-end: 12px;\n z-index: 2;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-popover {\n --width: 684px;\n --height: 426px;\n\n @media screen and (max-height: 912px) {\n --height: 300px;\n }\n\n &::part(content) {\n padding: 24px 20px 20px;\n }\n\n &__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-block-start: 12px;\n padding-block-start: 16px;\n border-block-start: 1px solid var(--base-15);\n }\n\n &__clear-button {\n margin-inline-end: 24px !important;\n color: var(--base-90);\n }\n\n &__clear-icon {\n @include fill-svg-and-path(var(--base-90));\n\n margin-inline-end: 12px;\n }\n\n .ith-date-picker-day_disabled {\n color: var(--base-60);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-button {\n --box-shadow: none !important;\n\n width: fit-content;\n\n &_size {\n &_small {\n --border-radius: 12px !important;\n --padding-start: 16px !important;\n --padding-top: 8px !important;\n --padding-end: 16px !important;\n --padding-bottom: 8px !important;\n\n min-height: 32px;\n\n @include button-13m;\n }\n\n &_medium {\n --border-radius: 16px !important;\n --padding-start: 16px !important;\n --padding-top: 14px !important;\n --padding-end: 16px !important;\n --padding-bottom: 14px !important;\n\n min-height: 40px;\n\n @include body-2-m;\n }\n\n &_large {\n --border-radius: 16px !important;\n --padding-start: 16px !important;\n --padding-top: 14px !important;\n --padding-end: 16px !important;\n --padding-bottom: 14px !important;\n\n min-height: 52px;\n\n @include body-1;\n }\n }\n\n &_fill {\n &_outline {\n --border-color: var(--brand-primary-40) !important;\n --background: transparent !important;\n --background-activated: transparent !important;\n --color: var(--brand-primary-40) !important;\n --color-activated: var(--brand-primary-50) !important;\n\n &.ion-activated {\n --border-color: var(--brand-primary-50) !important;\n }\n\n &:disabled {\n --ion-color-primary: var(--brand-primary-10) !important;\n }\n }\n\n &_solid {\n &.ith-button_color {\n &_primary {\n --background: var(--brand-primary-40) !important;\n --background-activated: var(--brand-primary-50) !important;\n\n &.disabled {\n --background: var(--brand-primary-10) !important;\n }\n }\n\n &_primary-gray {\n --background: var(--base-20) !important;\n --background-activated: var(--base-30) !important;\n --color: var(--base-110) !important;\n\n &.disabled {\n --background: var(--base-15) !important;\n --color: var(--base-50) !important;\n }\n }\n\n &_secondary {\n --background: var(--brand-primary-0) !important;\n --background-activated: var(--brand-primary-10) !important;\n --color: var(--base-110) !important;\n\n &.disabled {\n --background: var(--brand-primary-0) !important;\n --color: var(--brand-primary-10) !important;\n }\n }\n }\n }\n }\n\n &_isFullContainerWidth {\n width: 100%;\n }\n\n &__icon {\n margin-inline-end: 8px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n@keyframes move-left {\n 0% {\n transform: translateX(calc(-1 * var(--width)));\n }\n\n 100% {\n transform: translateX(calc(-1 * var(--width) * 2));\n }\n}\n\n@keyframes move-right {\n 0% {\n transform: translateX(calc(-1 * var(--width)));\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes move-left-rtl {\n 0% {\n transform: translateX(calc(var(--width)));\n }\n\n 100% {\n transform: translateX(calc(var(--width) * 2));\n }\n}\n\n@keyframes move-right-rtl {\n 0% {\n transform: translateX(calc(var(--width)));\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n.ith-date-picker-carousel {\n --width: 100%;\n --duration: 400ms;\n --timing-function: cubic-bezier(0.65, 0.42, 0.41, 0.99);\n\n display: flex;\n transform: translateX(calc(var(--width) * -1));\n animation-duration: var(--duration);\n animation-timing-function: var(--timing-function);\n\n &_move {\n &_left {\n animation-name: move-left;\n }\n\n &_right {\n animation-name: move-right;\n }\n }\n}\n\n[dir='rtl'] .ith-date-picker-carousel {\n transform: translateX(calc(var(--width)));\n\n &_move {\n &_left {\n animation-name: move-left-rtl;\n }\n\n &_right {\n animation-name: move-right-rtl;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: var(--width);\n\n &__button {\n --background: transparent;\n --box-shadow: none;\n --ripple-color: var(--base-40);\n\n width: 54px;\n height: 32px;\n margin: 0;\n transition: all 200ms;\n }\n\n &__arrow {\n width: 24px;\n height: 24px;\n\n path {\n fill: var(--base-40);\n }\n\n &_direction {\n &_left {\n transform: rotate(180deg);\n }\n }\n }\n\n &__months-container {\n &_double {\n display: grid;\n flex: 1 0 auto;\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n &__title {\n color: var(--base-110);\n text-align: center;\n text-transform: capitalize;\n user-select: none;\n\n &:last-of-type {\n padding-inline-start: 54px;\n }\n\n &:first-of-type {\n padding-inline-end: 54px;\n }\n\n &:only-of-type {\n padding: 0;\n }\n }\n}\n\n[dir='rtl'] .ith-date-picker-header__arrow {\n transform: rotate(180deg);\n\n &_direction {\n &_left {\n transform: unset;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-month {\n display: grid;\n grid-template-rows: repeat(6, var(--button-size));\n grid-template-columns: repeat(7, var(--button-size));\n gap: 1px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-day {\n --padding-start: 0;\n --padding-end: 0;\n --background: transparent;\n --color: var(--base-110);\n --box-shadow: none;\n --border-radius: 50%;\n --ripple-color: var(--brand-primary-40);\n\n position: relative;\n width: var(--button-size);\n height: var(--button-size);\n margin: 0;\n\n &_hidden {\n visibility: hidden;\n }\n\n &_today {\n &::after {\n position: absolute;\n inset: 0;\n border: 1px solid var(--brand-primary-40);\n border-radius: 50%;\n content: '';\n }\n }\n\n &_selected,\n &_preview-selected {\n --border-radius: 0;\n --background: var(--brand-primary-0);\n }\n\n &_preview-start {\n --border-radius: 50%;\n }\n\n &_preview-start,\n &_preview-end {\n --background: var(--brand-primary-20);\n }\n\n &_start,\n &_end {\n --background: var(--brand-primary-40);\n --color: var(--addition-50);\n }\n\n &_preview-start#{&}_selected:not(&_start):not(&_end) {\n &::before {\n position: absolute;\n inset: 0;\n background: var(--brand-primary-0);\n content: '';\n }\n }\n\n &_preview-start#{&}_preview-selected,\n &_start#{&}_selected {\n --border-radius: 50% 0 0 50%;\n }\n\n &_preview-end#{&}_preview-selected,\n &_end#{&}_selected {\n --border-radius: 0 50% 50% 0;\n }\n\n &_preview-start#{&}_preview-end,\n &_start#{&}_end {\n --border-radius: 50%;\n }\n\n &__text-wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n }\n\n &__text-wrapper_multiple::after {\n position: absolute;\n width: 6px;\n height: 6px;\n background: var(--base-80);\n border-radius: 50%;\n content: '';\n inset-block-start: 100%;\n }\n}\n\n[dir='rtl'] .ith-date-picker-day_preview-start.ith-date-picker-day_preview-selected,\n[dir='rtl'] .ith-date-picker-day_start.ith-date-picker-day_selected {\n --border-radius: 0 50% 50% 0;\n}\n\n[dir='rtl'] .ith-date-picker-day_preview-end.ith-date-picker-day_preview-selected,\n[dir='rtl'] .ith-date-picker-day_end.ith-date-picker-day_selected {\n --border-radius: 50% 0 0 50%;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-weekdays {\n display: flex;\n justify-content: space-between;\n width: var(--width);\n\n &__days-container {\n display: grid;\n grid-template-columns: repeat(7, var(--button-size));\n gap: 1px;\n color: var(--base-80);\n }\n\n &__day {\n text-align: center;\n text-transform: capitalize;\n user-select: none;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$width: calc(var(--button-size) * 7 + 6px);\n\n.ith-date-picker {\n --button-size: 46px;\n --months-gap: 32px;\n --width: #{$width};\n\n &__header-wrapper {\n margin-block-end: 20px;\n }\n\n &__weekdays-wrapper {\n margin-block-end: 8px;\n }\n\n &__body {\n width: var(--width);\n overflow: hidden;\n }\n\n &__carousel {\n --width: calc(#{$width} + var(--months-gap));\n\n gap: var(--months-gap);\n\n &_double {\n --width: calc(#{$width} * 2 + var(--months-gap) * 2);\n }\n }\n\n &_double {\n --width: calc(#{$width} * 2 + var(--months-gap));\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-popover {\n --box-shadow: 0 5px 12px 0 #0000001a;\n --background: var(--base-0);\n --ith-popover-border-radius: 16px;\n --ith-popover-padding-top: 16px;\n --ith-popover-padding-bottom: 16px;\n --ith-popover-padding-start: 0;\n --ith-popover-padding-end: 0;\n\n &::part(content) {\n padding-block-start: var(--ith-popover-padding-top);\n padding-block-end: var(--ith-popover-padding-bottom);\n padding-inline-start: var(--ith-popover-padding-start);\n padding-inline-end: var(--ith-popover-padding-end);\n border: 1px solid var(--base-30);\n border-radius: var(--ith-popover-border-radius);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-date-picker-sheet {\n &__date-picker-wrapper {\n display: flex;\n justify-content: center;\n padding: 0 16px;\n\n @include mobile {\n padding: 0 16px 16px;\n }\n }\n\n .ith-date-picker-day_disabled {\n color: var(--base-50);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-sheet {\n --ion-toolbar-color: var(--base-110);\n --backdrop-opacity: 0.5;\n --height: auto;\n --border-radius: 20px 20px 0 0;\n --background: var(--base-0);\n\n color: var(--base-110);\n\n @include mobile {\n &_mobile-full-screen {\n --border-radius: 0;\n --height: 100%;\n }\n }\n\n @include desktop {\n --border-radius: 24px;\n }\n\n &__content-wrapper {\n position: relative;\n height: 100%;\n max-height: calc(100vh - var(--page-header-min-height));\n overflow-y: auto;\n }\n\n &__content {\n height: 100%;\n max-height: 100%;\n }\n\n &__children-wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-header {\n &__toolbar {\n --background: transparent;\n --min-height: var(--page-header-min-height);\n\n &_with-border-bottom {\n &::after {\n position: absolute;\n inset-inline: 0;\n inset-block-end: 0;\n width: 100%;\n height: 1px;\n background-color: var(--base-20);\n content: '';\n }\n }\n\n &_with-shadow-bottom {\n box-shadow: 0 1px 4px 0 #0000000f;\n }\n\n @include desktop {\n &_close-slot {\n &_start {\n --padding-end: 24px;\n --padding-start: 8px;\n }\n\n &_end {\n --padding-end: 8px;\n --padding-start: 24px;\n }\n\n &_null {\n --padding-end: 24px;\n --padding-start: 24px;\n }\n }\n\n ion-title {\n padding-inline: 0;\n }\n }\n }\n\n &__buttons-container {\n align-self: unset;\n margin: 0;\n }\n\n &__close-icon {\n @include common-icon-self-size();\n @include fill-svg-and-path(var(--base-120));\n }\n\n &__search-icon {\n @include fill-svg-and-path(var(--base-120));\n }\n\n &__title {\n --color: var(--base-120);\n\n &-text {\n white-space: normal;\n\n @include cut-for-n-rows(2);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$trans-duration: 400ms;\n\n.ith-searchbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n border-radius: 16px;\n\n &__searchbar {\n --border-radius: 16px !important;\n --box-shadow: none !important;\n\n height: 48px;\n padding: 0 !important;\n transition: $trans-duration;\n\n &_hidden {\n max-width: 0;\n opacity: 0;\n\n ion-icon {\n display: none !important;\n }\n\n input {\n padding-inline-start: 0 !important;\n padding-inline-end: 0 !important;\n }\n }\n\n input {\n @include body-1-r;\n\n height: 100%;\n transition: $trans-duration;\n padding-inline-start: 16px !important;\n\n & ~ ion-icon {\n display: none !important;\n }\n }\n }\n\n &__button {\n @include common-svg-size;\n\n --padding-bottom: 12px;\n --padding-top: 12px;\n --padding-start: 12px;\n --padding-end: 12px;\n\n height: 48px;\n margin: 0;\n\n svg {\n @include fill-svg-and-path(var(--base-120));\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.input-with-chips-select-field {\n &__accordion {\n @include custom-scrollbar();\n\n max-height: 400px;\n overflow: auto;\n border-radius: 8px;\n box-shadow: 0 5px 12px 0 #0000001a;\n }\n\n &__list {\n padding: 0 16px !important;\n }\n\n &__field {\n --inner-padding-top: 0;\n --inner-padding-bottom: 0;\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n\n & .ith-checkbox-item__checkbox-wrapper {\n display: flex;\n align-items: center;\n }\n\n & .ith-item__label {\n width: auto;\n }\n\n &_icon-position_right .item-content .item-inner {\n justify-content: space-between;\n }\n\n &_hidden {\n display: none;\n }\n }\n\n &__icon {\n &_position {\n &_right {\n margin-inline-start: 16px;\n }\n\n &_left {\n margin-inline-end: 16px;\n }\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-radio-item {\n --background: transparent;\n --ion-item-background: transparent;\n --ripple-color: transparent;\n --background-hover: transparent;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 12px;\n --inner-padding-bottom: 12px;\n\n &__radio {\n --color: var(--color-checked);\n\n &[slot='start'] {\n margin-inline-end: 18px;\n margin-inline-start: 0;\n }\n\n &[slot='end'] {\n margin-inline-end: 0;\n margin-inline-start: 18px;\n }\n\n &::part(container) {\n width: 20px;\n height: 20px;\n transition: border 120ms ease-out;\n }\n\n &:not(.ios)::part(mark) {\n display: none;\n }\n\n &.radio-checked {\n &::part(container) {\n border-width: 6px;\n }\n }\n }\n\n &__error-message {\n padding: 0;\n color: var(--danger-40);\n }\n\n &__info {\n padding: 0;\n color: var(--base-80);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-item {\n --min-height: 52px;\n --background: transparent;\n --padding-start: 0;\n --padding-end: 0;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-end: 0;\n --ion-item-background: transparent;\n --ion-item-color: var(--base-110);\n\n color: var(--base-110);\n\n &__icon {\n margin-inline-end: 16px;\n\n svg {\n @include fill-svg-and-path(var(--base-120));\n }\n }\n\n &__content {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n\n &_with-border-bottom {\n border-block-end: 1px solid var(--base-15);\n }\n }\n\n &__label {\n align-items: flex-start;\n width: 100%;\n margin: 0;\n }\n\n &__label-wrapper {\n display: flex;\n align-items: center;\n width: 100%;\n margin: 0;\n column-gap: 8px;\n }\n\n &__additional-text {\n color: var(--base-80);\n }\n\n &__label-text {\n white-space: normal;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.input-with-chips {\n &__content {\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n width: 100%;\n min-height: 52px;\n padding: 8px 12px;\n column-gap: 8px;\n background: var(--base-20);\n border-radius: 12px;\n row-gap: 8px;\n }\n\n &__input-wrapper {\n position: relative;\n display: inline-flex;\n flex-grow: 1;\n align-items: center;\n min-width: 36px;\n height: 36px;\n padding: 0;\n white-space: break-word;\n }\n\n &__input {\n @include body-4();\n\n position: absolute !important;\n inset-block: 0;\n z-index: 10;\n width: 100%;\n height: inherit;\n margin: 0;\n padding: inherit;\n outline: none;\n\n &-value {\n @include body-4();\n\n width: 100%;\n min-width: 32px;\n padding: inherit;\n color: red;\n opacity: 0;\n }\n }\n\n &__error {\n @include caption-2();\n\n margin-inline-start: 12px;\n color: var(--danger-40);\n }\n\n &__chip {\n --background: var(--base-40);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.show-button {\n --background: transparent;\n --background-activated: var(--base-10);\n --box-shadow: none;\n}\n\n.show-icon {\n @include fill-svg-and-path(var(--base-70));\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-country-number {\n height: 288px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select {\n @include use-border-box-sizing;\n\n width: 100%;\n height: 52px;\n margin-block-end: var(--ith-input-bottom-offset);\n\n &_with-chips {\n height: fit-content;\n }\n\n &__input-container {\n --padding-bottom: 0;\n\n & * {\n cursor: pointer;\n }\n }\n\n &__toggle-icon {\n position: absolute;\n inset-block-start: 18px;\n inset-inline-end: 12px;\n z-index: 9;\n transition: 200ms;\n pointer-events: none;\n\n &_opened {\n transform: rotate(180deg);\n }\n }\n\n &__popover {\n --ith-select-popover-max-height: 288px;\n --ith-select-popover-box-shadow: 0 5px 12px 0 #0000001a;\n --width: var(--ith-select-popover-width) !important;\n --ith-select-popover-bottom: unset;\n --ith-select-popover-top: unset;\n\n user-select: none;\n\n &::part(content) {\n inset-block-end: var(--ith-select-popover-bottom);\n inset-block-start: var(--ith-select-popover-top);\n\n --box-shadow: var(--ith-select-popover-box-shadow);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-manual-popover-wrapper {\n position: relative;\n z-index: var(--trigger-button-z-index);\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n/* stylelint-disable csstools/use-logical */\n.ith-manual-popover {\n position: absolute;\n z-index: 1;\n width: var(--width);\n overflow: hidden;\n background: var(--addition-70);\n border: 1px solid var(--base-30);\n border-radius: 8px;\n box-shadow: 0 2px 4px rgb(0 0 0 / 2%), 0 0 0 rgb(0 0 0 / 10%), 0 1px 10px rgb(0 0 0 / 11%);\n visibility: hidden;\n opacity: 0;\n transition: opacity 300ms, visibility 300ms;\n\n &_opened {\n visibility: visible;\n opacity: 1;\n }\n\n &_triangle::before {\n position: absolute;\n display: block;\n width: 16px;\n height: 16px;\n background: var(--addition-70);\n border-radius: 2px;\n content: '';\n }\n\n &_position {\n &_top-center::before {\n bottom: -15px;\n left: 50%;\n transform: rotate(45deg) translateX(-11px);\n }\n\n &_bottom-center::before {\n top: -1px;\n left: 50%;\n transform: rotate(45deg) translateX(-11px);\n }\n\n &_right-center::before {\n top: 50%;\n left: -15px;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_left-center::before {\n top: 50%;\n right: 0;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_top-left-corner::before {\n right: 0;\n bottom: 8px;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_bottom-left-corner::before {\n top: 24px;\n right: 0;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_top-right-corner::before {\n bottom: 8px;\n left: -15px;\n transform: rotate(45deg) translateY(-11px);\n }\n\n &_bottom-right-corner::before {\n top: 24px;\n left: -15px;\n transform: rotate(45deg) translateY(-11px);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-popover {\n &__content {\n width: 100%;\n height: 100%;\n }\n\n &__label {\n margin-block: 8px;\n margin-inline: 16px 0;\n color: var(--base-70);\n }\n\n &__options {\n @include custom-scrollbar;\n\n max-height: var(--ith-select-popover-max-height);\n padding: 0 !important;\n overflow: auto;\n }\n\n &__virtual-scroll-container {\n @include custom-scrollbar;\n\n height: var(--ith-select-popover-max-height) !important;\n padding: 0;\n background: var(--base-0);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-nothing-found {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n color: var(--base-80);\n\n &__icon {\n @include fill-svg-and-path(var(--base-80));\n\n margin-inline-end: 16px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-item {\n --padding-start: 16px;\n --padding-end: 16px;\n --background: var(--base-0);\n\n &_without-checkmark-selected {\n --background: var(--base-20);\n }\n\n &__icon {\n @include common-icon-self-size();\n\n margin-inline-end: 16px;\n }\n\n &__details {\n color: var(--base-80);\n\n &_inline {\n margin-inline-start: 8px;\n }\n }\n\n &__check-icon {\n @include common-icon-self-size();\n @include fill-svg-and-path(var(--brand-primary-40));\n }\n\n &__checkbox {\n margin-inline-end: 16px;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-select-sheet {\n &__content {\n &_without-header {\n padding-block-start: 24px;\n }\n\n & ion-list {\n padding: 0\n }\n\n @include mobile {\n padding: 6px 0 20px;\n }\n }\n\n &__virtual-scroll-container {\n @include custom-scrollbar;\n\n height: calc(100vh - var(--page-header-min-height)) !important;\n }\n\n &__options {\n --ion-item-background: none;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-phone-input {\n display: flex;\n gap: 8px;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-hidden-file-input {\n &__input {\n width: 100%;\n height: 100%;\n padding: 0;\n background-color: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n opacity: 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-profile-photo-input {\n --button-diameter: 96px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n &__image {\n width: var(--button-diameter);\n height: var(--button-diameter);\n object-fit: cover;\n overflow: hidden;\n border-radius: 50%;\n\n &_full-container-size {\n position: absolute;\n }\n }\n\n &__photo-button {\n --border-radius: 50%;\n --background: var(--base-15);\n --box-shadow: none;\n --padding-start: 0;\n --padding-end: 0;\n\n position: relative;\n width: var(--button-diameter);\n height: var(--button-diameter);\n margin: 0;\n }\n\n &__photo-icon {\n --photo-icon-size: 32px;\n\n position: absolute;\n width: var(--photo-icon-size);\n height: var(--photo-icon-size);\n\n @include fill-svg-and-path(var(--brand-primary-40));\n\n @include desktop {\n --photo-icon-size: 40px;\n }\n }\n\n &__text-button {\n --background: none;\n --box-shadow: none;\n --color: var(--brand-primary-40);\n --padding-start: 0;\n --padding-end: 0;\n\n position: relative;\n height: 22px;\n }\n\n margin: 16px 0 0;\n\n &__text {\n position: absolute;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-range {\n /** In the normal state, the knob has a scale(0.67) **/\n --knob-size: calc(18px / 0.67);\n --bar-background: var(--base-30);\n --bar-height: 4px;\n --bar-background-active: var(--brand-primary-40);\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.star-rating {\n display: flex;\n width: 100%;\n height: 100%;\n\n svg {\n width: 100%;\n height: 100%;\n @include fill-svg-and-path(var(--warning-30));\n }\n\n input[type='radio'] {\n width: 0;\n height: 0;\n margin: 0;\n border: none;\n outline: none;\n opacity: 0;\n appearance: none;\n }\n\n &__gradient {\n flex: 0;\n\n & stop:first-child {\n stop-color: var(--warning-30);\n }\n\n & stop:nth-child(2) {\n stop-color: var(--base-30);\n }\n }\n\n &__container {\n display: flex;\n flex: 1;\n cursor: pointer;\n\n &:first-of-type {\n flex: 0;\n\n & .star-rating__star {\n display: none;\n }\n }\n\n &_checked ~ & svg {\n @include fill-svg-and-path(var(--base-30));\n }\n\n &:hover ~ & svg {\n @include fill-svg-and-path(var(--base-30));\n }\n }\n\n &_primary {\n .star-rating__container {\n &_checked ~ * .star-rating__star {\n @include fill-svg-and-path(var(--base-40));\n }\n\n &:hover ~ * svg {\n @include fill-svg-and-path(var(--base-40));\n }\n }\n\n .star-rating__gradient {\n & stop:nth-child(2) {\n stop-color: var(--base-40);\n }\n }\n }\n\n &:hover &__star {\n @include fill-svg-and-path(var(--warning-30));\n }\n\n &:active &__star {\n @include fill-svg-and-path(var(--warning-40));\n }\n\n &_read-only {\n pointer-events: none;\n }\n\n &_size {\n &_large {\n width: 280px;\n height: 40px;\n }\n\n &_small {\n width: 90px;\n height: 14px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$handle-diameter: 16px;\n$handle-spacing: 2px;\n$toggle-height: $handle-diameter + $handle-spacing * 2;\n\n.ith-toggle {\n display: inline-block;\n height: $toggle-height;\n\n &__toggle {\n --handle-width: #{$handle-diameter};\n --handle-height: #{$handle-diameter};\n --handle-spacing: #{$handle-spacing};\n --handle-box-shadow: none;\n --handle-background: var(--addition-50);\n --handle-background-checked: var(--addition-50);\n --background: var(--base-70);\n --background-checked: var(--brand-primary-40);\n\n width: 36px;\n height: $toggle-height;\n padding: 0;\n\n &[disabled='true'] {\n --handle-background: var(--base-10);\n --handle-background-checked: var(--addition-50);\n --background: var(--base-30);\n --background-checked: var(--brand-primary-10);\n\n opacity: 1;\n\n &::part(handle) {\n opacity: 0.4;\n }\n }\n\n &.toggle-checked {\n --handle-box-shadow: 0 2px 2px rgb(0 0 0 / 25%);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-menu-item {\n --background: transparent;\n --padding-start: 24px;\n --padding-end: 24px;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 0;\n --inner-padding-bottom: 0;\n --min-height: 48px;\n --color: var(--base-110);\n\n &_rounded {\n --border-radius: 0 24px 24px 0;\n }\n\n &_active {\n --background: var(--base-15);\n }\n\n &_danger {\n --color: var(--danger-40);\n }\n\n &__icon {\n @include common-icon-self-size;\n @include fill-svg-and-path(var(--base-80));\n\n svg {\n @include fill-svg-and-path(var(--base-80));\n }\n\n margin-inline-end: 16px;\n\n &_danger {\n svg {\n @include fill-svg-and-path(var(--danger-40));\n }\n }\n }\n\n &__accordion-arrow {\n height: 12px;\n transform: rotate(90deg);\n transition: transform 200ms ease-in-out;\n\n &_expanded {\n transform: rotate(270deg);\n }\n }\n\n &__element-after-wrapper {\n @include centered-flexbox;\n\n padding: 8px 0;\n }\n}\n\nion-accordion > ion-item[slot=header]{\n --border-width: 0 !important;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-action-fab {\n &__button {\n .ith-action-fab__icon {\n @include fill-svg-and-path(var(--addition-50));\n }\n\n &[disabled='true'] {\n --background: var(--brand-primary-20);\n\n opacity: 1;\n\n .ith-action-fab__icon {\n @include fill-svg-and-path(var(--addition-60));\n }\n }\n }\n\n &_vertical {\n &_bottom {\n inset-block-end: calc(var(--ion-safe-area-bottom) + 16px);\n }\n }\n\n &_horizontal {\n &_end {\n inset-inline-end: calc(var(--ion-safe-area-right) + 16px);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-custom-avatar-stub {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n\n &__stub {\n display: flex;\n align-items: center;\n width: var(--diameter);\n height: var(--diameter);\n background: var(--base-20);\n border-radius: 50%;\n }\n\n &__text {\n $font-size: calc(var(--diameter) / 2.5);\n\n margin: auto;\n color: var(--base-110);\n font-size: $font-size;\n line-height: $font-size;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-avatar {\n --diameter: 32px;\n\n width: var(--diameter);\n height: var(--diameter);\n\n &__image {\n width: var(--diameter);\n height: var(--diameter);\n\n &_hidden {\n display: none;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-badge {\n --background: transparent;\n --padding-top: 2px;\n --padding-bottom: 2px;\n --padding-end: 6px;\n --padding-start: 6px;\n\n position: relative;\n width: fit-content;\n max-height: 24px;\n overflow: hidden;\n border-radius: 2px;\n\n &::after {\n position: absolute;\n inset: 0;\n background-color: currentcolor;\n opacity: 0.1;\n content: '';\n }\n\n &_color {\n &_base {\n color: var(--base-80);\n }\n\n &_base-highlighted {\n color: var(--base-100);\n }\n\n &_secondary {\n color: var(--brand-secondary-40);\n }\n\n &_warning {\n color: var(--warning-40);\n }\n\n &_danger {\n color: var(--danger-40);\n }\n\n &_success {\n color: var(--success-40);\n }\n\n &_info {\n color: var(--info-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-breadcrumbs {\n display: flex;\n flex-wrap: wrap;\n margin-block-end: 0;\n margin-inline-start: 0;\n color: var(--base-80);\n white-space: nowrap;\n text-overflow: ellipsis;\n\n @include mobile {\n display: none;\n }\n\n &__text {\n position: relative;\n display: inline-block;\n margin-block-end: 5px;\n padding-inline-start: 15px;\n color: var(--base-80);\n cursor: default;\n\n &::after {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 5px;\n width: 3px;\n height: 3px;\n background-color: var(--base-50);\n border-radius: 50%;\n transform: translateY(-50%);\n content: '';\n }\n\n &:first-child {\n padding-inline-start: 0;\n\n &::after {\n display: none;\n }\n }\n\n &::before {\n display: none;\n }\n\n &:hover {\n color: var(--base-80);\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n color: var(--base-90);\n }\n\n &:active {\n color: var(--base-110);\n }\n }\n\n &_clickable {\n cursor: pointer;\n\n &:hover {\n color: var(--base-90);\n }\n\n &:active {\n color: var(--base-110);\n }\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-bubble-message {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 40px !important;\n height: 40px !important;\n column-gap: 16px;\n background-color: var(--brand-primary-40);\n border-radius: 2px 24px 24px;\n transition: width 0.2s, height 0.2s, padding 0.2s;\n\n &_with-hover {\n padding: 8px;\n }\n\n &__avatar {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n overflow: hidden;\n background-color: rgb(255 255 255);\n border-radius: 50%;\n transition: width 0.2s, height 0.2s;\n\n ion-img {\n object-fit: cover;\n overflow: inherit;\n }\n }\n\n &__owner {\n align-items: center;\n width: 24px;\n height: 24px;\n transition: width 0.2s, height 0.2s;\n\n @include flex-row-with-gap(0, 16px);\n }\n\n &__action-buttons {\n display: flex;\n opacity: 0;\n transition-delay: 0;\n }\n\n &__button {\n --padding-start: 8px;\n --padding-end: 8px;\n --padding-top: 8px;\n --padding-bottom: 8px;\n\n height: fit-content;\n margin: 0;\n\n svg {\n @include fill-svg-and-path(var(--addition-50));\n }\n }\n\n &__text {\n width: 100%;\n max-height: 60px;\n margin: 0;\n overflow: auto;\n color: var(--addition-50);\n opacity: 0;\n transition: opacity 0.1s;\n transition-delay: 0;\n\n @include custom-scrollbar(var(--brand-primary-40));\n }\n\n @include desktop {\n &_with-hover {\n &.hover {\n width: 360px !important;\n height: 132px !important;\n padding: 16px;\n }\n\n &.hover .ith-bubble-message__owner {\n width: auto !important;\n height: 40px !important;\n }\n\n &.hover .ith-bubble-message__avatar {\n width: 40px;\n height: 40px;\n }\n\n &.hover .ith-bubble-message__text {\n opacity: 1;\n transition-delay: 0.2s;\n }\n\n &.hover .ith-bubble-message__action-buttons {\n opacity: 1;\n transition-delay: 0.2s;\n }\n }\n }\n\n &.opened {\n width: 360px !important;\n height: fit-content !important;\n padding: 16px;\n }\n\n &.expanded {\n width: 360px !important;\n height: auto !important;\n max-height: 250px;\n padding: 16px;\n }\n\n &.expanded .ith-bubble-message__owner,\n &.opened .ith-bubble-message__owner {\n width: auto !important;\n height: 40px !important;\n }\n\n &.expanded .ith-bubble-message__avatar,\n &.opened .ith-bubble-message__avatar {\n width: 40px;\n height: 40px;\n }\n\n &.expanded .ith-bubble-message__text,\n &.opened .ith-bubble-message__text {\n max-height: 185px;\n opacity: 1;\n transition-delay: 0.2s;\n }\n\n &.expanded .ith-bubble-message__action-buttons,\n &.opened .ith-bubble-message__action-buttons {\n opacity: 1;\n transition-delay: 0.2s;\n }\n\n &__text-wrapper {\n padding-inline-start: 56px;\n\n ion-router-link {\n --color: initial;\n\n text-decoration: underline;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-card {\n margin: 0;\n padding: 16px;\n background: var(--addition-50);\n border-radius: 16px;\n box-shadow: none;\n\n &_border {\n &_dashed {\n border: 2px dashed var(--base-15);\n }\n }\n\n &_color {\n &_none {\n background: none;\n }\n\n &_base {\n background: var(--base-15);\n }\n }\n\n &_radius {\n &_medium {\n border-radius: 24px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-code-char-input {\n font-weight: 700 !important;\n font-size: 28px !important;\n line-height: 32px !important;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-code-input {\n --input-width: 48px;\n --input-height: 60px;\n --gap: 8px;\n\n display: flex;\n gap: var(--gap);\n\n &__input-container {\n --min-input-height: var(--input-height);\n\n flex: 0 0 var(--input-width);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-counter {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: fit-content;\n height: 52px;\n padding: 0 10px;\n background: var(--base-0);\n border-radius: 16px;\n\n &.disabled {\n filter: grayscale(100%);\n\n &,\n * {\n color: var(--base-50);\n pointer-events: none;\n }\n }\n\n &.with-shadow {\n box-shadow: 0 2px 12px rgb(40 52 77 / 8%);\n }\n\n &.grey {\n background: var(--base-17);\n }\n\n &__action-button {\n --padding-start: 8px;\n --padding-end: 8px;\n --padding-top: 8px;\n --padding-bottom: 8px;\n\n height: fit-content;\n margin: 0;\n\n svg {\n width: 10px;\n height: 10px;\n\n @include fill-svg-and-path(var(--brand-primary-40));\n }\n\n &::part(native) {\n height: fit-content;\n }\n\n &[disabled=''] {\n svg {\n @include fill-svg-and-path(var(--base-70));\n }\n }\n }\n\n &__number-input {\n all: unset;\n appearance: textfield;\n padding-inline-start: 8px;\n\n @include desktop {\n margin-inline-end: -8px;\n }\n\n @include mobile {\n margin-inline-end: 8px;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n\n /* display: none; <- Crashes Chrome on hover */\n appearance: none;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.blurred-image-container {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n &__real-image {\n z-index: 1;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n &__blurred-image {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n filter: blur(8px);\n }\n\n &_disabled {\n opacity: 0.8;\n pointer-events: none;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-menu-item {\n --background: transparent;\n --padding-start: 24px;\n --padding-end: 24px;\n --padding-top: 0;\n --padding-bottom: 0;\n --inner-padding-start: 0;\n --inner-padding-end: 0;\n --inner-padding-top: 0;\n --inner-padding-bottom: 0;\n --min-height: 48px;\n --color: var(--base-110);\n\n &_rounded {\n --border-radius: 0 24px 24px 0;\n }\n\n &_active {\n --background: var(--base-15);\n }\n\n &_danger {\n --color: var(--danger-40);\n }\n\n &__icon {\n @include common-icon-self-size;\n @include fill-svg-and-path(var(--base-80));\n\n svg {\n @include fill-svg-and-path(var(--base-80));\n }\n\n margin-inline-end: 16px;\n\n &_danger {\n svg {\n @include fill-svg-and-path(var(--danger-40));\n }\n }\n }\n\n &__accordion-arrow {\n height: 12px;\n transform: rotate(90deg);\n transition: transform 200ms ease-in-out;\n\n &_expanded {\n transform: rotate(270deg);\n }\n }\n\n &__element-after-wrapper {\n @include centered-flexbox;\n\n padding: 8px 0;\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-number-switch-input {\n --option-size: 48px;\n\n user-select: none;\n\n &__title {\n display: flex;\n flex-direction: row;\n color: var(--base-110);\n white-space: pre-line;\n column-gap: 8px;\n row-gap: 0;\n }\n\n &__description{\n margin: 16px 0;\n color: var(--base-70);\n }\n\n &__switch {\n position: relative;\n height: 64px;\n margin-block-start: 16px;\n padding: 8px;\n background: var(--base-15);\n border-radius: 24px;\n\n &-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n scroll-behavior: smooth;\n\n @include mobile {\n width: fit-content;\n max-width: 100%;\n overflow-x: auto;\n scroll-behavior: smooth;\n\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n }\n\n &-options {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n @include desktop {\n width: 100%;\n }\n\n @include mobile {\n padding: 0 calc(((var(--container-width) - var(--option-size) - 20px) / 2) - 8px) 0;\n }\n\n &.reversed {\n @include mobile {\n padding: 0 calc(((var(--container-width) - var(--option-size) - 20px) / 2) + 2px) 0;\n }\n }\n }\n\n &-highlight {\n position: absolute;\n z-index: 1;\n width: var(--option-size);\n height: var(--option-size);\n background-color: var(--brand-primary-40);\n border-radius: 50%;\n transition: left linear 200ms;\n\n @include mobile {\n display: none;\n }\n }\n }\n\n &-option {\n position: relative;\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--option-size);\n height: var(--option-size);\n margin: 0;\n border-radius: 50%;\n cursor: pointer;\n\n @include mobile {\n flex-shrink: 0;\n width: calc(var(--option-size) + 20px);\n color: var(--base-60);\n }\n\n @include desktop {\n &:hover {\n background-color: var(--brand-primary-0);\n }\n\n &:active {\n background-color: var(--brand-primary-10);\n }\n }\n\n &_selected {\n color: var(--addition-50);\n font-weight: bold;\n background-color: transparent !important;\n transition: color 300ms;\n\n @include mobile {\n color: var(--brand-primary-40);\n }\n }\n\n &_near-to-selected {\n @include mobile {\n color: var(--base-90);\n }\n }\n }\n }\n\n &__marker {\n position: absolute;\n inset-block-start: -6px;\n inset-inline-start: 50%;\n z-index: 100;\n transform: translateX(-50%);\n\n @include desktop {\n display: none;\n }\n\n &-triangle {\n position: relative;\n inset-inline-start: -3px;\n overflow: hidden;\n border-radius: 20%;\n transform: translateY(50%) rotate(90deg) skewY(30deg) scaleX(0.866);\n\n @include desktop {\n display: none;\n }\n\n /* triangle background extra extra small */\n &,\n &::before,\n &::after {\n width: 16px;\n height: 14px;\n }\n\n &::before,\n &::after {\n position: absolute;\n background: var(--brand-primary-40);\n content: '';\n pointer-events: auto;\n }\n\n &::before {\n border-radius: 20% 20% 20% 53%;\n transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866)\n translateX(-24%);\n }\n\n &::after {\n border-radius: 20% 20% 53%;\n transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866)\n translateX(24%);\n }\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-segment {\n --background: transparent;\n\n width: fit-content;\n\n &__button {\n --border-radius: none;\n --indicator-box-shadow: none;\n --indicator-color: var(--brand-primary-40);\n --indicator-height: 2px;\n --color: var(--base-80);\n --color-checked: var(--brand-primary-40);\n --padding-start: 0;\n --padding-end: 0;\n --ripple-color: transparent;\n --background-hover: transparent;\n\n flex: 0 0 auto;\n min-width: auto;\n min-height: 28px;\n margin-inline-end: 24px;\n\n &:last-child {\n margin-inline-end: 0;\n }\n\n &::part(indicator) {\n display: flex;\n align-items: flex-end;\n border-radius: 1px;\n }\n }\n\n &__label {\n margin: 0;\n }\n\n &__text {\n text-transform: none;\n }\n\n &.ith-segment-scrollable {\n width: auto;\n @include custom-scrollbar();\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-share-menu {\n &__item {\n &-button {\n width: 100%;\n height: 100%;\n }\n\n &-content {\n display: flex;\n grid-gap: 8px;\n align-items: center;\n }\n\n &:hover {\n background-color: rgb(32 32 32 / 4%);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-side-menu {\n --ion-item-background: transparent;\n\n width: 280px;\n padding: 0 !important;\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-steps-indicator {\n display: flex;\n gap: 4px;\n\n &__step {\n width: 12px;\n height: 4px;\n background: var(--base-20);\n border-radius: 2px;\n\n &_active {\n background: var(--brand-primary-40);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-stepper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n &__button {\n --padding-start: 0;\n --padding-end: 0;\n\n display: flex;\n gap: 4px;\n align-items: center;\n color: var(--brand-primary-40);\n text-transform: none;\n opacity: 1;\n transition-duration: 200ms;\n transition-property: opacity, visibility;\n\n &_disabled {\n opacity: 0.4;\n }\n\n &_hidden {\n visibility: hidden;\n opacity: 0;\n }\n }\n\n &__arrow {\n @include fill-svg-and-path(var(--brand-primary-40));\n\n width: 16px;\n height: 16px;\n\n &_direction {\n &_left {\n margin-inline-end: 4px;\n transform: rotate(180deg);\n }\n\n &_right {\n margin-inline-start: 4px;\n }\n }\n }\n}\n\n[dir='rtl'] .ith-stepper__arrow {\n &_direction {\n &_left {\n transform: unset;\n }\n\n &_right {\n transform: rotate(180deg);\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-custom-toolbar {\n .record-button {\n svg {\n @include fill-svg-and-path(var(--text-editor-icon-color));\n\n path {\n fill: var(--text-editor-icon-color);\n stroke: var(--text-editor-icon-color);\n }\n }\n\n &.active {\n svg {\n @include fill-svg-and-path(var(--brand-primary-40));\n }\n }\n }\n\n .button-wrapper {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n margin: 0;\n inset-block-end: 0;\n inset-inline-end: 0;\n\n button {\n background: none !important;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n@mixin global-ql-button {\n span.ql-formats button {\n @content;\n }\n}\n\n@mixin centered-flexbox {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin transition($properties, $duration: 100ms) {\n transition: $properties $duration ease-in-out;\n}\n\n@mixin button-styles($icon-color, $bg-color) {\n background-color: $bg-color;\n\n .ql-stroke {\n stroke: $icon-color;\n }\n\n .ql-fill {\n fill: $icon-color;\n }\n}\n\n@mixin active-quill-button {\n @include button-styles(var(--text-editor-icon-color-active), var(--text-editor-icon-background-active));\n\n &.ql-paragraph {\n background-color: var(--text-editor-icon-background-active);\n\n svg path {\n fill: var(--text-editor-icon-color-active);\n }\n }\n}\n\n.ith-text-editor {\n &__hint {\n position: absolute;\n inset-block-start: var(--text-editor-hint-top);\n display: flex;\n justify-content: space-between;\n width: 100%;\n padding-inline: var(--text-editor-hint-right);\n color: var(--base-80);\n\n @include caption-1;\n\n &,\n * {\n color: var(--base-80);\n }\n\n &_error {\n &,\n * {\n color: var(--danger-40);\n }\n }\n\n &_length-hint {\n margin-inline-start: auto;\n }\n }\n\n &__text-editor {\n --text-editor-icon-color: var(--base-80);\n --text-editor-icon-color-active: var(--brand-secondary-40);\n --text-editor-icon-background-active: var(--brand-secondary-0);\n --text-editor-border-width: 2px;\n --text-editor-border-color: var(--base-30);\n --text-editor-border-radius: 12px;\n --text-editor-border-color-active: var(--brand-primary-40);\n --text-editor-min-height: 360px;\n --text-editor-padding-top: 8px;\n --text-editor-padding-bottom: 8px;\n --text-editor-padding-start: 12px;\n --text-editor-padding-end: 12px;\n --text-editor-text-color: var(--base-120);\n --text-editor-hint-top: calc(100% + 6px);\n --text-editor-hint-right: 12px;\n --text-editor-toolbar-min-height: 20px;\n --text-editor-background: var(--base-0);\n\n position: relative;\n min-height: var(--text-editor-min-height);\n background-color: var(--text-editor-background);\n border: var(--text-editor-border-width) solid var(--text-editor-border-color);\n border-radius: var(--text-editor-border-radius);\n transition: border-color 100ms;\n\n @include transition(border-color, 100ms);\n\n @include use-border-box-sizing();\n\n @include mobile {\n --text-editor-hint-top: calc(100% + 4px);\n }\n\n @include global-ql-button {\n width: 24px;\n height: 24px;\n padding: 0;\n overflow: hidden;\n border-radius: 4px;\n transform: translate3d(0, 0, 0);\n transition: background-color 100ms;\n transition: transform 200ms;\n\n @include centered-flexbox();\n\n @include desktop {\n &:hover {\n @include active-quill-button;\n }\n }\n\n &:active {\n transform: scale(0.9, 0.9);\n }\n\n .ql-stroke {\n stroke: var(--text-editor-icon-color);\n }\n\n .ql-fill {\n fill: var(--text-editor-icon-color);\n }\n\n svg {\n width: 22px;\n\n * {\n transition: all 100ms;\n }\n }\n }\n\n &_disabled {\n --text-editor-icon-color: var(--base-70);\n --text-editor-text-color: var(--base-70);\n\n &,\n * {\n color: var(--base-70);\n cursor: auto !important;\n pointer-events: none !important;\n }\n }\n\n .ql-editor {\n padding: var(--text-editor-padding-top) var(--text-editor-padding-end) var(--text-editor-padding-bottom)\n var(--text-editor-padding-start);\n\n @include mobile {\n min-height: calc(var(--text-editor-min-height) - var(--text-editor-toolbar-min-height));\n }\n\n &::before {\n color: var(--base-80);\n font-style: normal;\n }\n\n &,\n * {\n color: var(--text-editor-text-color);\n\n @include small-text();\n\n .ql-font-serif {\n font-family: serif;\n }\n\n .ql-font-monospace,\n .ql-syntax {\n font-family: monospace;\n }\n }\n\n sub,\n sup {\n &,\n * {\n @include caption-2();\n }\n }\n\n strong {\n &,\n * {\n font-weight: bold !important;\n }\n }\n }\n\n .ql-container {\n border: none;\n }\n\n .ql-toolbar {\n display: flex;\n flex-wrap: wrap;\n min-height: var(--text-editor-toolbar-min-height);\n border: none;\n padding-block: 12px;\n padding-inline: 0;\n row-gap: 8px;\n border-block-end: var(--text-editor-border-width) solid var(--text-editor-border-color);\n\n @include desktop {\n justify-content: space-between;\n padding-block: 8px;\n }\n\n .ql-formats {\n position: relative;\n display: flex;\n justify-content: space-between;\n width: fit-content;\n column-gap: 12px;\n margin-inline-end: 0 !important;\n padding-inline: 12px;\n\n @include mobile {\n column-gap: 8px;\n }\n\n &:not(:last-child)::after {\n position: absolute;\n width: 1px;\n height: 16px;\n background: var(--base-40);\n border-radius: 1px;\n transform: translateY(-50%);\n content: '';\n inset-block-start: 50%;\n inset-inline-end: 0;\n }\n\n .ql-paragraph {\n svg {\n width: 16px !important;\n\n @include fill-svg-and-path(var(--text-editor-icon-color));\n }\n }\n\n\n .ql-active {\n @include active-quill-button;\n }\n }\n }\n\n\n &_active {\n border-color: var(--brand-primary-40);\n }\n\n &_error {\n border-color: var(--danger-40);\n\n :global {\n .ql-editor {\n &::before {\n color: var(--danger-40);\n }\n }\n }\n }\n\n }\n\n &__editor {\n padding: 0;\n\n p,\n ul,\n ol {\n margin-block: 16px;\n }\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-video-modal {\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: center;\n\n &__modal {\n --width: 78vw;\n --max-width: 1120px;\n --height: calc((100vh - 110px) * 0.9);\n --max-height: 680px;\n\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n\n &::part(content) {\n position: static;\n padding: 0;\n border: none;\n\n @include mobile {\n background-color: var(--addition-40);\n border-radius: 0;\n }\n }\n\n @include mobile {\n --width: 100vw;\n --height: auto;\n }\n }\n\n @include mobile {\n background-color: var(--addition-40);\n }\n\n &__description {\n @include title-8();\n\n position: absolute;\n inset-block-start: 40px;\n z-index: 999999;\n max-width: calc(100% - 32px);\n color: var(--addition-50);\n\n @include mobile {\n inset-block-start: unset;\n inset-block-end: 16px;\n\n @include body-3();\n }\n }\n\n &__close-icon-wrapper {\n --background: transparent;\n --box-shadow: none;\n --background-hover: transparent;\n --ripple-color: transparent;\n\n position: absolute;\n inset-block-start: 16px;\n inset-inline-end: 16px;\n z-index: 99999;\n\n @include mobile {\n inset-inline-end: unset;\n inset-inline-start: 16px;\n }\n }\n\n &__close-icon {\n @include common-svg-size();\n @include fill-svg-and-path(var(--addition-50));\n }\n\n &__video-player-wrapper {\n cursor: pointer;\n\n @include mobile {\n width: 100%;\n height: 0;\n padding-block-end: 70%;\n border-radius: 0;\n }\n\n img,\n iframe {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n img {\n object-fit: cover;\n }\n }\n\n &__play-icon-wrapper {\n position: absolute;\n inset: 0;\n width: 88px;\n height: 88px;\n margin: auto;\n background: rgb(0 0 0 / 50%);\n border-radius: 60px;\n\n @include centered-flexbox();\n }\n\n &__play-icon {\n width: calc(24px * 32 / 12);\n height: calc(24px * 32 / 14);\n }\n}\n","@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n\n@mixin flex-row-with-gap($rowGap: 0, $columnGap: 0) {\n display: flex;\n flex-direction: row;\n row-gap: $rowGap;\n column-gap: $columnGap;\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-0 {\n /** styleName: Body 0 (18 R); **/\n font-weight: 400;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 26px;\n letter-spacing: 0;\n}\n\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.ith-wallet-card {\n display: flex;\n flex-direction: column;\n\n &__header {\n display: flex;\n justify-content: space-between;\n margin-block-end: 12px;\n\n &-text {\n color: var(--base-80);\n }\n }\n\n &__wrapper {\n display: flex;\n gap: 14px;\n align-items: center;\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n }\n\n &__description-wrapper {\n display: flex;\n }\n\n &__description {\n color: var(--base-80);\n }\n\n &__expiration {\n padding: 0 8px;\n color: var(--ion-color-step-550);\n }\n\n &__text {\n color: var(--base-120);\n }\n\n &_version {\n &_item {\n padding: 8px 0;\n\n .ith-wallet-card__header {\n margin-block-end: 0;\n }\n\n .ith-wallet-card__flag {\n font-size: 34px;\n }\n\n .ith-wallet-card__header-text {\n display: flex;\n align-items: center;\n padding-inline-end: 4px;\n }\n\n .ith-wallet-card__content {\n flex-direction: column-reverse;\n }\n }\n\n &_small {\n .ith-wallet-card__wrapper {\n align-items: start;\n }\n\n .ith-wallet-card__content {\n padding-block-start: 6px;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""}