@it-holding-ui/atomic 9.12.2 → 9.12.4

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 (6) hide show
  1. package/build/atomic/src/ITHPhoneInput/ITHPhoneInput.types.d.ts +2 -0
  2. package/build/css/main.css +1 -1
  3. package/build/css/main.css.map +1 -1
  4. package/build/index.js +1 -1
  5. package/build/index.js.map +1 -1
  6. package/package.json +2 -2
package/build/css/main.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"css/main.css","mappings":"AAqfI,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,cA/cA,4BAgd+B,CA5b/B,YArBA,oBAoBA,UACA,CAlBA,mBAEI,aADA,mBACA,CAgdJ,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,sCA5fA,oBA8fI,YA/fJ,oBA8fI,UAG2B,CA9f/B,2CAEI,aADA,mBACA,CC2bR,UAjbI,mBADA,aAEA,uBCgbJ,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,gBAxdA,mBA+dI,kBAheJ,aA6dI,YA3dJ,uBA4dI,eACA,oBAHA,UAIA,CAGJ,gBACI,gBAGJ,yBAMI,yBAFA,mBADA,aAneJ,YAqeI,uBACA,wBAveJ,UAueI,CAGJ,iBA7fA,mBA8f+B,CAG3B,YACA,QAAO,CAngBX,oBAigBI,UAEA,CAhgBJ,sBAEI,aADA,mBACA,CC2bR,kBAOI,8EAJA,kBACA,UAGA,CA9cA,sCAEI,sBA8cJ,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,kBA3cJ,8CAEI,sBA8cJ,+BAGI,sBAIA,mCANA,aACA,eAGA,iBACA,gBAEA,YAJA,UAIA,CAjfJ,kDAGI,WAFA,kBACA,SACA,CAIJ,wDACI,wBATwB,CAa5B,wDACI,qBACA,+BACA,mBAIJ,8DACI,qBAgeA,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,aA5jBJ,YAgkBI,iFACA,uBA1Ia,CA0Ib,gDAHA,uBAHA,kBAIA,6CAhkBJ,UAwbiB,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,6BApnBJ,oBAqnBmC,CAG3B,YAznBR,oBAwnBQ,UACA,CAtnBR,kCAEI,aADA,mBACA,CAwnBI,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,uBAxcA,mBA0c+B,CAtb/B,YAybI,uBACA,sBAFA,kBA7cJ,oBAoBA,WA4bI,UA7cJ,4BAEI,aADA,mBACA,CC2bR,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,qCAzdA,mBA0d+B,CAE3B,+CA7dJ,mBA6dI,CA1dJ,0CAEI,aADA,mBACA,CA2dJ,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,wBAjfA,qBAoBA,YArBA,oBAoBA,UAge+B,CAjf/B,6BAEI,aADA,mBACA,CAkfJ,yBAtfA,qBADA,mBAwf+B,CArf/B,8BAEI,aADA,mBACA,CAsfJ,mBACI,uBAAwB,CAExB,wBA7iBJ,oBAgjBgC,CA/iBhC,4BALA,oBACA,gBAEA,uBA+iBQ,mBAhjBR,oBAGA,CCgfJ,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,SA5dJ,2BAxBA,qBAoBA,YArBA,oBAoBA,UACA,CAlBA,gCAEI,aADA,mBACA,CC4bJ,0CAKI,kBACA,kCAHA,iBACA,aAEA,CAveJ,6DAGI,WAFA,kBACA,SACA,CAIJ,mEACI,wBATwB,CAa5B,mEACI,qBACA,+BACA,mBAIJ,yEACI,qBAsdJ,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,oBA/cJ,qBADA,mBAidmC,CA9cnC,yBAEI,aADA,mBACA,CAgdJ,mBAEI,mBADA,aAGA,YADA,UACA,CAEA,sCACI,wFAIR,yBAKI,mCAJA,YAIA,CAEA,yDALA,uBAEA,SADA,UAOI,CASR,qEACI,qBAGJ,sBACI,mBCvDJ,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,SArcI,oBADA,mBAuc2B,CApc3B,cAEI,aADA,mBACA,CC2bR,2BACI,aCDJ,YAKI,oDADA,YACA,gDAFA,UAEA,CA5cA,0BAEI,sBA4cJ,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,CAjfJ,gDAGI,WAFA,kBACA,SACA,CAIJ,sDACI,wBATwB,CAa5B,sDACI,qBACA,+BACA,mBAIJ,4DACI,qBAgeJ,8CAKI,yBAFA,sDACA,SACA,CAzfJ,iEAGI,WAFA,kBACA,SACA,CAIJ,uEACI,wBATwB,CAa5B,uEACI,qBACA,+BACA,mBAIJ,6EACI,qBC4cR,mBAEI,mBAGA,qBAJA,aAEA,uBACA,YACA,CAEA,yBAtcA,mBAuc+B,CAE3B,+CA1cJ,mBA0cI,CAvcJ,8BAEI,aADA,mBACA,CC2bR,iBACI,oBAAqB,CACrB,kBAAmB,CACnB,0BAA2B,CAE3B,4CACI,2BAA4B,CAGhC,uBAGI,wBAvbJ,YAubI,uBAxbJ,UAwbI,CAGJ,0BACI,qBAEA,iCACI,iDAIR,6BAtdA,6BAoBA,YArBA,oBAoBA,UAqc+B,CAtd/B,kCAEI,aADA,mBACA,CAudJ,2BACI,+CC3BA,0CACI,qDAGJ,oCACI,UA7BR,oCAuBA,2BAUQ,oBAIR,4CAGI,6DAlfJ,+DAGI,WAFA,kBACA,SACA,CAIJ,qEACI,wBATwB,CAa5B,qEACI,qBACA,+BACA,mBAIJ,2EACI,qBAieJ,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,CAhe3B,6BAoeI,8BAFA,kBAneJ,oBAoeI,4BAG2B,CApe/B,0CAEI,aADA,mBACA,CA6ZJ,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,iBApcA,uBAscI,YAvcJ,oBAscI,UAE2B,CArc/B,sBAEI,aADA,mBACA,CAscJ,+BAOI,6DAHA,YAFA,SACA,SAGA,UADA,aAJA,OAMA,CAGJ,uBACI,SAEA,wCACI,6BAGJ,yCACI,0BAIR,wBAGI,eAFA,aACA,QACA,CAEA,sCACI,SAEA,yDACI,aAIR,4DA7eJ,oBADA,mBA+emC,CA5enC,iEAEI,aADA,mBACA,CA6eA,0DAjfJ,oBADA,mBAmfmC,CAhfnC,+DAEI,aADA,mBACA,CAofI,0EAxfR,oBADA,mBA0fuC,CAvfvC,+EAEI,aADA,mBACA,CAwfI,yDA5fR,oBADA,mBA8fuC,CA3fvC,8DAEI,aADA,mBACA,CA8fI,8DACI,0BAKZ,sCAxgBA,uBADA,mBA0gB+B,CAvgB/B,2CAEI,aADA,mBACA,CAwgBJ,uCA5gBA,uBADA,mBA8gB+B,CA3gB/B,4CAEI,aADA,mBACA,CA4gBJ,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,8CAjcJ,wBADA,mBAmcmC,CAhcnC,mDAEI,aADA,mBACA,CAicA,uCACI,oCAAqC,CAErC,UAEA,6DA1cR,wBADA,mBA4cuC,CAzcvC,kEAEI,aADA,mBACA,CA6cA,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,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,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,qBAxdA,mBA0d+B,CAM3B,wBA5cJ,YA4cI,uBAjeJ,oBAoBA,UA6cI,CA9dJ,0BAEI,aADA,mBACA,CAwdA,yBA5dJ,oBADA,mBA8dmC,CA3dnC,8BAEI,aADA,mBACA,CA+dI,gCAneR,sBADA,mBAqeuC,CAlevC,qCAEI,aADA,mBACA,CAqeJ,gCACI,YACA,wBACA,qCAEA,yCACI,yBAIR,sCAreA,mBADA,aAEA,uBAueI,cCvDR,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,WA1gBJ,uDAGI,WAFA,kBACA,SACA,CAIJ,6DACI,wBATwB,CAa5B,6DACI,qBACA,+BACA,mBAIJ,mEACI,qBC8cA,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,oBA3dA,4BA4d+B,CAG3B,YAheJ,oBA+dI,UACA,CA7dJ,yBAEI,aADA,mBACA,CA8dI,mCACI,6CACA,yBAGJ,oCACI,iDAQR,6CACI,gBAGJ,8CACI,yBCtDZ,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,6BAtgBA,wBADA,mBAygB+B,CAhf/B,iCAJA,YADA,UACA,CAlBA,kCAEI,aADA,mBACA,CAugBJ,uCACI,eAnGJ,oCAkGA,uCAMQ,0BACA,eAAc,CAFd,SACA,sBAFA,UAGA,EAGJ,yFAII,YAFA,kBACA,UACA,CAGJ,2CACI,qCAIR,oCAnhBA,mBAyhBI,0BACA,mBA3hBJ,aAwhBI,YAFA,QAphBJ,uBAuhBI,YAJA,kBAEA,UArhBJ,CA8hBA,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/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/ITHImgWithBlurredFrame/ITHImgWithBlurredFrame.scss","webpack://@it-holding-ui/atomic/./src/ITHMenuItem/ITHMenuItem.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/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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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-wrapper {\n display: flex;\n align-items: flex-start;\n width: 100%;\n margin: 0;\n column-gap: 8px;\n\n &__label {\n align-items: flex-start;\n width: 100%;\n margin: 0;\n }\n\n &__additional-text {\n color: var(--base-80);\n }\n }\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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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":"AAqfI,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,cA/cA,4BAgd+B,CA5b/B,YArBA,oBAoBA,UACA,CAlBA,mBAEI,aADA,mBACA,CAgdJ,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,sCA5fA,oBA8fI,YA/fJ,oBA8fI,UAG2B,CA9f/B,2CAEI,aADA,mBACA,CC2bR,UAjbI,mBADA,aAEA,uBCgbJ,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,gBAxdA,mBA+dI,kBAheJ,aA6dI,YA3dJ,uBA4dI,eACA,oBAHA,UAIA,CAGJ,gBACI,gBAGJ,yBAMI,yBAFA,mBADA,aAneJ,YAqeI,uBACA,wBAveJ,UAueI,CAGJ,iBA7fA,mBA8f+B,CAG3B,YACA,QAAO,CAngBX,oBAigBI,UAEA,CAhgBJ,sBAEI,aADA,mBACA,CC2bR,kBAOI,8EAJA,kBACA,UAGA,CA9cA,sCAEI,sBA8cJ,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,kBA3cJ,8CAEI,sBA8cJ,+BAGI,sBAIA,mCANA,aACA,eAGA,iBACA,gBAEA,YAJA,UAIA,CAjfJ,kDAGI,WAFA,kBACA,SACA,CAIJ,wDACI,wBATwB,CAa5B,wDACI,qBACA,+BACA,mBAIJ,8DACI,qBAgeA,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,aA5jBJ,YAgkBI,iFACA,uBA1Ia,CA0Ib,gDAHA,uBAHA,kBAIA,6CAhkBJ,UAwbiB,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,6BApnBJ,oBAqnBmC,CAG3B,YAznBR,oBAwnBQ,UACA,CAtnBR,kCAEI,aADA,mBACA,CAwnBI,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,uBAxcA,mBA0c+B,CAtb/B,YAybI,uBACA,sBAFA,kBA7cJ,oBAoBA,WA4bI,UA7cJ,4BAEI,aADA,mBACA,CC2bR,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,qCAzdA,mBA0d+B,CAE3B,+CA7dJ,mBA6dI,CA1dJ,0CAEI,aADA,mBACA,CA2dJ,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,wBAjfA,qBAoBA,YArBA,oBAoBA,UAge+B,CAjf/B,6BAEI,aADA,mBACA,CAkfJ,yBAtfA,qBADA,mBAwf+B,CArf/B,8BAEI,aADA,mBACA,CAsfJ,mBACI,uBAAwB,CAExB,wBA7iBJ,oBAgjBgC,CA/iBhC,4BALA,oBACA,gBAEA,uBA+iBQ,mBAhjBR,oBAGA,CCgfJ,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,SA5dJ,2BAxBA,qBAoBA,YArBA,oBAoBA,UACA,CAlBA,gCAEI,aADA,mBACA,CC4bJ,0CAKI,kBACA,kCAHA,iBACA,aAEA,CAveJ,6DAGI,WAFA,kBACA,SACA,CAIJ,mEACI,wBATwB,CAa5B,mEACI,qBACA,+BACA,mBAIJ,yEACI,qBAsdJ,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,oBA/cJ,qBADA,mBAidmC,CA9cnC,yBAEI,aADA,mBACA,CAgdJ,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,SArcI,oBADA,mBAuc2B,CApc3B,cAEI,aADA,mBACA,CC2bR,2BACI,aCDJ,YAKI,oDADA,YACA,gDAFA,UAEA,CA5cA,0BAEI,sBA4cJ,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,CAjfJ,gDAGI,WAFA,kBACA,SACA,CAIJ,sDACI,wBATwB,CAa5B,sDACI,qBACA,+BACA,mBAIJ,4DACI,qBAgeJ,8CAKI,yBAFA,sDACA,SACA,CAzfJ,iEAGI,WAFA,kBACA,SACA,CAIJ,uEACI,wBATwB,CAa5B,uEACI,qBACA,+BACA,mBAIJ,6EACI,qBC4cR,mBAEI,mBAGA,qBAJA,aAEA,uBACA,YACA,CAEA,yBAtcA,mBAuc+B,CAE3B,+CA1cJ,mBA0cI,CAvcJ,8BAEI,aADA,mBACA,CC2bR,iBACI,oBAAqB,CACrB,kBAAmB,CACnB,0BAA2B,CAE3B,4CACI,2BAA4B,CAGhC,uBAGI,wBAvbJ,YAubI,uBAxbJ,UAwbI,CAGJ,0BACI,qBAEA,iCACI,iDAIR,6BAtdA,6BAoBA,YArBA,oBAoBA,UAqc+B,CAtd/B,kCAEI,aADA,mBACA,CAudJ,2BACI,+CC3BA,0CACI,qDAGJ,oCACI,UA7BR,oCAuBA,2BAUQ,oBAIR,4CAGI,6DAlfJ,+DAGI,WAFA,kBACA,SACA,CAIJ,qEACI,wBATwB,CAa5B,qEACI,qBACA,+BACA,mBAIJ,2EACI,qBAieJ,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,CAhe3B,6BAoeI,8BAFA,kBAneJ,oBAoeI,4BAG2B,CApe/B,0CAEI,aADA,mBACA,CA6ZJ,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,iBApcA,uBAscI,YAvcJ,oBAscI,UAE2B,CArc/B,sBAEI,aADA,mBACA,CAscJ,+BAOI,6DAHA,YAFA,SACA,SAGA,UADA,aAJA,OAMA,CAGJ,uBACI,SAEA,wCACI,6BAGJ,yCACI,0BAIR,wBAGI,eAFA,aACA,QACA,CAEA,sCACI,SAEA,yDACI,aAIR,4DA7eJ,oBADA,mBA+emC,CA5enC,iEAEI,aADA,mBACA,CA6eA,0DAjfJ,oBADA,mBAmfmC,CAhfnC,+DAEI,aADA,mBACA,CAofI,0EAxfR,oBADA,mBA0fuC,CAvfvC,+EAEI,aADA,mBACA,CAwfI,yDA5fR,oBADA,mBA8fuC,CA3fvC,8DAEI,aADA,mBACA,CA8fI,8DACI,0BAKZ,sCAxgBA,uBADA,mBA0gB+B,CAvgB/B,2CAEI,aADA,mBACA,CAwgBJ,uCA5gBA,uBADA,mBA8gB+B,CA3gB/B,4CAEI,aADA,mBACA,CA4gBJ,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,8CAjcJ,wBADA,mBAmcmC,CAhcnC,mDAEI,aADA,mBACA,CAicA,uCACI,oCAAqC,CAErC,UAEA,6DA1cR,wBADA,mBA4cuC,CAzcvC,kEAEI,aADA,mBACA,CA6cA,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,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,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,qBAxdA,mBA0d+B,CAM3B,wBA5cJ,YA4cI,uBAjeJ,oBAoBA,UA6cI,CA9dJ,0BAEI,aADA,mBACA,CAwdA,yBA5dJ,oBADA,mBA8dmC,CA3dnC,8BAEI,aADA,mBACA,CA+dI,gCAneR,sBADA,mBAqeuC,CAlevC,qCAEI,aADA,mBACA,CAqeJ,gCACI,YACA,wBACA,qCAEA,yCACI,yBAIR,sCAreA,mBADA,aAEA,uBAueI,cCvDR,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,WA1gBJ,uDAGI,WAFA,kBACA,SACA,CAIJ,6DACI,wBATwB,CAa5B,6DACI,qBACA,+BACA,mBAIJ,mEACI,qBC8cA,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,oBA3dA,4BA4d+B,CAG3B,YAheJ,oBA+dI,UACA,CA7dJ,yBAEI,aADA,mBACA,CA8dI,mCACI,6CACA,yBAGJ,oCACI,iDAQR,6CACI,gBAGJ,8CACI,yBCtDZ,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,6BAtgBA,wBADA,mBAygB+B,CAhf/B,iCAJA,YADA,UACA,CAlBA,kCAEI,aADA,mBACA,CAugBJ,uCACI,eAnGJ,oCAkGA,uCAMQ,0BACA,eAAc,CAFd,SACA,sBAFA,UAGA,EAGJ,yFAII,YAFA,kBACA,UACA,CAGJ,2CACI,qCAIR,oCAnhBA,mBAyhBI,0BACA,mBA3hBJ,aAwhBI,YAFA,QAphBJ,uBAuhBI,YAJA,kBAEA,UArhBJ,CA8hBA,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/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/ITHImgWithBlurredFrame/ITHImgWithBlurredFrame.scss","webpack://@it-holding-ui/atomic/./src/ITHMenuItem/ITHMenuItem.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/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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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/** 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":""}